@font-face {
    font-family: 'jibril';
    src: url('../fonts/jibrilregular-webfont.woff2') format('woff2'),
         url('../fonts/jibrilregular-webfont.woff') format('woff'),
         url('../fonts/JibrilRegular.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0;
	background: black;
	background: url(../media/bg3_b2.jpg);
	background-size: contain;
	/* background: url(../xmas/210b.jpg) fixed; /* XMAS ONLY */
	background-size: auto; /* XMAS ONLY */
	min-width: 300px;
}

div {}

.i_normalize {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
	/* opacity: 0.5; */
}

b { text-decoration: none; text-align: left; font-size: 1em; }

hr { background: none; }

ul {
	 padding-left: 0.3em;
	 font-size: larger;
}

ul:nth-child(1), ul:nth-child(2), ul:nth-child(3) {
	font-size: large;
	padding-left: 1em;
	color: yellow;
	font-weight: 200;
}

li {
	list-style-type: none;
}

.topmenu {
	width: 100%;
	height: 50px;
	background: white;
	color: black;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	margin-bottom: 120px;
	padding: 15px;
	z-index: 100;
	text-align: center;
	font-size: 0.85em;
}

.topmenu div {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}

.topmenu_p {
	margin: 0;
	padding: 0;
	color: red;
}

.topmenu div:hover {
	color: red;
}

#shop { margin-bottom: 5em; }

/* ----- Snack bar for sign-up form START ----- */

#snackbar1 {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 25px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 130px;
	font-size: 17px;
}

#snackbar1.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 130px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 130px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 130px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 130px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

/* ----- Snack bar for sign-up form END ----- */


.a1 hr { display: none; }

.info_box_3 hr { background: none; }

.jibril { font-family: Jibril; }

.righteous { font-family: Righteous; }

.h1_top i {
	color: #2965ae;
}

.h1_top {
	color: crimson;
	font-family: Righteous;
	font-size: 2rem;
}

h1 {
	color: crimson;
	text-align: center;
}

h2 { font-weight: normal; font-style: normal; line-height: 1.2em !important; font-size: 1.5em !important; }

.h2 {
	padding: 0.5em;
	/* background: rgba(11, 100, 195, 0.5); */
	font-size: 1rem;
	line-height: 2em;
}

h2 {
	/* margin: -0.3em -0.3em 0.5em; */
	padding: 0.5em;
	/* background: rgba(11, 100, 195, 0.5); */
	/* border-top-left-radius: 20px; */
	/* border-top-right-radius: 20px; */
	font-size: 1rem;
	line-height: 2em;
}

.info_box_1 {}

.info_box_1 span {
	padding-left: 0.5em;
	display: block;
}

/* FLAG DROPDOWN MENU ---> */

.flag-active {
    width: 1.5em;
    height: 1em;
    border: 0;
}

.flag-fi, .flag-en {
    /* position: absolute; */
    width: 1.5em;
    height: 1em;
    border: 1px solid black;
}

.flag-fi {
    background: url(../media/fi.svg) no-repeat center;
    background-size: 1.5em;
    top: 1.1em;
    left: 1em;
}

.flag-en {
    background: url(../media/en.svg) no-repeat center;
    background-size: 1.5em;
    top: 1.1em;
    left: 3em;
}

/* Style The Dropdown Button */
.dropbtn {
  background-color: rgba(0, 0, 0, 0);
  color: white;
  padding: 0;
  font-size: 1em;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  /* position: relative; */
  display: inline-block;
  position: absolute;
  top: 0.9em;
  left: 1em;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 0.4em 0 0.4em 1em;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  /* background-color: white; */
}

/* <--- FLAG DROPDOWN MENU */

.turndevice_container {
    padding: 1em 1em 0 0;
    margin: auto;
    width: 100%;
    text-align: right;
    color: white;
}

.logo_container {
    margin: 2em 0 0 0;
    padding-bottom: 3.5em;
	display: none; /*temp*/
}

