/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 09 2022 | 07:41:34 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 29 2022 | 05:03:54 */
.f_container, .f_half, .f_tri, .f_quad {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  box-sizing: border-box;
  margin: 0 auto; }

p, span {
  margin	: 0;
  padding	: 0; }

a:hover {
  filter : brightness(1.5); }

.lgt_gr {
  font-weight	: bold;
  font-size	: 1.5rem;
  line-height	: 150%;
  color		: white;
  text-shadow	: #22ac38 1px 0 3px, #22ac38 1px 0 5px, #22ac38 1px 0 7px, #22ac38 1px 0 10px; }

.strong_bk, .strong_lgt_gr {
  font-weight	: bold;
  font-size	: 2rem;
  line-height	: 150%; }

.strong_lgt_gr {
  color		: white;
  text-shadow	: #22ac38 1px 0 3px, #22ac38 1px 0 5px, #22ac38 1px 0 7px, #22ac38 1px 0 10px; }

.centering {
  text-align: center; }

@media (min-width: 1025px) {
    .pc_none {
      display: none; } }

@media (max-width: 1024px) {
    .sp_none {
      display: none; } }

.f_container {
  width	: 100%;
  height	: auto; }

.f_half {
  position: relative;
  width: 48%;
  height: auto;
  align-content: flex-start;
  align-items: flex-start;
  padding: 1rem; }
  .f_half img {
    width: 100%;
    height: auto; }
  .f_half .frame {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0.5rem;
    border: solid 2px;
    border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
    border-image-slice: 1;
    border-radius: 3px 0 3px 0; }
    .f_half .frame:before, .f_half .frame:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border: solid 2px;
      border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
      border-image-slice: 1;
      margin: 5px; }
    .f_half .frame:after {
      top: -12px;
      left: -12px; }
    .f_half .frame:before {
      bottom: -12px;
      right: -12px; }
  @media (max-width: 1024px) {
  .f_half {
    width: 48%;
    height: auto; } }
  @media (max-width: 599px) {
  .f_half {
    width: 100%;
    height: auto; } }

.f_tri {
  position: relative;
  width: 18%;
  height: auto; }
  .f_tri img {
    width: 100%;
    height: auto; }
  .f_tri .frame {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0.5rem;
    border: solid 2px;
    border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
    border-image-slice: 1;
    border-radius: 3px 0 3px 0; }
    .f_tri .frame:before, .f_tri .frame:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border: solid 2px;
      border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
      border-image-slice: 1;
      margin: 5px; }
    .f_tri .frame:after {
      top: -12px;
      left: -12px; }
    .f_tri .frame:before {
      bottom: -12px;
      right: -12px; }
  @media (max-width: 1024px) {
  .f_tri {
    width: 22%;
    height: auto; } }
  @media (max-width: 599px) {
  .f_tri {
    width: 30%;
    height: auto; } }

.f_quad {
  position: relative;
  width: 23%;
  height: auto;
  align-content: flex-start;
  align-items: flex-start;
  text-align: left;
  max-height: none; }
  .f_quad img {
    width: 100%;
    height: auto; }
  .f_quad .frame {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0.5rem;
    border: solid 2px;
    border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
    border-image-slice: 1;
    border-radius: 3px 0 3px 0; }
    .f_quad .frame:before, .f_quad .frame:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border: solid 2px;
      border-image: linear-gradient(135deg, #eed13f, #d09a48, #f6e899, #dbbf4b, #f9d400);
      border-image-slice: 1;
      margin: 5px; }
    .f_quad .frame:after {
      top: -12px;
      left: -12px; }
    .f_quad .frame:before {
      bottom: -12px;
      right: -12px; }
  @media (max-width: 1024px) {
  .f_quad {
    width: 45%;
    height: auto; } }
  @media (max-width: 599px) {
  .f_quad {
    width: 45%;
    height: auto; } }

.red {
  color: red; }

.blue {
  color: blue; }

.link_icon {
  color			: green; }
  .link_icon:after {
    font-family	: "Font Awesome 5 Free";
    content		: "\f35d";
    font-weight	: 700; }

.tooltip {
  display			: inline-block;
  position		: relative;
  width			: 1.25rem;
  height			: 1.25rem;
  text-align		: center;
  line-height		: 1.25rem;
  margin			: 0 5px;
  background		: #ff3466;
  border-radius	: 50%;
  color			: white; }
  .tooltip:after, .tooltip:before {
    position	: absolute;
    content		: '';
    display: none; }
  .tooltip:before {
    border-width: 10px 8px 0 8px;
    border-style: solid;
    border-color: #ff3466 transparent transparent transparent;
    top			: -2rem;
    left		: 0;
    right		: 0;
    bottom		: 0;
    transform	: translateY(20px); }
  .tooltip:after {
    content		: attr(data-tooltip);
    background	: #ff3466;
    height		: auto;
    font-size	: 13px;
    text-align	: left;
    left		: -10px;
    bottom		: 3.25rem;
    padding		: 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    transform	: translateY(20px) translateX(-50%); }
    @media (min-width: 1025px) {
  .tooltip:after {
    width : 300px; } }
    @media (max-width: 1024px) {
  .tooltip:after {
    width : 160px; } }
  .tooltip:hover::before, .tooltip:hover::after {
    display: inline-block; }

@keyframes shake {
  0% {
    transform: rotate(2deg); }

  50% {
    transform: rotate(-3deg); }

  70% {
    transform: rotate(3deg); }

  100% {
    transform: rotate(0deg); } }

#anim:hover {
  animation: shake 500ms ease-in-out forwards; }

.h_grad_blue, .h_grad_green, .h_grad_purple, .h_grad_pink {
  font-weight: 400;
  padding: 1rem 3rem;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%); }
  .h_grad_blue:before, .h_grad_green:before, .h_grad_purple:before, .h_grad_pink:before, .h_grad_blue:after, .h_grad_green:after, .h_grad_purple:after, .h_grad_pink:after {
    content: inherit !important; }

.h_grad_green {
  background-image: -webkit-gradient(linear, 120deg, from(#d4fc79), to(#96e6a1));
  background-image: -webkit-linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
  background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }

.h_grad_purple {
  background-image: -webkit-gradient(linear, to top, from(#a18cd1), to(#fbc2eb));
  background-image: -webkit-linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
  background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%); }

.h_grad_pink {
  background-image: -webkit-gradient(linear, to top, from(#ff9a9e), to(#fecfef));
  background-image: -webkit-linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
  background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }