/* 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 '-'
(15,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(19,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(50,25): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(76,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(96,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(115,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(119,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(126,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(131,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(136,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(137,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(145,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(153,26): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(158,21): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(167,32): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(189,28): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(190,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(200,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(205,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(209,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(213,21): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(217,25): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(221,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(225,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(229,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(252,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(256,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(260,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
(264,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(285,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(297,17): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(306,21): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(348,21): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(352,25): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(353,36): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(357,17): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(518,40): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(536,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(548,25): run-time error CSS1039: Token not allowed after unary operator: '-menu-font-color'
(625,17): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(629,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-body-Cyan'
(633,17): run-time error CSS1039: Token not allowed after unary operator: '-active-font-color'
(641,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-header'
 */
:root {
    --bg-body-Cyan: #d6fff6;
    --active-font-color: #f2542d;
    --menu-font-color: #162e44;
    --bg-header: #1dc9b3;
}

body {
    background-color: #e0ece9 !important;
    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");
}

.header-style6 .main-menu-area .ne-main-menu nav ul li a {
    padding: 10px 10px !important;
    color: var(--bg-body-Cyan) !important;
}

.header-style6 .stick {
    background-color: var(--bg-header) !important;
}

.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;
        }

.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 {
    height: 30px;
    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");
    position: relative;
    width: 100%;
    background-color: var(--bg-body-Cyan);
    margin-bottom: 20px;
}

    .topic-box-order2 h2 {
        font-size: 14px;
        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: 10px;
    }

footer .topic-box-order2 {
    margin-bottom: 10px;
}

    footer .topic-box-order2 h2 {
        background-color: var(--active-font-color)
    }

.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-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");
}

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 span {
    background: var(--menu-font-color) !important;
}

.mean-container .mean-bar .meanmenu-reveal {
    color: var(--menu-font-color) !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: #262a33 !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.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.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.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) !important;
}

.main-menu-area {
    background-color: #162e44 !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;
}
.logo-vista {
    content: url('../../Document/Logo-VistaRaya.Net-white.png' );
    width: 200px;
	max-width:200px;
}

    .logo-vista:hover {
        content: url('../../Document/Logo-VistaRaya.Net-bg.png');
        width: 200px;
		max-width:200px;
    }
