.inline{
    display:inline-block
}
.nodata{
    text-align:center;
    font-family:Butler-Light;
    margin:40px auto;
    font-size:30px;
    color:#424242;
    font-style:italic
}
.select_option{
    margin:0 auto;
    text-align:center;
    font-family:Butler-Light;
    font-size:14px;
    padding-bottom:20px
}
.select_option select{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    outline:0;
    box-shadow:none;
    border:0 !important;
    background:#0a1045;
    background-image:none;
    text-indent:20px;
    width:100%;
    height:100%;
    margin:0;
    padding-left:5px;
    color:#fff;
    cursor:pointer
}
.select_option option{
    text-align:left;
    padding:5px
}
.select_option .select{
    position:relative;
    width:15%;
    height:10%;
    line-height:3;
    background:#0a1045;
    overflow:hidden;
    border-radius:3px;
    border:solid #d7d7d7 1px;
    margin-right:20px
}
.select_option select::-ms-expand{
    display:none
}
.select_option .select::after{
    content:'\02C5';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    padding:0 10px;
    color:#0d1347;
    background:#fff;
    pointer-events:none;
    font-weight:bolder
}
.select_option .select:hover::after{
    color:#0d1347
}
.select_option .select::after{
    -webkit-transition:.25s all ease;
    -o-transition:.25s all ease;
    transition:.25s all ease
}
@font-face{
    font-family:yrsa-medium;
    src:url(fonts/yrsa-medium.ttf)
}
@font-face{
    font-family:yrsa-light;
    src:url(fonts/yrsa-light.ttf)
}
@media only screen and (max-width: 700px){
    .select_option .select{
        position:relative;
        width:50%;
        height:10%;
        margin-right:0px
    }
}
.animated{
    -webkit-animation-duration:0.4s;
    animation-duration:0.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
.meter{
    height:20px;
    width:90%;
    margin:0px auto;
    position:relative;
    background:#0a1045;
    overflow:hidden;
    padding:3px;
    border-radius:3px
}
.meter span{
    display:block;
    height:100%
}
.progress{
    background-color:#cab379;
    animation:progressBar 1s ease-in-out;
    animation-fill-mode:both;
    border-radius:2px
}
@keyframes progressBar{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
.percent-txt{
    float:right;
    font-size:10px;
    margin-right:5%;
    color:#000
}
.slides-title{
    font-family:yrsa-medium;
    font-size:22px;
    margin-left:5%;
    margin-top:10px;
    color:#424242
}
.row-custom{
    margin-left:-15px;
    margin-right:-15px
}
.jumbotron.gallery{
    height:auto;
    padding:10% 0
}
#img-gallery{
    margin-top:2%
}
#slider{
    background:#ececec
}
.slides{
    display:table;
    width:100%
}
.slides .carousel-item{
    display:table-cell
}
.carousel-item .img-container{
    margin:0;
    padding:0;
    background:#ececec;
    height:550px;
    background-size:cover !important;
    cursor:pointer
}
.carousel-item .img-caption{
    margin:0;
    padding:0;
    background:#ececec;
    height:550px
}
.month-txt{
    font-size:20px;
    font-family:Butler-Light;
    color:#242424;
    padding-bottom:10px
}
.carousel-item .img-caption .caption-txt{
    padding:5%;
    height:470px;
    margin:3% 0;
    overflow-y:auto;
    line-height:24px;
    font-size:15px;
    font-family:yrsa-light;
    text-align:justify
}
.carousel-item .img-caption .caption-txt a{
    color:#333
}
.carousel-item .img-caption .caption-txt a:hover{
    text-decoration:none
}
#carousel{
    height:auto;
    clear:both;
    position:relative;
    top:-100px;
    overflow:hidden
}
#carousel .slides li{
    cursor:pointer;
    padding:80px 0;
    background-size:cover !important;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    border:3px solid white;
    max-width:226px !important;
    margin-bottom:30px
}
#carousel .slides li.flex-active-slide{
    border:3px solid #161c50
}
#carousel .slides li.flex-active-slide{
    -webkit-filter:grayscale(0%);
    filter:grayscale(0%)
}
.custom-navigation{
    position:relative;
    width:42%;
    float:right;
    right:0px;
    bottom:130px;
    padding:2%
}
.custom-navigation a{
    display:inline-block;
    color:#0f164c;
    font-size:16px;
    font-weight:bold
}
.custom-navigation a:hover{
    text-decoration:none
}
.custom-navigation a i{
    font-size:24px;
    vertical-align:middle;
    -webkit-text-stroke:2px #ececec
}
.custom-navigation .flex-prev.flex-disabled,.custom-navigation .flex-next.flex-disabled{
    color:#666
}
.custom-navigation a.flex-next{
    float:right
}
@media (max-width: 1024px){
    #carousel .slides li{
        max-width:233px !important
    }
}
@media (max-width: 991px){
    .custom-navigation{
        width:51%;
        bottom:120px
    }

    #ongoingcon{
    	padding-top: 30px;
    }
}
@media (max-width: 736px){
    .carousel-item .img-container{
        height:300px;
        float:none;
        display:block;
        position:relative
    }
    .carousel-item .img-caption{
        height:350px;
        float:none;
        display:block;
        position:relative
    }
    .carousel-item .img-caption .caption-txt{
        height:170px;
        margin:3%;
        padding:2% 1%;
        position:absolute
    }
    .custom-navigation{
        width:100%
    }
    #carousel .slides li{
        width:178px !important
    }
    #carousel .slides li{
        max-width:174px !important
    }
}
@media (max-width: 667px){
    #carousel .slides li{
        max-width:200px !important
    }
}
@media (max-width: 568px){
    #carousel{
        display:none
    }
}
.gal-btn{
    font-size:22px;
    font-family:Butler-Light, sans-serif;
    color:#0c0f46;
    height:80px;
    background-color:white;
    border:2px solid #0c0f46;
    padding:0 !important;
    margin:1% 0;
    word-wrap:normal;
    white-space:normal
}
.gal-btn:hover,.gal-btn.active:hover,.gal-btn.active:focus{
    background-color:#0c0f46 !important;
    border:2px solid #0c0f46 !important;
    color:white !important
}
.gal-btn.active{
    background-color:#0c0f46;
    border:2px solid #0c0f46;
    color:white
}
@media (max-width: 414px){
    .gal-btn{
        font-size:20px;
        line-height:26px
    }
    .carousel-item .img-caption .caption-txt{
        font-size:14px;
        line-height:22px;
        height:225px;
        margin:3% 2%;
        padding:2% 1%;
        position:absolute
    }
    .custom-navigation{
        width:97.55%;
        bottom:64px;
        background:#ececec;
        padding:3%;
        margin:0 auto;
        right:4px
    }
    .custom-navigation a{
        font-size:15px
    }
}
.flexslider{
    margin:0 0 20px
}