.hl-fadeIn {
            line-height: 1.4;
            -webkit-animation-name: content;
            animation-name: content;
            -webkit-animation-direction: normal;
            animation-direction: normal;
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
        }
        .hl-rb-type-child {
            float: left;
            margin: 15px 0 0 0;
            width: 100%;
        }
        .hl-bg-subs {
            background-color: #1e8a6b;
            color: hsla(0, 0%, 100%, .85);
        }

        a, a:link, a:visited, a:active, a:hover, button {
            outline: none;
            text-decoration: none;
            cursor: pointer;
        }

        .hl-rb-type-child a {
            float: left;
            display: block;
            margin-right: 3%;
            width: 10.7125%;
            height: 28px;
            border-radius: 24px;
            text-align: center;
            line-height: 28px;
        }

        .hl-tabs-btn.active {
            background: linear-gradient(90deg, #f5671f, #f9b826);
            color: #fff;
        }

        .hl-slide-swiper {
            position: relative;
            height: 100%;
            -webkit-transition-property: -webkit-transform;
            -o-transition-property: transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }


        .hl-ls-arrow {
            position: absolute;
            top: 10px;
            right: 10px;
            display: block;
            width: 120px;
            height: 28px;
            line-height: 28px;
        }

        .swiper-button-prev,.swiper-button-next {
            top: 0;
            z-index: 11;
            margin-top: 0;
            width: 28px;
            height: 28px;
            border-radius: 100%;
            background: 0 0;
            text-align: center;
            font-weight: 700;
            font-size: 16px;
        }
        .swiper-button-prev {
            left: 0;
        }
        .swiper-button-next {
            right: 0;
        }
        .swiper-pagination-fraction {
            bottom: 0;
        }

        @media (min-width: 768px) {
            .hl-rb-type-child {
                display: block;
                overflow: hidden;
                margin: 0 0 0 40px;
                width: auto;
                height: 28px;
            }

            .hl-rb-type-child a {
                margin-right: 10px;
                padding: 0 14px;
                width: auto;
            }

            .hl-bg-hover:hover {
                background: #f50;
                background: -webkit-gradient(linear, left top, right top, from(#f50), to(#f80));
                background: -webkit-linear-gradient(left, #f50, #f80);
                background: -o-linear-gradient(left, #f50 0, #f80 100%);
                background: linear-gradient(90deg, #f50, #f80);
            }
        }
        @media (min-width: 1200px) {
            .hl-rb-type-child {
                width: 640px;
            }
        }

        @media (min-width: 1310px) {
            .hl-rb-type-child {
                width: 720px;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .hl-row-box .hl-rb-type-child {
                float: left;
                margin: 25px 0 0 0;
                width: 100%;
            }

        }