@charset "utf-8";
.events_list{display:flex;flex-wrap: wrap;}
.events_list > h2{order:1;flex:1 1 auto;text-align: center;padding:60px 0 15px 0;margin:0 0 10px 0; border-bottom:2px solid #CCC;position:relative;}
.events_list > h2::after{content:"";transition:all .3s; display: block;position: absolute;bottom:-4px;left:0;width:100%;height:0;}
.events_list > h2.in::after{height:8px;background:#690;}

.events_list > .grid_lists{order:2;flex:2 2 100%;}
.events_list a{color: #069;}
.events_list p{margin: 5px 0 10px}
.events_list p a{color: #099;z-index: 5;position: relative;}
.events_list p a:hover{color: #069;}
.events_list .grid_list{height: auto;display: flex; flex-direction:column;align-items:stretch;margin: 0 0 30px 0;position: relative;}
.events_list .grid_list .events_pic{flex:0 0 auto;width:100%;position: relative; padding:13.6% 0;margin: 0;margin: 0 0 10px 0}
.events_list .grid_list .events_pic img{position: absolute;width: 100%; height: 100%;top: 0;left: 0;}
.events_list .grid_txt{flex:1;margin: 0 15px}
.events_list .grid_hotel{display: flex;align-items:stretch;border-top:1px solid #ccc;padding:10px 0 0 0;margin:10px 0 30px 0}
.events_list .grid_hotel .list{margin:0 10px 0 0;flex:1;display: flex;position: relative;align-items:center;z-index:4}
.events_list .grid_hotel .pic img{height: 100%;}
.events_list .grid_hotel .pic{flex:0 0 auto;width:120px;height:90px;margin: 0 10px 0 0}
.events_list .grid_hotel .txt{flex:1;align-self: center}
.events_list .grid_hotel .booking{float: right;background:#F90;color:#fff;width:3.5em;text-align: center;border-radius:3px;}
.events_list .grid_hotel .prices{color:#C00}
.events_list .grid_beroom {
    font-size: 16px;display: inline-block;
    padding: 2px 10px;margin: 0 5px 2px 0;
    color: #fff;
    background-color: #F90;
    z-index: 2;
}
.events_list .swiper-pagination-bullet{border:1px solid rgba(0,0,0,.5);background: rgba(255,255,255,.5);opacity: 1;}
.events_list .swiper-pagination-bullet-active{background: rgba(255,255,255,1);}



@media (max-width: 970px) {
	.events_list .grid_hotel{flex-direction:column;padding:0;}
	.events_list .grid_hotel .list{margin:10px 0 0 0}
}

@media (max-width:640px) {
.events_list .grid_hotel{flex-direction:column;}
.events_list .grid_hotel .list{margin: 10px 0 0 0}
}
@media (max-width:450px) {
	.events_list > h2{font-size: 5vw;}
}