/* ***** BUTTON ***** */

.btn-row {
	position:relative;
	display:table;
	width:100%;
}
.btn-group {
	position:relative;
	display:table;
	clear:both;
	line-height:0;
}
.btn-group.full-width {
	width:100% !important;
}
.btn-group > .default-btn + .default-btn {
	margin-top:10px;
}

/* btn inline */
/*.btn-group.inline > .default-btn {
	float:left;
}*/
.btn-group.inline > .default-btn + .default-btn {
	margin-top:0;
	margin-left:10px;
}
.btn-group.inline > .default-btn.shadow + .default-btn.shadow {
	margin-left:15px;
}
.btn-group-connect.inline > .default-btn + .default-btn {
	margin-left:0 !important;
}

/* position btn */ 
.btn-group.center,
.btn-underline-group.center {
	text-align: center;
    margin: 0 auto;
}
.btn-group.left,
.btn-underline-group.left {
    float: left;
}
.btn-group.right,
.btn-underline-group.right {
    float: right;
}

.btn-group.has-label {
	line-height:30px;
}

/* --- default btn --- */

.default-btn {
	position:relative;
	display:inline-block;
	height:50px;
	width:auto;
	border-radius:25px;
	min-width:200px;
	max-width:100%;	
	font-size:15px;
	line-height:50px;
	font-weight:400;
	letter-spacing:0;
	text-align:center;
	margin:0;
	padding:0 30px;
	background:none;
	outline:none !important;
	cursor:pointer !important;
	/*overflow:hidden !important;*/
	box-shadow:none !important;
}
.default-btn.clear-btn {
	padding:0;
	line-height:inherit !important;
	height:auto !important;
	width:auto !important;
	min-height:0 !important;
	min-width:0 !important;
}
.zero-radius {
	border-radius:0 !important;
}

.default-btn.extra-min-radius {
	border-radius:5px !important;
}
.default-btn.left-extra-min-radius {
	border-top-left-radius:5px !important;
	border-bottom-left-radius:5px !important;
}
.default-btn.right-extra-min-radius {
	border-top-right-radius:5px !important;
	border-bottom-right-radius:5px !important;
}

.default-btn.min-radius {
	border-radius:10px !important;
}
.default-btn.left-min-radius {
	border-top-left-radius:10px !important;
	border-bottom-left-radius:10px !important;
}
.default-btn.right-min-radius {
	border-top-right-radius:10px !important;
	border-bottom-right-radius:10px !important;
}

