.xright-half-alt{transform: translateX(-50%);}
.xleft-half-alt{transform: translateX(50%);}
.ytop-half-alt{transform: translateY(50%);}
.ybottom-half-alt{transform: translateY(-50%);}

.transition-alt{transition: all 1s}
.mask{background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));}
.mask-alt{background : linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 100%) 100%);}
.mask-banner{background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.45) 100%);}
.bg-gradient{background: linear-gradient(148.45deg, #026701 18.13%, #002C00 98.82%);}
.bg-gradient-warning{background: linear-gradient(-148.45deg, rgba(217, 97, 22, 1) 0%, rgba(136, 57, 9, 1) 100%);}

.transparent{opacity: .56}
.transparent-alt{opacity: .1}
.shadow{box-shadow: 3px 4px 11px 2px rgba(0, 0, 0, 0.22);}
.shadow-alt{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);}
.shadow-alt-2{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .075);}
.text-shadow{text-shadow: 0px 4px 4px rgba(0, 0, 0, .25);}
.text-shadow-white{text-shadow: 0px 0px 4px rgba(255, 255, 255, .25);}

@media(max-width:768px){
    #menu{max-height: 100vh; overflow: auto; left: 100%}
    #menu.opened{left: 0%}
}

@media(min-width:768px){
    /* #menu li{transition: all .5s;} */
    #menu li ul{display: none; max-width: 22vw; width: 22vw}
    #menu li:hover ul{display: block; border-color: rgba(255,255,255,.15)}
    #menu li ul li:hover{color: var(--success-color)}
}

@media(max-width:768px){
    #menu li ul{display:none; max-width: auto;width: 100%}
    #menu li ul.opened{display: block;}
}

#header{filter: drop-shadow(0px 5px 27.9px rgba(0, 0, 0, 0.36));}
#header.opaque{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2)}

.attraction:not(.msquare):not(.mrect){height: 23.489vw}
.attraction.alt{height: 15.489vw}
.news > figure{min-height : 18.135416667vw; height : 18.135416667vw;}
.project figure{min-height : 12vw; height : 12vw;}
.armoirie-home{left : calc(var(--50px)); top : calc(var(--50px)); height: 12.29167vw; width : 12.29167vw;}
.ministries-fig {height: 8.59375vw; min-height: 8.59375vw; }
.members-fig {height: 17.239583vw; min-height: 17.239583vw; }
.members-fig-alt {height: 38.6979167vw; min-height: 38.6979167vw; }
.armoirie-members{left : calc(var(--50px)); top : calc(var(--50px)); height: 10.10416vw; width : 9.79167vw;}
#contacts .media a {width : 3.33vw; height : 3.33vw;}
#contacts .map{min-height: 30vw; height: 30vw;}
::placeholder {color: rgba(0,0,0,.5); }
.os-filter::placeholder{color: var(--success-color);}
#contacts ::placeholder, #newsletter ::placeholder{color: rgba(21, 56, 100, .6);}

@media(max-width:768px){
	#homeBanner{min-height: 100vw; height: 100vw}
	.armoirie-home{left : calc(var(--10px)); top : calc(var(--10px)); height: 50px; width : 50px;}
	.armoirie-members{left : calc(var(--20px)); top : calc(var(--20px)); height: 50px; width : 50px;}
	.ministries-fig {height: 80px; min-height: 80px; }
	.members-fig{height: 150px; min-height: 150px; }
	#contacts .media a {width : 30px; height : 30px;}
	#contacts .map{min-height: 200px; height: 200px;}
}

.os-tab-head.active *{color: var(--success-color)}
.os-tab-head::after{
    content: "";
    top: 0; right: 0;
    height: 100%;
    width: 0vw;
    position: absolute;
    background: var(--success-color);
    transition: all .5s
}
.os-tab-head.active::after{width: var(--10px);}

.yt-preview{width: 56.5625vw; height: 31.6145vw}
.flickr-frame, .youtube-frame, #article .slide-box{height: 38vw;}
.video figure{height: 14.25vw}
textarea{height: 12vw}

@media(max-width:768px){
	.quote{transform: translateY(-60%)}
	.quote span{font-size: 80px;}
	.yt-preview{width: 80vw; height: 40vw}
	.encart figure{height: 125px}
	.encart-alt figure{height: 90px}
	.flickr-frame, .youtube-frame, #article .slide-box{height: 220px;}
	textarea{height: 100px}
}

.article table{border-collapse: collapse;}
.article table *{border-color: var(--gray-color)}
.article table td{padding: var(--10px) calc(2 * var(--10px))!important; text-align: left!important}

.title-h2{margin-top: var(--10pxms); font-weight: 600; color: var(--success-color); text-transform: uppercase}
.title-h3{padding-left: calc(3 * var(--10px)); margin-top: var(--5px)}
.title-h4{padding-left: calc(3 * var(--20px)); margin-top: var(--5px)}
.title-h2{
	padding-top: var(--5px);
	padding-bottom: var(--5px);
	border-bottom: 1px solid #bfbfbf;
}