@charset "utf-8";
/* CSS Document */

.gallery {text-align:center; margin:20px 0;}
.gallery .lightbox-gallery img { margin:10px; border:1px solid #ccc;
	border-radius:3px; -webkit-border-radius: 3px; moz-border-radius:3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.23);
	box-shadow: 0 1px 5px rgba(0,0,0,0.23);
	}
.pagegal .lightbox-gallery img:hover { border:1px solid #f68a29;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.53);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.53);
	box-shadow: 0 1px 5px rgba(0,0,0,0.53);
	}

.pagegal { text-align:center}
.pagegal .fancybox img { margin:5px; border:1px solid #ccc; height:160px;
	border-radius:3px; -webkit-border-radius: 3px; moz-border-radius:3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.23);
	box-shadow: 0 1px 5px rgba(0,0,0,0.23);
	}
.pagegal .fancybox img:hover { border:1px solid #f68a29;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.53);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.53);
	box-shadow: 0 1px 5px rgba(0,0,0,0.53);
	}

.gallery-block {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; text-align:center;}
.gallery-block a{
	color:#fff;
	overflow:hidden;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background-color:#000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.gallery-block a .hover{
	-webkit-filter:blur(7px);
	filter:blur(7px);
	display:block;
	opacity:0;
	position:absolute;
	top:-7px;
	left:-7px;
	z-index:2;
	width:calc(100% + 14px);
	height:calc(100% + 14px);
	-webkit-transition:ease all .5s;-o-transition:ease all .5s;transition:ease all .5s
}
.gallery-block a:after{
	opacity:0;
	z-index:3;
	display:block;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background-image:url(images/noise.png);
	-webkit-transition:ease all .5s;
	-o-transition:ease all .5s;transition:ease all .5s
}
.gallery-block a .content {position: relative; left:0; bottom:0; z-index: 4; text-align: center; padding:5px 10px; background-color:rgba(255, 255, 255, .8); color:#be1e2d; font-weight:bold; opacity:0;	-webkit-transition:ease all .5s;
	-o-transition:ease all .5s;transition:ease all .5s
}
.gallery-block a:hover .hover, .gallery-block a:focus .hover{opacity:1}
.gallery-block a:hover .content, .gallery-block a:focus .content{opacity:1}
.gallery-block a:hover:after, .gallery-block a:focus:after{opacity:1}
.gallery-block a:focus {text-decoration:underline}

.welcome-rbg .button-ctr { width:4%; right:0; background:#be1e2d; color:#fff; position:relative; margin:5px 0 5px 0;}
.welcome-rbg .button { right:0; color:#fff; position:relative; direction: ltr;
	writing-mode: vertical-rl;
	text-align: center !important;
	float: right;
	display: inline-block;
	font-size: 25px !important;
	padding: 10px 30px !important;
	letter-spacing: 1px !important;
	font-weight: 500 !important;
	background: #be1d2d;
	border: 1px solid #bf202d;
	display: flex;
	justify-content: center;
	align-items: center;
}

.welcome-rbg .gallery-block  {}
.gallery-block .block { aspect-ratio: auto 4 / 3; margin: 5px;}
.gallery-block .block-front { aspect-ratio: auto 4 / 3; margin: 5px 0.5%;}
.gallery-block .block-front { width: 31%;}
@media screen and (min-width: 1200px) {
	.gallery-block .block { width: calc(25% - 10px);}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.gallery-block .block { width: calc(25% - 10px);}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.gallery-block .block { width: calc(50% - 10px);}
	.gallery-block .block-front { width: 49%;}
	.gallery-block .block-front:nth-child(3) { width: 89%;}
	.welcome-rbg .button-ctr { width:10%;}
}
@media screen and (max-width: 479px) {
	.gallery-block .block { width: 100%; margin: 5px 0;	}
	.gallery-block .block-front { width: 100%; margin: 5px 4% 5px 0;	}
	.gallery-block .block-front:nth-child(3) { width: 86%;}
	.welcome-rbg .button-ctr { width:10%;}
}