@font-face {
  font-family: "bebas";
  src: url("BebasNeue Regular.otf");
}



html {
    max-width: 100%;
    overflow-x: hidden;

}

body {
	font-family:Verdana;
	font-size:11px;	
	background-color:black;
  	background-image: url("images/background.png");
  	background-repeat: repeat-x;
     max-width: 100%;
    overflow-x: hidden;
    color:white;
}

.card {

    width: 62px;
    height: 44px;
    position: relative;
    display: inline-block;
    margin: 10px;
}




.concon {
	font-family:verdana;
	font-size:14px;
	border:0px;
	border-radius:6px;
	height:30px;
	width:440px;
}

.concon2 {
	font-family:verdana;
	font-size:14px;
	border:0px;
	border-radius:6px;
	height:320px;
	width:540px;
}

.concon3 {

  color: black;
  font-family:bebas;
  font-size:19px;
  letter-spacing: 5px;
  border:1px solid white;
  border-radius:6px;	
  width:540px;
  background-color:#dc9289;
  padding-top:5px;
  height:50px;

}

.concon4 {

  visibility:hidden;

}

.contactor{

	border:2px solid white;
	background-color:#0d0d08;
	padding:15px;
	//margin:10px;
	border-radius:13px;
	width:550px;
}


.contag {

  color: white;
  font-family:bebas;
  font-size:19px;
  letter-spacing: 5px;	
  width:100px;
  float:left;
  padding-top:5px;

}

.conval {

  color: white;
  font-family:bebas;
  font-size:19px;
  letter-spacing: 5px;
  width:550px;

}




    
.card .img-top {

    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    
}
    
.card:hover .img-top {
	display: inline;
}


.flatten {
  color: black;
  font-family:bebas;
  font-size:22px;
  text-align:center;
  letter-spacing: 3px;
}


