/*maker*/

/*color*/
.marker-y {
  background-image: -webkit-linear-gradient(88.4deg, #f8eba9, #f8eba9 36%, transparent 30.1%, transparent);
  background-image: linear-gradient(1.6deg, #f8eba9, #f8eba9 36%, transparent 30.1%, transparent);
}

.marker-p {
  background-image: -webkit-linear-gradient(88.4deg, #ffc7f6, #ffc7f6 36%, transparent 30.1%, transparent);
  background-image: linear-gradient(1.6deg, #ffc7f6, #ffc7f6 36%, transparent 30.1%, transparent);
}

.marker-w {
  background-image: -webkit-linear-gradient(88.4deg, #abeffe, #abeffe 36%, transparent 30.1%, transparent);
  background-image: linear-gradient(1.6deg, #abeffe, #abeffe 36%, transparent 30.1%, transparent);
}

.marker-g {
  background-image: -webkit-linear-gradient(88.4deg, #afffb1, #afffb1 36%, transparent 30.1%, transparent);
  background-image: linear-gradient(1.6deg, #afffb1, #afffb1 36%, transparent 30.1%, transparent);
}

.f-marker-y {
  background-image: -webkit-linear-gradient(transparent 80%, #f8eba9 80%);
  background-image: linear-gradient(transparent 80%, #f8eba9 80%);
}

.f-marker-p {
  background-image: -webkit-linear-gradient(transparent 80%, #ffc7f6 80%);
  background-image: linear-gradient(transparent 80%, #ffc7f6 80%);
}

.f-marker-w {
  background-image: -webkit-linear-gradient(transparent 80%, #abeffe 80%);
  background-image: linear-gradient(transparent 80%, #abeffe 80%);
}

.f-marker-g {
  background-image: -webkit-linear-gradient(transparent 80%, #afffb1 80%);
  background-image: linear-gradient(transparent 80%, #afffb1 80%);
}


/*link-button*/
/*green*/
.link-button-green{
  text-align:center;
  padding-bottom:20px;
}
.link-button-green a{
  background:#5ace5f;
  border-radius:5px;
  color:#fff !important;
  text-align:center;
  border-bottom:5px solid #38bd3e;
  padding:12px 32px;
  text-decoration:none;
}
.link-button-green a i{
  margin-right:10px;
}
.link-button-green a:hover{
  opacity:0.7;
}
@media only screen and (max-width: 767px) {
  .link-button-green a{
    width:100%;
    display:block;
  }
}

/*orange*/
.link-button-orange{
  text-align:center;
  padding-bottom:20px;
}
.link-button-orange a{
  background:#ec6a12;
  border-radius:5px;
  color:#fff !important;
  text-align:center;
  border-bottom:5px solid #d45f10;
  padding:12px 32px;
  text-decoration:none;
}
.link-button-orange a i{
  margin-right:10px;
}
.link-button-orange a:hover{
  opacity:0.7;
}
@media only screen and (max-width: 767px) {
  .link-button-orange a{
    width:100%;
    display:block;
  }
}
