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

/*  blockquote  -start- */
.blq {
	display:block; position:relative;
	width:400px; height:175px;
}
.blq-r {
	float:right;
	-webkit-shape-outside: square(35px);
  shape-outside: square(35px); shape-margin: 35px;
	margin:10px 0px 5px 10px;
	background-color: #BDFDBD;
	border-left:solid 8px darkgreen;
}
.blq .blq-text {
	padding: 10px 20px;
	position: absolute;
  top: 50%!important;
  transform: translateY(-50%)!important;
	font-size:14pt; line-height: 1.5; text-align: left;
}
.blq .abbreviation {
	cursor:help;
	font-style: italic;
}
/*  blockquote  -end- */


/*  PHOTOS-IMAGES on the page -start-   */
.in-float-square-l {
	display:flex; position:relative; float:left;
	justify-content: center; align-content: center; align-items: center;
	width:205px; height:205px;
	background-color: blueviolet; visibility: hidden;
	-webkit-shape-outside: square(10px);
  shape-outside: square(10px); shape-margin: 10px;
	margin:5px 10px 10px 0px;
}
.img0-l {
	display:block; position:absolute; visibility: visible;
	width:200px; height:200px;
	/*left: 50%!important; top:2.5%!important;
	transform: translateX(-50%)!important;*/
	border:5px solid hsla(0,0%,100%,0.6)!important;
  background-color:white!important;
  background-clip: padding-box!important;
}
.img0-l:hover {
	border:5px solid coral!important;
	cursor:pointer;
}

.in-float-rect-l {
	display:flex; position:relative; float:left;
	justify-content: center; align-content: center; align-items: center;
	width:217px; height:255px;
	background-color:royalblue; visibility: hidden;
	-webkit-shape-outside: square(10px);
  shape-outside: square(10px); shape-margin: 10px;
	margin:0px 10px 10px 0px;
}
.img1-l {
	display:block; /*position:absolute;*/ visibility: visible;
	width:212px; height:250px;
	/*left: 50%!important; top:2.5%!important;
	transform: translateX(-50%)!important;*/
	border:5px solid hsla(0,0%,100%,0.6)!important;
  background-color:white!important;
  background-clip: padding-box!important;
}
.img1-l:hover {
	border:5px solid hotpink!important;
	cursor:pointer;
}

.in-float-rect-r {
	display:flex; position:relative; float:right;
	justify-content: center; align-content: center; align-items: center;
	width:255px; height:284px;
	background-color:royalblue; visibility: hidden;
	-webkit-shape-outside: square(10px);
  shape-outside: square(10px); shape-margin: 10px;
	margin:5px 0px 10px 10px;
}
.img2-r {
	display:block; /*position:absolute!important;*/ visibility: visible;
	width:250px; height:279px;
	/*left: 50%!important; top:2.5%!important;
	transform: translateX(-50%)!important;*/
	border:5px solid hsla(0,0%,100%,0.6)!important;
  background-color:white!important;
  background-clip: padding-box!important;
}
.img2-r:hover {
	border:5px solid MEDIUMSLATEBLUE!important;
	cursor:pointer;
}
.img-hidden {
	display:none!important;
}

/*decoration of figcaption intense-module for zooming photos*/
.intense_figcaption {
	background-color: hsla(0,0%,100%,0.55)!important;
	border-radius: 0px 12px 0px 0px!important;
}
.intense_h1 {
	font-size:25pt!important; font-family: 'universal';
	color:black;
}
.intense_h2 {
	font-size:14pt!important; font-family: 'universal';
	color:black;
}
/*  PHOTOS-IMAGES on the page -end-   */


#frame1 {
	position:relative;
	width:100%;	height:100%;
	padding-bottom: 40%;
	margin: 35px auto 5px;
}
#frame2 {
	width:100%; height:100%;
	padding-bottom: 60%;
	position:relative;
	margin: 25px 0px;
}
#frame3 {
	width:100%;
	height:100%;
	padding-bottom: 70%;
	position:relative;
	margin: 25px 0px 15px 0px;
}
#frame4 {
	width:100%;
	height:100%;
	padding-bottom: 60%;
	position:relative;
	margin: 0px 0px 25px 0px;
}
#frame5 {
	position:relative; clear:both!important;
	left:0!important;
	width:100%;	height:100%;
	padding-bottom: 40%;
	margin: 25px auto 0px;
}


