/* preloader */
#preloader:before {
    border: 3px solid #9e486b;
}

#preloader:after {
    border: 3px solid #9e486b;
}

/* navigation */


.navbar.nav-scroll .navbar-nav .nav-link {
    text-shadow: none;
}

.navbar .navbar-nav .nav-link {
    color: #87264D;
}

@media screen and (max-width: 991px) {
    .navbar .navbar-nav .nav-link {
        color: #FFFFFE;
    }
}

.navbar .navbar-nav .nav-link.active {
    color: #F9C04B;
}

.navbar-nav>li>a {
    text-transform: none;
}

.navbar.nav-scroll .navbar-nav .nav-link:hover,
.navbar.nav-scroll .navbar-nav .nav-link.active {
    color: #F9C04B;
}

li.nav-item {
    text-align: center;
}

.onepage-nav.nav-scroll .navbar-nav>li>a {
    color: #87264D;
}

.header-style3.scrollHeader .navbar-nav>li>a {
    color: #87264D;
}

@media screen and (max-width: 991px) {
    .onepage-nav.nav-scroll .navbar-nav>li>a {
        color: #FFFFFE;
    }
}


@media screen and (max-width: 991px) {
    .onepage-nav .navbar-toggler {
        background: #87264D;
    }

    .navbar-toggler {
        background: #87264D;
    }

    .navbar-nav {
        background: #87264D;
    }

    .onepage-nav .navbar-nav {
        background: #87264D;
    }

    .navbar-nav li {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media screen and (max-width: 1399px) {
    .onepage-nav>.container {
        padding-right: 0;
    }
}

/* home-top */
.onepage-banner:after {
    background-image: url(../img/custom/top_sp.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    filter: none;
    background-attachment: scroll;
}

@media screen and (min-width: 600px) {
    .onepage-banner:after {
        background-image: url(../img/custom/top.jpg);
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
}



[data-overlay-dark]:before {
    background: none;
}


/* sub-top */
.page-title-section {
    padding: 120px 0 120px;
}

@media screen and (max-width: 1399px) {
    .page-title-section {
        padding: 120px 0 120px;
    }
}

@media screen and (max-width: 991px) {
    .page-title-section {
        padding: 100px 0 100px;
    }
}

@media screen and (max-width: 575px) {
    .page-title-section {
        padding: 80px 0 80px;
    }
}

/* section */
section {
    padding: 80px 0;
}



/* back-ground */
.bg-beige:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    background-color: #C3B091;
    z-index: -1;
    opacity: .2;
}

/* information background */
#information:before {
    width: 70%;
}

/* heading */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Open Sans', sans-serif;
    color: #87264D;
}

h1.top {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    width: 100%;
    position: absolute;
    top: 30%;
    z-index: 2;
    font-size: clamp(36px, 3.3vw, 58px);
    text-shadow: 2px 2px #EFDDC0;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    h1.top {
        padding: 40px 40px 40px 16%;
        position: absolute;
        top: 30%;
        left: 0%;
        width: auto;
        text-shadow: 4px 4px #EFDDC0;
    }
}

.page-title-section h1 {
    color: #87264D;
}

.top-sub {
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0.8;
    padding: 20px;
    width: 100%;
    position: absolute;
    bottom: 0%;
    color: #87264D;
    z-index: 2;
    font-size: clamp(22px, 2.5vw, 28px);
    text-shadow: 2px 2px #EFDDC0;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .top-sub {
        padding: 40px 16% 40px 40px;
        position: absolute;
        top: 68%;
        right: 0%;
        bottom: auto;
        width: auto;
    }
}

.title-style1 h2 {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding: 0 0 10px;
    font-size: clamp(28px, 2.0vw, 40px);
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .title-style1 h2 {
        padding: 0 0 20px;
    }
}

.title-style1 h2:before {
    background-color: #F9C04B;
}

.title-style1 h2:after {
    background-color: #87264D;
}


/* text */
.text-primary {
    color: #87264D !important;
}

.text-alert {
    color: #F9C04B !important;
}

.text-justify {
    text-align: justify;
}

.text-italic {
    font-style: italic;
}

.text-emphasis {
    font-size: clamp(20px, 1.2vw, 24px);
}


/* button */
.butn-style1 {
    border: 2px solid #9e486b;
    color: #9e486b;
}

.butn-style1:hover {
    background-color: #9e486b;
}

.butn-style2 {
    background: #9e486b;
}

/* list */
.list-style1 li:before {
    color: #87264D;
}

.list-style2 li:before {
    color: #87264D;
}

/* image */
.img-insert {
    width: 100%;
}

/* link */
a:hover,
a:active {
    color: #F9C04B;
}

/* resposible-off */
@media screen and (max-width: 991px) {
    .resposible-off {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    #information:before {
        width: 100%;
    }
}

/* sponsor background */
#sponsor:before {
    width: 70%;
}

@media screen and (max-width: 991px) {
    #sponsor:before {
        width: 100%;
    }
}

/* train access */
.access-list {
    list-style: none;
    padding-left: 0;
}

.access-list .terminal {
    background: #87264D;
    color: #fff;
    font-weight: 600;
    height: auto;
    padding: 10px 20px;
    line-height: 20px;
}

.access-list .station {
    border: #87264D solid 3px;
    height: auto;
    font-weight: 600;
    padding: 10px 20px;
    line-height: 20px;
}

.access-list .train {
    height: auto;
    padding: 10px 0 10px 10px;
    margin-left: 20px;
    border-left: 3px dotted #87264D;
}

.access-list .walk {
    height: auto;
    padding: 10px 0 10px 10px;
    margin-left: 20px;
    border-left: 3px dotted #CCC;
}

/* award */
.award {
    padding-bottom: 1.6rem;
}

.award .code {
    font-size: 1.1rem;
    font-weight: 600;
    color: #626262;
}

.award .title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #626262;
    padding-bottom: 0.4rem;
}

.award .authors {
    font-style: italic;
    padding-bottom: 0.4rem;
}

.award .presenter {
    text-decoration: underline;
}

.award .organization {
    padding-left: 0;
}

.award .organization li {
    list-style: none;
}

.sponsers-row {
    display: block;
}

@media screen and (min-width: 1024px) {
    .sponsers-row {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px;
    }
}

.sponsers-row .sponser-box {
    flex-basis: 30%;
    text-align: center;
    margin: 0 auto 40px auto;
}

.sponsers-row .sponser-box .image-box {
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.sponsers-row .sponser-box img {
    width: auto;
    max-width: 100%;
    max-height: 80px;
}

/*footer */
footer {
    background: rgb(195, 176, 145, .6);
}

.footer2 .footer-link li a {
    color: #575a7b;
}

.footer2 .footer-link li a:hover {
    color: #87264D;
}

.scroll-to-top {
    background: #F9C04B;
    border: 1px solid #F9C04B;
}

.scroll-to-top:hover {
    color: #87264D;
}