.btn-bg1 {
  background-color: #f44336;
}
.btn-border1 {
  border-color: #f44336 !important;
}
.btn-text-color1 {
  color: #f44336 !important;
}
.btn-bg2 {
  background-color: #d50000;
}
.btn-border2 {
  border-color: #d50000 !important;
}
.btn-text-color2 {
  color: #d50000 !important;
}
.btn-bg3 {
  background-color: #e91e63;
}
.btn-border3 {
  border-color: #e91e63 !important;
}
.btn-text-color3 {
  color: #e91e63 !important;
}
.btn-bg4 {
  background-color: #c51162;
}
.btn-border4 {
  border-color: #c51162 !important;
}
.btn-text-color4 {
  color: #c51162 !important;
}
.btn-bg5 {
  background-color: #880e4f;
}
.btn-border5 {
  border-color: #880e4f !important;
}
.btn-text-color5 {
  color: #880e4f !important;
}
.btn-bg6 {
  background-color: #aa00ff;
}
.btn-border6 {
  border-color: #aa00ff !important;
}
.btn-text-color6 {
  color: #aa00ff !important;
}
.btn-bg7 {
  background-color: #9c27b0;
}
.btn-border7 {
  border-color: #9c27b0 !important;
}
.btn-text-color7 {
  color: #9c27b0 !important;
}
.btn-bg8 {
  background-color: #4a148c;
}
.btn-border8 {
  border-color: #4a148c !important;
}
.btn-text-color8 {
  color: #4a148c !important;
}
.btn-bg9 {
  background-color: #2196f3;
}
.btn-border9 {
  border-color: #2196f3 !important;
}
.btn-text-color9 {
  color: #2196f3 !important;
}
.btn-bg10 {
  background-color: #0d47a1;
}
.btn-border10 {
  border-color: #0d47a1 !important;
}
.btn-text-color10 {
  color: #0d47a1 !important;
}
.btn-bg11 {
  background-color: #3f51b5;
}
.btn-border11 {
  border-color: #3f51b5 !important;
}
.btn-text-color11 {
  color: #3f51b5 !important;
}
.btn-bg12 {
  background-color: #4dd0e1;
}
.btn-border12 {
  border-color: #4dd0e1 !important;
}
.btn-text-color12 {
  color: #4dd0e1 !important;
}
.btn-bg13 {
  background-color: #009688;
}
.btn-border13 {
  border-color: #009688 !important;
}
.btn-text-color13 {
  color: #009688 !important;
}
.btn-bg14 {
  background-color: #0097a7;
}
.btn-border14 {
  border-color: #0097a7 !important;
}
.btn-text-color14 {
  color: #0097a7 !important;
}
.btn-bg15 {
  background-color: #4caf50;
}
.btn-border15 {
  border-color: #4caf50 !important;
}
.btn-text-color15 {
  color: #4caf50 !important;
}
.btn-bg16 {
  background-color: #558b2f;
}
.btn-border16 {
  border-color: #558b2f !important;
}
.btn-text-color16 {
  color: #558b2f !important;
}
.btn-bg17 {
  background-color: #1b5e20;
}
.btn-border17 {
  border-color: #1b5e20 !important;
}
.btn-text-color17 {
  color: #1b5e20 !important;
}
.btn-bg18 {
  background-color: #fbc02d;
}
.btn-border18 {
  border-color: #fbc02d !important;
}
.btn-text-color18 {
  color: #fbc02d !important;
}
.btn-bg19 {
  background-color: #f57f17;
}
.btn-border19 {
  border-color: #f57f17 !important;
}
.btn-text-color19 {
  color: #f57f17 !important;
}
.btn-bg20 {
  background-color: #e65100;
}
.btn-border20 {
  border-color: #e65100 !important;
}
.btn-text-color20 {
  color: #e65100 !important;
}
.btn-bg21 {
  background-color: #9e9e9e;
}
.btn-border21 {
  border-color: #9e9e9e !important;
}
.btn-text-color21 {
  color: #9e9e9e !important;
}
.btn-bg22 {
  background-color: #424242;
}
.btn-border22 {
  border-color: #424242 !important;
}
.btn-text-color22 {
  color: #424242 !important;
}
.btn-bg23 {
  background-color: #212121;
}
.btn-border23 {
  border-color: #212121 !important;
}
.btn-text-color23 {
  color: #212121 !important;
}
.btn-bg24 {
  background-color: #5d4037;
}
.btn-border24 {
  border-color: #5d4037 !important;
}
.btn-text-color24 {
  color: #5d4037 !important;
}
.page-bgcustom,
.page-btn-bgcustom {
  background: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
}
.page-bg1,
.page-btn-bg1 {
  background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}