/*  video-container  -start-*/
.video-container {
	display:flex!important; flex-wrap: wrap; flex-direction: row;
	width:100%; height:auto!important;
	margin: 20px 0px;
	justify-content: center; align-content: center; align-items: center;
	gap: 20px 10px;
}
.v-container {
	width:47%!important; height:auto!important;
}
.v-container1 {
	background-color: white;
	border-radius: 0px 0px 12px 12px;
	box-shadow: 0 5px 0 0 rgba(0,0,0,0.3);
}
.v-container2 {
	background-color: white;
	border-radius: 0px 0px 12px 12px;
	box-shadow: 0 5px 0 0 rgba(0,0,0,0.3);
}
.v-container .under_video {
	font-size:12pt; line-height: 1.1;
	font-family: 'parallax-text'!important; letter-spacing: -0.5px;
	padding:5px 0 3px 0!important; margin:0!important;
}
.video-js {
	/*flex-grow: 0; flex-shrink: 1;*/
	display:block;
	position: relative;
	box-shadow: 0px -6px 0 0 rgba(0,0,0,0.3);
	/*margin:15px!important;*/
}
.video-js, .vjs-default-skin {
  font-size: 10px;
  color: #fff; background-color: transparent!important;
}
.vjs-poster {
  background-color: transparent!important;
}
.vjs-default-skin .vjs-big-play-button {
  position:absolute;
	top: 50%; left: 50%;
	/*transform: translate(-50%,-50%);*/
	font-size: 3em; line-height: 2em;
  height: 2em; width: 2.5em;
  border: 0.06666em solid #fff; border-radius: 0.3em;
}
.video-js .vjs-control-bar, .video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  background-color: darkslategray;
  background-color: rgba(43, 51, 63, 0.6);
}
.video-js .vjs-slider {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-volume-level, .video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #fff;
}
.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}
/*  video-container  -end-*/


@media screen and (max-width : 1100px ){
.video-container {
	flex-direction: column;
}
.v-container {
	width:80%!important; height:auto!important;
}
}


@media screen and (max-width : 850px ){
.video-container {
	flex-direction: column;
}
.v-container {
	width:80%!important; height:auto!important;
}


#frame1 {
	padding-bottom: 70%;
	margin: 0px 0px 0px 0px;
}
#frame2 {
	padding-bottom: 80%;
	margin: 15px 0px 15px 0px;
}
#frame3 {
	padding-bottom: 70%;
	margin: 10px 0px;
}
#frame4 {
	padding-bottom: 70%;
	margin: 10px 0px 10px 0px;
}
#frame5 {
	padding-bottom: 70%;
	margin: 10px 0px 10px 0px;
}
}

@media screen and (max-width : 550px ){
.video-container {
	flex-direction: column;
}
.v-container {
	width:100%!important; height:auto!important;
}


.in-float-rect-r {
	float:none;
	margin: 5px auto!important;
}
.intense_h1 {
	font-size:19pt!important; font-family: 'universal';
	color:black;
}
.intense_h2 {
	font-size:12pt!important; font-family: 'universal';
	color:black;
}
.a-box-frame {
	height:400px;
	padding: 0px 0px!important;
	margin: 5px!important;
}


#frame1 {
	left:-3.5%!important; width:107%;
	padding-bottom: 90%;
	margin: 0px;
}
#frame2 {
	left:-3.5%!important;	width:107%;
	padding-bottom: 90%;
	margin: 10px 0px;
}
#frame3 {
	left:-3.5%!important;
	width:107%;
	padding-bottom: 90%;
	margin: 10px 0px;
}
#frame4 {
	left:-3.5%!important; width:107%;
	padding-bottom: 90%;
	margin: 0px;
}
#frame5 {
	left:-3.5%!important; width:107%!important;
	padding-bottom: 90%;
	margin: 0px;
}
}