	/*modal*/
	.modal{
	    --bs-modal-zindex:99999;
	    --bs-modal-width:500px;
	    --bs-modal-padding:1rem;
	    --bs-modal-margin:0.5rem;
	    --bs-modal-color: ;
	    --bs-modal-bg:#fff;
	    --bs-modal-border-color:var(--bs-border-color-translucent);
	    --bs-modal-border-width:1px;
	    --bs-modal-border-radius:0.5rem;
	    --bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	    --bs-modal-inner-border-radius:calc(0.5rem - 1px);
	    --bs-modal-header-padding-x:1rem;
	    --bs-modal-header-padding-y:1rem;
	    --bs-modal-header-padding:1rem 1rem;
	    --bs-modal-header-border-color:var(--bs-border-color);
	    --bs-modal-header-border-width:1px;
	    --bs-modal-title-line-height:1.5;
	    --bs-modal-footer-gap:0.5rem;
	    --bs-modal-footer-bg: ;
	    --bs-modal-footer-border-color:var(--bs-border-color);
	    --bs-modal-footer-border-width:1px;
	    position:fixed;
	    top:0;
	    left:0;
	    z-index:var(--bs-modal-zindex);
	    display:none;
	    width:100%;
	    height:100%;
	    overflow-x:hidden;
	    overflow-y:auto;
	    outline:0
	}
	.modal-dialog{
	    position:relative;
	    width:auto;
	    margin:var(--bs-modal-margin);
	    pointer-events:none
	}
	.modal.fade .modal-dialog{
	    transition:transform .3s ease-out;
	    transform:translate(0,-50px)
	}
	@media (prefers-reduced-motion:reduce){
	    .modal.fade .modal-dialog{
	        transition:none
	    }
	}
	.modal.in .modal-dialog{
	    transform:none
	}
	.modal.modal-static .modal-dialog{
	    transform:scale(1.02)
	}
	.modal-dialog-scrollable{
	    height:calc(100% - var(--bs-modal-margin) * 2)
	}
	.modal-dialog-scrollable .modal-content{
	    max-height:100%;
	    overflow:hidden
	}
	.modal-dialog-scrollable .modal-body{
	    overflow-y:auto
	}
	.modal-dialog-centered{
	    display:flex;
	    align-items:center;
	    min-height:calc(100% - var(--bs-modal-margin) * 2)
	}
	.modal-content{
	    position:relative;
	    display:flex;
	    flex-direction:column;
	    width:100%;
	    color:var(--bs-modal-color);
	    pointer-events:auto;
	    background-color:var(--bs-modal-bg);
	    background-clip:padding-box;
	    border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);
	    border-radius:var(--bs-modal-border-radius);
	    outline:0
	}
	.modal-backdrop{
	    --bs-backdrop-zindex:1050;
	    --bs-backdrop-bg:#000;
	    --bs-backdrop-opacity:0.5;
	    position:fixed;
	    top:0;
	    left:0;
	    z-index:var(--bs-backdrop-zindex);
	    width:100vw;
	    height:100vh;
	    background-color:var(--bs-backdrop-bg)
	}
	.modal-backdrop.fade{
	    opacity:0
	}
	.modal-backdrop.in{
	    opacity:var(--bs-backdrop-opacity);
	    z-index: 9999;
	}
	.modal-header{
	    display:flex;
	    flex-shrink:0;
	    align-items:center;
	    justify-content:space-between;
	    padding:var(--bs-modal-header-padding);
	    border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
	    border-top-left-radius:var(--bs-modal-inner-border-radius);
	    border-top-right-radius:var(--bs-modal-inner-border-radius)
	}
	.modal-header .btn-close{
	    padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
	    margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
	}
	.modal-title{
	    margin-bottom:0;
	    line-height:var(--bs-modal-title-line-height)
	}
	.modal-body{
	    position:relative;
	    flex:1 1 auto;
	    padding:var(--bs-modal-padding)
	}
	.modal-footer{
	    display:flex;
	    flex-shrink:0;
	    flex-wrap:wrap;
	    align-items:center;
	    justify-content:flex-end;
	    padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
	    background-color:var(--bs-modal-footer-bg);
	    border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
	    border-bottom-right-radius:var(--bs-modal-inner-border-radius);
	    border-bottom-left-radius:var(--bs-modal-inner-border-radius)
	}
	.modal-footer>*{
	    margin:calc(var(--bs-modal-footer-gap) * .5)
	}
	@media (min-width:576px){
	    .modal{
	        --bs-modal-margin:1.75rem;
	        --bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)
	    }
	    .modal-dialog{
	        max-width:var(--bs-modal-width);
	        margin-right:auto;
	        margin-left:auto
	    }
	    .modal-sm{
	        --bs-modal-width:300px
	    }
	}
	@media (min-width:992px){
	    .modal-lg,.modal-xl{
	        --bs-modal-width:800px
	    }
	}
	@media (min-width:1200px){
	    .modal-xl{
	        --bs-modal-width:1140px
	    }
	}
	.modal-fullscreen{
	    width:100vw;
	    max-width:none;
	    height:100%;
	    margin:0
	}
	.modal-fullscreen .modal-content{
	    height:100%;
	    border:0;
	    border-radius:0
	}
	.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{
	    border-radius:0
	}
	.modal-fullscreen .modal-body{
	    overflow-y:auto
	}
	@media (max-width:575.98px){
	    .modal-fullscreen-sm-down{
	        width:100vw;
	        max-width:none;
	        height:100%;
	        margin:0
	    }
	    .modal-fullscreen-sm-down .modal-content{
	        height:100%;
	        border:0;
	        border-radius:0
	    }
	    .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{
	        border-radius:0
	    }
	    .modal-fullscreen-sm-down .modal-body{
	        overflow-y:auto
	    }
	}
	@media (max-width:767.98px){
	    .modal-fullscreen-md-down{
	        width:100vw;
	        max-width:none;
	        height:100%;
	        margin:0
	    }
	    .modal-fullscreen-md-down .modal-content{
	        height:100%;
	        border:0;
	        border-radius:0
	    }
	    .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{
	        border-radius:0
	    }
	    .modal-fullscreen-md-down .modal-body{
	        overflow-y:auto
	    }
	}
	@media (max-width:991.98px){
	    .modal-fullscreen-lg-down{
	        width:100vw;
	        max-width:none;
	        height:100%;
	        margin:0
	    }
	    .modal-fullscreen-lg-down .modal-content{
	        height:100%;
	        border:0;
	        border-radius:0
	    }
	    .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{
	        border-radius:0
	    }
	    .modal-fullscreen-lg-down .modal-body{
	        overflow-y:auto
	    }
	}
	@media (max-width:1199.98px){
	    .modal-fullscreen-xl-down{
	        width:100vw;
	        max-width:none;
	        height:100%;
	        margin:0
	    }
	    .modal-fullscreen-xl-down .modal-content{
	        height:100%;
	        border:0;
	        border-radius:0
	    }
	    .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{
	        border-radius:0
	    }
	    .modal-fullscreen-xl-down .modal-body{
	        overflow-y:auto
	    }
	}
	@media (max-width:1399.98px){
	    .modal-fullscreen-xxl-down{
	        width:100vw;
	        max-width:none;
	        height:100%;
	        margin:0
	    }
	    .modal-fullscreen-xxl-down .modal-content{
	        height:100%;
	        border:0;
	        border-radius:0
	    }
	    .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{
	        border-radius:0
	    }
	    .modal-fullscreen-xxl-down .modal-body{
	        overflow-y:auto
	    }
	}
	.ratio{
	    position:relative;
	    width:100%
	}
	.ratio::before{
	    display:block;
	    padding-top:var(--bs-aspect-ratio);
	    content:""
	}
	.ratio>*{
		border:0;
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:100%
	}
	.ratio-1x1{
	    --bs-aspect-ratio:100%
	}
	.ratio-4x3{
	    --bs-aspect-ratio:75%
	}
	.ratio-16x9{
	    --bs-aspect-ratio:56.25%
	}
	.ratio-21x9{
	    --bs-aspect-ratio:42.8571428571%
	}
	#youtubeModal .modal-content {
		background:none;
	    box-shadow: none;
	    border:0;
	}
	#youtubeModal .modal-header {
	    border:0;
	    padding: 0 15px;
	}
	#youtubeModal .modal-header .btn-close {
	    color:#fff;
	    background: none;
	    opacity:1;
	    width: 30px;
	    height: 30px;
	    padding: 0;
	    border: 0;
	}
	#youtubeModal .modal-header .btn-close:after {
		content:'\f00d';
		font: normal var(--fs-20) 'icomoon';
		color:#fff;
		display: block;
	}
	html.yt_active {
		overflow: hidden;
	}
	.w-100p {
		width:100%;
	}