/* shadows */
.f2-shadow {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
}
.f2-shadow_0 {
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.5);
}
.f2-shadow_1 {
  -webkit-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  -moz-box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
  box-shadow: 0 3px 5px 0 rgba(35, 31, 32, 0.5);
}
.f2-shadow_b {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.f2-shadow_c {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.f2-shadow_rt {
  margin-top: 30px;
  position: relative;
}
@media only screen and (max-width:720px) {
  .f2-shadow_rt.f2-shadow_rt:after {
    height: 6px;
    top: -6px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
  }
    .f2-shadow_rb.f2-shadow_rb:after {
    height: 6px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
  }
}

.f2-shadow_rb {
  position: relative;
}

@media only screen and (min-width:721px) {
  .f2-shadow_rb.f2-shadow_rb:after {
    height: 8px;
    background: radial-gradient(ellipse at 50% -10%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
  }
  .f2-shadow_rt.f2-shadow_rt:after {
    height: 8px;
    top: -8px;
    background: radial-gradient(ellipse at 50% 110%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
  }
}
.f2-shadow_rt:after,
.f2-shadow_rb:after {
  width: 100%;
  content: '';
  position: absolute;
}