/* Button ======================================================================*/
[class^="btn-"] { cursor: pointer; transition: all .5s; }

/* Index ======================================================================*/
.btn-bannerLight{ position: absolute; left: calc(50% - 40px); bottom: 25%; z-index: 3; display: inline-block; }
.btn-bannerLight:before{ position: absolute; display: inline-block; content: '\f144'; font-family: FontAwesome-Solid; color: #fff; font-size: 80px; transition: all .3s; }
.btn-bannerLight:hover:before{ color: #ddd; opacity: .5; }
@media only screen and (max-width: 480px){ .btn-bannerLight{ left: calc(50% - 23px); bottom: 16%; }
	.btn-bannerLight:before{ font-size: 46px; }
}


.btn-sliding { position: absolute; left: calc(50% - 25px); bottom: 15%; z-index: 3; }
.btn-sliding:before, .btn-sliding:after { position: absolute; display: inline-block; content: '\f107'; font-family: FontAwesome-Solid; color: #fff; font-size: 80px; }
.btn-sliding:hover { bottom: 14%; }
.btn-sliding:hover:after { top: -10px; opacity: .3; }

.btn-community-list { font-size: 20px; color: #fff; background: #676767; padding: 0 55px; font-weight: normal; }
.btn-community-list:after { position: absolute; right: 20px; font-family: FontAwesome-Solid; content: '\f105'; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.btn-community-list:hover { box-shadow: 0 0 10px #303030; }
.btn-community-list:hover:after { right: 15px; }

.btn-more { color: #fff; background: rgba(255, 64, 0, 0.74); font-weight: normal; font-size: 16px; padding: 10px 50px; position: relative; }
.btn-more:after { position: absolute; right: 20px; font-family: FontAwesome-Solid; content: '\f105'; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.btn-more:hover { background: #ff4000; }
.btn-more:hover:after { right: 15px; }

/* Distributor ================================================================*/
.btn-submit { width: 250px; color: #fff !important; background: #4c4c4c !important; border-radius: 5px; border-color: transparent !important; }