h1 {
 // background-image: url("images/smallest.png");
  background-repeat: no-repeat;
  color: white;
  padding-left:0px;
  font-family:bebas;
  font-size:25px;
  letter-spacing: 5px;
  //text-align:center;
  //text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

h2 {
  background-image: url("images/chochin.png");
  background-repeat: no-repeat;
  color: white;
  padding-left:40px;
  font-family:bebas;
  font-size:25px;
  letter-spacing: 5px;
  //text-shadow: -1px 0 #ffaa22, 0 1px #ffaa22, 1px 0 #ffaa22, 0 -1px #ffaa22;
}

h3 {
  color: white;
  font-family:bebas;
  font-size:20px;
  letter-spacing: 5px;
  margin:0px;
  margin-top:10px;
  padding:0px;
}

.normtext{
	font-family:Verdana;
	font-size:11px;
	margin:0px;
	padding:0px;	
	text-transform: none;
}


.prolinks{
  font-family:bebas;
  color:white;
  font-size:18px;
  padding:3px;
  margin:0px;

}

.prolinks a{
  font-family:bebas;
  color:yellow;
  font-size:18px;
  padding:3px;
  margin:0px;
  text-decoration:none;
}

.prolinks a:hover{
  font-family:bebas;
  color:white;
  font-size:18px;
  padding:3px;
  margin:0px;
  text-decoration:none;
}

.orangeborder {
	width:750px;
	height:25px;
	border-radius:6px;
	border:1px solid black;
	margin:0px;
	padding:5px;
	background-color:#629bd0;
	text-transform: uppercase;
}


.smallbits {
  font-family:bebas;
  color:white;
  font-size:20px;
  padding:3px;
  margin:0px;
  text-decoration:none;
}



.comingsoon {

	border-radius:30px;
	border:4px solid white;
	margin-right: 15px;
}



.weather {
	width:750px;
	height:120px;
	border-radius:6px;
	border:1px solid black;
	margin:0px;
	padding:5px;
	background-color:#539bd9;
}

.twitter {
	width:750px;
	border-radius:6px;
	border:1px solid black;
	margin:0px;
	padding:5px;
	background-color:#539bd9;
}



.bgdiv{
	width:168px;
	height: 125px;
	border-radius:6px;
	border:1px solid black;
	margin-left:7px;
	margin-bottom:12px;
	padding:5px;
	background-color:#ffaa22;
	float:left;
	text-align:center;
}

.bgimg{
	width:150epx;
	height: 85px;
	border-radius:6px;
	border:1px solid black
}

.bgdiv2{
	width:168px;
	height: 240px;
	border-radius:6px;
	border:1px solid black;
	margin-left:7px;
	margin-bottom:12px;
	padding:5px;
	background-color:#ffaa22;
	float:left;
	text-align:center;
}

.bgdiv3{
	width:750px;
	height: 30px;
	border-radius:6px;
	border:1px solid black;
	margin-left:2px;
	margin-bottom:12px;
	padding:5px;
	background-color:#ffaa22;
	float:left;

}

.bgimg2{
	width:150epx;
	height: 200px;
	border-radius:6px;
	border:1px solid black
}

.banner {

	border-radius:12px;
	border:2px solid #ffaa22;

}

.hardlink {
	text-decoration:none;
	font-size:10px;
}

.rightimage {

	border-radius:6px;
	border:2px solid #ffaa22;
	float:right;
	margin-top:10px;
}


.imagetreatment {

	border-radius:6px;
	border:2px solid #ffaa22;
	margin-right:10px;
	margin-bottom: 5px;
	float:left;

}

.imagetreatment2 {

	border-radius:6px;
	border:2px solid #ffaa22;
	margin-right:10px;
	margin-bottom: 0px;
	float:left;

}

.imagetreatment3 {

	border-radius:6px;
	border:2px solid #ffaa22;
	margin-right:10px;
	margin-bottom: 5px;
	display:block;

}

.podimage {

	border-radius:6px;
	border:2px solid black;
	margin:10px;
	width:300px;
	height:300px;
	float:left;	

}


.regtext {
	padding:0px;
	margin:0px;
	font-family:verdana;
	font-size:14px;
	
}


.contents {
	width:750px;
	text-align;top;
	margin:auto;	
	margin-top:10px;
	padding-bottom:50px;
}



.topmenu {

width:750px;
height:56px;
text-align:center;
vertical-align: top;
margin:auto;

}

.mainmenu {
	font-family:bebas;
	font-size:26px;
	padding-left:15px;
	padding-right:15px;
	line-height:56px;
	text-decoration:none;
	color:white;
}

.mainmenu:hover {
	font-family:bebas;
	font-size:26px;
	padding-left:15px;
	padding-right:15px;
	line-height:56px;
	text-decoration:none;
	color:yellow;
}

.foot {
	font-family:bebas;
	font-size:18px;
	padding-left:15px;
	padding-right:15px;
	line-height:36px;
	text-decoration:none;
	color:white;
}

.foot:hover {
	font-family:bebas;
	font-size:18px;
	padding-left:15px;
	padding-right:15px;
	line-height:36px;
	text-decoration:none;
	color:yellow;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-image: url("images/background2.png");
   background-repeat: repeat-x;
   text-align: center;
}

.inlineform {
	display:inline;
	padding:5px;
	margin:5px;
}



.FormButtons {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	//border:1px solid #ffaa22;
	border:1px solid black;
	display:inline;
	cursor:pointer;
	color:#333333;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:6px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	
}
.FormButtons:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#2e6eac;
}
.FormButtons:active {
	position:relative;
	top:1px;
}


.FormButtons2 {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	//border:1px solid #ffaa22;
	border:1px solid black;
	display:inline;
	cursor:pointer;
	color:#333333;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:6px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	height:43px;
	
}
.FormButtons2:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.FormButtons2:active {
	position:relative;
	top:1px;
}

.RoundInput {
	padding: 10px;
	margin:5px;
	border:1px solid #ffaa22;
	border-radius:6px;
	width:300px;
	text-align:center;
	color:white;
	background-color:#2e6eac;
}

.RoundInput2 {
	padding: 10px;
	margin:5px;
	border:1px solid black;
	border-radius:6px;
	width:255px;
	color:white;
	text-align:center;
	background-color:#2e6eac;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cfcfcf;
  opacity: 1; /* Firefox */
}


.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #2e6eac;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  width:300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}