

/* #Buttons
================================================== */

.button{
	position: relative;
		width: 260px;
		height: 60px;
		font-size: 48px;
		z-index: 99;

}

.button2{
	position: relative;
		width: 400px;
		height: 60px;
		font-size: 32px;
		z-index: 99;

}


.buttonslide {
	font-family: trench;
	position: relative;
	width: 260px;
	height: 65px;
	font-size: 48px;
	z-index: 99;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}

.buttontop {
	font-family: trench;
	position: relative;
	width: 50px;
	height: 40px;
	font-size: 20px;
	z-index: 99;
}


	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 0px;
	  -webkit-border-radius: 0px;
	  border-radius: 0px;
	  color: transparent;
	  display: inline-block;
	  font-size: 48px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	}


	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
}


	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
	}


	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {

		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;

	}

	/* Fix for odd Mozilla border & padding issues */
	button.button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

/* =================================================== */




/* NAV button */

 .cd-bouncy-nav-trigger {
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 8px 10px;
	color: #222;
	background-color: #33C3F0;
	border-color: #33C3F0;
}

.no-touch .cd-bouncy-nav-trigger:hover {
	background: #ddd; /* Old browsers */
	background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	color: #222;
}



/* Side Slider Panel button */


.cd-btn, .cd-btn1, .cd-btn2, .cd-btn3, .cd-btn4, .cd-btn5, .cd-btn6, .cd-btn7, .cd-btn7, .cd-btn8, .cd-btn9 {
/*
	background: #eee; /* Old browsers
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+  /
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+
	background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C
 */
	border: 2px solid #aaa;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
	font-size: 28px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 10px 10px 10px 10px;
	color: #222;
	background-color: rgba(255, 255, 255, 0.6) !important;
	border-color: #218901;
	text-decoration: none !important;
	width: 550px;

}
/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1021px) and (max-width: 1200px) {
.cd-btn, .cd-btn1, .cd-btn2, .cd-btn3, .cd-btn4, .cd-btn5, .cd-btn6, .cd-btn7, .cd-btn7, .cd-btn8, .cd-btn9{
	width: 460px;
	}
	.button{
			width: 260px;
			height: 60px;
			font-size: 48px;
	}

	.button2{
		position: relative;
			width: 350px;
			height: 60px;
			font-size: 32px;
			z-index: 99;

	}

}


  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (min-width: 921px) and (max-width: 1020px) {
.cd-btn, .cd-btn1, .cd-btn2, .cd-btn3, .cd-btn4, .cd-btn5, .cd-btn6, .cd-btn7, .cd-btn7, .cd-btn8, .cd-btn9{
	width: 425px;
    }
		.button{
				width: 260px;
				height: 60px;
				font-size: 48px;
		}

		.button2{
			position: relative;
				width: 260px;
				height: 80px;
				font-size: 24px;
				z-index: 99;

		}

  }

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 920px) {
.cd-btn, .cd-btn1, .cd-btn2, .cd-btn3, .cd-btn4, .cd-btn5, .cd-btn6, .cd-btn7, .cd-btn7, .cd-btn8, .cd-btn9 {
	width: 375px;
    }

		.button{
				width: 260px;
				height: 60px;
				font-size: 48px;
		}

		.button2{
			position: relative;
				width: 260px;
				height: 80px;
				font-size: 24px;
				z-index: 99;

		}

  }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (min-width: 551px) and (max-width: 767px) {
.cd-btn, .cd-btn1, .cd-btn2, .cd-btn3, .cd-btn4, .cd-btn5, .cd-btn6, .cd-btn7, .cd-btn7, .cd-btn8, .cd-btn9{
	width: 350px;
    }

		.button{
				width: 240px;
				height: 55px;
				font-size: 40px;
		}

		.buttonslide {
			width: 120px;
			height: 50px;
			font-size: 30px;
		}

		.button2{
			position: relative;
				width: 200px;
				height: 70px;
				font-size: 18px;
				z-index: 99;

		}


  }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 550px) {
.cd-btn, .cd-btn1, .cd-btn2, .cd-btn3, .cd-btn4, .cd-btn5, .cd-btn6, .cd-btn7, .cd-btn7, .cd-btn8, .cd-btn9 {
	width: 325px;
    }
		.button {
			width: 130px;
			height: 20px;
			font-size: 32px;
			margin-left: 0;
  }

	.buttonslide {
		width: 130px;
		height: 20px;
		font-size: 28px;
	}

	.button2{
		position: relative;
			width: 150px;
			height: 70px;
			font-size: 18px;
			z-index: 99;

	}

}


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {

.cd-btn, .cd-btn1, .cd-btn2, .cd-btn3, .cd-btn4, .cd-btn5, .cd-btn6, .cd-btn7, .cd-btn7, .cd-btn8, .cd-btn9{
	width: 300px;
    }

		.button {
				width: 100px;
				height: 35px;
				font-size: 14px;
				margin-left: 0;
		}

		.button2{
			position: relative;
				width: 150px;
				height: 60px;
				font-size: 18px !important;
				z-index: 99;

		}

		.buttonslide {
			width: 100px;
			height: 40px;
			font-size: 20px;
		}

		.buttontop {
			font-family: trench;
			position: relative;
			width: 33px;
			height: 25px;
			font-size: 12px;
			z-index: 99;
		}

  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 320px) {

.cd-btn, .cd-btn1, .cd-btn2, .cd-btn3, .cd-btn4, .cd-btn5, .cd-btn6, .cd-btn7, .cd-btn7, .cd-btn8, .cd-btn9{
	width: 250px;
    }

		.button {
				width: 100px;
				height: 20px;
				font-size: 14px;
		}

		.buttonslide {
			width: 100px;
			height: 30px;
			font-size: 18px;

		}

		.button2{
			position: relative;
				width: 130px;
				height: 40px;
				font-size: 12px;
				z-index: 99;

		}

  }








/* Side Slider Panel button */

.sendmessage {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 8px 10px;
	color: #222;
	background-color: #8bc2c7;
	border-color: #00475d;
	text-decoration: none !important;
}


.no-touch .sendmessage:hover {
	background: #ddd; /* Old browsers */
	background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	color: #222;

}
