@font-face {
    font-family: 'Ethnocentric Rg';
    font-style: normal;
    font-weight: 200;
    src: local('Ethnocentric Rg'), url('https://fonts.cdnfonts.com/s/6220/ethnocentric rg.woff') format('woff');
}
body{
    color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    text-align: center;
    margin: 0;
    background: url("/static/images/wallpaper.jpg")no-repeat center center fixed; 
    -webkit-background-size:cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 1;
    z-index: 1;
    font-family: 'Open Sans', sans-serif;
    
}
body::-webkit-scrollbar {
      display: none;
}
body {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
#fade_in{
    background-color: rgba(0, 0, 0, 0.637);
    padding: 0;
}
.container2x{
    padding-top: 100px;
}
.container_package{
    min-height:500px;
    box-shadow: rgb(218,165, 32) 0px 1px 6px;
    background-color: rgba(0, 0, 0, 0.829);
    border: transparent solid 1px;
    border-radius: 20px;
}
.msg{
    padding:10px; 
    border: transparent solid 1px;
    border-radius: 8px;
    font-size:17px;
}
.indexpage {
    left: 0;
    width: 100%;
}
.indexpage div{
    margin-top:200px;
    margin-right:70px;
    text-align:right;
}
.indexpage h1,h2{
    font-size:46px;
    font-family: 'Times New Roman', Times, serif;
}
.indexpage h1{
    background: -webkit-linear-gradient(rgb(255, 255, 255), rgb(182, 83, 1),rgb(97, 44, 0));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.indexpage h2{
    background: -webkit-linear-gradient(#eee, rgb(0, 60, 255));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.indexpage_slide h4,.indexpage_slide ul li{
    font-size:18px;
}
.indexpage_slide h3{
    font-size:30px;
    text-align: center;
}
.indexpage_slide div{
    margin:0;
    padding:10px;
    background-color: rgba(0, 0, 0, 0.829);
    border: transparent solid 1px;
    border-top-color: rgba(218, 165, 32, 0.397);
}
.indexpage_slide img{
    border: transparent solid 1px;
    border-radius: 20px;
    width: 100%;
}
@media screen and (max-width:1000px) {
    .indexpage div{
        margin-top:140px;
        margin-right:10%;
        text-align:right;
    }
    .indexpage h1,h2{
        font-size:30px;
    }
    .indexpage_slide h4,.indexpage_slide ul li{
        font-size:13px;
    }
    .indexpage_slide h3{
        font-size:23px;
    }
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}