/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-background'
(17,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(32,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(41,21): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(45,27): run-time error CSS1039: Token not allowed after unary operator: '-bg-header-top'
(46,16): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color-second'
(54,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(64,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-header-top'
(108,25): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(113,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-header-top'
(138,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(158,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(178,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(182,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(189,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(194,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(199,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(200,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(218,39): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(232,30): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(242,32): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(265,28): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(266,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(276,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(281,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(285,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(289,21): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(293,25): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(297,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(301,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(305,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(309,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header-top'
(335,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(339,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(360,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(372,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(381,21): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(423,21): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(427,25): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(428,36): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(432,17): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(436,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header-top'
(593,40): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(611,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(623,25): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(700,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(704,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(708,17): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color-second'
(712,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(751,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(752,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(758,21): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(759,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(772,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(861,17): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(867,17): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color-second'
(872,22): run-time error CSS1039: Token not allowed after unary operator: '-main-card-shadow'
(905,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header-top'
(936,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(945,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
 */
:root {
    --bg-body-Cyan: #d6fff6;
    --bg-background: #F4F5F7;
    --active-font-color: #026609;
    --active-font-color-second: #5fe467;
    --menu-font-color: #162e44;
    --bg-header: #38386c;
    --bg-header-top: #595782;
    --main-card-shadow: 0 10px 10px 5px rgba(9, 30, 66, .06);
}

body {
    background-color: var(--bg-background);
}

.header-style7 .stick {
    background-color: var(--bg-header) !important;
}

    .header-style7 .stick .ne-main-menu nav ul li a {
        color: white !important;
    }

        .header-style7 .stick .ne-main-menu nav ul li a:hover {
        }

    .header-style7 .stick .header-action-item ul li .search-button i {
        color: white !important;
    }

.header-style7 .main-menu-area .ne-main-menu nav ul li ul.ne-dropdown-menu {
    background-color: var(--bg-header);
}

.header-style7 .main-menu-area .ne-main-menu nav ul li a {
    font-size: 1rem !important;
}

    .header-style7 .main-menu-area .ne-main-menu nav ul li a:hover,
    {
        color: var(--bg-header);
    }

.mean-container .mean-bar .mean-nav ul li a:hover {
    background-color:var(--bg-header-top);
    color:var(--active-font-color-second);
}

.header-style7 .main-menu-area .ne-main-menu nav ul li ul.ne-dropdown-menu > li a:hover,
.header-style7 .main-menu-area .ne-main-menu nav ul li ul.ne-dropdown-menu > li a:focus,
.header-style7 .stick .ne-main-menu nav ul li ul.ne-dropdown-menu > li a:hover,
.header-style7 .stick .ne-main-menu nav ul li ul.ne-dropdown-menu > li a:focus {
    background-color: white;
    color: var(--bg-header) !important;
}

.main-menu-area .ne-main-menu nav ul li ul.ne-dropdown-menu {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.header-search-dark .search-input {
    border: 1px var(--bg-header-top) solid;
    padding: 5px 10px 8px;
}

.logo-area img {
    max-height: 100%;
}

.logo-primary {
    content: url(../../Document/logo-navy.png);
}

.stick .logo-primary {
    content: url(../../Document/logo-white.png);
}

.item-box-light-md-less30 {
    padding: 1.5rem 1.5rem 0 !important;
}

.img-overlay-slider::before {
    height: 45% !important;
}

.post-date-dark ul li {
    font-size: 12px !important;
}

.list-news ul {
    padding-right: 0;
    margin-right: 2.14285714em;
    list-style-type: none;
}

    .list-news ul li {
        position: relative;
    }

        .list-news ul li i {
            position: absolute;
            right: -2.14285714em;
            width: 2.14285714em;
            top: 0.14285714em;
            text-align: center;
            color: var(--active-font-color);
            font-size: 15px;
        }

.bg-header-top {
    background: var(--bg-header-top);
}

.box.top ul li figure {
    font-size: 2rem;
}

.box.img-rec > div ul li figure > a {
    padding-bottom: 100% !important;
}

.box.top ul li figure a {
    padding-bottom: 50%;
}

.box > div ul li figure > a {
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    display: block;
    overflow: hidden;
    position: relative;
}

.box > div ul li a {
    color: var(--menu-font-color);
    text-decoration: none;
}

.box > div ul li figure > a img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.remove-right-padding {
    margin-right: -10px;
}

.bg-cyan {
    background-color: var(--bg-body-Cyan);
}


.item-box-light-md-less10 {
    padding: 1.5rem 1.5rem !important;
}

.box-layout {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.topic-box-order {
    height: 26px;
    margin-bottom: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    background: var(--menu-font-color);
}

footer .topic-box-order {
    background: var(--bg-body-Cyan);
}

.topic-box-order h2 {
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    background: var(--menu-font-color);
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    color: var(--bg-body-Cyan);
    line-height: 5px;
}

footer .topic-box-order h2 {
    background: var(--bg-body-Cyan);
    color: var(--menu-font-color);
}

.topic-box-order2 {
    overflow: hidden;
    cursor: default;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    background: #38386c1a;
    border-radius: 5px;
}

    .topic-box-order2 h2 {
        display: flex;
        align-items: center;
        padding: 5px 10px 5px 20px;
        border-bottom: 3px solid var(--active-font-color);
        margin: 0;
        font-size: 16px;
        position: relative;
        display: inline-block;
    }

        .topic-box-order2 h2:before {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            bottom: 2px;
            width: 95%;
            background: var(--active-font-color);
            height: 2px;
        }

footer .topic-box-order2 {
    margin-bottom: 10px;
    background-color: #6b6b84;
}

    footer .topic-box-order2 h2 {
        background-color: var(--active-font-color);
        color: white;
    }

.topic-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

figure img,
figure a img {
    border-radius: 5px;
}

.last-news-scrollable {
    max-height: 450px;
    overflow-y: scroll;
}

.topic-box-hot {
    display: inline;
    position: relative;
    background-color: var(--active-font-color);
    color: var(--bg-body-Cyan);
    padding: 0 20px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    font-family: "secondary-font", "primary-font", "segoe ui", "tahoma";
}

.feeding-text-dark-navy .ticker-wrapper.has-js {
    background-color: var(--bg-body-Cyan);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 4 4'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

.feeding-text-dark-navy .ticker {
    background-color: var(--bg-body-Cyan);
}

.feeding-text-dark-navy .ticker-content {
    background-color: var(--bg-body-Cyan);
}

    .feeding-text-dark-navy .ticker-content a {
        color: var(--menu-font-color);
    }

        .feeding-text-dark-navy .ticker-content a:hover {
            color: var(--active-font-color);
        }

.feeding-text-dark-navy .ticker-swipe {
    background-color: var(--bg-body-Cyan);
}

    .feeding-text-dark-navy .ticker-swipe span {
        background-color: var(--bg-body-Cyan);
    }

.bg-dark-navy {
    background-color: var(--bg-header);
}

.bg-navy {
    background-color: var(--bg-header-top);
}

footer .footer-area-bottom {
    padding: 20px 0 10px !important;
}

footer .footer-area-top {
    padding: 20px 0 10px !important;
}

footer .section-space-less10 {
    padding: 20px 0 10px;
}

footer .responsive-tools {
    text-align: center;
    padding: 20px 0;
    display: none;
}

.mean-container .mean-bar .meanmenu-reveal {
    color: white !important;
}

.mean-container .mean-bar .mobile-menu-nav-back::before {
    background-color: var(--bg-header) !important;
}

.header-search-light i {
    color: var(--menu-font-color) !important;
}

.nivoSlider {
    border-radius: 5px;
}

.img-overlay-slider::before,
.img-overlay-70::before {
    border-radius: 5px;
}

.slider-title {
    font-size: 18px !important;
}

.cat-top-news {
    position: absolute;
    top: 10px;
    right: 15px;
    border-radius: 5px;
    background: var(--bg-body-Cyan);
    display: block;
    padding: 0 15px;
    z-index: 2;
    font-size: 12px;
}

.cat-top-news-sm {
    font-size: 10px;
}

.cat-top-news a {
    color: var(--menu-font-color);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .cat-top-news a:hover {
        color: var(--active-font-color);
    }

.mask-content-lg {
    right: 15px !important;
    padding-left: 15px !important;
}

.mask-content-sm {
    right: 10px !important;
    padding-left: 10px !important;
}

h3.title-medium-dark {
    margin-bottom: 0.5rem !important;
}

@media (min-width: 768px) {
    .isotop-button a {
        width: 16%;
    }
}

.isotop-button:after {
    display: none;
}

.isotop-button a {
    background: transparent;
    color: #444444;
    padding: 5px 8px;
    text-align: center;
    margin: 0;
    display: inline-block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .isotop-button a:hover {
        color: var(--active-font-color);
    }

        .isotop-button a:hover i {
            color: var(--active-font-color);
            border: 1px solid var(--active-font-color);
        }

.isotop-button .current {
    color: var(--active-font-color);
}

footer {
    background-color: var(--bg-header-top) !important;
}

@media (max-width: 768px) {
    footer .responsive-tools {
        display: block;
    }

    .main-slider1 {
        margin-bottom: 4px !important;
    }
}

@media (max-width: 992px) {
    .main-slider1 {
        margin-bottom: 4px !important;
    }

    .topic-box-order {
        width: 80%;
    }

    .nivoSlider {
        max-height: 300px !important;
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important;
    }

    .last-news-scrollable {
        max-height: 580px !important;
    }
}

@media only screen and (min-width: 992px) {
    .nivoSlider {
        height: 340px !important;
    }

    .height-suggestions {
        height: 340px !important;
    }

    .last-news-scrollable {
        max-height: 470px !important;
    }
}

@media only screen and (min-width:1200px) {
    .nivoSlider {
        height: 400px !important;
    }

    .height-suggestions {
        height: 400px !important;
    }
}

@media only screen and (min-width: 1356px) {
    .nivoSlider {
        height: 380px !important;
    }

    .height-suggestions {
        height: 380px !important;
    }
}

.height-suggestions {
    overflow: hidden;
    height: auto;
}

li.pm-Internal {
    position: relative;
    bottom: 18px;
    left: 0;
    width: 30px;
}

    li.pm-Internal a {
        background-position: center center;
        background-repeat: no-repeat;
    }

.show-news li.pm-Internal {
    bottom: 18px;
}

.eita {
    background-image: url('../../document/eita-hover.png');
}

    .eita:hover {
        background-image: url('../../document/eita-hover.png');
    }

.show-news .eita {
    background-image: url('../../Document/eita-gray.png');
}

.sorosh {
    background-image: url('../../document/sorosh-hover.png');
}

    .sorosh:hover {
        background-image: url('../../document/sorosh-hover.png');
    }

.show-news .sorosh {
    background-image: url('../../Document/sorosh-gray.png')
}

.bale {
    background-image: url('../../document/bale-hover.png');
}

    .bale:hover {
        background-image: url('../../document/bale-hover.png');
    }

.show-news .bale {
    background-image: url('../../Document/bale-gray.png')
}

ul.news-social {
    padding-top: 14px;
}

    ul.news-social li {
        display: inline-block;
        margin-left: 5px;
    }

        ul.news-social li a {
            height: 35px;
            width: 35px;
            line-height: 32px;
            display: block;
            text-align: center;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all 0.5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            color: #787878;
        }

            ul.news-social li a:hover {
                background-color: var(--active-font-color);
                color: #FFFFFF;
            }

.max-height-t1 {
    max-height: 280px !important;
}

.max-height-t2 {
    max-height: 150px !important;
}

.nav-control-top-gallery .owl-controls {
    top: 90px !important;
    left: 0px !important;
}

    .nav-control-top-gallery .owl-controls .owl-nav > div {
        background-color: var(--bg-body-Cyan) !important;
        height: 30px !important;
        width: 30px !important;
    }

    .nav-control-top-gallery .owl-controls i {
        line-height: 26px !important;
        font-size: 26px;
        font-weight: 900;
    }

        .nav-control-top-gallery .owl-controls i:hover {
            color: var(--menu-font-color) !important;
        }

    .nav-control-top-gallery .owl-controls .owl-prev {
        left: 227px !important;
    }

@media only screen and (max-width: 1356px) {
    .nav-control-top-gallery .owl-controls .owl-prev {
        left: 194px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .nav-control-top-gallery .owl-controls .owl-prev {
        left: 156px !important;
    }

    .nav-control-top-gallery .owl-controls {
        top: 70px !important;
    }
}

@media only screen and (max-width: 992px) {
    .nav-control-top-gallery .owl-controls .owl-prev {
        left: 250px !important;
    }

    .nav-control-top-gallery .owl-controls {
        top: 110px !important;
    }
}

@media only screen and (max-width: 768px) {
    .nav-control-top-gallery .owl-controls .owl-prev {
        left: 175px !important;
    }

    .nav-control-top-gallery .owl-controls {
        top: 70px !important;
    }

    .on-mobile-fixed ul li {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 576px) {
    .nav-control-top-gallery .owl-controls .owl-prev {
        left: 40px !important;
    }

    .nav-control-top-gallery .owl-controls {
        top: auto !important;
        bottom: 40px;
    }
}


.nav-control-top-gallery .owl-controls .owl-next {
    left: 0px !important;
}

ul.header-social li {
    margin-left: 2px !important;
}

.img-fluid.img-max-h-100 {
    max-height: 100px;
    width: 100%;
}

figure {
    margin: 0 0 1rem !important;
}

h4.title-light-light span.category {
    color: var(--bg-body-Cyan) !important;
}

footer .footer-box ul.popular-categories li::before {
    background-color: var(--bg-body-Cyan) !important;
}

footer .footer-box ul.popular-categories li a:hover {
    color: var(--active-font-color-second) !important;
}

.bg-header-cyan {
    background-color: var(--bg-header);
}

.header-action-item ul.header-social li {
    border: none !important;
    padding-left: 0 !important;
}

.header-social-top {
    position: absolute;
    left: 0;
    top: 5px;
}

.selected-btn {
    position: absolute;
    left: 30px;
    bottom: 25px;
}

.image-menu {
    display: none;
}

.header-menu-fixed .image-menu {
    display: block;
    max-width: 100px;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

.header-menu-fixed nav {
    padding-top: 10px;
}

.top-search button {
    display: flex;
    font-size: 16px;
    background: var(--bg-header);
    border: 1px var(--bg-header) solid;
    color: white;
}

    .top-search button:hover {
        background-color: white;
        color: var(--bg-header);
        border: 1px var(--bg-header) solid;
    }

.btn {
    transition: all 0.9s ease-out;
}

.time-header {
    border-radius: 5px;
    cursor: default;
    padding: 21px 12px;
    width: 100%;
    height: 43px;
    background: var(--bg-header);
    display: flex;
    align-items: center;
    font-size: 12px;
    color: white;
}

    .time-header span {
        margin-right: 8px;
    }

.main-col-title {
    border: 1px solid rgba(255, 255, 255, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(5px);
    border-radius: 5px;
    font-size: 16px !important;
    font-weight: 900;
    padding: 12px 24px;
    line-height: 1.8rem;
    text-align: justify;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

    .main-col-title a {
        color: white;
    }

        .main-col-title a p {
            margin: 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

.nivo-caption {
    top: 0;
}

.slider-title-position {
    position: absolute;
    top: 75%;
    right: 0;
    left: 0;
}

.slider-title {
    -moz-animation: fade 1s !important;
    -o-animation: fade 1s !important;
    -webkit-animation: fade 1s !important;
    animation: fade 1s !important;
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

.preview-1 .nivo-controlNav {
    bottom: 0 !important;
    top: 20px;
}

h3.title-semibold-dark a:hover,
h3.title-medium-light a:hover,
h3.title-medium-dark a:hover {
    color: var(--active-font-color);
}

footer h3.title-semibold-dark a:hover,
footer h3.title-medium-light a:hover,
footer h3.title-medium-dark a:hover {
    color: var(--active-font-color-second);
}

.news-section {
    background-color: white;
    box-shadow: var(--main-card-shadow);
    border-radius: 5px;
    overflow: hidden;
    padding: 12px;
}

footer .news-section {
    background-color: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.3);
}

.ad-section {
    position: sticky;
    top: 90px;
}

.section-gallery-slider-background {
    background: url(../../Document/bg-news.png) repeat;
}

.section-gallery-slider-gray {
    background: rgba(0,0,0,0.4);
}

.nav-control-top2 .owl-controls {
    top: -45px !important;
    left: 15px !important;
}

#scrollUp {
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    border-radius: 20%;
    background-color: var(--bg-header-top);
    border-color: #1308f5;
}

    #scrollUp:hover, #scrollUp:focus {
        background-color: #38386c;
    }

    #scrollUp i {
        color: white;
    }

.logo-vista {
    content: url('../../Document/Logo-VistaRaya.Net-white.png' );
    width: 15%;
}

    .logo-vista:hover {
        content: url('../../Document/Logo-VistaRaya.Net-bg.png');
        width: 15%;
    }

.select2-container--classic .select2-selection--single {
    border-radius: 5px;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border-radius: 5px;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bg-header);
    color: white;
}

h3.size-xs {
    font-size: 12px;
}

.preview-1 .nivo-controlNav a:hover, .preview-1 .nivo-controlNav a.active {
    background: var(--bg-header);
}

.header-style7 .main-menu-area .ne-main-menu nav ul .active a {
    color: #111111;
}

.header-style7 ul.news-info-list li i {
    color: white;
}

ul.news-info-list li {
    margin: 3px 0 3px 5px;
    padding-left: 5px;
    border-left: 2px solid white;
}

    ul.news-info-list li:last-child {
        border: none;
    }

.btn-custom-close {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