.logo {
    background: url(../media/circle.svg) no-repeat center;
    max-width: 100%;
    height: 7em;
    margin-left: auto;
    margin-right: auto;
    transform: scale(2);
}

.shlogo {
	position: absolute;
	width: 100px;
	right: 20px;
	top: 15px;
	margin-top: 40px;
	background: url(../media/shlogo.svg) no-repeat center;
	background-size: 100px;
	z-index: 99;
}

.kuumapaino {
	position: absolute;
	width: 125px;
	right: 20px;
	top: 55px;
	background: url(../media/kuumapaino.svg) no-repeat center;
	background-size: 125px;
	z-index: 99;
}

.promoVideo_container {
    display: none; /* NONE FOR DEBUG */
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
}

.promoVideo {
    max-width: 100vw;
}

.aaa {
    display: none;
    position: relative;
    margin: 2em 0.5em 0 0.5em;
    text-align: center;
    font-family: 'jibril', sans-serif;
    font-size: 1em;
    line-height: 2;
    color: #ffc107;
}

.flag1_container_fluid div a { padding-right: 0.5em; }

.flag1_container_fluid div a span { display: none; }

.flag2_container_fluid {
	display: none;
	margin: auto;
	width: 50em;
	padding: 0.3em 0 0.3em 0;
}

.a2_container_border {
    border: 0;
    margin: auto;
    width: 100vw;
}

.a2_container {
	padding: 1em;
	margin: 1em auto;
	width: 100vw;
	border-top-right-radius: 1.5em;
	border-bottom-right-radius: 1.5em;
	background: rgba(255, 150, 150, 0.3);
	background: rgba(0, 71, 189, 0.3);
	margin-left: -1em;
	/* opacity: 0.85; --- Commented out for XMAS*/ 
}

.a1, .a2, .a3 { padding-bottom: 0em; }

.a1 {
    width: 100%;
    color: white;
	padding-bottom: 0.5em;
}

.a2 {
    margin: auto;
    font-family: 'Alex', sans-serif;
    font-size: 1em;
    line-height: 2;
    color: #ffc107;
    color: white;
}

.info_box_1 { color: yellow; }

.info_box_2a { color: gold; }

.info_box_2a div { margin-bottom: 10px; }

.info_box_2b { color: yellow; }

.info_box_3 { color: white; }

.info_box_3 .fas { color: gold; }

.info_box_3 .fa-trophy { color: yellow; }

.a3 {
    margin: auto;
    font-family: 'Alex', sans-serif;
    font-size: 1em;
    line-height: 2;
    color: #ffc107;
    color: white;
}

.salikuvat, .salikuvat2, .salikuvat3 {
	text-align: center;
	color: white;
	display: flex;
	width: 100%;
	margin: auto;
}

.memship_1 {
	color: #ff0279;
	color: #2965ae;
	font-weight: 900;
}

.memship_2 {
	padding-left: 10px;
	color: yellow;
}

.salikuvat img, .salikuvat2 img, .salikuvat3 img {
	max-width: 100%;
	/*border: 1px solid white;*/
	margin: auto;
	border-radius: 2em !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border: 3px solid rgba(255, 255, 255, .15);
}

.salikuvat span, .salikuvat2 span, .salikuvat3 span {
	background: rgba(255, 255, 255, .15);
	/*border-radius: 1em;*/
	margin: 0.25em 0 2em;
	padding: 0.5em;
	border-radius: 2em !important;
	border-top-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	font-size: 0.75em;
	line-height: 1.5em;
}

.salikuvat div , .salikuvat2 div, .salikuvat3 div {
	display: grid;
	margin: auto;
	padding: 0 0.25em 0 0.25em;
}

.salikuvat div:nth-child(1), .salikuvat2 div:nth-child(1), .salikuvat3 div:nth-child(1) {
	padding-right: 0.5em;
}

.salikuvat div:nth-child(2), .salikuvat2 div:nth-child(2), .salikuvat3 div:nth-child(2) {
	padding-left: 0.5em;
}

