body {
    background: #fcefe0;
}

.slider-container {
    padding-bottom: 11%;
}
@media (min-width: 768px) {
    .slider-container {
        padding-bottom: 5%;
    }
}

.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: 1280px){
    .container {
        max-width: 1280px;
    }
}


.page-view-box {
    background: #FFFFFF;
    padding-bottom: 30px;
    min-height: 500px;
    margin-bottom: 70px !important;
}
@media (min-width: 768px) {
    .page-view-box {
        padding-bottom: 60px !important;
    }
}

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

.breadcrumbs, .breadcrumbs a {
    font-size: 0.9rem;
    color: #555;
}
#footer, #footer a {
    color: #FFF;
    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-image: url("../images/BG.png");;
    background-size: 100% 100%;
}
.bg-box.inner {
    background: #dff9ff;
}

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

ul.menu li .subMenu li:hover {
    background-color: #3f4791;

}

ul.menu.nav {
    background-color: #51b7e8;
}

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

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

.menu-bg-lv-3 {
    background-color: #368fb9;
}
.menu-text {
    color: #FFFFFF;
}

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


.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;
}

.page-view-box img {
    max-width: 100%;
}

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