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


  html, body {font-family: "Lato", sans-serif;}
  a {font-size: inherit; letter-spacing: inherit; font-family: "Lato", sans-serif;}
  a:hover {font-size: inherit; letter-spacing: inherit; text-decoration: none; font-family: "Lato", sans-serif;}

	.video_cont {width: 90%; background: #000; padding: 10px; margin-top: 15px;}
	.video_case,.video_case-1,.video_case-2 {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; background: #000; border: ridge 3px #888888;}
	.video_case iframe, .video_case-1 iframe, .video_case-2 iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.video {width: 100%; height: 100%;}
	.video_wrapper {width: 100%; margin: 5px 0 0; line-height: 180%;}
	.video_wrapper a {font-size: 11px; color: #fff; padding: 0 5px; white-space: nowrap;}
	.video_text {margin: 10px 20px; font-size: 100%;	font-weight: 700;	letter-spacing: 1px; color: #555;}

	.cat-page-cont {width: 100%; margin: 1em 0; padding: 0 0 3%; background-color: #fff; border-radius: 5px; overflow: auto;}
	.cat-page-cont h2 {font-size: 100%;}
	.cat-page-cont h3 {font-size: 90%; margin: 0 2% 2%;}
  .cat-page-cont a {color: #0080d6;}
  .cat-page-cont a:hover {color: #53d65e;}
	
	.cat-page-cont hr {margin: 30px 0 20px; padding: 1px; background: #8FA8BF; width: 95%;}
	
	.cat-page-cont input {font-size: .9em; margin: 0 0 0 .5rem;}
	#searchResultsCount {font-size: .8em; font-weight: bold; color: #7f0000;}
			
	.cat-page-top-l {display: block; width: 95%; margin: 20px 0 0; overflow: auto;}
	.cat-page-top-l img {float: left; width: 30%;}
	.cat-page-top-l h2 {font-size: 1.05em; letter-spacing: 2px; margin: 0 0 1em;}
	.cat-page-top-l h3 {font-size: .9em; letter-spacing: 2px; margin: 0 0 1em;}
	.cat-page-top-l h4 {font-size: .9em; letter-spacing: 2px; font-weight: bold; line-height: 1.6; color: #777; margin: 0 2rem 1em;}
	.cat-page-top-l p {font-size: 90%; text-align: center;}
	.cat-page-top-l li {font-size: 90%; text-align: left;}
	.cat-page-top-r {display: block; width: 60%; margin: 1em 0 2em;}
	.cat-page-top-r p {font-size: 1.2em; font-weight: bold; letter-spacing: 1px; line-height: 1.8; text-align: center;}
	.cat-page-top-r a {margin: 0;}
	.cat-page-top-r img {display: block; width: 90%; border: solid 1px #293F6F;}
	.rsetext {display: none;}

  .lang-bar {display: inline-block; vertical-align: top; width: 32%; margin: .5em 0;}
	.lang-bar a {color: #555; font-size: .65em; font-weight: bold; letter-spacing: 0px; text-transform: uppercase;}
  .lang-bar a:hover {color: #0080d6;}
	.lang-bar img {width: 60%; margin: 10px 0 5px; border: solid 1px #000; border-radius: 5px;}
	
  .nav-bar {display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; row-gap: 1em; height: auto; margin-top: 2em;}
	.nav-bar > div {width: 45%;}
	.nav-bar button {background-color: #676767; padding: 3px 0 5px;	width: 95%; border: none;}
  .nav-bar button:hover {background-color: #53d65e;}
	.nav-bar button.selected {background-color: #0080d6;}
	.nav-bar button a {font-size: .7em; letter-spacing: 1px; color: #fff; font-weight: bold; text-align: center;}
	.nav-bar button a:hover {text-decoration: none; color: #fff;}

  .list {display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: flex-start; height: auto;}
	.list-cont {width: 95%; min-height: auto; background-color: #fff; margin: .5em 0; padding: 1em 0; border: solid 1px #ccc;}
	.list-t {display: block; margin: .5em 0 1.5em;}
  .list-t hr {display: block; margin: 2px 0; padding: .5px; color: #999; background-color: #999;}
  .list-l {display: inline-block; width: 35%; vertical-align: top;}
	.list-l img {border: solid 1px #000; width: 95%;}
  .list-r {display: inline-block; width: 60%; vertical-align: top;}
  .list-r h2 {font-size: .8em; font-weight: bold; letter-spacing: 1px; color: #293F6F; margin: 2% 0 3%;}
	.list-r h3 {font-size: .7em; font-weight: bold; letter-spacing: 1px; color: #444; margin: .7em 0 .5em;}
	.list-t h4 {font-size: .8em; font-weight: bold; letter-spacing: 1px; color: #293F6F; margin: 0 1rem .5em;}
	.list-r h4 {display: none;}
  .list-r h5 {font-size: .7em; font-weight: bold; color: #444; margin: 0;}

  .hidden-button {width: fit-content; background-color: #0080d6; padding: 2px 25px 4px; margin-top: 1em;}
  .hidden-button:hover {background-color: #53d65e;}
  .hidden-button a {font-size: .7em; color: #fff;}
  .hidden-button a:hover {text-decoration: none;} 
	

  @media only screen and (min-width: 414px) {
		.list h2 {font-size: 95%; letter-spacing: 1px; margin: 2% 0 3%;}
		.list-r h2 {font-size: 85%; letter-spacing: 1px; margin: 2% 0 3%;}
		.list-r h3 {font-size: 75%; letter-spacing: 0; margin: 0 0 2%;}
		.list-r h4 {font-size: 75%; letter-spacing: 0; margin: 0 0 2%;}
		.list-r h5 {font-size: 75%;}
  }

  @media only screen and (min-width: 650px) {
		.cat-page-top-l h4 {margin: 0 8rem 1em;}
		
    .lang-bar {display: inline-block; vertical-align: top; width: 19%; margin: .5em 0;}
    .lang-bar a {font-size: .65em; letter-spacing: 1px;}
    .lang-bar img {width: 70%; margin-bottom: 5px; border: solid 1px;}

		.nav-bar {display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; row-gap: 1em; height: auto; margin-top: 2em;}
		.nav-bar > div {width: 30%;}
		.nav-bar button {padding: 3px 0 5px;}
		.nav-bar button a {font-size: .7em;}
		
		.list-cont {width: 45%; min-height: 250px; overflow: hidden; transition: all 0.3s ease-in-out; position: relative;  padding: 1.5em 0 .5em; margin: .5em;}
		.list hr {display: none;}
		.list-t {display: none;}
		.list-t h4 {display: none;}
		.list-l {display: block; width: 100%; vertical-align: none; margin: 0 0 1em;}
		.list-l img {width: 80%;}
		.list-r {display: block; width: 100%; vertical-align: none;}
		.list-r h2 {font-size: 80%; letter-spacing: 2px;}
		.list-t h2 {display: none;}
		.list-r h3 {font-size: .75em; font-weight: bold; letter-spacing: 1px; color: #293F6F; margin: 0 1rem .5em; transition: opacity 0.3s ease-in-out;}
		.list-r h4 {display: block; font-size: .8em; font-weight: bold; letter-spacing: 1px; color: #293F6F; margin: 0 1rem .5em;}
		.list-r h5 {font-size: .8em; letter-spacing: 1px; margin: 1em 0 0; transition: opacity 0.3s ease-in-out;}
		.list-cont.expanded h3 {opacity: 0; visibility: hidden;}
		.list-cont.expanded h5 {opacity: 0; visibility: hidden;}
		
    .hidden-button {position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); background-color: #0080d6; padding: 4px 25px 6px; border: none; cursor: pointer; transition: bottom 0.3s ease-in-out;}
    .hidden-button a {font-size: .9em;}
    .list-cont.expanded .hidden-button {bottom: 1em;}

  }

	@media only screen and (min-width: 750px) {
		.cat-page-top-l h4 {margin: 0 8rem 1em;}
	}
	
	@media only screen and (min-width: 850px) {
		.cat-page-top-l h4 {font-size: 1em; margin: 0 8em 1em;}
		.cat-page-top-r {display: block; width: 55%;}
		
		.lang-bar {display: inline-block; width: 18%; margin: 1em 0;}
    .lang-bar img {width: 50%;}
		.lang-bar a {font-size: .7em;}
	}
		
	@media only screen and (min-width: 1000px) {
		.cat-page-cont {margin: 2em 0;}
		.cat-page-cont h2 {font-size: 1.3em;}
		.cat-page-cont h3 {font-size: 1.2em;}
		.cat-page-cont hr {margin: 40px 0 40px; padding: 1px; background: #8FA8BF; width: 95%;}
		.cat-page-top-l img {width: 22%; margin: 0 20px 30px;}
		.cat-page-top-l h2 {font-size: 1.3em; letter-spacing: 2px; margin: 0 0 1em;}
		.cat-page-top-l h3 {font-size: 1.2em; letter-spacing: 2px; margin: 0 0 1em;}
		.cat-page-top-l h4 {font-size: 1.05em; margin: 0 12em 1em;}
		.cat-page-top-l p {font-size: 1.1em}
		.cat-page-top-l li {font-size: 1.1em}
		.cat-page-top-r {display: block; width: 55%;}
		.cat-page-top-r img {width: 40%; border: solid 1px #293F6F;}

    .lang-bar {display: inline-block; width: 18%; margin: 1em 0;}
    .lang-bar img {width: 50%;}
		.lang-bar a {font-size: .7em;}

		.nav-bar {display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; row-gap: 2em; height: auto; margin-top: 2em;}
		.nav-bar > div {width: 30%;}
		.nav-bar button {padding: 5px 0 6px; margin: 10px 0 0; width: 80%;}
		.nav-bar button a {font-size: .9em; letter-spacing: 3px;}

		.list-cont {width: 32%; padding: 1em 0 .5em; margin: .5em 0;}
	}

	@media only screen and (min-width: 1250px) {
		.cat-page-top-l {display: inline-block; vertical-align: top; width: 65%; margin: 20px 0 0;}
		.cat-page-top-l h4 {font-size: 1em; margin: 0 6rem 1em;}
		.cat-page-top-r {display: inline-block; vertical-align: top; width: 30%; margin: 1.5em 1rem 4em;}
		
		.lang-bar {display: inline-block; width: 15%; margin: 1.5em 0 0;}
    .lang-bar img {width: 40%;}
		.lang-bar a {font-size: .7em;}
		
		.nav-bar button {padding: 5px 0 6px; margin: 20px 0 0; width: 80%;}
		.nav-bar button a {font-size: 80%; letter-spacing: 2px;}

		.list-cont {width: 23%; min-height: 250px; padding: 1em 0 .5em; margin: .5em 0;}
		.hidden-button {padding: 2px 20px 4px;}
	}

	@media only screen and (min-width: 1600px) {
		.cat-page-cont {margin: 3em 0;}
		.cat-page-top-l {width: 70%;}
		.cat-page-top-l h4 {font-size: 1.1em; letter-spacing: 2px; margin: 0 0 1em;}
		.cat-page-top-r {width: 25%; margin: 1.5em 0 4em;}
		
		.nav-bar {display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; row-gap: 2em; height: auto; margin-top: 3em;}
		.nav-bar > div {width: 20%;}
		.nav-bar button {padding: 5px 0 6px; margin: 20px 0 0; width: 90%;}
		.nav-bar button a {font-size: 80%; letter-spacing: 2px;}
		
		.list-cont {width: 19%; padding: 1em 0 0; margin: .5em 0;}
		
	}

	@media only screen and (min-width: 1792px) {
    .cat-page-cont {margin: 4em 0 2em; padding: 0 0 1em; background-color: #fff; border-radius: 5px;;}
		.cat-page-cont h2 {font-size: 150%; margin-bottom: 1em;}
		.cat-page-cont h3 {font-size: 130%; margin: 0 25px 25px;}
		.cat-page-cont h4 {font-size: 1.1em; margin: 0 0 1em;}

		.cat-page-cont input {font-size: 1.1em; margin: 0 0 0 .5rem;}
		#searchResultsCount {font-size: 1em; font-weight: bold; color: #7f0000;}

		.cat-page-cont hr {margin: 40px 0; padding: 1px; background: #8FA8BF; width: 95%;}
		.cat-page-top-l {width: 70%; margin-top: 30px;}
		.cat-page-top-l img {width: 16%; margin: 0 30px 0;}
		.cat-page-top-l h2 {font-size: 1.8em}
    .cat-page-top-l h3 {font-size: 1.5em}
		.cat-page-top-l h4 {font-size: 1.3em; letter-spacing: 4px; margin: 0 15rem 1em;}
		.cat-page-top-l p {font-size: 1.2em; letter-spacing: 4px; margin: 0 6rem 1em;}
		.cat-page-top-l li {font-size: 120%; letter-spacing: 4px; line-height: 1.6; margin-right: 20px; margin-left: 20px;}
		.cat-page-top-r {width: 25%; margin: 30px 0 0 30px;}
		.cat-page-top-r img {width: 100%; border: solid 1px #293F6F;}

    .lang-bar {display: inline-block; width: 10%; margin: 6em .1% 20px;}
    .lang-bar a {font-size: .9em;}
    .lang-bar img {width: 60%; margin-bottom: 15px;}

		.nav-bar {display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; row-gap: 1em; height: auto; margin-top: 4em;}
		.nav-bar > div {width: 13%;}
		.nav-bar button {padding: 7px 0; width: 90%;}
		.nav-bar button a {font-size: .9em; letter-spacing: 3px; line-height: 1.4; color: #fff; font-weight: bold; text-align: center;}

    .list-cont {width: 18.5%; padding: 1.5em 0; margin: 1em 0;}
    .list-l img {width: 85%;}
    .list-r h2 {font-size: 110%; letter-spacing: 2px; margin-top: 5%;}
    .list-r h2 {font-size: 100%; letter-spacing: 2px; margin-top: 5%;}
    .list-r h3 {font-size: .9em; letter-spacing: 1px;}
		.list-r h4 {font-size: .85em; letter-spacing: 1px;}
    .list-r h5 {font-size: 1em; margin-top: 1em;}

    .hidden-button {position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); background-color: #0080d6; padding: 6px 25px 7px; border: none; cursor: pointer; transition: bottom 0.3s ease-in-out;}
    .hidden-button a {font-size: 1em;}
    .list-cont.expanded .hidden-button {bottom: 1em;}
	}