/*==================    Buttons    ======================*/
.btn {
  display: inline-block;
  text-align: center;
  line-height: 1.2;
  border-radius: 24px;
  border: 1px solid;
  text-transform: uppercase;
  font-weight: 700;
}

.btn-default {
  color: #333;
  background: transparent;
  border-color: #333;
}
.btn-default:hover {
  color: #ffe807;
  background: transparent;
  border-color: #ffe807;
}
.btn-default:active {
  color: #ffe807;
  background: transparent;
  border-color: #ffe807;
}
.btn-default:hover, .btn-default:active {
  box-shadow: none;
}

.btn-primary {
  color: #333;
  background: #ffe807;
  border-color: #ffe807;
}
.btn-primary:hover {
  color: #FFF;
  background: #1abc9c;
  border-color: #1abc9c;
}
.btn-primary:active {
  color: #FFF;
  background: #1abc9c;
  border-color: #1abc9c;
}
.btn-primary:hover, .btn-primary:active {
  box-shadow: none;
}

.btn-secondary-1 {
  color: #FFF;
  background: #1abc9c;
  border-color: #1abc9c;
}
.btn-secondary-1:hover {
  color: #FFF;
  background: #333;
  border-color: #333;
}
.btn-secondary-1:active {
  color: #FFF;
  background: #333;
  border-color: #333;
}
.btn-secondary-1:hover, .btn-secondary-1:active {
  box-shadow: none;
}

.btn-pulsa-1 {
  color: #FFF;
  background: #1abc9c;
  border-color: #1abc9c;
}
.btn-pulsa-1:hover {
  color: #FFF;
  background: #333;
  border-color: #333;
}
.btn-pulsa-1:active {
  color: #FFF;
  background: #333;
  border-color: #333;
}
.btn-pulsa-1:hover, .btn-pulsa-1:active {
  box-shadow: none;
}

.btn-artikel-1 {
  color: #FFF;
  background: #1abc9c;
  border-color: #1abc9c;
}
.btn-artikel-1:hover {
  color: #FFF;
  background: #333;
  border-color: #333;
}
.btn-artikel-1:active {
  color: #FFF;
  background: #333;
  border-color: #333;
}
.btn-artikel-1:hover, .btn-artikel-1:active {
  box-shadow: none;
}

.btn-master-1 {
  color: #333;
  background: #ffe807;
  border-color: #ffe807;
}
.btn-master-1:hover {
  color: #FFF;
  background: #1abc9c;
  border-color: #1abc9c;
}
.btn-master-1:active {
  color: #FFF;
  background: #1abc9c;
  border-color: #1abc9c;
}
.btn-master-1:hover, .btn-master-1:active {
  box-shadow: none;
}

.btn-xs {
  padding: 7px;
  font-size: 14px;
}

.btn-sm {
  padding: 9px;
  font-size: 19px;
}

.btn-md {
  padding: 17px 52px;
  font-size: 14px;
  min-width: 195px;
}

.btn-lg {
  padding: 23px;
  font-size: 19px;
}

.btn-xl {
  padding: 30px;
  font-size: 25px;
}

.btn-group {
  margin-top: -10px;
  word-spacing: 10px;
}
.btn-group .btn {
  margin-top: 10px;
  word-spacing: normal;
}

/*==================     Icons     ======================*/
.icon {
  display: inline-block;
}

.icon-sm {
  text-align: center;
  font-size: 22px;
}

.icon--quote {
  width: 59px;
  height: 26px;
  position: relative;
}
.icon--quote:before {
  content: "";
  position: absolute;
  width: 43px;
  height: 30px;
  background: url("../images/q.png") no-repeat;
  left: 0px;
  top: -8px;
}

.icon-md {
  font-size: 73px;
  line-height: 54px;
}

.icon-md.material-icons-format_color_fill {
  font-size: 67px;
  line-height: 54px;
}

.icon-md.material-icons-format_paint {
  font-size: 68px;
  line-height: 54px;
}

.icon.material-icons-location_on {
  font-size: 44px;
  line-height: 26px;
}

.icon-lg {
  width: 70px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  font-size: 70px;
}

.icon-primary {
  color: #ffe807;
}

.icon-secondary-1 {
  color: #1abc9c;
}

a.icon-primary {
  transition: .3s all ease;
  box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.1);
}
a.icon-primary:hover {
  background: #ecd700;
  box-shadow: none;
}

.icon-default {
  opacity: .2;
}