#plan .plan a:after {
  -webkit-transition:opacity .2s ease,transform .2s ease;
  -moz-transition:opacity .2s ease,transform .2s ease;
  -ms-transition:opacity .2s ease,transform .2s ease;
  -o-transition:opacity .2s ease,transform .2s ease;
  transition:opacity .2s ease,transform .2s ease
}
#plan {
  text-align:center;
  box-shadow:0 5px 5px rgba(0,0,0,.1);
  border-bottom:3px solid #9a182e
}
#plan .plan-container {
  background:#fff;
  padding:5px 0 0
}
#plan .plans {
  display:flex;
  width:100%;
  overflow:hidden
}
#plan .plan {
  width:100%;
  flex-grow:1;
  position:relative;
  padding-top:20px;
  z-index:1;
  color:#9a182e
}
#plan .plan:after {
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:2px;
  right:-1px;
  background:#f5eaeb
}
#plan .plan:last-child:after {
  display:none
}
#plan .plan-icon {
  height:120px;
  position:relative
}
#plan .plan-icon img {
  display: block;
  margin: 0 auto;
  position: relative;
  width: auto !important;
  max-height: 108px;
}
#plan .plan a {
  display:block;
  padding:32px 15px;
  font-size:30px;
  line-height:36px;
  font-weight:700;
  color:#9a182e !important;
}
#plan .plan a:before {
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0
}
#plan .plan a:after {
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#f5eaeb;
  z-index:-1;
  opacity:0;
  -webkit-transform:translate3d(0,100%,0);
  -moz-transform:translate3d(0,100%,0);
  -ms-transform:translate3d(0,100%,0);
  -o-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0)
}
#plan .plan a:hover:after {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}
@media only screen and (max-width:1500px) {
  #plan .plan a {
    padding:0 15px 20px
  }
  #plan .plan-container {
    padding:30px 0 0
  }
  #plan .plan-icon img {
    max-width:100px;
    max-height:85px;
    width:auto
  }
  #plan .plan-icon {
    height:100px
  }
}
@media only screen and (max-width:1400px) {
  #plan .plan-title {
    margin-bottom:24px
  }
  #plan .plan a {
    padding:0 15px 15px;
    font-size:24px;
    line-height:30px
  }
  #plan .plan {
    padding-top:14px
  }
  #plan .plan-container {
    padding:24px 0 0
  }
  #plan .plan-icon img {
    max-width:85px;
    max-height:75px
  }
  #plan .plan-icon {
    height:85px
  }
}
@media only screen and (max-width:1200px) {
  #plan .plan-container {
    padding:40px 0 0;
    box-shadow:none;
    margin:0 -15px
  }
}
@media only screen and (max-width:1050px) {
  #plan .plan-container {
    padding:30px 0 0
  }
  #plan .plan-icon img {
    max-width:80px;
    max-height:70px
  }
  #plan .plan-icon {
    height:80px
  }
  #plan .plan a {
    font-size:25px;
    line-height:25px
  }
}
@media only screen and (max-width:750px) {
  #plan .plan {
    padding-top:10px
  }
  #plan .plan-icon img {
    max-width:60px;
    max-height:50px
  }
  #plan .plan-icon {
    height:60px
  }
  #plan .plan a {
    font-size:20px;
    line-height:20px;
    padding:0 5px 15px
  }
}
@media only screen and (max-width:550px) {
  #plan .plan {
    padding-top:0
  }
  #plan .plan a:after {
    display:none
  }
  #plan .plan-icon img {
    max-width:50px;
    max-height:40px
  }
  #plan .plan-icon {
    height:50px
  }
  #plan .plan a {
    padding:0 5px 15px;
    font-size:16px;
    line-height:14px
  }
}
@media only screen and (max-width:420px) {
  #plan .plan a {
    padding:0 0 15px;
    font-size:12px;
    line-height:14px
  }
}