.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.5), rgba(0, 0, 0, 0.5));}
.mask-alt{background : linear-gradient(179.98deg, rgba(0, 0, 0, 0) -102.82%, rgba(0, 0, 0, 0.63) 99.98%); opacity: .25}
.mask-banner{background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.45) 100%);}

.transparent{opacity: .56}
.p-alt-2{font-size: .93vw}
@media(max-width:768px){.p-alt-2{font-size: 13px}}

.blue{color: #023E79}
.bg-white-trans{background-color: rgba(217, 217, 217, 0.26)}
.border-blue{border-color: #023E79}

.gradient{
    background: linear-gradient(105.27deg, rgba(22, 34, 51, 1) 1.84%, rgba(17, 132, 90, 1) 110.21%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-warning{
    background: linear-gradient(105.27deg, #DC9122 1.84%, rgb(255, 190, 0) 110.21%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-white{
    background: linear-gradient(91.18deg, rgba(225,225,225,1) 0%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-gradient{background: linear-gradient(105.27deg, rgba(22, 34, 51, 1) 1.84%, rgba(17, 132, 90, 1) 110.21%);}
.bg-gradient-warning{background: linear-gradient(105.27deg, #DC9122 1.84%, rgb(255, 190, 0) 110.21%);}
.bg-gradient-alt{background: linear-gradient(91.18deg, #023E79 0%, #0E6258 100%);}
.bg-gradient-white{background: linear-gradient(91.18deg, rgba(225,225,225,1) 0%, #fff 100%);}
.banner-mask-alt{background: rgba(220, 225, 232, .86); background-blend-mode: multiply, normal;}
.newsletter-mask{background: linear-gradient(111.13deg, #162233 36.06%, #153864 103.2%); background-blend-mode: multiply, normal;}

.law-mask {background: linear-gradient(105.27deg, rgba(17, 132, 90, 0.8) 1.84%, rgba(22, 34, 51, 0.8) 110.21%), rgba(37, 170, 116,.5);background-blend-mode: normal, darken, normal;}
.pag-mask{background: linear-gradient(180deg, rgba(13, 110, 119, .8) 23.82%, rgba(0, 50, 59, .8) 100%);}


.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);}

.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);}

.icon.arrow-right-alt{background-image:  url("../icons-alt/right-arrow.svg");}
.icon.arrow-left-alt{background-image:  url("../icons-alt/right-arrow.svg");transform: rotate(180deg)}
.icon.arrow-down{background-image:  url("../icons-alt/right-arrow.svg");transform: rotate(90deg)}


@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: 18vw; width: 18vw}
    #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)}

li.menu.active::after, li.menu:hover::after{
    position: absolute;
    height: var(--7px);
	width : var(--7px);
    content: "";
    display: block;
	margin-left: auto; margin-right: auto;
    right: 0;
    left: 0;
    background: var(--warning-color);
    transition: all .5s;
    z-index: 1;
    border-radius: 50%;
}

.attraction{height: 23.75vw}
.news > figure{min-height : 14vw; height : 14vw;}
.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 *{font-weight: 900}
.os-tab-head::after{
    content: "";
    bottom: calc(-1 * var(--1px));
    left: 0; right: 0;
    margin: auto;
    width: 0%;
    height: var(--5px);
    position: absolute;
    background: var(--success-color);
    transition: all 1s
}
.os-tab-head.active::after{width: 100%;}

.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}
}

#homeSlider  .slide{
	-webkit-transition: all 1s;
	transition: opacity 2s, z-index .2s 1.8s;
    position: absolute;
    left:0;
    top:0;
    overflow: hidden;
    opacity: 0;
    z-index: 0;
}
#homeBanner  .slide.active{opacity: 1; z-index: 1;}
#homeBanner .slide-dot.active{
	background: linear-gradient(105.27deg, #DC9122 1.84%, rgb(255, 190, 0) 110.21%);
    padding-left: var(--40px);
    padding-right: var(--40px);
}

.special, #menu li:hover > * > span{position: relative;}
.special::before, .special::after, #menu li:hover a span, #menu li:active a span, #menu li:active span span{
	/* border-bottom : 2px solid var(--success-color); */
	/* transition: all .5s; */
}

.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;
}