/* A Custom stylesheet for custom changes */
.no-border{border:none!important;}
/*.ion-social-facebook{color:#4169e1;}
.ion-social-googleplus{color:#ff0000;}
*/
.tp-linesplit, .slider-caption{background: rgb(0 0 0 / 50%);}
.slider-caption{width: fit-content;margin: 0px auto!important;}
.slider-btn{background: rgb(0 0 0 / 40%)!important;}
.main{background:#fff;}
.form-control{margin-bottom: 10px;}
.datepicker td{color: #2196f3;}
#frmFerry, #frmBoat{background: grey;padding: 15px 0px 10px;}
.about-info{padding-top: 15px;font-size: 15px;}
.boatinfo{padding-bottom: 30px;}
.modal-container{
	width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgb(0 0 0 / 50%);
    position: fixed;
    top: 0;
}
.modal-container>.modal-body{
    margin: 10% 5%;
    background: #ffff;
    overflow: hidden;
    position: relative;
}
.btn-close{
	background: #0092a3;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    padding: 1px 5px;
	position:absolute;
	right:10px;
	top:10px;
	z-index:1001;
}
#modal-title{
	font-weight:500px;
}
.place-desc-container{
	height:200px;
	overflow-x: scroll;
}
.notice{
	background: #c7c7c7;
    padding: 5px;
}
.xs-only{
	display:none;
}
/*Mobile Respnsive Menu*/
@media screen and (max-width: 991px){
.menu-wrapper>.navbar-collapse{
	width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 1000000;
    right: 0;
    padding: 0;
	background: #0092a3;
}
.menu-main-menu-container{
	padding-top: 45px;
}
.sub-menu li{
	width: 100%!important;
}
.sub-menu.collapse{
	display:none!important;
}
.sub-menu.collapse-dropout{
	display:block!important;
}
.xs-only{
	display:block;
}
.btn-close-menu{
	width: 38px;
    height: 45px;
    margin: 5px;
}
#btnclosemenu{
	color:#fff;
}
}