/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
    * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #div1 {
            width: 300px;
            height: 20px;
            overflow: hidden;
            position: relative;
        }

        #div1 ul {
            position: absolute;
            top: 0;
        }
    </style>
    <style>
        @import url('https://rsms.me/inter/inter.css');

        :root {
            --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
        }

        body {
            font-feature-settings: "cv03", "cv04", "cv11";
        }
		li {
            list-style-type: none;
        }

        .translateSelectLanguage {
            --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238a97ab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
            display: block;
            width: 100%;
            padding: 0.5625rem 2.25rem 0.5625rem 0.75rem;
            font-family: var(--tblr-font-sans-serif);
            font-size: .875rem;
            font-weight: 400;
            line-height: 1.4285714286;
            color: var(--tblr-body-color);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--tblr-bg-forms);
            background-image: var(--tblr-form-select-bg-img), var(--tblr-form-select-bg-icon, none);
            background-repeat: no-repeat;
            background-position: right 0.75rem center;
            background-size: 16px 12px;
            border: var(--tblr-border-width) solid var(--tblr-border-color);
            border-radius: var(--tblr-border-radius);
            box-shadow: var(--tblr-box-shadow-input);
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }

        .singe-line {
            text-overflow: ellipsis;
            overflow: hidden;
            word-break: break-all;
            white-space: nowrap;
        }
		
		 * {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                #div1 {
                    width: 300px;
                    height: 20px;
                    overflow: hidden;
                    position: relative;
                }

                #div1 ul {
                    position: absolute;
                    top: 0;
                }

                .border-theme {
                    display: inline-block;
                    width: 8%;
                    height: 2px;
                    z-index: 2;
                }

                .list-news {
                    position: relative;
                    border-color: rgba(135, 150, 165, 0.1);
                    padding: 0;
                    margin: 0;
                }

                .list-news-item {
                    border-radius: 3px;
                    position: relative;
                    display: -ms-flexbox;
                    display: flex;
                }

                .list-news-item:last-child .list-news-dot:after {
                    display: none;
                }

                .list-news-item.active .list-news-dot:before {
                    border-color: #448EF6;
                    box-shadow: 0 0 0px 4px rgba(19, 126, 255, 0.2);
                }

                .list-news-dot {
                    position: relative;
                    border-color: rgba(135, 150, 165, 0.1);
                    padding: 0 .5rem;
                }

                .list-news-dot:before,
                .list-news-dot:after {
                    content: '';
                    position: absolute;
                    border-color: inherit;
                    border-width: 2px;
                    border-style: solid;
                    border-radius: 50%;
                    width: 10px;
                    height: 10px;
                    top: 14px;
                    left: 50%;
                    transform: translateX(-50%);
                }

                .list-news-dot:before {
                    border-color: rgba(31, 110, 212, 0.61);
                }

                .list-news-dot:after {
                    width: 0;
                    height: auto;
                    top: 26px;
                    bottom: -12px;
                    border-right-width: 0;
                    border-top-width: 0;
                    border-bottom-width: 0;
                    border-radius: 0;
                }

                .list-news-content {
                    padding: 0 0 1.5rem 1rem;
                }

                .list-news-content p:last-child {
                    margin-bottom: 0;
                }

                .list-news-date {
                    padding: .5rem 1rem 0;
                }

                .list-news-item.active .list-news-date {
                    padding: .25rem 1rem 1rem;
                }

                .tag {
                    display: inline;
                    padding: .2em .6em .3em;
                    font-size: 75%;
                    font-weight: 700;
                    line-height: 1;
                    color: #616060;
                    text-align: center;
                    white-space: nowrap;
                    vertical-align: baseline;
                    border-radius: .25em;
                    margin-bottom: 10px;
                    margin-bottom: 10px !important;
                }