/*-----------------------------------------------------------------------------------*/
/* Button
/*-----------------------------------------------------------------------------------*/
a.button,
input[type=submit],
button{
	font-size:13px;
	line-height: 1 !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	width: auto;
	padding:14px 20px 14px 20px;
	margin:0 5px 5px 0;
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	background: #fdc134;
	color:#0000;
	border: 1px solid #fdc134;
}

a.button:hover{
	background: #fdc134;
	color: #ffffff !important;
	border-color: #fdc134;
}

a.button.full{
	display: block;
	text-align: center;
	margin: 0 !important;
	padding: 20px;
	font-size: 16px;
	font-weight: 600;
	line-height:1.6;
	letter-spacing: normal;
	text-transform: none;
}

/* Button Appear Animation  /--------------------------------------------------------- */

a.button.button-appear{
  text-align: center;
  position: relative;
  background: #0D6;
  border: 1px solid #0D6;
  color: #FFF;
  overflow: hidden;
  transition: all 0.2s;
}

a.button.button-appear span{
  display: inline-block;
  position: relative;
  padding: 0 10px 0 10px;
  transition: padding 0.2s;
}

a.button.button-appear i{
 position: absolute;
  top: 50%;
  right: 0px;
  opacity: 0;
  margin-top: -7px !important;
  transition: opacity 0.2s, right 0.2s;
}

a.button.button-appear.small i{
	margin-top:-4px !important;
}

a.button.button-appear.large i{
	margin-top:-7px !important;
}

a.button.button-appear.full i{
	margin-top:-9px !important;
}

a.button.button-appear:hover span, a.button.button-appear:active span {
  padding: 0 20px 0 0px;
}

a.button.button-appear:hover i, a.button.button-appear:active i {
  transition: opacity 0.2s, right 0.2s;
  opacity: 1;
  border-color: #0C5;
  top: 50%;
  right: -10px;
}

a.button.button-appear.full:hover i, a.button.button-appear.full:active i {
  right: -20px;
}

a.button.color-6{
	background: #fdc134;
	color:#ffffff;
	border: 2px solid #fdc134;
}

a.button.color-6:hover{
	background: #333333;
	border-color:#333333;
	color: #ffffff;
}


/* Style 8 /--------------------------------------------------------- */

.iconbox-style-8{
	text-align: center;
	background: #f9f9f9;
	padding: 30px;
	border-radius: 4px;
}

.iconbox-style-8 i.boxicon{
	font-size:56px;
	line-height: 1;
	text-align: center;
	display: block;
	margin: 20px auto 20px auto;
	color: #999999;
}

.iconbox-style-8 .iconimg{
	margin: 10px auto 20px 0;
}




.fontweight-inherit{ font-weight: 400;}
.fontweight-300{ font-weight: 300;}
.fontweight-400{ font-weight: 400;}
.fontweight-500{ font-weight: 500;}
.fontweight-600{ font-weight: 600;}
.fontweight-700{ font-weight: 700;}
.fontweight-800{ font-weight: 800;}
.fontweight-900{ font-weight: 900;}

.fontsize-inherit{ font-size: inherit; }
.fontsize-xs{ font-size: 14px; }
.fontsize-s{ font-size: 16px; }
.fontsize-m{ font-size: 20px; }
.fontsize-l{ font-size: 24px; }
.fontsize-xl{ font-size: 28px; }
.fontsize-xxl{ font-size: 34px; }
.fontsize-xxxl{ font-size: 42px; }
.fontsize-xxxxl{ font-size: 52px; }
.fontsize-xxxxxl{ font-size: 60px; }
.superlarge{ font-size: 100px; }

.transform-inherit{ text-transform: inherit; }
.transform-uppercase{ text-transform: uppercase; }

.align-left{ text-align: left; }
.align-center{ text-align: center; }
.align-right{ text-align: right; }