@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sriracha&display=swap');

body { 
	/*font-family: 'Noto', Serif;*/
	/*font-family: 'Sriracha', cursive; */
}
.status-available{color:#51FF7C;}
.status-not-available{color:#C02918;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
/*  background-color: 	ivory;*/
  background-color: rgba(0,0,0,0.3);
  margin: auto;
  padding: 20px;
/*  border: 5px solid royalblue;*/
  width: 300px;
  border-radius: 3%;
  color: black;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


span .block{ display: block; }

.outline{ width: 30px; text-align: center; padding: 10px; margin: 0px; background: #FFF; color: #cc0033; }
.top{ text-align: left; }
.bottom{ text-align: right; }

.shadow{ box-shadow: 1px 1px 3px #000; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; }
.rounded{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

.Flaming {
color: #FFFFFF;

text-shadow: 0 -1px 4px #FFF, 0 -2px 10px #ff0, 0 -10px 20px #ff8000, 0 -18px 40px #F00;
color: #FFFFFF;

}
.curve_card{
 	  width: 50px;
      height: 70px;
     
      border: none; /* <-- This thing here */
      border: solid 1px #ccc;
      border-radius: 5px;
	  text-align: center;
	  font-family: 'Open Sans', sans-serif;
	  font-weight: bold;
	  font-size:  14;
	  overflow: hidden;
	  cursor: pointer;
	  position: relative;
	  -webkit-transition-duration: 1s; /* Safari */
	  transition-duration: 1s;
	  box-shadow: 0px 3px #999;
	  background-color:  transparent;
	  color: white;
}
.curve_card:after {
  content: "";
  background: #931618;
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px!important;
  margin-top: -120%;
  opacity: 0;
  transition: all 1s;
  
  
}
.curve_card:active{
  background-color: #3e8e41;
  box-shadow: 0 3px #666;
  transform: translateY(6px);
}
.curve_card:hover {background-color: #931618}
.curve_card:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}

.curve_type{
 	  width: 50px;
      height: 70px;
      margin: 0 auto;
      border: none; /* <-- This thing here */
      border: solid 1px #ccc;
      border-radius: 5px;
	  text-align: center;
	  font-family: 'Open Sans', sans-serif;
	  font-weight: bold;
	  font-size:  35px;
	  background-color: white;
}

.curve_border{
 	  width: 100px;
      height: 40px;
      margin: 0 auto;
      border: none; /* <-- This thing here */
      border:solid 1px #ccc;
      border-radius: 23px;
	  text-align: center;
	  font-family: 'Open Sans', sans-serif;
	  font-weight: bold;
	  font-size:  16;
}
.BotTalk{
	width:100%; /* or whatever width you want. */
	/*max-width:180px; */
	height: 80px;
	display: inline-block;
	border: 1px  #EB9211 solid;
	text-align: center;
	vertical-align: middle
}
/*
Original
*/

.a_demo_four {
	text-align: center;
	background-color:#3b5fc7;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight: 600;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(5,52,70) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(5,52,70) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(5,52,70) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(5,52,70) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(5,52,70) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(5,52,70))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #2981ae;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #2981ae;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #2981ae;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #2981ae;
}

.a_demo_four:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(5,52,70) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(5,52,70) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(5,52,70) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(5,52,70) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(5,52,70) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(5,52,70)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #2981ae;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #2981ae;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #2981ae;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #2981ae;
}



.a_demo_four:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}


/* Green */
.a_demo_four_green {
	text-align: center;
	background-color:#3fa60c;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight: 600;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	
	background-image: linear-gradient(bottom, rgb(70,190,85) 0%, rgb(5,52,70) 100%);
	background-image: -o-linear-gradient(bottom, rgb(70,190,85) 0%, rgb(5,52,70) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(70,190,85) 0%, rgb(5,52,70) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(70,190,85) 0%, rgb(5,52,70) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(70,190,85) 0%, rgb(5,52,70) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(70,190,85)),
	color-stop(1, rgb(5,52,70))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #12440a, 0px 5px 0px 0px #09670d, 0px 10px 5px #87b055;
}

.a_demo_four_green:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(5,52,70) 0%, rgb(70,190,85) 100%);
	background-image: -o-linear-gradient(bottom, rgb(5,52,70) 0%, rgb(70,190,85) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(5,52,70) 0%, rgb(70,190,85) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(5,52,70) 0%, rgb(70,190,85) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(5,52,70) 0%, rgb(70,190,85) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(5,52,70)),
	color-stop(1, rgb(70,190,85))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #12440a, 0px 5px 0px 0px #09670d, 0px 10px 5px #87b055;
}



.a_demo_four_green:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #12440a, 0px 5px 0px 0px #09670d, 0px 10px 5px #87b055;
}




/* ==========Red==============*/
.a_demo_four_red {
	text-align: center;
	background-color:#3fa60c;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight: 600;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	
	background-image: linear-gradient(bottom, rgb(237,93,78) 0%, rgb(92,4,4) 100%);
	background-image: -o-linear-gradient(bottom, rgb(237,93,78) 0%, rgb(92,4,4) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(237,93,78) 0%, rgb(92,4,4) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(237,93,78) 0%, rgb(92,4,4) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(237,93,78) 0%, rgb(92,4,4) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(237,93,78)),
	color-stop(1, rgb(92,4,4))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #d50808, 0px 5px 0px 0px #8a1c1c, 0px 10px 5px #ec5b5b;
}

.a_demo_four_red:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(92,4,4) 0%, rgb(237,93,78) 100%);
	background-image: -o-linear-gradient(bottom, rgb(92,4,4) 0%, rgb(237,93,78) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(92,4,4) 0%, rgb(237,93,78) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(92,4,4) 0%, rgb(237,93,78) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(92,4,4) 0%, rgb(237,93,78) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(92,4,4)),
	color-stop(1, rgb(237,93,78))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #d50808, 0px 5px 0px 0px #8a1c1c, 0px 10px 5px #ec5b5b;
}



.a_demo_four_red:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #d50808, 0px 5px 0px 0px #8a1c1c, 0px 10px 5px #ec5b5b;
}