.salikuvat img:first-child {
	margin-top: 2em;
}

.salikuvat2 div:first-child img {
	border-top-left-radius: 2em;
}

.salikuvat2 div:nth-child(2) img {
	border-top-right-radius: 2em;
}

.ohjelma {
	background: rgba(16, 110, 22, 0.85);
	margin: 0 0.5em 5em 0.5em;
	border-bottom-left-radius: 2em;
	border-bottom-right-radius: 2em;
	border: 3px solid rgba(255, 255, 255, .15);
}

.ohjelma i {
	color: yellow;
	font-size: 1.25em;
}

.ohjelma span:nth-child(1) i, .ohjelma span:nth-child(2) i {
	font-size: 1.5em;
}

.ohjelma span:nth-child(3) i, .ohjelma span:nth-child(5) i {
	font-size: 1em;
}

.ohjelma div {
	text-align: center;
	border-bottom-left-radius: 2em;
	border-bottom-right-radius: 2em;
	color: white;
	padding: 1em 1em;
}

.ohjelma span {
	display: block;
	margin: 1em 0 1em;
}

.ohjelma span:first-child {
	margin: 0 0 1em;
}

.ohjelma div:nth-child(2)  {
	width: 90%;
	margin: auto;
	text-align: left;
}

.b3_container {
    padding: 1em;
    margin: 1em auto;
    max-width: 50em;
/* Commented in for XMAS (start)*/
	background: rgb(255, 165, 0, .85);
	border-radius: 1.5em;
/* Commented in for XMAS (end)*/
    /* opacity: 0.85; */
}

.b3 {
    margin: auto;
    font-family: 'Alex', sans-serif;
    font-size: 1em;
    line-height: 2;
    color: #ffc107;
    color: white;
}

.bbb {
    display: none; /* NONE FOR DEBUG */
    position: relative;
    padding: 1em;
    text-align: center;
    font-family: 'jibril', sans-serif;
    font-size: 1.5em;
    line-height: 1;
    color: red;
}

.b3 a {
    color: white;
    text-decoration: none;
    cursor: pointer !important;
}

.a1, .a2, .a3, .a4 { padding-left: 1em; }

.a1, .a2, .a3, .b3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.25em;
}

.text_border {
    position: relative;
    left: -55%;
    margin: 1.5em;
    padding: 1em;
    border: 6px solid white;
    border-radius: 1.5em;
    background: url(../media/bg.jpg) no-repeat center;
    background-size: 100%;
    text-align: center;
    color: red;
}

.muaythai_grid {
	margin: auto;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0 2em 0 2em;
	max-width: 30em;
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
}

.muaythai_grid_column {
	-ms-flex: 33%; /* IE10 */
	flex: 33%;
	max-width: 33%;
}

.muaythai_grid_column img {
	width: 100%;
	margin-top: 0px;
	vertical-align: middle;
	/*border: 0.8em solid rgba(0,0,0,0);*/
}

.grid2 { padding: 5px; }

.js:hover {
	transform: scale(3.1);
}

@-webkit-keyframes glow {
  from { opacity: 0.1; }
  to { opacity: 0.9 ;}
}

@keyframes glow {
  from { opacity: 0.1; }
  to { opacity: 0.9 ;}
}

[class^="muaythai_picture"]:hover {
	opacity: 1;
	border: 2px solid black;
	transform: scale(1.3);
}

.muaythai_picture_c1:nth-child(1) {
	-webkit-animation-name: glow; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: glow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-delay: -0.9s;
}

.muaythai_picture_c1:nth-child(2) {
	-webkit-animation-name: glow; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: glow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-delay: -0.8s;
}

.muaythai_picture_c1:nth-child(3) {
	-webkit-animation-name: glow; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: glow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-delay: -0.7s;
}

.muaythai_picture_c2:nth-child(1) {
	-webkit-animation-name: glow; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: glow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-delay: -0.6s;
}

