h1 {margin-right: 50px;}
h3, .hh5 { font-weight: 700; font-size: 22px;color: #fff;text-transform: uppercase;}
h4, .hh7 { font-weight: 300; font-size: 16px;color: #ddf;text-transform: uppercase;
text-shadow: 0px 0px 8px #002, 0px 0px 7px #002, 0px 0px 6px #002, 0px 0px 4px #002, 0px 0px 2px #002;}
.geo h3, .hh5 {text-shadow: 0px 0px 3px #000;}
.p_txtz h3 {color: #036;font-size: 17px;font-weight: 700;text-transform: uppercase; border-bottom: 2px solid #99f;}
.spo_tit8 h3 {border-bottom: 0;}

.hh7 {color: #fff; text-shadow: 0px 0px 3px #000; font-weight: 700;}
.stt1, .stt2, .stt3, .stt4, .stt5, .stt6, .stt7, 
.stt8, .stt9, .stt10 {font-weight: 100;color: #fff; background: none;padding: 0px 0px 0px 5px;}
.p_txt1 {font-size: 16px; }
.plavd {z-index:1;}
.blo1 {color: #ddf; font-weight: 700;font-size: 17px;}
.blo1 p {color: #ddf; margin: 6px 0 0px 6px;}

.bbt {text-decoration:none; cursor: pointer; padding: 6px 14px 6px 14px; text-transform: uppercase;
 font-size: 15px;color: #fff; background-color:#00336644; border-left: 2px solid #ccf; border-right: 2px solid #ccf;
 font-weight: 500; box-shadow: 0px 5px 10px -6px #002; 
 background: linear-gradient(#88f 0 0) 0 0 /var(--d, 0) 1px no-repeat, 
linear-gradient(#88f 0 0) 100% 100% /var(--d, 0) 1px no-repeat;
 transition: all 1.5s ease; 
 }
.bbt:hover {background-color:#9999ff99; box-shadow: none;border-left: 2px solid #fff; border-right: 2px solid #fff;}

:root {
  --direction: 210deg; 
}
.v_vv {position: absolute; margin: 0px 0px 5px 0px; bottom:0; transition: all 0.3s linear;z-index: 1; display: inline-block;
color: #fff; font-size:14px; right: 7px;}
.v_v {margin: 0px 0px -2px 0px; width: 14px !important; height: 14px !important; opacity: 1 !important;display: inline-block !important;}
.hover-text-one:hover .v_vv {opacity: 0 !important;}
.v_v0 {margin:0px 0px -1px 0px; width: 15px !important; height: 15px !important; opacity: 1 !important;display: inline-block !important;
transform: scale(1) !important; }
.v_v1 {margin:0px 5px -2px 0px; width: 21px !important; height: 16px !important; opacity: 1 !important;display: inline-block !important;
transform: scale(1) !important;}

.hover-text-one {
	overflow: hidden; display: inline-block; padding: 0px 0px 0px 0px; margin: 2px 1px 2px 1px;
	width: 290px;
	list-style: none;
	text-align: center;
	opacity: 1; box-shadow: 0px 5px 10px -6px #002;
}
.hover-text-one:hover {box-shadow: none;}
.hover-text-one:hover .bbt {--d: 100%;}

.hover-text-one figure {
	position: relative;
	z-index: 1;
margin: 0;
	overflow: hidden;
	background: #004;
	text-align: center;outline: 1px solid #99f; outline-offset: -5px;
}
.hover-text-one figure img {
	position: relative;
	display: block;
	width: 290px;
	height: 160px;
	opacity: 0.8; 
transition: all 0.5s ease; 
}
.hover-text-one:hover figure {outline: 0px solid #99f;}
.hover-text-one:hover figure img {
	min-height: 100%;
	opacity: 0.3; transform: scale(1.2);
}
.hover-text-one figure figcaption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hover-text-one figure figcaption::before,
.hover-text-one figure figcaption::after {
	pointer-events: none;
}
.hover-text-one figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-text-four h3,
figure.effect-text-four .hh5,
figure.effect-text-four h4,
figure.effect-text-four .hh7,
.hover-text-one figure p {
	margin: 0;
}

figure.effect-text-four figcaption {
	text-align: center;
}
figure.effect-text-four h3,
figure.effect-text-four .hh5,
figure.effect-text-four h4,
figure.effect-text-four .hh7,
figure.effect-text-four p {
	position: absolute;
	right: 10px;
	left: 10px;
	padding: 0px 0;
}

figure.effect-text-four p {
	bottom: 15px;
	transform: translate3d(0,12px,0);
}
figure.effect-text-four h3,
figure.effect-text-four .hh5 {
	top: 20px;
	transition: transform 0.5s;
	transform: translate3d(0,25px,0);
}
figure.effect-text-four h4,
figure.effect-text-four .hh7 {
	top: 55px;
	transition: transform 0.5s;
	transform: translate3d(0,30px,0);

}
figure.effect-text-four:hover h3,
figure.effect-text-four:hover .hh5 {
	transform: translate3d(0,0,0); color: #ccf; font-weight: 500; border-bottom: 0px solid #ccf; 
}
figure.effect-text-four:hover h4,
figure.effect-text-four:hover .hh7 {
	transform: translate3d(0,0,0); color: #fff; font-weight: 700; text-shadow: 0px 0px #000;
}
figure.effect-text-four h3::after,
figure.effect-text-four .hh5::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ccf;
	content: '';
	transform: translate3d(0,55px,0);
}
figure.effect-text-four h3::after,
figure.effect-text-four .hh5::after,
figure.effect-text-four p {
	opacity: 0;
	transition: opacity 1s, transform 0.3s;
}
figure.effect-text-four:hover h3::after,
figure.effect-text-four:hover .hh5::after,
figure.effect-text-four:hover p {
	opacity: 1;
	transform: translate3d(0,0,0);
}