@charset "utf-8";
@import'main.css';
/* CSS Document */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline
}
body, button, input, label, select, td, textarea {
	font-family:Arial, Helvetica, sans-serif;
}
html {
	font-size:84.33%;
}
body {
	background:#f0f0f0;
	line-height: 1.4;
	margin: 0 auto;
	color:#333;
	text-align:left;
	direction:ltr;
	unicode-bidi:embed;
}
body {
	min-height:100%;
	min-width:100%;
	overflow-y:scroll;
}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
}
a {
	text-decoration: none;

}
a:hover {
	text-decoration: none;
	color: #58a127;
}
a:focus {
	outline: thin dotted;
}
a:active, a:hover {
	outline: 0;
}
*:focus {
	outline:none;
}
p {
	line-height:1.3;
}
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* apply a natural box layout model to all elements */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */


audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
 audio:not([controls]) {
 display: none;
 height: 0;
}
 [hidden] {
 display: none;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
p, pre {
	margin: 1em 0;
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dl, menu, ol, ul {
	margin: 1em 0;
}
dd {
	margin: 0 0 0 40px;
}
menu, ol, ul {
	padding: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}
img {
	border:0;
	outline:none;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic; /* 2 */
}
 svg:not(:root) {
 overflow: hidden;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
label {
	cursor:pointer;
	color:#666;
	font-weight:bold;
	vertical-align:middle
}
fieldset {
	border: 0px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
 *margin-left: -7px; /* 3 */
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ddd;
	margin:.4em 0 1em 0;
	padding: 0;
}
q {
	quotes:"\201C""\201D""\2018""\2019";
}
q:first-letter {
	font-size:1.5em;
}
q:before {
	content: open-quote;
	color:#00a0d4;
	font-size:4em;
	line-height:.01em;
	margin-top:.25em;
	margin-right:.25em;
	vertical-align:-.4em;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}
q:after {
	content: close-quote;
	font-size:3em;
	line-height:.1em;
	margin-left:.25em;
	color:#999999;
	vertical-align:-.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
blockquote {
	background:#f9f9f9;
	border-left:10px solid #ccc;
	margin:1.5em 10px;
	padding:.5em 10px;
	quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}
blockquote p {
	display:inline;
}
h1, h2, h3, h4, h5, h6 {
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0px;
	margin: 0;

	padding: 0;
}
h1 {
	font-size:2.1em;
}
h2 {
	font-size:2em;
}
h3 {
	font-size:1.8em;
}
h4 {
	font-size:1.5em;
}
h5 {
	font-size:1.3em;
}
h6 {
	font-size:1.1em;
}



/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}

::selection {
 background: #b3d4fc;
 text-shadow: none;
}
a {
	outline: 0;
}
/*
 * A better looking default horizontal rule
 */


/*
 * Remove the gap between images and the bottom of their containers:
 */


/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}
/* ==========================================================================
   IE10 inserts into incons textboxes
   ========================================================================== */

.chromeframe {
	background: #b71f1e;
	color: #fff;
	padding: 1em;
	font: 1.4em/1.5em 'Franklin Gothic Book', sans-serif;
	position: relative;
	text-align: center;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

input[type=text]::-ms-clear {
 display: none;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
 content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}


:-moz-placeholder {
color:#9c9c9c;
}
::-moz-placeholder {  /* Firefox 19+ */
color:#9c9c9c;
}
:-ms-input-placeholder {
color:#9c9c9c;
}
::-webkit-input-placeholder {
color:#9c9c9c;
}
input:focus::placeholder {
color:#c5c5c5;
}
[placeholder]:focus::-webkit-input-placeholder {
color:#c5c5c5;
}
input[placeholder]:focus::-webkit-input-placeholder {
color:#c5c5c5;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
	resize: vertical;
	vertical-align:text-top;
	width:100%;
		padding: 8px 12px;
	color:#747474;
	background: #fff;
	border: 1px solid #cacaca;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	border-radius:2px;
}
 button::-moz-focus-inner,  input::-moz-focus-inner {
 border: 0;
}
input[type=email],  input[type=number],  input[type=password],  input[type=tel],  input[type=text],  input[type=search],  input[type=url] {
	display: inline-block;
	height: 34px;
	width:100%;
	margin: 0;
	padding: 0 12px;
	color:#747474;
	background: #fff;
	border: 1px solid #cacaca;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type=email]:hover,  input[type=number]:hover,  input[type=password]:hover,  input[type=tel]:hover,  input[type=text]:hover,  input[type=search]:hover,  input[type=url]:hover,textarea:hover {
	border: 1px solid #b9b9b9;
	color:#747474;
	border-top: 1px solid #a0a0a0;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}
input[type=email]:focus,  input[type=number]:focus,  input[type=password]:focus,  input[type=tel]:focus,  input[type=text]:focus,  input[type=search]:focus,  input[type=url]:focus, textarea:focus {
	outline: none;
	color:#000;
	border: 1px solid #06C;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
input[type=email][disabled=disabled],  input[type=number][disabled=disabled],  input[type=password][disabled=disabled],  input[type=tel][disabled=disabled],  input[type=text][disabled=disabled],  input[type=search][disabled=disabled],  input[type=url][disabled=disabled] {
	border: 1px solid #e5e5e5;
	background: #f1f1f1;
}
input[type=email][disabled=disabled]:hover,  input[type=number][disabled=disabled]:hover,  input[type=password][disabled=disabled]:hover,  input[type=tel][disabled=disabled]:hover,  input[type=text][disabled=disabled]:hover,  input[type=search][disabled=disabled]:hover,  input[type=url][disabled=disabled]:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
input[type=email][readonly=readonly],  input[type=number][readonly=readonly],  input[type=password][readonly=readonly],  input[type=text][readonly=readonly],  input[type=url][readonly=readonly] {
	border: 1px solid #d9d9d9;
}
input[type=email][readonly=readonly]:hover,  input[type=number][readonly=readonly]:hover,  input[type=password][readonly=readonly]:hover,  input[type=text][readonly=readonly]:hover,  input[type=url][readonly=readonly]:hover,  input[type=email][readonly=readonly]:focus,  input[type=number][readonly=readonly]:focus,  input[type=password][readonly=readonly]:focus,  input[type=text][readonly=readonly]:focus,  input[type=url][readonly=readonly]:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
input[type=checkbox].form-error,  input[type=email].form-error,  input[type=number].form-error,  input[type=password].form-error,  input[type=text].form-error,  input[type=search].form-error,  input[type=url].form-error {
	border: 1px solid #dd4b39;
}
input[type=checkbox],  input[type=radio] {
	width: 13px;
	height: 13px;
	margin: 0;
	cursor: pointer;
	vertical-align: bottom;
	background: #fff;
	border: 1px solid #dcdcdc;
}
input[type=checkbox]:active,  input[type=radio]:active {
	border-color: #c6c6c6;
	background: #ebebeb;
}
input[type=checkbox]:hover {
	border-color: #c6c6c6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
input[type=radio] {
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	width: 15px;
	height: 15px;
}
input[type=checkbox]:checked,  input[type=radio]:checked {
	background: #fff;
}
input[type=checkbox]:focus {
	outline: none;
	border-color:#4d90fe;
}
select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:34px;
		width:100%;
	color:#4d4d4d;
	text-align:left;
	-webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
	border: 1px solid #cacaca;
}
select:hover {
	border: 1px solid #b9b9b9;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
select:focus {
	color:#4d4d4d;
}
select:active {
	color:#4d4d4d;
}
select:visited {
	color:#4d4d4d;
}
input[type="file"] {
	-webkit-appearance: none;
	height: 35px;
	line-height: 35px;
	vertical-align:top;
	-webkit-rtl-ordering:left;
}
input[type="file"]::-webkit-file-upload-button {
 -webkit-appearance: none;
 border: 1px solid #aaaaaa;
 color: #444;
 height: 34px;
 line-height: 34px;
 vertical-align:top;
 padding: 0 8px;
 background-color: #cccccc;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#cccccc));
 background-image: -webkit-linear-gradient(top, #f0f0f0, #cccccc);
 background-image: -moz-linear-gradient(top, #f0f0f0, #cccccc);
 background-image: -ms-linear-gradient(top, #f0f0f0, #cccccc);
 background-image: -o-linear-gradient(top, #f0f0f0, #cccccc);
 background-image: linear-gradient(top, #f0f0f0, #cccccc);
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 cursor: default;
 -webkit-box-shadow:inset 0 0px 1px 2px rgba(255, 255, 255, 0.4);
 -moz-box-shadow:inset 0 0px 1px 2px rgba(255, 255, 255, 0.4);
 -ms-box-shadow:inset 0 0px 1px 2px rgba(255, 255, 255, 0.4);
 -o-box-shadow:inset 0 0px 1px 2px rgba(255, 255, 255, 0.4);
 -khtml-box-shadow:inset 0 0px 1px 2px rgba(255, 255, 255, 0.4);
 box-shadow:inset 0 0px 1px 1px rgba(255, 255, 255, 0.46);
}
*+html a[role="button"], button, input[type="submit"], input[type="botton"], input[type="reset"] {
	min-width: 90px;
}
a[role="button"], button, input[type="submit"], input[type="botton"], input[type="reset"] {
	height: 34px;
	line-height: 34px;
	vertical-align:top;
	margin: 0;
	padding:0 .8em;
}
*+html button, *+htmlinput[type="submit"], input[type="reset"] {
	overflow:visible
}
a[role="button"], button, input[type="submit"], input[type="botton"], input[type="reset"] {
	display: inline-block;
	text-align: center;
	color: #444;
	border-radius:2px;
	border: 1px solid #cecece;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e1dddd));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#e1dddd);
  background-image: -moz-linear-gradient(top,#f5f5f5,#e1dddd);
  background-image: -ms-linear-gradient(top,#f5f5f5,#e1dddd);
  background-image: -o-linear-gradient(top,#f5f5f5,#e1dddd);
  background-image: linear-gradient(top,#f5f5f5,#e1dddd);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0 );
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: default;
		-webkit-transform:  translateZ(45px);
	-moz-transform:  translateZ(45px);
	-ms-transform:  translateZ(45px);
	transform:  translateZ(45px);
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, #6c6c6c 0 0.3em 0, rgba(0, 0, 0, 0.3) 0 0.5em 3px;
}
a[role="button"]:hover, button:hover, input[type="submit"]:hover, input[type="botton"]:hover, input[type="reset"]:hover {

background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f1f1f1', GradientType=0 );
}
a[role="button"]:active, button:active, input[type="submit"]:active, input[type="botton"]:active, input[type="reset"]:active {
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #eaeaea, #f1f1f1);
	background-image: -moz-linear-gradient(top, #eaeaea, #f1f1f1);
	background-image: -ms-linear-gradient(top, #eaeaea, #f1f1f1);
	background-image: -o-linear-gradient(top, #eaeaea, #f1f1f1);
	background-image: linear-gradient(top, #eaeaea, #f1f1f1);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f1f1f1', GradientType=0 );
 box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, #6c6c6c 0 0.1em 0, rgba(0, 0, 0, 0.3) 0 0.3em 3px;
 	margin-top: 0.1em;
}
a[role="button"]:visited, button:visited, input[type="submit"]:visited, input[type="botton"]:visited, input[type="reset"]:visited {
	color: #666;
}
.button-green {
	color: #fff !important;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.2) !important;
	border: 1px solid #73a115 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	background-color:#7ab501 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#84bb13), to(#618e04)) !important;
	background-image: -webkit-linear-gradient(top, #84bb13, #618e04) !important;
	background-image: -moz-linear-gradient(top, #84bb13, #618e04) !important;
	background-image: -ms-linear-gradient(top, #84bb13, #618e04) !important;
	background-image: -o-linear-gradient(top, #84bb13, #618e04) !important;
	background-image: linear-gradient(top, #84bb13, #618e04) !important;
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84bb13', endColorstr='#618e04', GradientType=0 ) !important;
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em , #4c6c0b 0 0.3em 0, rgba(0, 0, 0, 0.3) 0 0.5em 3px !important;

}
.button-green:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cd329), to(#7ab501)) !important;
	background-image: -webkit-linear-gradient(top, #9cd329, #7ab501) !important;
	background-image: -moz-linear-gradient(top, #9cd329, #7ab501) !important;
	background-image: -ms-linear-gradient(top, #9cd329, #7ab501) !important;
	background-image: -o-linear-gradient(top, #9cd329, #7ab501) !important;
	background-image: linear-gradient(top, #9cd329, #7ab501) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cd329', endColorstr='#7ab501', GradientType=0 ) !important;
}
.button-green:active {
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, #4c6c0b 0 0.1em 0, rgba(0, 0, 0, 0.3) 0 0.3em 3px !important;
}
.button-yellow {
	color: #fff !important;
	border: 1px solid #aa7818 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	background-color:#ff8c00!important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb700), to(#ff8c00)) !important;
	background-image:-webkit-linear-gradient(top, #ffb700, #ff8c00) !important;
	background-image:-moz-linear-gradient(top, #ffb700, #ff8c00) !important;
	background-image:-ms-linear-gradient(top, #ffb700, #ff8c00) !important;
	background-image:-o-linear-gradient(top, #ffb700, #ff8c00) !important;
	background-image:linear-gradient(to bottom, #ffb700, #ff8c00) !important;
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, #8e620e 0 0.3em 0, rgba(0, 0, 0, 0.2) 0 0.5em 3px !important;
	-webkit-transform:  translateZ(45px);
	-moz-transform:  translateZ(45px);
	-ms-transform:  translateZ(45px);
	transform:  translateZ(45px);
}
.button-yellow:hover {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffcb48), to(#ff9c23)) !important;
	background-image:-webkit-linear-gradient(top, #ffcb48, #ff9c23) !important;
	background-image:-moz-linear-gradient(top, #ffcb48, #ff9c23)!important;
	background-image:-ms-linear-gradient(top, #ffcb48, #ff9c23)!important;
	background-image:-o-linear-gradient(top, #ffcb48, #ff9c23)!important;
	background-image:linear-gradient(to bottom, #ffcb48, #ff9c23)!important;
}
.button-yellow:active {
	
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, #8e620e 0 0.1em 0, rgba(0, 0, 0, 0.2) 0 0.3em 3px !important;
}

.button-red {
	color: #fff !important;
	border: 1px solid #b73c5c !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	background-color:#ae2c4d!important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#da5477), to(#ae2c4d)) !important;
	background-image:-webkit-linear-gradient(top, #da5477, #ae2c4d) !important;
	background-image:-moz-linear-gradient(top, #da5477, #ae2c4d) !important;
	background-image:-ms-linear-gradient(top, #da5477, #ae2c4d) !important;
	background-image:-o-linear-gradient(top, #da5477, #ae2c4d) !important;
	background-image:linear-gradient(to bottom, #da5477, #ae2c4d) !important;
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, #8e1b39 0 0.3em 0, rgba(0, 0, 0, 0.2) 0 0.5em 3px !important;
	-webkit-transform:  translateZ(45px);
	-moz-transform:  translateZ(45px);
	-ms-transform:  translateZ(45px);
	transform:  translateZ(45px);
}
.button-red:hover {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#e7849e), to(#da5477)) !important;
	background-image:-webkit-linear-gradient(top, #e7849e, #da5477) !important;
	background-image:-moz-linear-gradient(top, #e7849e, #da5477)!important;
	background-image:-ms-linear-gradient(top, #e7849e, #da5477)!important;
	background-image:-o-linear-gradient(top, #e7849e, #da5477)!important;
	background-image:linear-gradient(to bottom, #e7849e, #da5477)!important;
}
.button-red:active {
	
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, #8e620e 0 0.1em 0, rgba(0, 0, 0, 0.2) 0 0.3em 3px !important;
}
.button-syan {
	color: #fff !important;
	border: 1px solid #57328f !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	background-color:#ae2c4d!important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8662be), to(#6e44b0)) !important;
	background-image:-webkit-linear-gradient(top, #8662be, #6e44b0) !important;
	background-image:-moz-linear-gradient(top, #8662be, #6e44b0) !important;
	background-image:-ms-linear-gradient(top, #8662be, #6e44b0) !important;
	background-image:-o-linear-gradient(top, #8662be, #6e44b0) !important;
	background-image:linear-gradient(to bottom, #8662be, #6e44b0) !important;
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, #432275 0 0.3em 0, rgba(0, 0, 0, 0.2) 0 0.5em 3px !important;
	-webkit-transform:  translateZ(45px);
	-moz-transform:  translateZ(45px);
	-ms-transform:  translateZ(45px);
	transform:  translateZ(45px);
}
.button-syan:hover {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#9c74db), to(#8662be)) !important;
	background-image:-webkit-linear-gradient(top, #9c74db, #8662be) !important;
	background-image:-moz-linear-gradient(top, #9c74db, #8662be)!important;
	background-image:-ms-linear-gradient(top, #9c74db, #8662be)!important;
	background-image:-o-linear-gradient(top, #9c74db, #8662be)!important;
	background-image:linear-gradient(to bottom, #9c74db, #8662be)!important;
}
.button-syan:active {
	
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, #8e620e 0 0.1em 0, rgba(0, 0, 0, 0.2) 0 0.3em 3px !important;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label{ margin-bottom:5px; display:block; padding:3px 0;}