.muaythai_picture_c2:nth-child(2) {
	-webkit-animation-name: glow; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: glow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-delay: -0.5s;
}

.muaythai_picture_c2:nth-child(3) {
	-webkit-animation-name: glow; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: glow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-delay: -0.4s;
}

.muaythai_picture_c3:nth-child(1) {
	-webkit-animation-name: glow; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: glow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-delay: -0.3s;
}

.muaythai_picture_c3:nth-child(2) {
	-webkit-animation-name: glow; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: glow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-delay: -0.2s;
}

.muaythai_picture_c3:nth-child(3) {
	-webkit-animation-name: glow; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: glow;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-delay: -0.1s;
}

.form_container_fluid {
	margin: 1em;
	background: #17a2b8;
	background: rgba(23, 162, 184, 0.7);
	padding: 2em 1em 2em 1em;
}

.form_container {
    display: block;
    color: white;
}

.form_info1 {
	color: #dc3545;
	font-weight: 700;
}

.form_info2 {
	color: #ffc107;
	font-weight: normal;
}

.map_container {
    overflow: auto;
	border: 1px solid black;
	margin-bottom: 3em;
}

.map_image {
    width: 100%;
    transform: scale(2);
}

.tamperethaiboxing1 {
	font-family: Jibril;
	font-size: 2em;
	line-height: 1;
	color: white;
	text-align: center;
	padding-top: 0.2em;
}

.tamperethaiboxing {
	font-family: Jibril;
	color: white;
	background: rgba(220, 53, 69, 0.9);
	margin: 0 -0.4em 0;
	padding: 0.2em 0 0.2em 0;
}

.bg_red {
	background: rgba(220, 53, 69, 0.9);
	background: rgba(23, 162, 184, 0.7);
	background: crimson;
	opacity: 0.85;
}

.bg_blue {
	background: rgba(11, 100, 195, 0.5);
}

.cover {
	border-radius: 20px;
	border-bottom-left-radius: 0;
}

.bg-head {
    display: none; /* block */
    position: fixed;
    left: calc(50% - 260px);
    bottom: -4px;
    width: 520px;
    height: 300px;
    /* background-color: powderblue; */
    background: url(../media/head.svg) no-repeat;
    /* border: 0px solid black; */
    z-index: -1;
}

.bottom_panel_container {
	position: fixed;
	bottom: 0;
	width: 100%;
}

.bottom_panel {
	padding-top: 0.5em;
	position: relative;
	margin: auto;
	height: 4em;
	/* max-width: 50em; */
	background: white;
	vertical-align: middle;
	text-align: center;
	z-index: 1;
}

.bottom_icons {
	font-size: 2em;
	padding: 0 0.3em 0 0.3em;
	cursor: pointer;
	/** ANIMATION BOUNCE **/	
	display: inline-block;
	animation: 1s bounce infinite;
}

.bottom_panel_container span:nth-child(2) {
  animation-delay: 0.30s;
}

