@charset "utf-8";



/*ShowHideItems o*/
.ShowHideItems {
	display: flex; flex-direction: row;
	justify-content: center; align-content: center; align-items: center;
	margin:15px auto;
}
.toggle-radio {
	display:block; vertical-align:middle;
}
.toggle-radio > input[type='radio'] {display:none;}
.toggle-radio > input[disabled] + label {
	opacity:0.75;
	background-color:darkslategray; color:white;
}
.toggle-radio > input[disabled] + label:hover {cursor:default;}
.toggle-radio > input + label {display:flex; margin-bottom:0; padding:5px 10px; cursor:pointer; align-items:center;}

.toggle-radio > input:checked + label {transition:background 500ms linear;}

.toggle-radio > input + label:before {display:none;}
.toggle-radio > input + label {
	display:inline-block; float:left;
	background-color:white;
	border:2px solid rgba(0, 0, 0, 0.25); border-width:2px;
	font-family: 'Blinker'; font-size: 15pt; font-weight: normal; line-height: 1.5;
	padding:6px 18px;
}
.toggle-radio > input:checked + label {
	background-color:darkblue; color:white;
}
.toggle-radio > label:hover {
	background-color:yellow; color:black;
}

.toggle-radio > input:first-of-type + label	{
	/*border-bottom-width:2px; border-right-width:2px;*/
	border-radius:4px 0 0 4px;
	border-right:none!important;
}
.toggle-radio > input:last-of-type + label {
	/*border-bottom-width:2px; border-right-width:2px;*/
	border-radius:0 4px 4px 0; border-left:none!important;
}
.toggle-radio[data-style='rounded'] > input:first-of-type + label {border-radius:500px 0 0 500px;}
.toggle-radio[data-style='rounded'] > input:last-of-type + label {border-radius:0 500px 500px 0;}

/*ShowHideItems x*/



.text_div {
	flex-wrap: nowrap!important;
}

.par1 {
		padding: 10px 20px 10px 100px!important;
}
.par2 {
		padding: 10px 100px 10px 20px!important;
}
.par3 {
	padding: 10px 100px!important;
}

.imageR {
	display:block;
	height:200px;
	margin: 0 80px 0 0;
}

.imageL_mob {
	display:none;
}
.imageL {
	display:block;
	height:235px;
	margin: 0 0 0 80px; padding:0;
}
.imageL figcaption {
	text-align:center; font-size:14pt;
	margin-top:-6px;
	background-color:gray; color: white;
	padding: 2px 0;
}
.imageL sup {
	font-size:11pt;
}
.imageL a {
	color:white;
	text-decoration: none;
}.imageL a:hover {
	color:black;
}



@media screen and (max-width: 980px) {
.par1 {
		padding: 10px 10px 10px 60px!important;
}
.par2 {
		padding: 10px 60px 10px 10px!important;
}
.par3 {
		padding: 10px 60px 10px 60px!important;
}
.imageR {
	display:block;
	height:200px;
	margin: 0 60px 0 0;
}
.imageL {
	display:block;
	height:235px;
	margin: 0 0 0 60px; padding:0;
}
}

@media screen and (max-width: 690px) {


.text_div {
	flex-wrap: wrap!important;
}
.text_div .cloze_text {
	padding: 10px 20px!important;
}
.par1 {
		padding: 10px 20px!important;
}
.par2 {
		padding: 10px 20px!important;
}
.imageR {
	display:block; /*float: right;*/
	width:65%; height:auto;
	margin: 0 auto 0 auto;
}
.imageL {
	display:none;
	height:235px;
	margin: 0 0 0 40px; padding:0;
}
.imageL_mob {
	display:block;
	width:65%; height:auto;
	margin: 0 auto 0 auto; padding:0;
}.imageL_mob img {
	display:block;
	width:75%;
	margin: 0 auto 0 auto;
}
.imageL_mob figcaption {
	text-align:center; font-size:14pt;
	margin-top:0px;
	background-color:gray; color: white;
	padding: 2px 0;
}
.imageL_mob sup {
	font-size:11pt;
}
.imageL_mob a {
	color:white;
	text-decoration: none;
}.imageL_mob a:hover {
	color:black;
}

}