body {
    background: #fcefe0;
}

#page header, #page #footer {
    overflow-x: hidden;
}

.bottomBannerSlider {
    position: relative;
}
.topBannerSlider  {
    margin-top: 290px;
}

.bottomBannerSlider {
    margin-top: 117px;
    padding-bottom: 90px;
}

@media (min-width: 576px) and (max-width: 768px) {
    .container-fluid {
        max-width: 576px;
    }
}
@media (min-width: 768px) {
    .container-fluid {
        max-width: 1300px;
    }
}

@media (max-width: 330px) {
    .slider-container, .bottom-slider-container {
        left: 50%;
        transform: translate(-50%,0);
        width: 360px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .bottomBannerSlider {
        padding-bottom: 25px;
        margin-top: 157px;
    }

    .topBannerSlider .slider-image {
        height: 150px;
    }

    .topBannerSlider .bx-wrapper .bx-viewport {
        max-height: 147px;
    }
    .bottomBannerSlider .bx-wrapper .bx-viewport {
        max-height: 147px;
    }
}

@media (min-width: 330px) and (max-width: 360px) {

    .slider-container {
        left: 50%;
        transform: translate(-50%,0);
        width: 360px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .topBannerSlider .slider-image {
        height: 150px;
    }

    .topBannerSlider .bx-wrapper .bx-viewport {
        max-height: 147px;
    }

    .bottomBannerSlider {
        padding-bottom: 25px;

    }

    .bottom-slider-container {
        left: 50%;
        transform: translate(-50%,0);
        width: 576px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .bottomBannerSlider .bx-wrapper .bx-viewport {
        max-height: 300px;
    }
}



@media (min-width: 360px) and (max-width: 576px) {
    .bottomBannerSlider {
        padding-bottom: 25px;

    }

    .slider-container, .bottom-slider-container {
        left: 50%;
        transform: translate(-50%,0);
        width: 576px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .topBannerSlider .slider-image {
        height: 260px;
    }


    .topBannerSlider .bx-wrapper .bx-viewport {
        max-height: 240px;
    }
    .bottomBannerSlider .bx-wrapper .bx-viewport {
        max-height: 300px;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .bottomBannerSlider {
        padding-bottom: 25px;
    }

    .topBannerSlider .slider-image {
        height: 300px;
    }

    .slider-container, .bottom-slider-container {
        width: 576px;
        max-width: 576px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .topBannerSlider .bx-wrapper .bx-viewport {
        max-height: 240px;
    }
    .bottomBannerSlider .bx-wrapper .bx-viewport {
        max-height: 300px;
    }
}

@media (min-width: 768px) and (max-width: 1300px) {
    .topBannerSlider .slider-image {
        height: 450px;
    }
    .bottomBannerSlider {
        margin-top: 158px;
        padding-bottom: 58px;
    }
    .slider-container, .bottom-slider-container {
        left: 50%;
        transform: translate(-50%,0);
        width: 1300px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .topBannerSlider .bx-wrapper .bx-viewport {
        max-height: 450px;
    }
    .bottomBannerSlider .bx-wrapper .bx-viewport {
        max-height: 380px;
    }
}

@media (min-width: 1300px) {
    .topBannerSlider .slider-image {
        height: 450px;
    }

    .bottomBannerSlider {
        margin-top: 158px;
        padding-bottom: 70px;
    }

    .slider-container, .bottom-slider-container {
        width: 1300px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .topBannerSlider .bx-wrapper .bx-viewport {
        max-height: 500px;
    }
    .bottomBannerSlider .bx-wrapper .bx-viewport {
        max-height: 380px;
    }
}




.container {
    overflow: hidden;
    background: #fff;
    /*-webkit-box-shadow: 0px 4px 15px 5px rgba(170,170,170,1);*/
    /*-moz-box-shadow: 0px 4px 15px 5px rgba(170,170,170,1);*/
    /*box-shadow: 0px 4px 15px 5px rgba(170,170,170,1);*/
    position: relative;
}

@media (min-width: 576px) {
    .container {
        max-width: 576px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
        margin-top: 0px;
    }

}
@media (min-width: 960px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px){
    .container {
        max-width: 992px;
    }
}
@media (min-width: 1300px){
    .container {
        max-width: 1300px;
    }
}

.page-view-box {
    background: #FFFFFF;
    padding-bottom: 30px;
    min-height: 500px;

}
@media (min-width: 768px) {
    .page-view-box {
        padding-bottom: 60px !important;
    }
}

.box-shadow {
    box-shadow: #fbc589 0.8rem -0.4rem;
}

.breadcrumbs, .breadcrumbs a {
    color: #555;
}
#footer, #footer a {
    color: #0b0b0b;
    font-size: 13px;

}

#footer .bg-box {
    position: relative;
    background-image: url("../images/bottom_main_mobile.png");
    background-size: cover;
    padding-bottom: 100%;
    text-shadow: 1px 1px #679946;
}
#footer.inner .bg-box {
    background-image: url("../images/bottom_inner_mobile.png");
}
@media (min-width: 768px) {
    #footer .bg-box {
        background-image: url("../images/bottom_main.png");
        padding-bottom: 33.3%;
    }
    #footer.inner .bg-box {
        background-image: url("../images/bottom_inner.png");
    }
}
#footer .bg-box > div {
    right: 0;
    text-align: center;
}
@media (min-width: 768px){
    #footer .bg-box > div {
        text-align: right;
    }
}


.bg-box {
    background-color: transparent;
}

@media (min-width: 992px) {
    .bg-box {
        margin-top: -133px; position: relative
    }
}

.bg-box.inner {

}

.contentBG {
    background-color: #fffbcb;
    margin: 0 -15px;

}

.menu-bg {
    /** background-color: <?php echo $colors['menu-background-color'] ?> !important; **/
}

.btn_more {
    font-size: 1em;
    padding: 4px 20px;
    margin-top: 6px;
    background-color: #eb7778 !important;
    border-radius: 0;
    color: white !important;
}

.title-image {
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
    position: absolute;
    z-index: 10;
}
.title-image img {
    width: 89%;
}

.title-image.higher-1 {
    -webkit-transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    transform: translateY(-65%);
}
.title-image.higher-2 {
    -webkit-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    transform: translateY(-70%);
}
.title-image.higher-2 {
    -webkit-transform: translateY(-75%);
    -moz-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    -o-transform: translateY(-75%);
    transform: translateY(-75%);
}


.fake-shadow > div {
    background: #8faeb8;
    height: 100%;
    width: 100%;
}
.fake-shadow {
    position: absolute;
    height: 100%;
    padding: inherit;
    left: 0;
    right: 0;
    transform: translate(15px, -7px) rotate(-0.6deg);
}
.fake-shadow.news-fake-shadow {
    /* padding: 0; */
    /*transform: translate(11px, -9px) rotate(-1deg);*/
}


.year-btn {
    border-radius: 0.3rem;
    background: #53a5c5;
    color: #FFF;
    border-bottom: #247da0 3px solid;
}

.year-btn:hover,.year-btn.active {
    color: #FFF;
    background: #48c5de;
}

.side_menu_item a {
    display: block;
    text-decoration: none;
}

.album-image img {
    max-width: 100%;
}

#news-page-index .page-view-box {
    margin-top: 4.2rem !important;
    padding-top: 2rem !important;
}
.grid-bottom-margin {
    margin-bottom: 6rem;
}
.grid-bottom-margin-s {
    margin-bottom: 3rem;
}

.link-item > a {
    display: block;
    position: relative;
}

.link-item > a > div {
    top: 0;
    left: 0;
    padding: inherit;
    height: 100%;
    width: 100%;
}

.link-item > a > div > div {
    background-size: contain;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}



@media (min-width: 959px) {
    .mobile-menu-hide {
        display: none !important;
    }
    .desktop-menu-show {
        display: block !important;
    }
}

.contactTag{
    padding: 3px 10px;
    border-radius: 10px;
    background-color: #FDDB00;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.contact {
    padding: 3px 10px;
}

@media (min-width: 768px) {
    .contactTag{
        min-width: 80px;
        margin: unset;
    }

    .contact {
        text-align: left;
    }
}

.mobile-menu-bg {
    background-color: #51b7e8;
}

#mobile_menu .menu-text {
    color: #FFFFFF;
}

#mobile_menu .menu-bg-lv-2, ul.menu li .subMenu li {
    background-color: #368fb9;
}

#content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;

}


@media (max-width: 991px) {
    #content {
        margin-top: -80px;
    }
}

@media (max-width: 768px) {
    #content {
        margin-top: -50px;
    }
}