.bottom_panel_container span:last-child {
  animation-delay: 0.60s;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes link {
  from { opacity: 0.1; }
  to { opacity: 0.9 ;}
}

.bottom_icons a:hover, .flag1_container_fluid a:hover {
	-webkit-animation-name: link;
	-webkit-animation-duration: 1.5s;
	animation-name: link;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
}

.em {
	color: #4779ad; /* blue */
	color: #ed74ff; /* pink */
	color: #d39e00; /* orange */
}

.ig { color: #dc3545; }

.fb { color: #235693; }

.ears {
	display: none;
	position: absolute;
	width: 100%;
	height: 4em;
	top: 0;
	left: 0;
}

.left_ear_container, .right_ear_container {
	position: relative;
	top: 27.55em;
	width: 49em;
	margin: auto;
}

.left_ear, .right_ear {
	position: absolute;
	margin: auto;
	width: 10em;
	height: 4em;
	background: #003580;
	/* opacity: 0.85; */
}

.left_ear {
	border-top-right-radius: 2em;
	left: 0;
	/* background: crimson; */
}

.right_ear {
	border-top-left-radius: 2em;
	right: 0em;
	/* background: black; */
}

.aktiivinen {
	margin: 3px;
	width: 50%;
	background: limegreen;
	border: 1px solid white;
	padding: 3px;
	color: white;
	font-weight: 700;
}

.lomalla {
	margin: 3px;
	width: 50%;
	text-decoration: none;
	background: grey;
	border: 1px solid lightgrey;
	padding: 3px;
	color: lightgrey;
}

.JK { display: block; }
.KK { display: none; }

.santaClass {
	background: url(../xmas/santa_hat.svg) no-repeat center;
	/* background-size: 200px; */
	width: 100%;
	height: 500px;
	z-index: 1;
	position: absolute;
	top: -120px;
	left: 50px;
	/* margin-left: 50px; */
}

@media only screen and (min-width: 600px) {
	h1 {
		font-family: Righteous;
		font-weight: initial;
	}
	.flag1_container_fluid div a { text-decoration: none; }
	.flag1_container_fluid div a span { display: inherit; }
    .aaa { top: -15px; }
    .bbb { top: 20px; font-size: 32px;}
	ul { font-weight: 900; }
	.h1_top {
		color: yellow;
		font-weight: initial;
		}
	.h1_top i { color: yellow; }
	.bg_red, .bg_blue {
			opacity: 0.85;
			background: black;
	}
	.a1 hr {display: block; }
    .a1 { padding: 1.5em 0.5em 0; color: yellow; }
    .a2, .a3 { padding: 0.5em; display: table-cell; vertical-align: top; }
    .a2_container, .b3_container { border-radius: 2em; background: orange; }
    .a2_container {
		background: rgba(11, 100, 195, 0.5);
		width: 49em;
		margin: 0 auto;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		opacity: 1;
}
    .a2_container_border {
		margin: 1em auto;
		border-radius: 1.25em;
		width: 50em;
		padding: 0.3em 0 0.3em 0;
		/* border: 3px solid red; */
		/* border-color: #629bd8; */
		background: url(../media/head.svg) no-repeat bottom;
		background-clip: content-box;
	}
    .a1, .a2, .a3 { border: 0px solid black; }
	.a4 { padding: 0; }
	.salikuvat span, .salikuvat2 span, .salikuvat3 span {
		background: rgba(0 ,0 ,0 , .25);
		font-size: initial;
	}
    .map_image {
        display: block;
        transform: scale(1);
        width: 100%; }
    body { background: white; background: url(../media/bg3_b2.jpg); background-size: contain; background-attachment: fixed; } /* background: url(../media/bg3_b2.jpg); background-size: contain; */
    .logo { background: url(../media/circle_black.svg) no-repeat center; }
    .form_container, .turndevice_container { color: black; }
	.form_container {
		margin-left: auto;
		margin-right: auto;
		max-width: 48em;
	}
    .flag-active { border: 1px solid blue; }
    .dropdown { position: absolute; }
	.logo_container { display: none; }
	[class^="muaythai_picture"]:hover {
	border: 5px solid white;
	transform: scale(1.2);
	}
	.muaythai_grid { margin-top: 0em; }
	.map_container { border: 3px solid crimson; margin-bottom: 4em; }
	.tamperethaiboxing { background: none; padding: 0; margin: auto; }
	.tamperethaiboxing1 { font-size: 4.3em; padding-top: 0; }
	.santaClass {
		/* background-size: 100%; */
		top: -80px;
	}
}

.temp_B {display: none;}
.temp_A {display: block;}


@media only screen and (min-width: 1024px) {
    .temp_A {display: none;}
    .temp_B {display: block;}
    .turndevice_container { display: none; }
	/* .flag1_container_fluid { 
	/* .flag2_container_fluid { display: block; } */
	.flag1_container_fluid div a span { display: none; }
	.bg_red {
		background: crimson;
		opacity: 0.85;
	}
	.bg_blue {
		background: rgba(11, 100, 195, 0.5);
		opacity: 1;
	}
	.dropdown {
		display: block;
		position: relative;
		width: 49em;
		margin: auto;
		margin-bottom: -1em;
		top: -4.25em;
		left: 0;
		z-index: 1;
	}
	.dropbtn {}
	.flag-active {
		border: 1px solid #003580;
		width: 4em;
		height: auto;
	}
    .logo_container {
        margin: 5em 0 0 0;
        padding-bottom: 3em; }
    .logo { background: url(../media/circle_red.svg) no-repeat center; }
    .a2_container_border {
		background: url(../media/head.svg) no-repeat bottom;
		background-clip: content-box;
	}
	.a2_container_bg {
	width: 49em;
	margin: 0 0.5em 0 0.5em;
	/* background: crimson; */
	/* opacity: 0.85; */
	border-bottom-left-radius: 2em;
	border-bottom-right-radius: 2em;
	}
    .a2_container {
		/* border: 3px solid crimson; */
		border-top; none;
		border-top-left-radius: 2em;
		border-top-right-radius: 2em;
		}
	.left_ear, .right_ear {
		/* border: 3px solid crimson; */
		border-bottom: none;
		background: rgba(11, 100, 195, 0.5);
	}
	.left_ear { border-bottom-left-radius: 2em; }
	.right_ear { border-bottom-right-radius: 2em; }
    /* .a1, .a2, .a3 {color: #003580;} */
	ul {
		color: #2965ae;
		font-weight: 700;
	}
	h1 {
		color: #2965ae;
	}
	.h1_top, .h1_top i {
		color: #2965ae;
	}
    .a1 { font-size: 1.5em; line-height: 1.5; padding-top: 1em; color: yellow; }
    .info_box_1 { color: yellow; }
    .info_box_2a { color: yellow; font-size: 0.8em; line-height: 1.6em }
    .info_box_2b { color: yellow; font-size: 0.8em; line-height: 1.6em }
    .info_box_3 { color: white; }
    .info_box_3 .fas { color: yellow; }
    .info_box_3 .fa-trophy { color: yellow; }
	/*div[class^="muaythai_picture"]:hover { transform: scale(2.5); }*/
	[class^="muaythai_picture"]:hover {
	border: 5px solid white;
	transform: scale(1.2);
	}
	.muaythai_grid { margin-top: 4em; margin-bottom: 0; }
	.form_container_fluid {
		width: 50em;
		margin: auto;
		margin-bottom: 3.5em;
		border: 23px solid white;
		border-radius: 0;
	}
	.bottom_panel { height: 6em; }
	.bottom_icons { font-size: 3em;	padding: 0 2em 0 2em; }
	.ears { display: block; }
}

@media only screen and (max-width: 359px) {
	.tamperethaiboxing1 {
		font-size: 1.8em;
	}
	h1 { font-size: 1.5em; }
}

.poster08 {
	width: 362px;
	height: 362px;
	background: url(../media/tba/web_square_tba.jpg) no-repeat center;
	vertical-align: center;
	margin-left: 1em;
	margin-bottom: 1em;
}

@media only screen and (min-width: 736px) {
	.poster08 {
		width: 752px;
		height: 372px;
		background: url(../media/tba/web_wider_tba.jpg) no-repeat center;
		margin: auto;
	}
	.shlogo { right: 100px; }
	.topmenu { font-size: 1.3em; }
}

@media only screen and (min-width: 1000px) {
	.shlogo { right: 20px; top: 15px; width: 200px; background-size: 200px; }
	.kplogo { right: 20px; top: 40px; width: 200px; background-size: 200px; height: 35px; }
	}

.fa-chevron-right { display: inline-block; }
.list-unstyled { color: white; background: #dc3545; padding-left: 0.5em; }

.bg {
	position: fixed;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	z-index: -9999;
}

.bg img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}