.page-bg2,
.page-btn-bg2 {
  background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
}
.page-bg3,
.page-btn-bg3 {
  background-image: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);
}
.page-bg4,
.page-btn-bg4 {
  background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
}
.page-bg5,
.page-btn-bg5 {
  background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
}
.page-bg6,
.page-btn-bg6 {
  background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
}
.page-bg7,
.page-btn-bg7 {
  background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);
}
.page-bg8,
.page-btn-bg8 {
  background-image: linear-gradient(to top, #007adf 0%, #00ecbc 100%);
}
.page-bg9,
.page-btn-bg9 {
  background-image: linear-gradient(-225deg, #22e1ff 0%, #1d8fe1 48%, #625eb1 100%);
}
.page-bg10,
.page-btn-bg10 {
  background-image: linear-gradient(-225deg, #65379b 0%, #886aea 53%, #6457c6 100%);
}
.page-bg101 {
  background: url("/img/backgrounds/bg101.jpg?v1") center center / cover;
}
.page-btn-bg101 {
  background: url("/img/backgrounds/bg101c.jpg?v1") center center / cover;
}
@media screen and (max-device-width: 767px) {
  .page-bg101 {
    background: url("/img/backgrounds/bg101m.jpg?v1") center center / cover;
  }
  .page-btn-bg101 {
    background: url("/img/backgrounds/bg101mc.jpg?v1") center center / cover;
  }
}
.page-bg102 {
  background: url("/img/backgrounds/bg102.jpg?v1") center center / cover;
}
.page-btn-bg102 {
  background: url("/img/backgrounds/bg102c.jpg?v1") center center / cover;
}
@media screen and (max-device-width: 767px) {
  .page-bg102 {
    background: url("/img/backgrounds/bg102m.jpg?v1") center center / cover;
  }
  .page-btn-bg102 {
    background: url("/img/backgrounds/bg102mc.jpg?v1") center center / cover;
  }
}
.page-bg103 {
  background: url("/img/backgrounds/bg103.jpg?v1") center center / cover;
}
.page-btn-bg103 {
  background: url("/img/backgrounds/bg103c.jpg?v1") center center / cover;
}
@media screen and (max-device-width: 767px) {
  .page-bg103 {
    background: url("/img/backgrounds/bg103m.jpg?v1") center center / cover;
  }
  .page-btn-bg103 {
    background: url("/img/backgrounds/bg103mc.jpg?v1") center center / cover;
  }
}
.page-bg104 {
  background: url("/img/backgrounds/bg104.jpg?v1") center center / cover;
}
.page-btn-bg104 {
  background: url("/img/backgrounds/bg104c.jpg?v1") center center / cover;
}
@media screen and (max-device-width: 767px) {
  .page-bg104 {
    background: url("/img/backgrounds/bg104m.jpg?v1") center center / cover;
  }
  .page-btn-bg104 {
    background: url("/img/backgrounds/bg104mc.jpg?v1") center center / cover;
  }
}
.page-bg105 {
  background: url("/img/backgrounds/bg105.jpg?v1") center center / cover;
}
.page-btn-bg105 {
  background: url("/img/backgrounds/bg105c.jpg?v1") center center / cover;
}
@media screen and (max-device-width: 767px) {
  .page-bg105 {
    background: url("/img/backgrounds/bg105m.jpg?v1") center center / cover;
  }
  .page-btn-bg105 {
    background: url("/img/backgrounds/bg105mc.jpg?v1") center center / cover;
  }
}
.page-bg106 {
  background: url("/img/backgrounds/bg106.jpg?v1") center center / cover;
}
.page-btn-bg106 {
  background: url("/img/backgrounds/bg106c.jpg?v1") center center / cover;
}
@media screen and (max-device-width: 767px) {
  .page-bg106 {
    background: url("/img/backgrounds/bg106m.jpg?v1") center center / cover;
  }
  .page-btn-bg106 {
    background: url("/img/backgrounds/bg106mc.jpg?v1") center center / cover;
  }
}
.page-bg107 {
  background: url("/img/backgrounds/bg107.jpg?v1") center center / cover;
}
.page-btn-bg107 {
  background: url("/img/backgrounds/bg107c.jpg?v1") center center / cover;
}
@media screen and (max-device-width: 767px) {
  .page-bg107 {
    background: url("/img/backgrounds/bg107m.jpg?v1") center center / cover;
  }
  .page-btn-bg107 {
    background: url("/img/backgrounds/bg107mc.jpg?v1") center center / cover;
  }
}
.page-bg108 {
  background: url("/img/backgrounds/bg108.jpg?v1") center center / cover;
}
.page-btn-bg108 {
  background: url("/img/backgrounds/bg108c.jpg?v1") center center / cover;
}
@media screen and (max-device-width: 767px) {
  .page-bg108 {
    background: url("/img/backgrounds/bg108m.jpg?v1") center center / cover;
  }
  .page-btn-bg108 {
    background: url("/img/backgrounds/bg108mc.jpg?v1") center center / cover;
  }
}
.page-bg109 {
  background: url("/img/backgrounds/bg109.jpg?v1") center center / cover;
}
.page-btn-bg109 {
  background: url("/img/backgrounds/bg109c.jpg?v1") center center / cover;
}
@media screen and (max-device-width: 767px) {
  .page-bg109 {
    background: url("/img/backgrounds/bg109m.jpg?v1") center center / cover;
  }
  .page-btn-bg109 {
    background: url("/img/backgrounds/bg109mc.jpg?v1") center center / cover;
  }
}