.default-btn,
.default-btn:hover {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.default-btn span {
	position:relative;
}
.default-btn .icon {
	font-size:85%;
}
.default-btn .icon[ class*="ficon-" ] {
	font-size:120%;
	top:-1px;
}
.default-btn .icon + .text {
	margin-left:10px;
}
.default-btn .text + .icon {
	margin-left:10px;
}

/* btn width */
.default-btn.w-full {
	width: 100%;
}

/* btn mini */
.default-btn.btn-small {
    height: 30px;
    line-height: 29px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    min-width: 0;
    width: auto;
    color: rgba(50,50,50,1);
    background-color: rgba(50,50,50,0);
    border-radius: 15px;
    padding: 1px 20px 0 20px; 
}
default-btn.btn-small.extra-min-radius {
	border-radius:3px !important;
}
default-btn.btn-small.min-radius {
	border-radius:5px !important;
}

/* --- btn color --- */

/* btn outline */

.btn-outline {
	border-style:solid;
	border-width:1px;
	background:none !important;
	line-height:47px;
}

.outline-color-white,
.outline-color-white.none-hover:hover {
	background-color:rgba(255,255,255,0) !important;
	border-color:rgba(255,255,255,1) !important;
	color:rgba(255,255,255,1) !important;
}
.outline-color-white:hover {
	background-color:rgba(255,255,255,1) !important;
	color:rgba(50,50,50,1) !important;
}

.outline-color-gray,
.outline-color-gray.none-hover:hover {
	background-color:rgba(230,230,230,0) !important;
	border-color:rgba(210,210,210,1) !important;
	color:rgba(50,50,50,1) !important;
}
.outline-color-gray:hover {
	background-color:rgba(230,230,230,1) !important;
	border-color:rgba(230,230,230,1) !important;
	color:rgba(50,50,50,1) !important;
}

.outline-color-dark-gray,
.outline-color-dark-gray.none-hover:hover {
	background-color:rgba(168,168,168,0) !important;
	border-color:rgba(168,168,168,1) !important;
	color:rgba(50,50,50,1) !important;
}
.outline-color-dark-gray:hover {
	background-color:rgba(200,200,200,1) !important;
	border-color:rgba(168,168,168,1) !important;
	color:rgba(50,50,50,1) !important;
}

.outline-color-black,
.outline-color-black.none-hover:hover {
	background-color:rgba(0,0,0,0) !important;
	border-color:rgba(0,0,0,1) !important;
	color:rgba(0,0,0,1) !important;
}
.outline-color-black:hover {
	background-color:rgba(0,0,0,1) !important;
	color:rgba(255,255,255,1) !important;
}

.outline-color-gold,
.outline-color-gold.none-hover:hover {
	background-color:rgba(180,150,81,0) !important;
	border-color:rgba(180,150,81,1) !important;
	color:rgba(180,150,81,1) !important;
}
.outline-color-gold:hover {
	background-color:rgba(180,150,81,1) !important;
	color:rgba(255,255,255,1) !important;
}

.outline-color-red,
.outline-color-red.none-hover:hover {
	background-color:rgba(199,31,54,0) !important;
	border-color:rgba(199,31,54,1) !important;
	color:rgba(199,31,54,1) !important;
}
.outline-color-red:hover {
	background-color:rgba(199,31,54,1) !important;
	color:rgba(255,255,255,1) !important
}

/* btn fill */

.fill-color-white,
.fill-color-white.none-hover:hover {
	background-color:rgba(255,255,255,1) !important;
	color:rgba(67,75,82,1) !important;
}
.fill-color-white:hover {
	background-color:rgba(239,239,239,1) !important;
}

.fill-color-gray,
.fill-color-gray.none-hover:hover,
.fill-color-two-tone {
	background-color:rgba(230,230,230,1) !important;
	color:rgba(0,0,0,1) !important;
}
.fill-color-gray:hover {
	background-color:rgba(220,220,220,1) !important;
}

.fill-color-black,
.fill-color-black.none-hover:hover,
.fill-color-two-tone.black:hover {
	background-color:rgba(0,0,0,1) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-black:hover {
	background-color:rgba(32,32,32,1) !important;
}

.fill-color-gold,
.fill-color-gold.none-hover:hover {
	background-color:rgba(179,150,86,1) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-gold:hover {
	background-color:rgba(165,138,83,1) !important;
}

.fill-color-light-gold,
.fill-color-light-gold.none-hover:hover {
	background-color:rgba(180,150,81,0.2) !important;
	color:rgba(180,150,81,1) !important;
}
.fill-color-light-gold:hover,
.fill-color-two-tone.gold:hover {
	background-color:rgba(180,150,81,1) !important;
	color:rgba(255,255,255,1) !important;
}

.fill-color-red,
.fill-color-red.none-hover:hover {
	background-color:rgba(199,31,54,1) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-red:hover {
	background-color:rgba(212,22,48,1) !important;
}

/* shadow */

.default-btn.shadow:before {
	position:absolute;
	content:"";
}
.default-btn.shadow:before,
.default-btn.shadow:active:hover:before {
	width:calc( 100% + 8px );
	height:calc( 100% + 8px );
	top:-4px;
	left:-4px;
	border-radius:30px;
}
.default-btn.shadow:hover:before {
	width:calc( 100% + 12px );
	height:calc( 100% + 12px );
	top:-6px;
	left:-6px;
	border-radius:31px;
}
.default-btn.shadow:before,
.default-btn.shadow:hover:before {
	transition:all 0.08s ease, box-shadow 1s ease;
	-webkit-transition:all 0.08s ease, box-shadow 1s ease;
	-moz-transition:all 0.08s ease, box-shadow 1s ease;
	-ms-transition:all 0.08s ease, box-shadow 1s ease;
	-o-transition:all 0.08s ease, box-shadow 1s ease;
}

.default-btn.shadow[ class*="-color-white" ]:before {
	background-color:rgba(255,255,255,0.4) !important;
	box-shadow:0 0 10px rgba(255,255,255,0) !important;
}
.default-btn.shadow[ class*="-color-white" ]:hover:before {
	box-shadow:0 0 15px rgba(255,255,255,0.4) !important;
}

.default-btn.shadow[ class*="-color-gray" ]:before {
	background-color:rgba(230,230,230,0.5) !important;
	box-shadow:0 0 10px rgba(230,230,230,0) !important;
}
.default-btn.shadow[ class*="-color-gray" ]:hover:before {
	box-shadow:0 0 15px rgba(230,230,230,0.5) !important;
}

.default-btn.shadow[ class*="-color-black" ]:before {
	background-color:rgba(0,0,0,0.2) !important;
	box-shadow:0 0 10px rgba(0,0,0,0) !important;
}
.default-btn.shadow[ class*="-color-black" ]:hover:before {
	box-shadow:0 0 15px rgba(0,0,0,0.2) !important;
}

.default-btn.shadow[ class*="-color-gold" ]:before {
	background-color:rgba(180,150,81,0.4) !important;
	box-shadow:0 0 10px rgba(180,150,81,0) !important;
}
.default-btn.shadow[ class*="-color-gold" ]:hover:before {
	box-shadow:0 0 15px rgba(180,150,81,0.4) !important;
}

/* radius */
.default-btn.shadow.extra-min-radius:before {
	border-radius:9px !important;
}
.default-btn.shadow.left-extra-min-radius:before {
	border-top-left-radius:9px !important;
	border-bottom-left-radius:9px !important;
}
.default-btn.shadow.right-extra-min-radius:before {
	border-top-right-radius:9px !important;
	border-bottom-right-radius:9px !important;
}
.default-btn.shadow.min-radius:before {
	border-radius:14px !important;
}
.default-btn.shadow.left-min-radius:before {
	border-top-left-radius:14px !important;
	border-bottom-left-radius:14px !important;
}
.default-btn.shadow.right-min-radius:before {
	border-top-right-radius:14px !important;
	border-bottom-right-radius:14px !important;
}

/* --- btn group connect --- */

.btn-group-connect > .default-btn:first-child {
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
}
.btn-group-connect > .default-btn:last-child {
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
}

/* shadow */
.btn-group-connect > .default-btn.shadow:first-child:before,
.btn-group-connect > .default-btn.shadow:last-child:before {
	width: calc( 100% + 4px ) !important;
	height: calc( 100% + 8px ) !important;
	top:-4px !important;
}
.btn-group-connect > .default-btn.shadow:first-child:before {
	left:-4px !important;
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
}
.btn-group-connect > .default-btn.shadow:last-child:before {
	left:0 !important;
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
}


/* --- btn underline --- */

.btn-underline-group {
	position:relative;
	display:table;
	clear:both;
}
.btn-underline-group.spacing-10 > .btn-underline + .btn-underline {
	margin-left:10px;
}
.btn-underline-group.spacing-15 > .btn-underline + .btn-underline {
	margin-left:15px;
}
.btn-underline-group.spacing-20 > .btn-underline + .btn-underline {
	margin-left:20px;
}
.btn-underline-group.spacing-25 > .btn-underline + .btn-underline {
	margin-left:25px;
}
.btn-underline-group.spacing-30 > .btn-underline + .btn-underline {
	margin-left:30px;
}
.btn-underline {
	position:relative;
	cursor:pointer;
}
.btn-underline.text-upper {
	font-size:90%;
	font-weight:400;
	letter-spacing:1px;
}
a.btn-underline {
	display:inline-block;
}
.btn-underline.font-bold {
	letter-spacing:-0.15px;
}
button.btn-underline {
	background: none !important;
	border:none !important;
	margin:0;
	padding:0;
}
.under-hover:before,
.multi-under-hover:before,
.multi-under-hover:after {
	position:absolute;
	content:"";
	bottom:1px;
	left:0;
	height:1px;
	overflow:hidden;
}
.under-hover:before,
.multi-under-hover:before {
	width:0;
}
.under-hover.show-underline:before,
.under-hover:hover:before,
.multi-under-hover:hover:before,
.multi-under-hover:after,
.under-hover.active:before {
	width:100%;
}
.under-hover:before,
.multi-under-hover:before,
.textcolor-black .under-hover:before, .under-hover.textcolor-black:before,
.textcolor-black .multi-under-hover:before, .multi-under-hover.textcolor-black:before {
	background-color:rgba(10,10,10,1);
}
.multi-under-hover:after,
.textcolor-black .multi-under-hover:after, .multi-under-hover.textcolor-black:after {
	background-color:rgba(10,10,10,0.1);
}
.textcolor-red .multi-under-hover:before, .multi-under-hover.textcolor-red:before {
	background-color:rgba(225,6,19,1);
}

.under-hover,
.textcolor-black .under-hover, .under-hover.textcolor-black,
.textcolor-black .multi-under-hover, .multi-under-hover.textcolor-black {
	color:rgba(12,12,12,1) !important;
}
.textcolor-white .under-hover:before, .under-hover.textcolor-white:before,
.textcolor-white .multi-under-hover:before, .multi-under-hover.textcolor-white:before {
	background-color:rgba(255,255,255,1);
}
.textcolor-white .multi-under-hover:after, .multi-under-hover.textcolor-white:after {
	background-color:rgba(255,255,255,0.3);
}
.textcolor-white .under-hover, .under-hover.textcolor-white,
.textcolor-white .multi-under-hover, .multi-under-hover.textcolor-white {
	color:rgba(255,255,255,1) !important;
}
.under-hover:before,
.under-hover:hover:before,
.multi-under-hover:before,
.multi-under-hover:hover:before,
.multi-under-hover:after {
	transition:width 0.5s ease;
	-webkit-transition:width 0.5s ease;
	-moz-transition:width 0.5s ease;
}

/* label btn */
.btn-underline-group.has-label {}
.btn-underline-group.has-label > .label-btn {
	position:relative;
	font-weight:700;
	display:inline-block;
	float:left;
}
.btn-underline-group.has-label > .label-btn.has-colon {
	padding-right:20px;
	margin-right:20px;
}
.btn-underline-group.has-label > .label-btn.has-colon:before {
	position:absolute;
	right:-2px;
	content:":";
}