@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');

@font-face {
    font-family: 'Omes_pro';
    src: url('../fonts/omnes_ce_pro_medium-webfont.eot');
    src: url('../fonts/omnes_ce_pro_medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/omnes_ce_pro_medium-webfont.woff2') format('woff2'),
    url('../fonts/omnes_ce_pro_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Omes_pro';
    src: url('../fonts/omnes_ce_pro_semibold-webfont.eot');
    src: url('../fonts/omnes_ce_pro_semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/omnes_ce_pro_semibold-webfont.woff2') format('woff2'),
    url('../fonts/omnes_ce_pro_semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Omes_pro';
    src: url('../fonts/omnes_ce_pro_bold-webfont.eot');
    src: url('../fonts/omnes_ce_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/omnes_ce_pro_bold-webfont.woff2') format('woff2'),
    url('../fonts/omnes_ce_pro_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Omes_pro';
    src: url('../fonts/omnes-ce-pro-black.eot');
    src: url('../fonts/omnes-ce-pro-black.eot?#iefix') format("embedded-opentype"),
    url('../fonts/omnes-ce-pro-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Omes';
    src: url('../fonts/omnes-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Omes_pro';
    src: url('../fonts/omnes-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@media print 
    {
        .noPrint, header, footer{display:none !important;}
        .adminBtn{display:none !important;}
        .oddelki {display:block !important; -webkit-flex-wrap: initial;-ms-flex-wrap: initial;flex-wrap:initial;}

    }

ul, ol {
    list-style-type: none;
    margin: 0 0;
    padding: 0 0;
}

a {
    text-decoration: none;
}

a:hover,
a:visited,
a:active,
a:focus {
    text-decoration: none;
}

.main-content .desc-block a, .main-content .desc-block a:hover, .main-content .desc-block a:visited, .main-content .desc-block a:active, .main-content .desc-block a:focus {
    color:#6FA12D;
}

.main-content .desc-block a:hover {text-decoration:underline;}
.main-content .desc-block h2, .main-content .desc-block h3, .main-content .desc-block h4 {font-family: 'Omes_Pro', sans-serif; font-weight:900;}

img {
    max-width: 100%;
}

textarea {min-height:80px; max-height:500px;}

body {
    background: #fff;
    color: #5d5d5d;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

header {font-family: 'Omes_Pro', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Omes_Pro', sans-serif;}

.document-inner ul:not(.nav), .document-inner ol {margin:10px 0px 10px 0px;padding-left:20px;}
.document-inner ul:not(.nav) {list-style-type:disc;}
.document-inner ol {list-style-type:lower-alpha;}
.document-inner ul li, .document-inner ol li {margin-bottom:5px;}
.document-inner a[href$= ".pdf"]:before {content:"\f1c1"; margin-right:3px; font-family:"Font Awesome\ 5 Free"; font-weight:900; color:#F70000;}
.document-inner a[href$= ".doc"]:before, .document-inner a[href$= ".docx"]:before{content:"\f1c2"; margin-right:3px; font-family:"Font Awesome\ 5 Free"; font-weight:900; color:#2B5592;}
.document-inner a[href$= ".xls"]:before, .document-inner a[href$= ".xlsx"]:before{content:"\f1c3"; margin-right:3px; font-family:"Font Awesome\ 5 Free"; font-weight:900; color:#008000;}

/* common begin */

.link{cursor:pointer}
.fl {float:left}
.fr {float:right}
.oh {overflow:hidden}
.db {display:block}
.dib {display:inline-block}
.dt {display:table}
.dtr {display:table-row}
.dtc {display:table-cell}
.vat {vertical-align:top}
.w100{width:100%}
.sp30{height:30px}
.center{margin:0px auto;}
.pr {position:relative;}
.tar {text-align:right;}
.tac {text-align:center;}

.btn-primary {background-color:#a2d460;color:#fff !important;text-decoration:none;border:none;}
.btn-primary:active, .btn-primary:hover {background-color:#6FA12D;text-decoration:none !important;}
.btn-primary.disabled, .btn-primary:disabled {background-color:rgba(0,0,0,0.5);border-color:rgba(0,0,0,0.5);}

.h-top {
    padding: 10px 0;
    background: #eee;
}

.h-top a {
    color: #a1a1a1;
    font-weight: 500;
    line-height: 1;
}

.h-top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.h-top ul li {
    position: relative;
    letter-spacing: 1px;
}

.h-top ul li:first-child {
    padding: 0 20px 0 0;
}

.h-top ul li:first-child + li {
    padding: 0 0 0 20px;
}

.h-top .fas + span {
    padding-left: 15px;
}

.h-top ul li:first-child + li span:last-child {
    display: none;
}

.h-top ul li:last-child {
    margin-left: auto;
}

.h-bottom .logo {
    padding: 10px 0;
}

.main-menu {
    display: none;
    padding-bottom: 25px;
}

.main-menu > li {
    padding: 10px 0;
}

.main-menu > li > a {
    display: inline-block;
    position: relative;
    color:#8fc14c;
    font-size: 1.05em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
}

.main-menu > li:last-child > ul.sub-menu {left:auto;right:0;}


.main-menu > li.active::after {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 4px 4px 0 0;
    background: #a2d460;
}

body:not(.stop-animation) .main-menu > li::after {
    transition: all 0.3s;
}

.main-menu > li::after {
    content: '';
    width: 0;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 4px 4px 0 0;
    background: #a2d460;
}

.main-menu > li:hover::after {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 4px 4px 0 0;
    background: #a2d460;
}

.sub-menu {
    display: none;
}

.btn-nav {
    display: block;
    width: 30px;
    height: 20px;
    position: absolute;
    top: 40px;
    right: 15px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.btn-nav:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
}

.hero {
    padding: 0 15px 15px 0;
    position: relative;
}

.hero > div {
    padding: 200px 0 50px;
    border-radius: 0 5px 5px 0;
    position: relative;
    z-index: 2;
    background: #335010 center no-repeat;
    background-size: cover;
}

.hero::before {
    content: '';
    width: 15px;
    height: 90%;
    position: absolute;
    top: 10%;
    right: 0;
    background: #fada5f;
}

.hero::after {
    content: '';
    width: 80%;
    height: 20px;
    position: absolute;
    bottom: -3px;
    left: 20%;
    z-index: 1;
    border-radius: 0 0 0 5px;
    background: #fada5f;
}

.hero-inner > div {
    display: inline-block;
    padding: 20px;
    border-radius: 4px;
}

.sub-menu a {
    display: block;
    padding: 15px;
    color:#8fc14c;
    font-weight: 600;
    line-height: 1;
}

.sub-menu li {
    border-top: 1px solid #e0e0e0;
    background: #fff;
}

.sub-menu li.active {background: #a2d460;}
.sub-menu li.active > a {color:#fff;}

.sub-menu  li:first-child {
    border-top: none;
}

.sub-menu li:hover > a {
    background: #a2d460; color:#fff;
}



.hero h2 {
    color: #fff;
    letter-spacing: 1px;
}

.title {
    margin: 0;
    color: #343434;
    /*font-size: 2.6em;*/
    font-size: 2.3em;
    font-family: 'Omes_pro', sans-serif;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 1px;
}

.title > span {
    display: block;
}

.hero h2 + div {
    padding-top: 20px;
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 1px;
}

.hero h2 + div span {
    display: block;
}

.ico-heart {
    display: inline-block;
    width: 26px;
    height: 22px;
    margin-left: 10px;
    background: url("../images/ico_heart_yellow.png") center no-repeat;
    background-size: contain;
}

.btn-down {
    display: none;
    width: 80px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    background-color: #fada5f;
    background-image: url("../images/ico_arrow_down.png");
    background-repeat: no-repeat;
    background-position: center;
}

.interests-block {
    padding: 30px 0;
}

.bricks-list:empty {display:none;}

.bricks-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 130px;
    padding: 15px;
    border-radius: 4px;
    color: #fff !important;
    font-family: 'Omes_Pro', sans-serif;
}

.bricks-list a span,
.bricks-list a div {
    position: relative;
    transition: all 0.5s;
    letter-spacing: 1px;
}

.bricks-list a {
    transition: all 0.5s;
}

body:not(.stop-animation) .bricks-list a:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    text-decoration:none !important;
}

.bricks-list a div {
    padding-top: 10px;
    font-size: 0.9em;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.bricks-list img:not(.picto) {
    height: 0;
    border-radius: 4px;
    transition: all 0.5s ease;
}

.brick-green a {
    background: #a2d460;
}

.brick-blue a {
    background: #7998DB;
}

.brick-red a {
    background: #f66076;
}

.brick-orange a {
    background: #faba5f;
}

.brick-yellow a {
    background: #fada5f;
}


.notices-events {
    padding: 0 0 60px 30px;
}

.notices-events > div {
    padding: 40px 0;
    position: relative;
    border-radius: 5px 0 0 5px;
    background: #fada5f;
}

.notices-events > div::before {
    content: '';
    display: block;
    width: 90%;
    height: 100%;
    position: absolute;
    left: -40px;
    bottom: -40px;
    z-index: -1;
    border-radius: 0 0 5px 0;
    background: #7998db;
}

.events-title .btn-main {
    display: none;
}

.btn-main {
    border-radius: 4px;
    display: inline-block;
    padding: 20px;
    background: #7998DB;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
    transition: all 0.5s;
}

.btn-main:hover {
    color: #fff;
    background: #4665A8;
}

.news-det-files {margin-bottom:1rem;}

.news-det-gallery {margin-top:1rem;}
.news-det-gallery .col-md-3 {margin-bottom:30px;}
.news-det-gallery .col-md-3 > a {display:block;position:relative;padding-bottom:56.25%;height:0;overflow: hidden;}
.news-det-gallery .col-md-3 > a > span{position: absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;text-indent:-9999px;display:block;}
.news-det-gallery .col-md-3 > a:before {height:5px;}

.event-item {
    border-radius: 5px;
    display: block;
    padding: 30px;
    background: #fff;
}

.events-list {
    margin: 0 -15px 0 -45px;
}

.events-list li {
    padding: 0 5px;
}

.events-title {
    margin-bottom: 25px;
}

.event-item h3 {
    margin: 0 0 10px;
    color: #343434;
    font-size: 1.2em;
    font-weight: 900;
    letter-spacing: 1px;
}

.event-item h3 + div {
    margin: 0 0 20px;
    color: #343434;
    font-weight: 600;
    font-size: 0.9em;
}

.event-item h3 + div:empty {display:none;}

.event-item h3 + div + div {
    margin: 0 0 25px;
    color: #5d5d5d;
    line-height: 1.6;
}

.event-item h3 + div + div + div {
    color: #343434;
    font-weight: 700;
}

.event-main {border:1px solid #EFEFEF;}
.event-item h3 + div + div {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;max-height:78px;}

.slider-block {
    padding-bottom: 40px;
    overflow: hidden;
}

.slider-item-title {
    letter-spacing: 1px;
}

.slider-item-title > div:first-child {
    display: none;
    padding: 15px 0 15px;
    color: #fff;
    font-size: 1.3em;
    font-weight: 900;
    line-height: 1.1;
}

.slider-list .btn-more {
    display: none;
    position: relative;
    color: #fff;
    font-size: 1.1em;
    font-weight: 700;
    text-decoration: underline;
}

.slider-list .btn-more::after {
    content: '>';
    display: inline-block;
    margin-left: 5px;
}

.slick-current .slider-item-title > div:first-child,
.slick-current .btn-more {
    display: block;
}

.slider-list li {
    padding: 0 5px;
    position: relative;
}

.slider-list li > div {
    position: relative;
    z-index: 3;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

.slider-img {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
height:570px;
display:flex;
}

.slider-img img {object-fit: cover; flex:1; overflow:hidden;}

.slider-list .slider-img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    background: linear-gradient(transparent, #000);
    opacity: 0.8;
}

.ft-top {
    padding: 40px 0;
    background: #eee;
}

.ft-inner,
.ft-top .ft-inner h3,
.ft-top .ft-inner a {
    color: #5d5d5d;
}

.ft-top .ft-inner h3 {
    letter-spacing: 1px;
}

.ft-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
}

.ft-inner > div {
    width: 50%;
    margin-bottom: 30px;
}

.ft-inner h3 {
    margin: 0 0 20px;
    color: #343434;
    font-size: 1.1em;
    font-weight: 900;
}

.ft-inner ul {
    margin: 0 25px 0 20px;
    list-style-type: disc;
}

.ft-inner ul a {
    color: #58613b;
    font-weight: 600;
}

.ft-inner ul a:hover {
    text-decoration: underline;
}

.ft-bottom .col > div:first-child {
    padding: 15px 0;
    border-bottom: 1px solid #ececec;
    text-align: center;
}

.ft-bottom .col > div:last-child {
    padding: 15px 0;
    color: #ababab;
    font-size: 0.9em;
    text-align: center;
}

.ft-bottom a {
    color: #ababab;
}

.ft-bottom img {max-height:50px;}

.ft-btn-block {
    text-align: center;
}

.ft-btn-block .btn-main {
    padding-right: 40px;
    position: relative;
    background: #f66076;
}

.ft-btn-block .btn-main:hover {
    background: #DD475D;
}

.ft-btn-block .btn-main::after {
    content: '';
    width: 18px;
    height: 11px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
    background: url("../images/ico_arrow_up.png") center no-repeat;
}

.slick-prev:before, .slick-next:before {
    opacity: 0;
}

.slick-prev {
    width: 30px;
    height: 30px;
    z-index: 9;
    background: url("../images/ico_arrow_left.png") center no-repeat;
    background-size: contain;
}

.slick-next {
    width: 30px;
    height: 30px;
    z-index: 9;
    background: url("../images/ico_arrow_right.png") center no-repeat;
    background-size: contain;
}

.slick-prev:hover {
    background: url("../images/ico_arrow_left.png") center no-repeat;
}

.slick-next:hover {
    background: url("../images/ico_arrow_right.png") center no-repeat;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 0;
}

.slider-list li {
    position: absolute;
    visibility: hidden;
}

.slider-list li:first-child {
    position: relative;
    visibility: visible;
}

.slider-list.slick-initialized li {
    position: relative;
    visibility: visible;
}

.units-block {
    padding: 0 0 60px;
}

.slider-list li.slick-current::before {
    content: '';
    width: 80%;
    height: 70%;
    position: absolute;
    bottom: 0;
    left: -25px;
    z-index: 2;
    border-radius: 4px;
    background: #f66076;
}

.slider-list li.slick-current::after {
    content: '';
    width: 80%;
    height: 85%;
    position: absolute;
    top: 0;
    right: -25px;
    z-index: 1;
    border-radius: 4px;
    background: #fada5f;
}

.slider-list li {
    padding: 25px 5px;
}


@media screen and (min-width: 375px) {

    .bricks-block .bricks-list a {
        height: 168px;
    }
}

@media screen and (min-width: 414px) {

    .bricks-block .bricks-list a {
        height: 187px;
    }
}

@media screen and (max-width: 767px) {

    .bricks-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -5px;
        padding-top: 20px;
    }

    .bricks-list > li {
        width: 50%;
        padding: 5px;
    }

    .bricks-block .bricks-list > li:first-child + li {
        margin-top: 70px;
    }

    .bricks-block .bricks-list > li:first-child + li + li {
        margin-top: -70px;
    }

    .bricks-block .bricks-list > li:first-child + li + li + li + li {
        margin-top: -70px;
    }
}

@media screen and (min-width: 768px) {

    .h-top ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .h-top ul li,
    .h-top ul li:first-child,
    .h-top ul li:first-child + li {
        padding: 0 20px;
    }

    .h-top ul li:first-child + li span:last-child {
        display: inline;
    }

    .hero {
        padding: 0 20px 15px 20px;
    }

    .hero::before {
        width: 25px;
    }

    .hero h2::after {
        content: '';
        width: 110px;
        height: 5px;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        background: #fff;
    }

    .hero > div {
        border-radius: 5px;
        overflow: hidden;
    }

    .hero-inner > div {
        padding: 40px;
    }

    .notices-events {
        padding: 0 30px 100px 50px;
    }

    .notices-events > div {
        padding: 80px 0;
        border-radius: 5px;
    }

    .notices-events > div::before {
        border-radius: 5px;
    }

    .notices-events > div::before {
        left: -20px;
        bottom: -20px;
    }

    .events-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
    }

    .events-list li {
        width: 33.3%;
    }

    .events-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 80px;
    }

    .events-title .btn-main {
        display: block;
        margin-left: auto;
    }

    .ft-inner h3 {
        font-size: 1.4em;
    }

    .ft-inner > div {
        width: 25%;
    }

    .ft-bottom .col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .ft-bottom .col > div:first-child {
        border-bottom: none;
        order: 2;
        margin-left: auto;
        text-align: left;
    }

    .ft-bottom .col > div:last-child {
        text-align: left;
    }

    .slider-list li {
        padding: 20px;
    }

    .slider-block {
        padding-bottom: 80px;
    }

    .slick-current .slider-item-title {
        position: absolute;
        bottom: 50px;
        left: 55px;
        width: calc(100% - 110px);
    }

    .slider-item-title > div:first-child {
        padding: 0 0 30px 0;
        font-size: 1.7em;
    }

    .slider-list li.slick-current::before {
        content: '';
        width: 80%;
        height: 70%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        border-radius: 4px;
        background: #f66076;
    }

    .slider-list li.slick-current::after {
        content: '';
        width: 80%;
        height: 70%;
        position: absolute;
        top: auto;
        bottom: 0;
        right: 0;
        z-index: 2;
        border-radius: 4px;
        background: #fada5f;
    }

    .slick-prev {
        left: 185px;
        margin-top: -8px;
    }

    .slick-next {
        right: 185px;
        margin-top: -8px;
    }

    .bricks-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .bricks-block .bricks-list {
        width: 100%;
        height: 360px;
    }

    .bricks-block .bricks-list a {
        width: 130px;
        height: 130px;
    }

    .bricks-block .bricks-list > li:first-child {
        position: absolute;
        top: 135px;
        left: auto;
        right: 290px;
    }

    .bricks-block .bricks-list > li:first-child + li {
        position: absolute;
        top: 60px;
        left: auto;
        right: 145px;
    }

    .bricks-block .bricks-list > li:first-child + li + li {
        position: absolute;
        top: 205px;
        left: auto;
        right: 145px;
    }

    .bricks-block .bricks-list > li:first-child + li + li + li {
        position: absolute;
        top: 145px;
        left: auto;
        right: 0;
    }

    .bricks-block .bricks-list > li:last-child {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
    }


    .units-block .bricks-block .bricks-list > li:first-child {
        top: 145px;
        right: 0;
    }

    .units-block .bricks-block .bricks-list > li:first-child + li {
        top: 0;
        right: 0;
    }

    .units-block .bricks-block .bricks-list > li:first-child + li + li {
        top: 60px;
        right: 145px;
    }

    .units-block .bricks-block .bricks-list > li:first-child + li + li + li {
        top: 135px;
        right: 290px;
    }

    .units-block .bricks-block .bricks-list > li:last-child {
        top: 205px;
        right: 145px;
    }
}

@media screen and (min-width: 992px) {

    .h-top ul li:last-child {
        margin-left: 0;
    }

    .h-top ul li:not(:last-child)::after {
        content: '';
        width: 1px;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -5px;
        background: #a1a1a1;
    }

    .h-bottom .col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
    }

    .menu-block {
        margin-left: auto;
    }

    .main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0;
    }

    .main-menu > li {
        padding: 30px 15px;
        position: relative;
    }
    
 
    .sub-menu {
        width: 260px;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 9;
        -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
    }

    .main-menu > li:not(:last-child):hover>.sub-menu {
        display: block;
    }

    .sub-menu {
        border-radius: 0 0 5px 5px;
        overflow: hidden;
    }

    .sub-menu > li:last-child a {
        border-radius: 0px 0px 4px 4px;
    }

    .main-menu > li:last-child > a {
    border-radius: 5px;
    padding: 20px;
    background: #a2d460;
    color: #fff;
    letter-spacing: 1px;
    /*text-shadow: 0 0 3px rgba(0,0,0,0.7);*/
    transition: all 0.5s;
}

    
.main-menu > li:last-child:hover::after {
    display: none;
}

    .main-menu > li:last-child > a:hover {
    background: #6FA12D;
}

    .sub-menu a {
        padding: 20px 40px 20px 20px;
        font-size: 1.1em;
    }

    .btn-nav {
        display: none;
    }

    .hero {
        padding: 0 40px 40px;
    }

    .hero h2 {
        position: relative;
        margin-bottom: 5px;
        padding-bottom: 30px;
        font-size: 3em;
    }

    .hero h2 + div {
        font-size: 1.4em;
    }

    .hero::before {
        width: 100px;
    }

    .hero::after {
        height: 105px;
    }

    .title {
        font-size: 3.4em;
    }

    .btn-down {
        display: block;
    }

    .bricks-block ul {
        margin-left: auto;
    }

    .notices-events {
        padding: 0 30px 100px 70px;
    }

    .notices-events > div {
        padding: 50px 10px 80px;
    }

    .events-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -8px;
    }

    .events-list li {
        width: 33.3%;
        padding: 0 8px;
    }

    .event-item {
        padding: 30px;
    }

    .event-item h3 {
        font-size: 2em;
    }

    .event-item h3 + div {
        font-size: 0.9em;
    }

    .event-item h3 + div + div {
        font-size: 1.2em;
    }

    .event-item h3 + div + div + div {
        color: #343434;
        font-weight: 700;
    }

    .ft-inner {
        justify-content: space-between;
    }

    .ft-inner > div {
        width: 16.6%;
        margin-bottom: 0;
    }

    .ft-top {
        background-color: #eee;
        background-image: url("../images/img_footer.png");
        background-repeat: no-repeat;
        background-position: top right;
    }

    .ft-btn-block {
        text-align: right;
    }

    .units-block {
        padding: 0 0 100px;
    }

    .slider-list li {
        padding: 40px;
    }

    .slick-prev {
        width: 60px;
        height: 60px;
    }

    .slick-next {
        width: 60px;
        height: 60px;
    }

    .bricks-block .bricks-list > li a {
        width: 200px;
        height: 200px;
    }

    .bricks-block .bricks-list {
        height: 500px;
    }

    .bricks-block .bricks-list > li:first-child {
        top: 190px;
        right: 440px;
    }

    .bricks-block .bricks-list > li:first-child + li {
        top: 60px;
        right: 220px;
    }

    .bricks-block .bricks-list > li:first-child + li + li {
        top: 280px;
        right: 220px;
    }

    .bricks-block .bricks-list > li:first-child + li + li + li {
        top: 220px;
        right: 0;
    }

    .units-block .bricks-block .bricks-list > li:first-child {
        top: 220px;
        right: 0;
    }

    .units-block .bricks-block .bricks-list > li:first-child + li {
        top: 0;
        right: 0;
    }

    .units-block .bricks-block .bricks-list > li:first-child + li + li {
        top: 60px;
        right: 220px;
    }

    .units-block .bricks-block .bricks-list > li:first-child + li + li + li {
        top: 190px;
        right: 440px;
    }

    .units-block .bricks-block .bricks-list > li:last-child {
        top: 280px;
        right: 220px;
    }

    .bricks-list > li:last-child {
        top: 0;
        right: 0;
    }

    .interests-block {
        padding: 80px 0;
    }

    .notices-events > div::before {
        left: -40px;
        bottom: -40px;
    }

    .subpage .bricks-list li > a {
        width: 190px;
        height: 190px;
    }


   
}

@media screen and (min-width: 1200px) {

    .hero {
        height: calc(100vh - 148px);
        min-height:540px;
    }

    .hero > div {
        position: absolute;
        top: 0;
        left: 40px;
        height: calc(100% - 40px);
        width: calc(100% - 80px);
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .hero-inner {
        height: 100%;
        padding-bottom: 100px;
    }

    .hero h2 {
        font-size: 4.4em;
    }

    .hero h2 + div {
        font-size: 1.6em;
    }

    .ico-heart {
        width: 44px;
        height: 38px;
    }

    .main-menu > li {
        padding: 46px 20px;
    }

    .main-menu > li:last-child {
        padding: 30px 20px;
    }

    .bricks-block .bricks-list {
        width: 920px;
        height: 735px;
    }

    .bricks-list {
        margin-top: 0;
    }

    .bricks-list li > a {
        padding: 30px;
        position: relative;
    }

    .bricks-block .bricks-list li > a,
    .subpage .bricks-list li > a {
        width: 280px;
        height: 280px;
    }

    .bricks-list a span {
        z-index: 8;
    }

    .bricks-list a div {
        padding-top: 20px;
        z-index: 10;
        font-size: 1.5em;
    }

    .bricks-list img:not(.picto) {
        width: 0;
        position: absolute;
        bottom: 15px;
        right: 15px;
        z-index: 9;
    }

    body:not(.stop-animation) .bricks-list a:hover img:not(.picto) {
        width: 100%;
        height: 100%;
    }

    .bricks-block .bricks-list > li:first-child {
        top: 300px;
        right: 620px;
    }

    .bricks-block .bricks-list > li:first-child + li {
        top: 150px;
        right: 310px;
    }

    .bricks-block .bricks-list > li:first-child + li + li {
        top: 460px;
        right: 310px;
    }

    .bricks-block .bricks-list > li:first-child + li + li + li {
        position: absolute;
        top: 310px;
        right: 0;
    }

    .bricks-block .bricks-list > li:last-child {
        top: 0;
        right: 0;
    }

    .units-block .bricks-block .bricks-list > li:first-child {
        top: 310px;
        right: 0;
    }

    .units-block .bricks-block .bricks-list > li:first-child + li {
        top: 0;
        right: 0;
    }

    .units-block .bricks-block .bricks-list > li:first-child + li + li {
        top: 150px;
        right: 310px;
    }

    .units-block .bricks-block .bricks-list > li:first-child + li + li + li {
        top: 300px;
        right: 620px;
    }

    .units-block .bricks-block .bricks-list > li:last-child {
        top: 460px;
        right: 310px;
    }

    .slick-prev {
        left: 280px;
        margin-top: -8px;
    }

    .slick-next {
        right: 280px;
        margin-top: -8px;
    }

    .slider-block {
        padding-bottom: 100px;
    }

    .slick-current .slider-item-title {
        position: absolute;
        bottom: 50px;
        left: 30px;
        width: calc(100% - 60px);
    }

    .notices-events {
        padding: 0 50px 100px 90px;
    }

    .notices-events > div {
        padding: 90px 10px 110px;
    }

    .events-list {
        margin: 0 -15px;
    }

    .events-list li {
        padding: 0 15px;
    }

    .interests-block {
        position: relative;
    }
}

@media screen and (min-width: 1300px) {

    .container {
        max-width: 1230px;
    }

    .slick-prev {
        left: 400px;
        margin-top: -8px;
    }

    .slick-next {
        right: 400px;
        margin-top: -8px;
    }

    .notices-events {
        padding: 0 100px 140px 150px;
    }
}

@media screen and (min-width: 1600px) {

    .interests-block {
        position: relative;
        background: url("../images/lines.jpg") top right no-repeat;
    }

    .interests-block::before {
        content: '';
        width: 541px;
        height: 1495px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        background: url("../images/img_child_1.png") top right no-repeat;
        background-size: contain;
    }

    .units-block {
        position: relative;
    }

    .units-block::before {
        content: '';
        width: 532px;
        height: 820px;
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/img_child_2.png") top left no-repeat;
        background-size: contain;
    }

    .notices-events {
        position: relative;
    }

    .notices-events::before {
        content: '';
        width: 792px;
        height: 1600px;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: -1;
        background: url("../images/lines_big.jpg") top left no-repeat;
        background-size: contain;
    }
}

.hero-page {
    padding: 0 15px 0 0;
    position: relative;
}

.hero-page::after {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 1;
    background: #efefef;
}

.lines-green::after {
    background: #a2d460;
}

.lines-red::after {
    background: #f66076;
}

.hero-page img {
    position: relative;
    z-index: 2;
    border-radius: 4px;
}

.breadcrumb {
    margin: 0 -15px;
    border-radius: 0 0 0 4px;
    background: #efefef;
}

.breadcrumb a {
    color: #343434;
    font-weight: 500;
    opacity: 0.7;
}

.breadcrumb-item.active {
    color: #343434;
    font-weight: 500;
    text-decoration: underline;
    opacity: 0.7;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #343434;
    opacity: 0.7;
}

.bg-green {
    background: #a2d460;
}

.bg-red {
    background: #f66076;
}

.simple-link {
    color: #5d5d5d;
}

.simple-link:hover {
    color: #5d5d5d;
    text-decoration: underline;
}

.main-content {
    padding-top: 30px;
}

.second-menu > a {
    display: block;
    padding: 20px 25px;
    position: relative;
    border-radius: 4px 4px 0 0;
    background: #efefef;
    color: #343434;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1;
}

.second-menu > a::after {
    content: '';
    width: 24px;
    height: 17px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px;
    background: url("../images/ico_btn_nav_dark.png") center no-repeat;
    background-size: contain;
}

.second-menu {
    margin-bottom: 30px;
}

.second-menu > ul {
    display: none;
}

.second-menu > ul > li > a {
    display: block;
    padding: 20px 25px;
    border-top: 1px solid #e1e1e1;
    background: #efefef;
    color: #343434;
    font-size: 1.1em;
    line-height: 1;
}

.second-menu > ul > li:last-child > a {
    border-radius: 0 0 4px 4px;
}

.second-menu > ul > li > a:hover,
.second-menu > ul > li.active > a {
    border-top: 1px solid #efefef;
    border-radius: 4px;
    background: #a2d460;
}

.main-content .desc-block .title {
    margin: -10px 0 30px 0;
    text-transform: uppercase;
}



.text-color {
    color: #a2d460;
}

.list-circle {
    margin: 0 0 20px 20px;
}

.list-circle {
    list-style-type: disc;
}

.sub-title {
    margin: 0;
    font-size: 1em;
    font-weight: 700;
}

.images-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.images-list li {
    width: 33.3%;
    padding: 5px;
}

.images-list img {
    display: block;
    width: 100%;
    border-radius: 4px;
}

.main-content {
    padding-bottom: 50px;
}

#map {
    display:none;
    width: 100%;
    height: 300px;
}

.second-sub-menu {
    margin-top: -4px;
    padding-top: 4px;
    background: #efefef;
}

.second-sub-menu .second-sub-menu > li {margin-left:15px;}

.second-sub-menu a {
    display: block;
    padding: 20px 25px 20px 35px;
    position: relative;
    color: #343434;
    font-size: 1.1em;
    line-height: 1;
}

.second-sub-menu a::before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 26px;
    left: 20px;
    border-radius: 50%;
    background: #343434;
}

.second-sub-menu > li > a:hover,
.second-sub-menu > li.active > a {
    text-decoration: underline;
}

.subpage .bricks-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.subpage .bricks-list li {
    width: 50%;
    padding: 5px;
}

.main-content .desc-block.full-width {width:100%;}

ul.jedilnik-opombe {border-top:1px solid #d4d4d4; padding-top:10px;}
ul.jedilnik-opombe li {font-size:12px;}

/* transitions */
.cPanel a i, .calendar > .row > div > div {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

/* radius */
.cPanel i {-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.calendar > .row > div > div {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.ui-datepicker-header, .ui-widget {border-radius:0;-moz-border-radius:0; -webkit-border-radius:0;}
/* opacity */

.opacity3 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.opacity5 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}

/* bootstrap custom controls */

.custom-control-label:before, .custom-control-label:after {width:20px;height:20px;top:0;}
.custom-control-label:before {background-color:#fff;border:1px solid #ced4da;}
.custom-control-input:not(:disabled)~.custom-control-label:hover:before {border-color:#ced4da;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {background-color:#a2d460;}

/* date picker */

.ui-widget {font-family:'Open Sans', sans-serif;background:none;background-color:#fdfdfd;border:none;color:#515151;font-size:14px;padding:0;}
.ui-datepicker {padding:14px 0px;background:none;}
.ui-datepicker-header {border:none;background:none;background-color:#a2d460;color:#555;padding:8px 0px !important;}
.ui-datepicker-header .ui-datepicker-title {color:#fff;font-size:16px;text-transform:uppercase;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker-header .ui-datepicker-prev-hover, .ui-datepicker-header .ui-datepicker-next-hover {top:7px;}
.ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker-header .ui-datepicker-next span {background-image:url(../images/jquery/ui-datepicker-nav.png);width:12px;height:19px;margin-top:-10px;margin-left:-6px;}
.ui-datepicker-header .ui-datepicker-prev-hover, .ui-datepicker-header .ui-datepicker-next-hover {background-color:transparent;}
.ui-datepicker-header .ui-datepicker-prev-hover {left:2px;}
.ui-datepicker-header .ui-datepicker-next-hover {right:2px;}
.ui-datepicker-header .ui-datepicker-prev span {background-position:0px 0px;}
.ui-datepicker-header .ui-datepicker-next span {background-position:-12px 0px;}
.ui-datepicker-header .ui-state-hover{border:none;background:none;}
.ui-datepicker-header a:not(.ui-state-disabled) {cursor:pointer;}
.ui-datepicker-header a.ui-datepicker-prev:not(.ui-state-disabled):hover span{background-position:0px -19px;}
.ui-datepicker-header a.ui-datepicker-next:not(.ui-state-disabled):hover span{background-position:-12px -19px;}
.ui-datepicker-calendar {border-collapse:collapse;}
.ui-datepicker td {padding:0;border:1px solid #eee;}
.ui-datepicker-calendar > thead {background-color:#eee;font-size:13px;color:#555;text-transform:uppercase;border:1px solid #eee;}
.ui-datepicker-calendar > tbody {background-color:#fdfdfd;}
.ui-datepicker-calendar .ui-state-default {background:none;font-size:14px;color:#515151 !important;text-align:center;border:none;padding:5px;}
.ui-datepicker-calendar .ui-priority-secondary{font-weight:bold;}
.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-hover{background-color:#a2d460;color:#fff !important;}
.ui-datepicker table {margin:0;}

.inlineDatePicker .ui-datepicker {padding:0;width:100%;}
.inlineDatePicker .ui-state-selected > a {background-color:#6FA12D;color:#fff !important;}
.inlineDatePicker a {text-decoration:none !important;}
.inlineDatePicker .ui-datepicker-current-day:not(.ui-state-selected) .ui-state-active {background:none;color:#515151 !important;}

/* login */
.login {margin:0px auto;}
.login a {display:block;}
.login .input-group-addon i {font-size:16px;}
.btnForgotPwd {color:#6FA12D;font-size:14px;}

/* cPanel */

.cPanel {padding-top:20px;}
.cPanel a > i {background-color:#a2d460;color:#fff;margin-bottom:15px;}
.cPanel > div {text-align:center; margin-bottom:60px; line-height:24px;}
.cPanel a:hover {text-decoration:none !important;}
.cPanel a:hover > i {background-color:#6FA12D;text-decoration:none;}
.cPanel > div:last-child a > i {background-color:#F2624E;}
.cPanel > div:last-child a:hover > i {background-color:#DB5644;}

/* calendar */

.cal-navig {margin-bottom:15px;}
.cal-navig strong {color:#000;}
.cal-navig a.green {color:#6FA12D;font-size:14px;margin-right:10px;}
.cal-navig a:hover, .cal-navig a:focus {text-decoration:none !important;}
.cal-navig a.green i {font-size:16px;}
.cal-navig h1 {margin-bottom:0;}
.cal-navig a.red, .cal-navig a.red:hover {color:#DB5644;}

.calendar > .row, .calendar > .row > div {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.calendar > .row  {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.calendar > .row > div {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}

.calendar > .row {margin:0;font-size:12px;}
.calendar > .row > div:first-child {border-left:1px solid #e0e0e0;}
.calendar > .row:first-child > div {background-color:#6FA12D; color:#fff; padding:5px;}
.calendar > .row > div {position: relative; float:left; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0;width:14.28%;}
.calendar > .row:not(:first-child) > div {padding:5px;}
.calendar .holiday:after {font-family:"FontAwesome"; content:"\f015"; font-size:15px; position:absolute; right:5px;top:2px;}
.calendar .dayOff {background-color:rgba(219, 86, 68, 0.1); color:#DB5644;}
.calendar .today {color:#000; background-color:rgba(255,215,66,0.3);}
.calendar > .row > div > span:first-child {display:block;}
.calendar > .row > div > span:nth-child(2) {display:none;}
.calendar > .row > div > div {background-color:#6FA12D; padding:2px 5px; margin-top:2px; cursor:pointer;}
.calendar > .row > div > div:hover {background-color:#219250;}
.calendar > .row > div > div.specialEvent {background-color:#fada5f;}
.calendar > .row > div > div.specialEvent:hover {background-color:#e9cc5c;}
.calendar > .row > div > div.specialEvent.meeting {background-color:#faba5f;}
.calendar > .row > div > div.specialEvent.meeting:hover {background-color:#e2a856;}
.calendar > .row > div > div > div {white-space:nowrap; overflow:hidden; color:#fff;}
.calendar > .row > div > div.specialEvent > div {color: #000;}

.modal .btn {padding:6px 10px; font-size:14px;}
.modal .duration {padding:10px 0px;}
.modal .duration .date, .modal .duration .time {padding:0px 5px;}
.modal .duration > div:not(.date):not(.time) {padding-top:7px;}
.modal .duration .date input {width:100px;}
.modal .duration .time input {width:75px;}
.modal .duration input {font-size:14px;}
.modal textarea {resize:none;}
.modal .details {font-size:12px; padding:13px 15px 0px 15px; margin:10px -15px 0px -15px; border-top:1px solid #e5e5e5;}
.modal .details:empty {display:none;}
.modal ul {list-style-type:initial;padding-left:20px;}

/* tree view */
.treeview ul.list-group {padding-left:0;}
.treeview .list-group-item:hover {background-color:#f5f5f5;cursor:pointer;}
.treeview .list-group-item:hover > div {cursor:default;}
.treeview span.indent {margin-left: 10px;margin-right: 10px;}
.treeview span.icon{margin-right:3px;font-size:14px;}
.treeview span.icon:not(.fa-none){cursor:pointer;}
.treeview span.icon.fa-none {margin-right:13px;}
.treeview span.icon.check-icon {font-size:14px;color:#a2d460;}
.treeview .badge {background-color:#a2d460;margin-right:10px;float:none;}
.treeview .catBtn {cursor:pointer;font-size:16px;}
.treeview .list-group-item > div > .catBtn:not(:last-child) {margin-right:7px;}
.treeview .catBtn.disabled {color:#ccc;cursor:not-allowed;}
.treeview .fa-trash, .fa-del-btn {color:#DB5644;}
.treeview .fa-plus-circle {color:#6FA12D;}
.treeview .fa-pen {color:#000;}
.treeview .fa-envelope {color:#1E8BC9;}
.treeview .fa-flag.green {color:#6FA12D;}
.treeview .fa-flag.red {color:#DB5644;}

.ddlCatID {max-height:200px;overflow-x:auto;overflow-y:auto;position:relative;height:auto;}
.ddlCatID > div, .ddlCatID label {white-space:nowrap;}
.ddlCatID label {font-weight:normal;}

.send-mail {margin-top:-20px;}
.send-mail textarea {resize:vertical;min-height:100px;}
.send-mail .cnt {font-style:italic;margin-bottom:20px;}
.send-mail .note {font-size:12px;margin-top:5px;color:#666;}
.send-mail .note i {font-size:14px;}
.send-mail input, .send-mail textarea {margin-top:5px;}
input[type=file] {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}

input[type=file] + label, .btn-trash-files {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    cursor:pointer;
    overflow: hidden;
    font-weight:400;
    font-size:14px;
    border:none;
    margin-bottom:0;
    color:#1E8BC9;
}

input[type=file]:focus + label, input[type=file] + label:hover {
    color:#2D9CDB;
}

.btn-trash-files {color:#f66076;vertical-align:top;margin-left:30px;}
.btn-trash-files:focus, .btn-trash-files:hover {text-decoration:none;color:#ff0000;}

.send-mail .imgPreview a, .send-mail .imgPreview img {display:block;}
.send-mail .imgPreview a {float:right;display:none;}
.send-mail .imgPreview img {max-height:33px;}
.send-mail .galleryChkBox {display:block;margin-bottom:1rem;}
.send-mail .galleryChkBox label {margin-left:5px;margin-bottom:0;}
.send-mail .galleryChkBox input {margin-top:0;}

.mailingLimits {padding-top:20px;font-size:12px;}

.loadingoverlay {color:#000;}
.loadingoverlay .loading-message {padding:20px;text-align:center;}

.table .thead-light th {background-color:#efefef;}

/* file upload */
#HolderFile ul:not(:empty) {margin-top:10px;}
#HolderFile li {background-color:#efefef;border-radius:.25rem;padding:10px;box-shadow:inset -2px -2px 4px 0px rgba(0, 0, 0, 0.05);}
#HolderFile li + li {margin-top:8px;}
#HolderFile .btn-remove, #HolderFile .btn-abort {color:#fff;margin-left:1rem;padding:0;line-height:1;font-size:10px;width:18px;height:18px;text-align:center;}
#HolderFile .btn-remove {background-color:#f66076;}
#HolderFile .btn-remove:hover, #HolderFile .btn-remove:focus {background-color:#DB5644;}
#HolderFile .btn-abort {background-color:#5d5d5d;}
#HolderFile .btn-abort:hover, #HolderFile .btn-abort:focus {background-color:#4d4d4d;}
#HolderFile .info {display:flex;align-items:center;justify-content:space-between;width:100%;}
#HolderFile .progress-bar {background-color:#fff;margin-top:3px;}
#HolderFile .progress-bar, #HolderFile .progress-bar .inner {border-radius:.25rem;}
#HolderFile .progress-bar .inner {height:5px;background-color:#6FA12D;content:'';}

/* dms */
.DMS .btn-remove {color:#f66076;}
.DMS .btn-remove:hover, .DMS .btn-remove:focus {color:#DB5644;}
.DMS .btn-edit {color:#5d5d5d;}
.DMS .btn-edit:hover, .DMS .btn-edit:focus {color:#4d4d4d;}
.DMS .dms-file-row .btn {display:none;}
.DMS .dms-file-row:hover .btn, .DMS .dms-file-row:focus .btn {display:inline-block;}

/* gallery */
.gallery-img {
  /* Modern browsers */
  aspect-ratio: 16 / 10;

  /* Fallback for browsers without aspect-ratio */
  position: relative;
border:2px solid #fff;
}
.gallery-img::before {
  /* 10/16 = 0.625 = 62.5% */
  content: "";
  display: block;
  padding-top: 62.5%;
}
.gallery-img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* fill area without stretching */
}

/* Disable fallback when aspect-ratio is supported */
@supports (aspect-ratio: 16 / 10) {
  .gallery-img::before {
    display: none;
  }
  .gallery-img {
    position: relative; /* keep for img positioning */
  }
}

/* COOKIES BEGIN */

#cookie_notification{position:fixed;bottom:0px;left:0px;right:0px;background-color:rgba(0,0,0,0.5);color:#fff;font-size:12px;padding:10px;text-align:center;z-index:999;}
#cookie_notification a{color:#fff;font-size:12px;text-decoration:underline;}
#cookie_notification a:hover{text-decoration:none;color:#fff !important;}
#cookie_ok{cursor:pointer;display:inline-block;background-color:#59bd5d;padding:2px 10px 1px 10px;margin-left:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#cookie_ok:hover{background-color:#ffffff;color:#000000;}
#more-about-cookies table {border-collapse:collapse;}
#more-about-cookies table th{border:1px solid gray;background-color:#6FA12D;color:#fff;vertical-align:top;text-align:left;padding:10px;font-size:14px;}
#more-about-cookies table td {border:1px solid gray;background-color:#eee;vertical-align:top;padding:10px;font-size:14px;}
#more-about-cookies table td strong{font-family:"Courier New", Courier, monospace;font-weight:normal;display:inline-block;margin-top:2px;	}
#more-about-cookies table td .mono{font-family:"Courier New", Courier, monospace;}
#more-about-cookies .tip{background-color:#eeeeee;overflow:hidden;border:1px solid gray;padding:20px;font-size:12px;}
#more-about-cookies .tip input[type=checkbox]{margin:0px;padding:0px;}
#more-about-cookies .tip label{font-size:14px;padding-left:10px;}
#more-about-cookies .btnCookiesSaveSettings{border:1px solid #6FA12D;background-color:#6FA12D;color:#fff;padding:5px 10px;cursor:pointer;}
#more-about-cookies .btnCookiesSaveSettings:hover{background-color:#ffffff;color:#000000;}
#more-about-cookies em {font-size:14px;}

/* admin buttons begin */

.adminBtn{display:inline-block;padding:5px 15px 5px 10px;margin-bottom:5px;font-family:Arial;color:Black !important;font-size:12px;text-decoration:none;border:1px solid #E6E6E6;background-color:#f1f1f1;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #E6E6E6));background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E6E6E6 100%);background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E6E6E6 100%);background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E6E6E6 100%);background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E6E6E6 100%);background-image: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 2px rgba(0, 0, 0 , 0.1);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 2px rgba(0, 0, 0 , 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 2px rgba(0, 0, 0 , 0.1);}
.adminBtn span{display:inline-block;background-repeat:no-repeat;background-position:left center;padding-left:23px;padding-top:2px;}
.adminBtn:hover, .adminBtn:active{background-image:none;text-decoration:none;color:black;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(0, 0, 0 , 0.3);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(0, 0, 0 , 0.3);box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(0, 0, 0 , 0.3);}
.adminBtn:active{background-color:White;}

.btn-album-switch{background-image:url(../images/admin/album-switch.png);}
.btn-album-edit{background-image:url(../images/admin/album-edit.png);}
.btn-attachment{background-image:url(../images/admin/attachment.png);}
.btn-banners{background-image:url(../images/admin/banners.png);}
.btn-banners-edit{background-image:url(../images/admin/banners-edit.png);}
.btn-document{background-image:url(../images/admin/document.png);}
.btn-footer{background-image:url(../images/admin/footer.png);}
.btn-form-edit{background-image:url(../images/admin/form-edit.png);}
.btn-form-results{background-image:url(../images/admin/form-results.png);}
.btn-form-switch{background-image:url(../images/admin/form-switch.png);}
.btn-images{background-image:url(../images/admin/images.png);}
.btn-logout{background-image:url(../images/admin/logout.png);}
.btn-map{background-image:url(../images/admin/map.png);}
.btn-menu{background-image:url(../images/admin/menu.png);}
.btn-modules{background-image:url(../images/admin/modules.png);}
.btn-news-edit{background-image:url(../images/admin/news-edit.png);}
.btn-news-add{background-image:url(../images/admin/news-add.png);}
.btn-page-edit{background-image:url(../images/admin/page-edit.png);}

@media screen and (max-width: 767px) {
    .ui-widget {font-size:16px;}
    .ui-datepicker {padding:16px 0px;}   
    .ui-datepicker-calendar th {padding:4px 0px;}
    .ui-datepicker-calendar > thead {font-size:10px;}
    .ui-datepicker-calendar .ui-state-default {font-size:12px;padding:4px 0px;}
    .cPanel a > i {font-size:30px;width:60px;height:60px;line-height:60px;}
    .calendar > .row:first-child {display:none;}
    .calendar > .row:last-child {border-bottom:1px solid #e0e0e0;}
    .calendar > .row > div > span:first-child {display:none;}
    .calendar > .row > div > span:nth-child(2) {display:block;margin-bottom:3px;}
    .calendar > .row > div > div {padding:5px 8px; margin-top:3px; margin-bottom:3px; font-size:14px;}
    .calendar > .row > div {width:100%; float:none;min-height:40px;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
    .calendar > .row > div.opacity5 {display:none;}
    .treeview .list-group-item > div {margin-top:5px;}
}

@media screen and (min-width: 768px) {

    .hero-page {
        padding: 0 30px 0 0;
    }

    .hero-page::after {
        top: 30px;
    }

    .breadcrumb {
        margin: 0;
        height: 30px;
        padding: 5px 10px;
        overflow: hidden;
    }

    .second-menu > a::after {
        display: none;
    }

    .second-menu ul {
        display: block;
    }

    .main-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sidebar-left {
        width: 260px;
    }


    .images-list {
        margin: 0 -10px;
    }

    .images-list li {
        padding: 10px;
    }

    .main-content {
        padding-bottom: 70px;
    }

    .subpage .bricks-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px;
    }

    .subpage .bricks-list li {
        width: 50%;
        padding: 0 10px 20px 10px;
    }

    .cPanel a {font-size:18px;}
    .cPanel a > i {font-size:40px;width:80px;height:80px;line-height:78px;}
    .calendar > .row:last-child > div {border-bottom:1px solid #e0e0e0;}
    .treeview .list-group-item > div {float:right;}
    .treeview .list-group-item > div > span:not(.badge) {display:none;}

}

@media (min-width:768px) and (max-width:991px) {
    .calendar > .row:not(:first-child) > div {min-height:60px;}      
}

@media screen and (max-width: 991px){
    .sidebar-right, .sidebar-left {
        display:none;
    }

    .main-content .desc-block.double-width {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {

    .hero-page {
        padding: 0 25px;
    }

    .hero-page::after {
        top: 30px;
    }

    .breadcrumb {
        height: 30px;
        padding: 5px 20px
    }

    .main-content {
        padding-top: 50px;
    }

    .main-content .desc-block {
        padding: 0 0 0 30px;
        width: calc(100% - 260px);
    }

    .sidebar-right {
        width: 260px;
    }

    .main-content .desc-block {
        padding: 0 30px;
        width: calc(100% - 520px);
    }

    .main-content .desc-block.double-width {
        width: calc(100% - 260px);
    }

    .images-list {
        margin: 0;
    }

    .images-list li {
        width: 100%;
        padding: 0 0 20px;
    }

    .main-content {
        padding-bottom: 130px;
    }

    .subpage-custom-padding {
        padding-bottom: 70px;
    }

    #map {
        height: 530px;
    }

    .subpage .bricks-list {
        margin: 0 -5px;
    }

    .subpage .bricks-list li {
        width: 33.3%;
    }

    .login {width:300px;}

    .notesWithCalendar {height:calc(100% - 30px) !important;}
    .table-termin tr > td:not(:last-child) {width:23%;}
}

@media (min-width:992px) and (max-width:1199px){
    .calendar > .row:not(:first-child) > div {min-height:80px;}
    .h-bottom .logo img {width:80px;}
}

@media screen and (min-width: 1100px) {

    .hero-page {
        padding: 0 40px;
    }

    .hero-page::after {
        top: 40px;
    }

    .breadcrumb {
        height: 40px;
        padding: 9px 20px;
    }

    .calendar > .row:not(:first-child) > div {min-height:100px;}
}

@media screen and (min-width: 1600px) {

    .subpage {
        position: relative;
    }

    .subpage-custom-padding {
        padding-bottom: 140px;
    }

    .subpage:not(.userpages)::before {
        content: '';
        /*width: 526px;*/
        width:28%;
        height: 1021px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        background: url("../images/subpage_lines_1.jpg") top right;
    }

    .subpage:not(.userpages)::after {
        content: '';
        width: 541px;
        height: 616px;
        position: absolute;
        bottom: -460px;
        left: 0;
        z-index: -1;
        background: url("../images/subpage_lines_2.jpg") top right;
    }

    .main-content .desc-block.double-width .document-inner,
    .main-content .desc-block.full-width .document-inner {padding-right:250px;}
    .main-content .desc-block.full-width .document-inner {padding-bottom:50px;}
}

/* accessibility begin */

.skip-to-main {left:0;position:absolute;transform:translateY(-100%);}

.accessibility-toggle {position:fixed;left:15px;bottom:15px;z-index:999999999;}
.accessibility-toggle button {background-color:#ff0000;color:#fff;border-radius:50%;font-size:30px;width:45px;height:45px;text-align:center;border:none;}
#accessibility button {display:block;font-size:18px;border:1px solid #999;background:none;height:130px;padding:0px 20px;}
#accessibility button:not(.w-100) {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
#accessibility button:hover {background:#f2f2f2;}
#accessibility button:focus {border:none;outline:0;box-shadow:inset 0 0 0 5px rgba(255,0,0,0.7);}
#accessibility button.active {background:#000;color:#fff;}
#accessibility .btn-secondary {font-size:16px;}
#accessibility .modal-body {display:flex;flex-wrap:wrap;color:#000;}
#accessibility i {display:block;margin:0px auto 10px auto;font-size:40px;}
#accessibility .modal-body > button:nth-child(2n) {border-left:none;}
#accessibility .modal-body > button:not(:nth-last-child(-n+2)), #accessibility .modal-body > button:not(:nth-last-child(1)) {border-bottom:none;}
.accessibility-modal .modal-backdrop {opacity:0;}

html.desaturate { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
body.font-family *:not(.fas) {font-family: "Arial", sans-serif !important;}
body.underline-links a {text-decoration: underline !important;}

.goToTop {position:fixed;bottom:15px;right:15px;background-color:rgba(0,0,0,0.7);color:#fff;border-radius:50%;width:36px;height:36px;text-align:center;border:none;}
.goToTop i {line-height:22px;font-size:20px;}

/* accessibility end */