@import url(bootstrap.min.css);
@import url(rrssb.css);
@import url(font-awesome/css/font-awesome.min.css);
html {
  font-size: 62.5%; }

.enlarge_1 {
  font-size: 70% !important; }

.enlarge_2 {
  font-size: 80% !important; }

.enlarge_3 {
  font-size: 90% !important; }

.reduce_1 {
  font-size: 50% !important; }

.reduce_2 {
  font-size: 40% !important; }

.reduce_3 {
  font-size: 30% !important; }

header {
  position: fixed;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 500; }
  header #header_upper {
    background-color: #00A2AF; }
    @media (min-width: 768px) {
      header #header_upper {
        height: 66px; } }
    @media (max-width: 767px) {
      header #header_upper {
        height: 43px; } }
    @media (min-width: 768px) {
      header #header_upper #header_upper_inner {
        right: 0;
        height: 66px;
        position: absolute; } }
    @media (max-width: 767px) {
      header #header_upper #header_upper_inner {
        top: 117px;
        width: 100vw;
        background-color: #00A2AF;
        left: 50%;
        transform: translateX(-50%);
        position: fixed;
        padding-top: 121px;
        opacity: 0;
        display: none; } }
    header #header_upper .header_upper_item {
      position: relative; }
      @media (min-width: 768px) {
        header #header_upper .header_upper_item {
          float: left;
          top: 50%;
          transform: translateY(-50%);
          margin-left: 20px; } }
      @media (max-width: 767px) {
        header #header_upper .header_upper_item {
          padding-bottom: 20px;
          padding-left: 30px; } }
      header #header_upper .header_upper_item a {
        display: inline-block; }
        @media (min-width: 1640px) {
          header #header_upper .header_upper_item a {
            font-family: gotham, sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 2.5rem;
            color: #000000;
            line-height: 4.4rem;
            padding: 0px 10px; } }
        @media (max-width: 1639px) and (min-width: 1440px) {
          header #header_upper .header_upper_item a {
            font-family: gotham, sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 2.5rem;
            color: #000000;
            line-height: 4.4rem;
            padding: 0px 10px; } }
        @media (max-width: 1439px) and (min-width: 1201px) {
          header #header_upper .header_upper_item a {
            font-family: gotham, sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 2.5rem;
            color: #000000;
            line-height: 4.4rem;
            padding: 0px 10px; } }
        @media (max-width: 1200px) and (min-width: 992px) {
          header #header_upper .header_upper_item a {
            font-family: gotham, sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 2.5rem;
            color: #000000;
            line-height: 4.4rem;
            padding: 0px 10px; } }
        @media (max-width: 991px) and (min-width: 768px) {
          header #header_upper .header_upper_item a {
            font-family: gotham, sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 2.5rem;
            color: #000000;
            line-height: 4.4rem;
            padding: 0px 10px; } }
        @media (max-width: 767px) {
          header #header_upper .header_upper_item a {
            font-family: gotham, sans-serif;
            font-weight: 800;
            font-style: normal;
            font-size: 2.5rem;
            color: #000000;
            line-height: 3.0rem; } }
      @media (min-width: 768px) {
        header #header_upper .header_upper_item a:before {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          border: 2px solid #DFE340;
          z-index: 1;
          pointer-events: none;
          content: '';
          opacity: 0;
          transition: .5s; } }
      header #header_upper .header_upper_item a:hover {
        text-decoration: none; }
      header #header_upper .header_upper_item a:hover:before {
        opacity: 1; }
    @media (min-width: 768px) {
      header #header_upper #login a {
        padding-left: 55px; } }
    @media (min-width: 768px) {
      header #header_upper #login:after {
        content: '';
        width: 29px;
        height: 29px;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: url("../images/account_out.svg") center center no-repeat;
        position: absolute;
        z-index: 1; } }
    @media (min-width: 768px) {
      header #header_upper #login:before {
        content: '';
        width: 29px;
        height: 29px;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: url("../images/account_in.svg") center center no-repeat;
        position: absolute;
        z-index: 2;
        transition: .5s;
        opacity: 0; } }
    header #header_upper #login:hover:before {
      opacity: 1; }
  header #header_lower {
    background-color: #ffffff; }
    @media (min-width: 768px) {
      header #header_lower {
        height: 84px; } }
    @media (max-width: 767px) {
      header #header_lower {
        height: 74px; } }
    header #header_lower .container, header #header_lower .row, header #header_lower .col-12 {
      height: 100%; }
    header #header_lower #header_logo {
      display: inline-block;
      position: relative;
      top: 50%; }
      @media (min-width: 768px) {
        header #header_lower #header_logo {
          transform: translateY(-50%); } }
      @media (max-width: 767px) {
        header #header_lower #header_logo {
          transform: translate(-50%, -50%);
          left: 50%; } }
      @media (max-width: 767px) {
        header #header_lower #header_logo svg {
          width: auto;
          height: 20px; } }
    @media (min-width: 768px) {
      header #header_lower #header_lower_inner {
        right: 15px;
        position: absolute; } }
    @media (max-width: 767px) {
      header #header_lower #header_lower_inner {
        top: 137px;
        position: fixed;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        display: none; } }
    header #header_lower .header_lower_item {
      position: relative; }
      @media (min-width: 768px) {
        header #header_lower .header_lower_item {
          top: 50%;
          transform: translateY(-50%);
          margin-top: 4px;
          padding-left: 55px;
          float: left; } }
      @media (max-width: 767px) {
        header #header_lower .header_lower_item {
          padding-bottom: 20px;
          padding-left: 30px; } }
      header #header_lower .header_lower_item a {
        display: inline-block;
        position: relative; }
        @media (min-width: 1640px) {
          header #header_lower .header_lower_item a {
            font-family: gotham, sans-serif;
            font-weight: 800;
            font-style: normal;
            font-size: 2.5rem;
            color: #626466;
            line-height: 3.5rem; } }
        @media (max-width: 1639px) and (min-width: 1440px) {
          header #header_lower .header_lower_item a {
            font-family: gotham, sans-serif;
            font-weight: 800;
            font-style: normal;
            font-size: 2.5rem;
            color: #626466;
            line-height: 3.5rem; } }
        @media (max-width: 1439px) and (min-width: 1201px) {
          header #header_lower .header_lower_item a {
            font-family: gotham, sans-serif;
            font-weight: 800;
            font-style: normal;
            font-size: 2.5rem;
            color: #626466;
            line-height: 3.5rem; } }
        @media (max-width: 1200px) and (min-width: 992px) {
          header #header_lower .header_lower_item a {
            font-family: gotham, sans-serif;
            font-weight: 800;
            font-style: normal;
            font-size: 2.5rem;
            color: #626466;
            line-height: 3.5rem; } }
        @media (max-width: 991px) and (min-width: 768px) {
          header #header_lower .header_lower_item a {
            font-family: gotham, sans-serif;
            font-weight: 800;
            font-style: normal;
            font-size: 2.5rem;
            color: #626466;
            line-height: 3.5rem; } }
        @media (max-width: 767px) {
          header #header_lower .header_lower_item a {
            font-family: gotham, sans-serif;
            font-weight: 800;
            font-style: normal;
            font-size: 2.5rem;
            color: #000000;
            line-height: 3.0rem; } }
      @media (min-width: 768px) {
        header #header_lower .header_lower_item a:before {
          content: '';
          background-color: #00A2AF;
          height: 4px;
          width: 100%;
          position: absolute;
          bottom: -5px;
          left: 0px;
          transform-origin: 0px 50%;
          transform: scaleX(0%);
          transition: .5s; } }
      @media (min-width: 768px) {
        header #header_lower .header_lower_item a:hover {
          text-decoration: none; } }
      @media (min-width: 768px) {
        header #header_lower .header_lower_item a:hover:before {
          transform: scaleX(100%); } }
  @media (min-width: 768px) {
    header #mobile_menu {
      display: none; } }
  @media (max-width: 767px) {
    header #mobile_menu {
      height: 44px;
      width: 44px;
      position: absolute;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2221.429%22%20viewBox%3D%220%200%2030%2021.429%22%3E%3Cg%20id%3D%22menu%22%20transform%3D%22translate%28-28.8%20-48%29%22%3E%3Cpath%20id%3D%22Path_65%22%20data-name%3D%22Path%2065%22%20d%3D%22M57.514%2C56.571H30.086c-1.183%2C0-1.286.958-1.286%2C2.143s.1%2C2.143%2C1.286%2C2.143H57.514c1.183%2C0%2C1.286-.958%2C1.286-2.143S58.7%2C56.571%2C57.514%2C56.571Zm0%2C8.571H30.086c-1.183%2C0-1.286.958-1.286%2C2.143s.1%2C2.143%2C1.286%2C2.143H57.514c1.183%2C0%2C1.286-.958%2C1.286-2.143S58.7%2C65.143%2C57.514%2C65.143ZM30.086%2C52.286H57.514c1.183%2C0%2C1.286-.958%2C1.286-2.143S58.7%2C48%2C57.514%2C48H30.086c-1.183%2C0-1.286.958-1.286%2C2.143S28.9%2C52.286%2C30.086%2C52.286Z%22%20transform%3D%22translate%280%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
      background-size: 30px 21px;
      background-repeat: no-repeat;
      background-position: center center;
      top: 50%;
      transform: translateY(-50%); } }
  header #mobile_menu:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Component_23_1%22%20data-name%3D%22Component%2023%20%E2%80%93%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%3E%3Cg%20id%3D%22Rectangle_60%22%20data-name%3D%22Rectangle%2060%22%20fill%3D%22none%22%20stroke%3D%22%23dfe340%22%20stroke-width%3D%222.5%22%3E%3Crect%20width%3D%2244%22%20height%3D%2244%22%20stroke%3D%22none%22%2F%3E%3Crect%20x%3D%221.25%22%20y%3D%221.25%22%20width%3D%2241.5%22%20height%3D%2241.5%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22close_outline%22%20transform%3D%22translate%28-24.973%20-22.11%29%22%3E%3Cpath%20id%3D%22Path_68%22%20data-name%3D%22Path%2068%22%20d%3D%22M48.106%2C45.114l7.87-9.381a.238.238%2C0%2C0%2C0-.183-.393H53.4a.488.488%2C0%2C0%2C0-.369.171l-6.491%2C7.738L40.05%2C35.511a.479.479%2C0%2C0%2C0-.369-.171H37.289a.238.238%2C0%2C0%2C0-.183.393l7.87%2C9.381L37.106%2C54.5a.238.238%2C0%2C0%2C0%2C.183.393h2.393a.488.488%2C0%2C0%2C0%2C.369-.171l6.491-7.738%2C6.491%2C7.738a.479.479%2C0%2C0%2C0%2C.369.171h2.393a.238.238%2C0%2C0%2C0%2C.183-.393Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    display: none; }

.mobile_open #mobile_menu:after {
  display: block; }
.mobile_open #header_lower_inner, .mobile_open #header_upper_inner {
  display: block !important;
  opacity: 1 !important; }

@media (min-width: 768px) {
  header:after {
    content: '';
    background: url("../images/header_bottom.svg") top left no-repeat;
    background-size: 100% 100%;
    width: 100%;
    left: 0px;
    bottom: -16px;
    height: 30px;
    position: absolute; } }

@media (min-width: 768px) {
  #page_wrapper {
    padding-top: 150px; } }
@media (max-width: 767px) {
  #page_wrapper {
    padding-top: 117px; } }

#hp_wrapper {
  overflow: hidden; }

#breadcrumbs {
  position: relative; }
  @media (min-width: 1640px) {
    #breadcrumbs #breadcrumb_links {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      color: #626466;
      line-height: 3.6rem;
      padding-right: 175px;
      margin-bottom: 30px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #breadcrumbs #breadcrumb_links {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      color: #626466;
      line-height: 3.6rem;
      padding-right: 175px;
      margin-bottom: 30px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #breadcrumbs #breadcrumb_links {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      color: #626466;
      line-height: 3.6rem;
      padding-right: 175px;
      margin-bottom: 30px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #breadcrumbs #breadcrumb_links {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      color: #626466;
      line-height: 3.6rem;
      padding-right: 175px;
      margin-bottom: 30px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #breadcrumbs #breadcrumb_links {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.5rem;
      color: #626466;
      line-height: 3.6rem;
      padding-right: 175px;
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    #breadcrumbs #breadcrumb_links {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.4rem;
      color: #626466;
      line-height: 3.0rem;
      margin-bottom: 45px; } }
  #breadcrumbs #breadcrumb_links a {
    color: #00A2AF; }
  #breadcrumbs #breadcrumb_links .last {
    font-weight: 700 !important; }
  @media (min-width: 768px) {
    #breadcrumbs #print_share_area {
      position: absolute;
      right: 15px;
      top: 18px; } }
  @media (max-width: 767px) {
    #breadcrumbs #print_share_area {
      position: absolute;
      right: 15px;
      top: 45px; } }
  @media (min-width: 768px) {
    #breadcrumbs #print_share_area .page_ctrl_btn {
      float: left;
      margin-left: 8px;
      position: relative;
      transform: translateY(-50%);
      top: 50%; } }
  @media (max-width: 767px) {
    #breadcrumbs #print_share_area .page_ctrl_btn {
      float: left;
      margin-left: 0px;
      position: relative;
      transform: translateY(-50%) scale(0.7);
      top: 50%; } }
  #breadcrumbs .sep {
    padding: 0px 1px; }

#share_area {
  margin-bottom: 30px;
  display: none; }

.share_open {
  display: block !important; }

@media (min-width: 768px) {
  #internal_page {
    padding-top: 40px; } }
@media (max-width: 767px) {
  #internal_page {
    padding-top: 15px; } }
#internal_page h1 {
  text-transform: uppercase; }
  @media (min-width: 1640px) {
    #internal_page h1 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 3.4rem;
      color: #00A2AF;
      line-height: 3.5rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #internal_page h1 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 3.4rem;
      color: #00A2AF;
      line-height: 3.5rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #internal_page h1 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 3.4rem;
      color: #00A2AF;
      line-height: 3.5rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #internal_page h1 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 3.4rem;
      color: #00A2AF;
      line-height: 3.5rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #internal_page h1 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 3.4rem;
      color: #00A2AF;
      line-height: 3.5rem; } }
  @media (max-width: 767px) {
    #internal_page h1 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 2rem;
      color: #00A2AF;
      line-height: 2.2rem; } }
#internal_page h2 {
  text-transform: uppercase; }
  @media (min-width: 1640px) {
    #internal_page h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.4rem;
      color: #00A2AF;
      line-height: 2.5rem;
      margin-top: 50px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #internal_page h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.4rem;
      color: #00A2AF;
      line-height: 2.5rem;
      margin-top: 50px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #internal_page h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.4rem;
      color: #00A2AF;
      line-height: 2.5rem;
      margin-top: 50px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #internal_page h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.4rem;
      color: #00A2AF;
      line-height: 2.5rem;
      margin-top: 50px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #internal_page h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.4rem;
      color: #00A2AF;
      line-height: 2.5rem;
      margin-top: 50px; } }
  @media (max-width: 767px) {
    #internal_page h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.4rem;
      color: #00A2AF;
      line-height: 2.5rem;
      margin-top: 50px; } }
#internal_page h3 {
  text-transform: uppercase; }
  @media (min-width: 1640px) {
    #internal_page h3 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.3rem;
      margin-top: 40px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #internal_page h3 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.3rem;
      margin-top: 40px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #internal_page h3 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.3rem;
      margin-top: 40px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #internal_page h3 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.3rem;
      margin-top: 40px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #internal_page h3 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.3rem;
      margin-top: 40px; } }
  @media (max-width: 767px) {
    #internal_page h3 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.3rem;
      margin-top: 40px; } }
#internal_page h4 {
  text-transform: uppercase; }
  @media (min-width: 1640px) {
    #internal_page h4 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 2rem;
      color: #00A2AF;
      line-height: 2.1rem;
      margin-top: 30px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #internal_page h4 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 2rem;
      color: #00A2AF;
      line-height: 2.1rem;
      margin-top: 30px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #internal_page h4 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 2rem;
      color: #00A2AF;
      line-height: 2.1rem;
      margin-top: 30px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #internal_page h4 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 2rem;
      color: #00A2AF;
      line-height: 2.1rem;
      margin-top: 30px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #internal_page h4 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 2rem;
      color: #00A2AF;
      line-height: 2.1rem;
      margin-top: 30px; } }
  @media (max-width: 767px) {
    #internal_page h4 {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 2rem;
      color: #00A2AF;
      line-height: 2.1rem;
      margin-top: 30px; } }
@media (min-width: 1640px) {
  #internal_page #page_content {
    margin-bottom: 40px; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #internal_page #page_content {
    margin-bottom: 40px; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #internal_page #page_content {
    margin-bottom: 40px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #internal_page #page_content {
    margin-bottom: 40px; } }
@media (max-width: 991px) and (min-width: 768px) {
  #internal_page #page_content {
    margin-bottom: 40px; } }
@media (max-width: 767px) {
  #internal_page #page_content {
    margin-bottom: 40px; } }
#internal_page #page_content a {
  color: #00A2AF;
  text-decoration: underline; }
@media (min-width: 1640px) {
  #internal_page #page_copy, #internal_page #page_copy2 {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #internal_page #page_copy, #internal_page #page_copy2 {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #internal_page #page_copy, #internal_page #page_copy2 {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #internal_page #page_copy, #internal_page #page_copy2 {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
@media (max-width: 991px) and (min-width: 768px) {
  #internal_page #page_copy, #internal_page #page_copy2 {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
@media (max-width: 767px) {
  #internal_page #page_copy, #internal_page #page_copy2 {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
#internal_page #co_info {
  margin: 15px 0px 25px 0px; }
#internal_page #opp_info {
  margin: 5px 0px 20px 0px; }
#internal_page #opp_req {
  margin: 5px 0px 20px 0px; }
@media (min-width: 1640px) {
  #internal_page .co_info, #internal_page .opp_type span, #internal_page .opp_req_item span {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #internal_page .co_info, #internal_page .opp_type span, #internal_page .opp_req_item span {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    color: #626466;
    line-height: 2.4rem; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #internal_page .co_info, #internal_page .opp_type span, #internal_page .opp_req_item span {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    color: #626466;
    line-height: 2.4rem; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #internal_page .co_info, #internal_page .opp_type span, #internal_page .opp_req_item span {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    color: #626466;
    line-height: 2.4rem; } }
@media (max-width: 991px) and (min-width: 768px) {
  #internal_page .co_info, #internal_page .opp_type span, #internal_page .opp_req_item span {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    color: #626466;
    line-height: 2.4rem; } }
@media (max-width: 767px) {
  #internal_page .co_info, #internal_page .opp_type span, #internal_page .opp_req_item span {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
    color: #626466;
    line-height: 2.0rem; } }
@media (min-width: 1640px) {
  #internal_page #opp_desc, #internal_page .opp_type, #internal_page .opp_req_item {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #internal_page #opp_desc, #internal_page .opp_type, #internal_page .opp_req_item {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #internal_page #opp_desc, #internal_page .opp_type, #internal_page .opp_req_item {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #internal_page #opp_desc, #internal_page .opp_type, #internal_page .opp_req_item {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem; } }
@media (max-width: 991px) and (min-width: 768px) {
  #internal_page #opp_desc, #internal_page .opp_type, #internal_page .opp_req_item {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem; } }
@media (max-width: 767px) {
  #internal_page #opp_desc, #internal_page .opp_type, #internal_page .opp_req_item {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #626466;
    line-height: 1.9rem; } }
#internal_page #opp_desc a, #internal_page .opp_type a, #internal_page .opp_req_item a {
  color: #00A2AF;
  text-decoration: underline; }
#internal_page #page_login {
  margin-top: 40px; }
#internal_page ol li[data-list="bullet"] {
  list-style: disc; }

#opp_index_title {
  margin-bottom: 30px;
  margin-top: 60px; }
  #opp_index_title .section_title_one {
    text-transform: uppercase; }
    @media (min-width: 1640px) {
      #opp_index_title .section_title_one {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 6rem;
        color: #000000;
        line-height: 7.2rem; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #opp_index_title .section_title_one {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 3.4rem;
        color: #00A2AF;
        line-height: 3.5rem; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #opp_index_title .section_title_one {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 3.4rem;
        color: #00A2AF;
        line-height: 3.5rem; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #opp_index_title .section_title_one {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 3.4rem;
        color: #00A2AF;
        line-height: 3.5rem; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #opp_index_title .section_title_one {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 3.4rem;
        color: #00A2AF;
        line-height: 3.5rem; } }
    @media (max-width: 767px) {
      #opp_index_title .section_title_one {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 3.4rem;
        color: #00A2AF;
        line-height: 3.5rem; } }
  #opp_index_title .section_title_two {
    text-transform: uppercase; }
    @media (min-width: 1640px) {
      #opp_index_title .section_title_two {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 6rem;
        color: #00A2AF;
        line-height: 7.2rem; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #opp_index_title .section_title_two {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 2.5rem;
        color: #626466;
        line-height: 3.5rem; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #opp_index_title .section_title_two {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 2.5rem;
        color: #626466;
        line-height: 3.5rem; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #opp_index_title .section_title_two {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 2.5rem;
        color: #626466;
        line-height: 3.5rem; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #opp_index_title .section_title_two {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 2.5rem;
        color: #626466;
        line-height: 3.5rem; } }
    @media (max-width: 767px) {
      #opp_index_title .section_title_two {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 2.5rem;
        color: #626466;
        line-height: 3.5rem; } }

#opp_index {
  background-color: #CBCDCE;
  padding: 85px 0px; }
  #opp_index .opp_item {
    padding: 25px;
    position: relative; }
    #opp_index .opp_item .opp_item_inner {
      background-color: #ffffff;
      box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
      -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
      position: relative;
      z-index: 2;
      padding: 60px 25px 140px 25px;
      text-align: center; }
  #opp_index .opp_item:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    background-color: #00A2AF;
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
    width: 50%;
    z-index: 1; }
  #opp_index .opp_item_btn {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%); }
  #opp_index .opp_item_title {
    text-transform: uppercase; }
    @media (min-width: 1640px) {
      #opp_index .opp_item_title {
        font-family: gotham, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.2rem;
        color: #000000;
        line-height: 2.6rem;
        margin-bottom: 20px; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #opp_index .opp_item_title {
        font-family: gotham, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.2rem;
        color: #000000;
        line-height: 2.6rem;
        margin-bottom: 20px; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #opp_index .opp_item_title {
        font-family: gotham, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.2rem;
        color: #000000;
        line-height: 2.6rem;
        margin-bottom: 20px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #opp_index .opp_item_title {
        font-family: gotham, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.2rem;
        color: #000000;
        line-height: 2.6rem;
        margin-bottom: 20px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #opp_index .opp_item_title {
        font-family: gotham, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.2rem;
        color: #000000;
        line-height: 2.6rem;
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      #opp_index .opp_item_title {
        font-family: gotham, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2.2rem;
        color: #000000;
        line-height: 2.6rem;
        margin-bottom: 20px; } }
  #opp_index .opp_item_tease {
    overflow: hidden; }
    @media (min-width: 1640px) {
      #opp_index .opp_item_tease {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.1rem; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #opp_index .opp_item_tease {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.1rem; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #opp_index .opp_item_tease {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.1rem; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #opp_index .opp_item_tease {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.1rem; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #opp_index .opp_item_tease {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.1rem; } }
    @media (max-width: 767px) {
      #opp_index .opp_item_tease {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.1rem; } }

#hp_hero {
  position: relative; }
  @media (min-width: 1640px) {
    #hp_hero {
      height: 685px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #hp_hero {
      height: 685px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #hp_hero {
      height: 685px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #hp_hero {
      height: 685px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_hero {
      height: 685px; } }
  @media (max-width: 767px) {
    #hp_hero {
      height: 515px; } }
  #hp_hero #hp_hero_pins {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
    #hp_hero #hp_hero_pins .container, #hp_hero #hp_hero_pins .row, #hp_hero #hp_hero_pins .col-12 {
      height: 100%; }
    #hp_hero #hp_hero_pins .hero_pin_item {
      position: absolute;
      transform: translate(-50%, -50%);
      z-index: 5; }
      @media (min-width: 768px) {
        #hp_hero #hp_hero_pins .hero_pin_item {
          height: 192px;
          width: 159px; } }
      @media (max-width: 767px) {
        #hp_hero #hp_hero_pins .hero_pin_item {
          height: 95px;
          width: 78px; } }
      @media (max-width: 767px) {
        #hp_hero #hp_hero_pins .hero_pin_item svg {
          width: 100%;
          height: auto; } }
  @media (min-width: 768px) {
    #hp_hero #hero_pin1 {
      left: 10%;
      top: 74%; } }
  @media (max-width: 767px) {
    #hp_hero #hero_pin1 {
      left: 21%;
      top: 75%; } }
  @media (min-width: 992px) {
    #hp_hero #hero_pin2 {
      left: 43%;
      top: 41%; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_hero #hero_pin2 {
      left: 48%;
      top: 60%; } }
  @media (max-width: 767px) {
    #hp_hero #hero_pin2 {
      left: 34%;
      top: 50%; } }
  @media (min-width: 992px) {
    #hp_hero #hero_pin3 {
      left: 54%;
      top: 76%; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_hero #hero_pin3 {
      left: 84%;
      top: 76%; } }
  @media (max-width: 767px) {
    #hp_hero #hero_pin3 {
      display: none; } }
  @media (min-width: 992px) {
    #hp_hero #hero_pin4 {
      left: 72%;
      top: 21%; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_hero #hero_pin4 {
      left: 87%;
      top: 21%; } }
  @media (max-width: 767px) {
    #hp_hero #hero_pin4 {
      left: 73%;
      top: 66%; } }
  @media (min-width: 992px) {
    #hp_hero #hero_pin5 {
      left: 92%;
      top: 37%; } }
  @media (max-width: 991px) {
    #hp_hero #hero_pin5 {
      display: none; } }
  #hp_hero #hp_hero_text {
    text-transform: uppercase;
    position: absolute;
    z-index: 2; }
    @media (min-width: 1640px) {
      #hp_hero #hp_hero_text {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 6rem;
        color: #ffffff;
        line-height: 7.2rem;
        width: 26%;
        top: 30px;
        left: 40px; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #hp_hero #hp_hero_text {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 5.5rem;
        color: #ffffff;
        line-height: 6.2rem;
        width: 26%;
        top: 30px;
        left: 40px; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #hp_hero #hp_hero_text {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 5.5rem;
        color: #ffffff;
        line-height: 6.2rem;
        width: 26%;
        top: 30px;
        left: 40px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #hp_hero #hp_hero_text {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 4.5rem;
        color: #ffffff;
        line-height: 5.2rem;
        width: 26%;
        top: 30px;
        left: 40px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #hp_hero #hp_hero_text {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 5.5rem;
        color: #ffffff;
        line-height: 6.2rem;
        width: 26%;
        top: 30px;
        left: 40px; } }
    @media (max-width: 767px) {
      #hp_hero #hp_hero_text {
        font-family: gotham, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 3rem;
        color: #ffffff;
        line-height: 3.7rem;
        width: 100%;
        top: 15px;
        left: 32px; } }
  #hp_hero #hp_hero_text:before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221637%22%20height%3D%221182%22%20viewBox%3D%220%200%201637%201182%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22radial-gradient%22%20cx%3D%220.582%22%20cy%3D%220.595%22%20r%3D%220.443%22%20gradientTransform%3D%22matrix%280.04%2C%200.999%2C%20-0.727%2C%200.029%2C%200.991%2C%20-0.004%29%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-opacity%3D%220.435%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20id%3D%22Rectangle_51%22%20data-name%3D%22Rectangle%2051%22%20width%3D%221637%22%20height%3D%221182%22%20fill%3D%22url%28%23radial-gradient%29%22%2F%3E%3C%2Fsvg%3E");
    content: '';
    position: absolute;
    z-index: -1; }
    @media (min-width: 768px) {
      #hp_hero #hp_hero_text:before {
        left: -710px;
        top: -610px;
        width: 1637px;
        height: 1182px; } }
    @media (max-width: 767px) {
      #hp_hero #hp_hero_text:before {
        left: -213px;
        top: -183px;
        width: 491px;
        height: 355px; } }
    #hp_hero #hp_hero_text:before svg {
      width: 100%;
      height: 100%; }
  #hp_hero #hp_hero_arrow {
    background-color: #DFE340;
    position: absolute; }
    @media (min-width: 768px) {
      #hp_hero #hp_hero_arrow {
        left: -60px;
        width: 25px;
        height: Calc(100% + 215px); } }
    @media (max-width: 767px) {
      #hp_hero #hp_hero_arrow {
        left: 7px;
        width: 14px;
        height: Calc(100% - 25px); } }
  #hp_hero #hp_hero_arrow:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%); }
    @media (min-width: 768px) {
      #hp_hero #hp_hero_arrow:after {
        border-left: 34px solid transparent;
        border-right: 34px solid transparent;
        border-top: 48px solid #DFE340;
        bottom: -48px; } }
    @media (max-width: 767px) {
      #hp_hero #hp_hero_arrow:after {
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-top: 24px solid #DFE340;
        bottom: -24px; } }

#hp_hero:before {
  position: absolute;
  content: '';
  bottom: 0px;
  left: 0px;
  height: 232px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }

#hp_main #hp_main_top {
  width: 100%;
  background-color: #00A2AF; }
  @media (min-width: 768px) {
    #hp_main #hp_main_top {
      margin-top: 40px;
      height: 25px; } }
  @media (max-width: 767px) {
    #hp_main #hp_main_top {
      margin-top: 40px;
      height: 14px; } }
@media (min-width: 992px) {
  #hp_main #hp_how_title {
    margin-bottom: 45px;
    position: relative;
    z-index: 5; } }
@media (max-width: 991px) {
  #hp_main #hp_how_title {
    margin-bottom: 35px;
    position: relative;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block; } }
#hp_main #hp_how_title #hp_how_title_line1 {
  text-transform: uppercase; }
  @media (min-width: 1640px) {
    #hp_main #hp_how_title #hp_how_title_line1 {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 6rem;
      color: #000000;
      line-height: 7.2rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #hp_main #hp_how_title #hp_how_title_line1 {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 6rem;
      color: #000000;
      line-height: 7.2rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #hp_main #hp_how_title #hp_how_title_line1 {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 6rem;
      color: #000000;
      line-height: 7.2rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #hp_main #hp_how_title #hp_how_title_line1 {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 6rem;
      color: #000000;
      line-height: 7.2rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_main #hp_how_title #hp_how_title_line1 {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 6rem;
      color: #000000;
      line-height: 7.2rem; } }
  @media (max-width: 767px) {
    #hp_main #hp_how_title #hp_how_title_line1 {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 4rem;
      color: #000000;
      line-height: 5.2rem; } }
#hp_main #hp_how_title #hp_how_title_line2 {
  text-transform: uppercase;
  position: relative;
  display: inline-block; }
  @media (min-width: 1640px) {
    #hp_main #hp_how_title #hp_how_title_line2 {
      font-family: gotham, sans-serif;
      font-weight: 800;
      font-style: normal;
      font-size: 6rem;
      color: #00A2AF;
      line-height: 7.2rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #hp_main #hp_how_title #hp_how_title_line2 {
      font-family: gotham, sans-serif;
      font-weight: 800;
      font-style: normal;
      font-size: 6rem;
      color: #00A2AF;
      line-height: 7.2rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #hp_main #hp_how_title #hp_how_title_line2 {
      font-family: gotham, sans-serif;
      font-weight: 800;
      font-style: normal;
      font-size: 6rem;
      color: #00A2AF;
      line-height: 7.2rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #hp_main #hp_how_title #hp_how_title_line2 {
      font-family: gotham, sans-serif;
      font-weight: 800;
      font-style: normal;
      font-size: 6rem;
      color: #00A2AF;
      line-height: 7.2rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_main #hp_how_title #hp_how_title_line2 {
      font-family: gotham, sans-serif;
      font-weight: 800;
      font-style: normal;
      font-size: 6rem;
      color: #00A2AF;
      line-height: 7.2rem; } }
  @media (max-width: 767px) {
    #hp_main #hp_how_title #hp_how_title_line2 {
      font-family: gotham, sans-serif;
      font-weight: 800;
      font-style: normal;
      font-size: 4rem;
      color: #00A2AF;
      line-height: 5.2rem; } }
#hp_main #hp_how_title #hp_how_title_line2:after {
  position: absolute;
  content: '';
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Group_29%22%20data-name%3D%22Group%2029%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22315.691%22%20height%3D%2283%22%20viewBox%3D%220%200%20315.691%2083%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20id%3D%22Rectangle_27%22%20data-name%3D%22Rectangle%2027%22%20width%3D%22315.691%22%20height%3D%2283%22%20fill%3D%22%23dfe340%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Group_27%22%20data-name%3D%22Group%2027%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%3Cpath%20id%3D%22Path_45%22%20data-name%3D%22Path%2045%22%20d%3D%22M293.187%2C15.574c2.52%2C1.314%2C4.6%2C2.651%2C6.852%2C4.024%2C6.675%2C4.072%2C13.151%2C8.2%2C15.028%2C14.071%2C6.392%2C20.007-37.8%2C33.476-63.094%2C38.981C193.979%2C85.272%2C112.244%2C87.018%2C54.041%2C74.171c-10.527-2.323-23.074-5.152-32.448-8.8C5.466%2C59.086-5.36%2C49.944%2C2.765%2C38.035%2C6.835%2C32.07%2C18.928%2C25.358%2C27.824%2C21.76c.943-.382%2C4.631-1.865%2C5.582-1.444l1.012.811c2.964-1.2%2C6.025-2.456%2C9.176-3.511C83.461%2C4.261%2C136.456.022%2C181.468.026c24.155%2C0%2C45.374-.543%2C69.034%2C3.255C265.546%2C5.7%2C281.351%2C9.4%2C293.187%2C15.574m.679%2C4.022c-25.129-11.259-66.8-15.813-97.676-16.9-17.6-.622-37.84%2C1.436-55.208%2C3.253C113.006%2C8.871%2C80.871%2C13.35%2C55.89%2C21.659c-1.8.6-7.035%2C2.994-8.786%2C2.8-1.993-.224.23-1.931%2C1.015-2.34%2C1.227-.64%2C5.328-1.976%2C6.976-2.531%2C20.391-6.866%2C46.8-10.957%2C69.549-13.915%2C5.732-.745%2C11.449-1.587%2C17.271-2.087.076-.3-.7-.189-1.02-.172-2.4.12-4.916.363-7.324.55-34.592%2C2.691-82.577%2C9.765-108.309%2C24.5-35.5%2C20.327.953%2C38.811%2C35.606%2C44.1%2C39.86%2C6.078%2C88.31%2C5.2%2C128.759.808%2C33.483-3.638%2C84.329-12.953%2C106.1-29.463%2C9.734-7.382%2C11.491-18.322-1.859-24.3m4.7%2C34.08c10.781-6.444%2C17.511-15.612%2C9.623-24.37l-1.282-1.086c.375%2C2.425.8%2C4.7-.132%2C7.1-5.445%2C15.594-41.873%2C26.739-64.523%2C31.831-42.124%2C9.47-91.018%2C12.883-135.506%2C11.578-2.319-.068-4.7-.273-7.024-.363-.341-.013-1.629-.128-1.628.183%2C5.946.285%2C11.855.916%2C17.793%2C1.242a566.5%2C566.5%2C0%2C0%2C0%2C99.567-3.445c27.122-3.41%2C63.2-10.766%2C83.111-22.668M13.791%2C32.707l4.9-3.517-.143-.262c-7.436%2C4.178-14.065%2C9.348-15.1%2C15.708-.69%2C4.222%2C2.026%2C8.3%2C6.305%2C11.568a55.874%2C55.874%2C0%2C0%2C0%2C5.26%2C3.387l3.39%2C1.589c-6.233-3.977-10.545-8.5-11.53-14.064C6%2C42.2%2C9.218%2C36.74%2C13.791%2C32.707%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22%23dfe340%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  top: calc(50% + 5px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1; }
  @media (min-width: 768px) {
    #hp_main #hp_how_title #hp_how_title_line2:after {
      width: 315px;
      height: 83px; } }
  @media (max-width: 767px) {
    #hp_main #hp_how_title #hp_how_title_line2:after {
      width: 210px;
      height: 55px; } }
#hp_main #hp_main_content_inner:before {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  background-color: #00A2AF;
  content: ''; }
  @media (min-width: 768px) {
    #hp_main #hp_main_content_inner:before {
      width: 25px; } }
  @media (max-width: 767px) {
    #hp_main #hp_main_content_inner:before {
      width: 14px; } }
#hp_main #hp_main_content_inner {
  position: relative; }
  @media (min-width: 768px) {
    #hp_main #hp_main_content_inner {
      padding-top: 105px;
      padding-left: 65px; } }
  @media (max-width: 767px) {
    #hp_main #hp_main_content_inner {
      padding-top: 25px;
      padding-left: 35px; } }
  @media (min-width: 1640px) {
    #hp_main #hp_main_content_inner h1 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem;
      margin-top: 20px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #hp_main #hp_main_content_inner h1 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem;
      margin-top: 20px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #hp_main #hp_main_content_inner h1 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem;
      margin-top: 20px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #hp_main #hp_main_content_inner h1 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem;
      margin-top: 20px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_main #hp_main_content_inner h1 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem;
      margin-top: 20px; } }
  @media (max-width: 767px) {
    #hp_main #hp_main_content_inner h1 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 1.6rem;
      color: #000000;
      line-height: 1.9rem;
      margin-top: 15px; } }
  @media (min-width: 1640px) {
    #hp_main #hp_main_content_inner #hp_main_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #hp_main #hp_main_content_inner #hp_main_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #hp_main #hp_main_content_inner #hp_main_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #hp_main #hp_main_content_inner #hp_main_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_main #hp_main_content_inner #hp_main_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 767px) {
    #hp_main #hp_main_content_inner #hp_main_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.6rem;
      color: #626466;
      line-height: 1.9rem;
      margin-top: 40px;
      padding-bottom: 40px; } }
#hp_main #hp_main_img {
  position: relative;
  display: inline-block;
  left: 100%;
  transform: translateX(-100%); }
  @media (min-width: 768px) {
    #hp_main #hp_main_img {
      padding-right: 25px;
      margin-top: 110px; } }
  @media (max-width: 767px) {
    #hp_main #hp_main_img {
      padding-right: 14px;
      margin-top: 40px; } }
  #hp_main #hp_main_img img {
    position: relative; }
    @media (min-width: 768px) {
      #hp_main #hp_main_img img {
        width: 706px; } }
    @media (max-width: 767px) {
      #hp_main #hp_main_img img {
        width: 100%; } }
#hp_main #hp_main_img:after {
  position: absolute;
  content: '';
  height: 100%;
  width: calc(100% - 90px);
  background-color: #DFE340;
  right: 0px;
  z-index: -1; }
  @media (min-width: 768px) {
    #hp_main #hp_main_img:after {
      bottom: -25px; } }
  @media (max-width: 767px) {
    #hp_main #hp_main_img:after {
      bottom: -14px; } }

#hp_how {
  position: relative; }
  @media (min-width: 768px) {
    #hp_how {
      margin-top: 185px; } }
  @media (max-width: 767px) {
    #hp_how {
      margin-top: 45px; } }
  @media (max-width: 991px) {
    #hp_how {
      background-color: #00A2AF; } }
  #hp_how #hp_main_headline {
    text-transform: uppercase; }
    @media (min-width: 1640px) {
      #hp_how #hp_main_headline {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 6rem;
        color: #00A2AF;
        line-height: 7.2rem;
        margin-bottom: 35px; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #hp_how #hp_main_headline {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 6rem;
        color: #00A2AF;
        line-height: 7.2rem;
        margin-bottom: 35px; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #hp_how #hp_main_headline {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 6rem;
        color: #00A2AF;
        line-height: 7.2rem;
        margin-bottom: 35px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #hp_how #hp_main_headline {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 6rem;
        color: #00A2AF;
        line-height: 7.2rem;
        margin-bottom: 35px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #hp_how #hp_main_headline {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 6rem;
        color: #00A2AF;
        line-height: 7.2rem;
        margin-bottom: 35px; } }
    @media (max-width: 767px) {
      #hp_how #hp_main_headline {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 3.5rem;
        color: #00A2AF;
        line-height: 4.2rem;
        margin-bottom: 35px; } }
  #hp_how #hp_how_content_inner:before {
    position: absolute;
    content: '';
    height: 100%;
    top: 0px; }
    @media (min-width: 992px) {
      #hp_how #hp_how_content_inner:before {
        border: 25px solid #00A2AF;
        width: calc(100% + 135px);
        left: -135px; } }
    @media (max-width: 991px) {
      #hp_how #hp_how_content_inner:before {
        display: none; } }
  #hp_how #hp_how_content_inner {
    position: relative; }
    @media (min-width: 1640px) {
      #hp_how #hp_how_content_inner {
        margin-top: 85px;
        padding: 85px 55px 245px 0px; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #hp_how #hp_how_content_inner {
        margin-top: 85px;
        padding: 85px 55px 245px 0px; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #hp_how #hp_how_content_inner {
        margin-top: 85px;
        padding: 85px 55px 245px 0px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #hp_how #hp_how_content_inner {
        margin-top: 85px;
        padding: 85px 55px 245px 0px; } }
    @media (max-width: 991px) {
      #hp_how #hp_how_content_inner {
        margin-top: 40px;
        padding: 40px 30px 50px 30px;
        background-color: #ffffff; } }
  @media (min-width: 1640px) {
    #hp_how h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #hp_how h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #hp_how h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #hp_how h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_how h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.4rem; } }
  @media (max-width: 767px) {
    #hp_how h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 1.6rem;
      color: #000000;
      line-height: 1.9rem; } }
  @media (min-width: 1640px) {
    #hp_how #hp_how_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 40px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #hp_how #hp_how_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 40px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #hp_how #hp_how_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 40px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #hp_how #hp_how_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 40px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #hp_how #hp_how_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #626466;
      line-height: 2.1rem;
      margin-top: 40px; } }
  @media (max-width: 767px) {
    #hp_how #hp_how_copy {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.6rem;
      color: #626466;
      line-height: 1.9rem;
      margin-top: 20px; } }
  #hp_how #hp_how_img {
    position: relative; }
    @media (max-width: 991px) {
      #hp_how #hp_how_img {
        padding-top: 35px;
        margin-top: 25px;
        padding-bottom: 85px; } }
    #hp_how #hp_how_img #hp_how_img_wrapper {
      position: relative;
      display: inline-block;
      z-index: 1; }
      @media (min-width: 992px) {
        #hp_how #hp_how_img #hp_how_img_wrapper {
          left: 100%;
          top: 255px;
          transform: translateX(-100%); } }
      @media (max-width: 991px) {
        #hp_how #hp_how_img #hp_how_img_wrapper {
          left: 50%;
          transform: translateX(-50%); } }
      @media (max-width: 767px) {
        #hp_how #hp_how_img #hp_how_img_wrapper {
          padding-left: 24px; } }
      @media (min-width: 1640px) {
        #hp_how #hp_how_img #hp_how_img_wrapper img {
          width: 755px;
          height: auto; } }
      @media (max-width: 1639px) and (min-width: 1440px) {
        #hp_how #hp_how_img #hp_how_img_wrapper img {
          width: 655px;
          height: auto; } }
      @media (max-width: 1439px) and (min-width: 1201px) {
        #hp_how #hp_how_img #hp_how_img_wrapper img {
          width: 540px;
          height: auto; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        #hp_how #hp_how_img #hp_how_img_wrapper img {
          width: 435px;
          height: auto; } }
      @media (max-width: 991px) and (min-width: 768px) {
        #hp_how #hp_how_img #hp_how_img_wrapper img {
          width: 435px;
          height: auto; } }
      @media (max-width: 767px) {
        #hp_how #hp_how_img #hp_how_img_wrapper img {
          width: 435px;
          height: auto; } }
      @media (min-width: 1640px) {
        #hp_how #hp_how_img #hp_how_img_wrapper iframe {
          width: 755px;
          height: 425px; } }
      @media (max-width: 1639px) and (min-width: 1440px) {
        #hp_how #hp_how_img #hp_how_img_wrapper iframe {
          width: 655px;
          height: 368px; } }
      @media (max-width: 1439px) and (min-width: 1201px) {
        #hp_how #hp_how_img #hp_how_img_wrapper iframe {
          width: 540px;
          height: 305px; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        #hp_how #hp_how_img #hp_how_img_wrapper iframe {
          width: 435px;
          height: 244px; } }
      @media (max-width: 991px) and (min-width: 768px) {
        #hp_how #hp_how_img #hp_how_img_wrapper iframe {
          width: 435px;
          height: 244px; } }
      @media (max-width: 767px) {
        #hp_how #hp_how_img #hp_how_img_wrapper iframe {
          width: 270px;
          height: 151px; } }
    #hp_how #hp_how_img #hp_how_img_wrapper:before {
      position: absolute;
      content: '';
      background-color: #00A2AF;
      height: 100%;
      width: 100%;
      z-index: -1; }
      @media (min-width: 992px) {
        #hp_how #hp_how_img #hp_how_img_wrapper:before {
          border: 25px solid #ffffff;
          bottom: -50px;
          left: -50px; } }
      @media (max-width: 991px) {
        #hp_how #hp_how_img #hp_how_img_wrapper:before {
          border: 14px solid #ffffff;
          bottom: -28px;
          left: -4px; } }

#hp_how:after {
  position: absolute;
  content: '';
  background-color: #00A2AF;
  z-index: -1; }
  @media (min-width: 992px) {
    #hp_how:after {
      width: 54vw;
      height: calc(100% - 115px);
      right: 0px;
      top: 0px; } }
  @media (max-width: 991px) {
    #hp_how:after {
      width: 100vw;
      left: 50%;
      transform: translateX(-50%); } }

#hp_opp_fourth {
  text-align: center; }

#hp_opp_more {
  position: relative;
  display: inline-block;
  margin-top: 25px; }
  #hp_opp_more a {
    position: relative;
    display: inline-block;
    z-index: 1; }
    @media (min-width: 1640px) {
      #hp_opp_more a {
        font-family: harfang-pro, serif;
        font-weight: 800;
        font-style: italic;
        font-size: 2.2rem;
        color: #000000;
        line-height: 6.7rem;
        padding: 0px 85px 0px 15px; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #hp_opp_more a {
        font-family: harfang-pro, serif;
        font-weight: 800;
        font-style: italic;
        font-size: 2.2rem;
        color: #000000;
        line-height: 6.7rem;
        padding: 0px 85px 0px 15px; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #hp_opp_more a {
        font-family: harfang-pro, serif;
        font-weight: 800;
        font-style: italic;
        font-size: 1.4rem;
        color: #000000;
        line-height: 6.7rem;
        padding: 0px 85px 0px 15px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #hp_opp_more a {
        font-family: harfang-pro, serif;
        font-weight: 800;
        font-style: italic;
        font-size: 2.2rem;
        color: #000000;
        line-height: 6.7rem;
        padding: 0px 85px 0px 15px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #hp_opp_more a {
        font-family: harfang-pro, serif;
        font-weight: 800;
        font-style: italic;
        font-size: 2.2rem;
        color: #000000;
        line-height: 6.7rem;
        padding: 0px 85px 0px 15px; } }
    @media (max-width: 767px) {
      #hp_opp_more a {
        font-family: harfang-pro, serif;
        font-weight: 800;
        font-style: italic;
        font-size: 1.6rem;
        color: #000000;
        line-height: 6.7rem;
        padding: 0px 85px 0px 15px; } }
  #hp_opp_more a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #dcddde;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    z-index: -2;
    pointer-events: none; }
  #hp_opp_more a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: -1;
    border: 5px solid #DFE340;
    opacity: 0;
    transition: .5s;
    pointer-events: none; }
  #hp_opp_more a:hover {
    text-decoration: none; }
  #hp_opp_more a:hover:after {
    opacity: 1; }

#hp_opp_more:after {
  width: 60px;
  height: 60px;
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2260.77%22%20height%3D%2260.77%22%20viewBox%3D%220%200%2060.77%2060.77%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22Path_59%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2260.77%22%20height%3D%2260.77%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeOffset%20dy%3D%223%22%20input%3D%22SourceAlpha%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%3CfeFlood%20flood-opacity%3D%220.161%22%2F%3E%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Group_38%22%20data-name%3D%22Group%2038%22%20transform%3D%22translate%288.145%205.145%29%22%3E%3Cg%20id%3D%22Arrow_Button%22%20data-name%3D%22Arrow%20Button%22%20transform%3D%22translate%2844.481%2044.481%29%20rotate%28180%29%22%3E%3Cg%20transform%3D%22matrix%28-1%2C%200%2C%200%2C%20-1%2C%2052.63%2C%2049.63%29%22%20filter%3D%22url%28%23Path_59%29%22%3E%3Cpath%20id%3D%22Path_59-2%22%20data-name%3D%22Path%2059%22%20d%3D%22M21.385%2C0A21.385%2C21.385%2C0%2C1%2C1%2C0%2C21.385%2C21.385%2C21.385%2C0%2C0%2C1%2C21.385%2C0Z%22%20transform%3D%22translate%2851.77%2048.77%29%20rotate%28180%29%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22left-circle%22%3E%3Cpath%20id%3D%22Path_58%22%20data-name%3D%22Path%2058%22%20d%3D%22M44.481%2C22.43A21.787%2C21.787%2C0%2C0%2C1%2C41.5%2C33.6a22.083%2C22.083%2C0%2C0%2C1-8.1%2C8.1%2C21.787%2C21.787%2C0%2C0%2C1-11.165%2C2.98%2C21.787%2C21.787%2C0%2C0%2C1-11.165-2.98%2C22.082%2C22.082%2C0%2C0%2C1-8.1-8.1A21.787%2C21.787%2C0%2C0%2C1%2C0%2C22.43%2C21.787%2C21.787%2C0%2C0%2C1%2C2.98%2C11.266a22.082%2C22.082%2C0%2C0%2C1%2C8.1-8.1A21.787%2C21.787%2C0%2C0%2C1%2C22.24.19%2C21.787%2C21.787%2C0%2C0%2C1%2C33.405%2C3.17a22.083%2C22.083%2C0%2C0%2C1%2C8.1%2C8.1A21.787%2C21.787%2C0%2C0%2C1%2C44.481%2C22.43ZM24.331%2C32.75l3.158-3.158L20.328%2C22.43l7.161-7.161-3.158-3.158L13.967%2C22.43Z%22%20transform%3D%22translate%280%20-0.19%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  z-index: 2;
  pointer-events: none; }

@media (min-width: 768px) {
  .hp_opp_link {
    margin: 60px 0px; } }
@media (max-width: 767px) {
  .hp_opp_link {
    margin: 30px 0px; } }
.hp_opp_link a {
  text-transform: uppercase;
  display: inline-block;
  position: relative; }
  @media (min-width: 1640px) {
    .hp_opp_link a {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2.5rem;
      color: #000000;
      line-height: 4.4rem;
      padding: 0px 12px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    .hp_opp_link a {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2.5rem;
      color: #000000;
      line-height: 4.4rem;
      padding: 0px 12px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    .hp_opp_link a {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 4.4rem;
      padding: 0px 12px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    .hp_opp_link a {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2.5rem;
      color: #000000;
      line-height: 4.4rem;
      padding: 0px 12px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .hp_opp_link a {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2.2rem;
      color: #000000;
      line-height: 4.4rem;
      padding: 0px 12px; } }
  @media (max-width: 767px) {
    .hp_opp_link a {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 4.4rem;
      padding: 0px 12px; } }
.hp_opp_link a:before {
  position: absolute;
  content: '';
  width: calc(100% - 24px);
  height: 2px;
  background-color: #00A2AF;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%); }
.hp_opp_link a:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border: 2px solid #00A2AF;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  transition: .5s; }
.hp_opp_link a:hover {
  text-decoration: none; }
.hp_opp_link a:hover:after {
  opacity: 1; }

#apply_msg, #apply_msg2 {
  position: relative;
  display: inline-block; }
  @media (min-width: 1640px) {
    #apply_msg, #apply_msg2 {
      font-family: harfang-pro, serif;
      font-weight: 800;
      font-style: italic;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.8rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #apply_msg, #apply_msg2 {
      font-family: harfang-pro, serif;
      font-weight: 800;
      font-style: italic;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.8rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #apply_msg, #apply_msg2 {
      font-family: harfang-pro, serif;
      font-weight: 800;
      font-style: italic;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.8rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #apply_msg, #apply_msg2 {
      font-family: harfang-pro, serif;
      font-weight: 800;
      font-style: italic;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.8rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #apply_msg, #apply_msg2 {
      font-family: harfang-pro, serif;
      font-weight: 800;
      font-style: italic;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.8rem; } }
  @media (max-width: 767px) {
    #apply_msg, #apply_msg2 {
      font-family: harfang-pro, serif;
      font-weight: 800;
      font-style: italic;
      font-size: 2.2rem;
      color: #626466;
      line-height: 2.8rem; } }

#top_apply {
  margin-bottom: 30px; }

#apply_msg:after, #apply_msg2:after {
  content: '';
  background-color: #00A2AF;
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: -5px;
  left: 0px;
  transform-origin: 0px 50%; }

@media (min-width: 1640px) {
  #form_wrapper {
    border: 25px solid #00A2AF;
    padding: 30px 40px; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #form_wrapper {
    border: 25px solid #00A2AF;
    padding: 30px 40px; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #form_wrapper {
    border: 25px solid #00A2AF;
    padding: 30px 40px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #form_wrapper {
    border: 25px solid #00A2AF;
    padding: 30px 40px; } }
@media (max-width: 991px) and (min-width: 768px) {
  #form_wrapper {
    border: 25px solid #00A2AF;
    padding: 30px 40px; } }
@media (max-width: 767px) {
  #form_wrapper {
    border: 25px solid #00A2AF;
    padding: 15px 20px; } }
#form_wrapper .form_title {
  position: relative; }
  @media (min-width: 768px) {
    #form_wrapper .form_title {
      padding-left: 35px;
      margin-bottom: 25px; } }
  @media (max-width: 767px) {
    #form_wrapper .form_title {
      padding-left: 35px;
      margin-bottom: 25px; } }
  @media (min-width: 1640px) {
    #form_wrapper .form_title h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.3rem;
      color: #000000;
      line-height: 2.3rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #form_wrapper .form_title h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.3rem;
      color: #000000;
      line-height: 2.3rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #form_wrapper .form_title h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.3rem;
      color: #000000;
      line-height: 2.3rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #form_wrapper .form_title h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.3rem;
      color: #000000;
      line-height: 2.3rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #form_wrapper .form_title h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 2.3rem;
      color: #000000;
      line-height: 2.3rem; } }
  @media (max-width: 767px) {
    #form_wrapper .form_title h2 {
      font-family: gotham, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 1.6rem;
      color: #000000;
      line-height: 1.9rem; } }
#form_wrapper .form_title:before {
  content: '';
  width: 29px;
  height: 29px;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/account_out.svg") center center no-repeat;
  position: absolute;
  z-index: 1; }
@media (min-width: 1640px) {
  #form_wrapper label {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 2.1rem;
    margin-bottom: 8px; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #form_wrapper label {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 2.1rem;
    margin-bottom: 8px; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #form_wrapper label {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 2.1rem;
    margin-bottom: 8px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #form_wrapper label {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 2.1rem;
    margin-bottom: 8px; } }
@media (max-width: 991px) and (min-width: 768px) {
  #form_wrapper label {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 2.1rem;
    margin-bottom: 8px; } }
@media (max-width: 767px) {
  #form_wrapper label {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 2.1rem;
    margin-bottom: 8px; } }
#form_wrapper .form_input {
  margin-bottom: 20px; }
  #form_wrapper .form_input input[type="text"], #form_wrapper .form_input input[type="password"] {
    border: 1px solid #626466; }
    @media (min-width: 1640px) {
      #form_wrapper .form_input input[type="text"], #form_wrapper .form_input input[type="password"] {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #form_wrapper .form_input input[type="text"], #form_wrapper .form_input input[type="password"] {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #form_wrapper .form_input input[type="text"], #form_wrapper .form_input input[type="password"] {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #form_wrapper .form_input input[type="text"], #form_wrapper .form_input input[type="password"] {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #form_wrapper .form_input input[type="text"], #form_wrapper .form_input input[type="password"] {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 767px) {
      #form_wrapper .form_input input[type="text"], #form_wrapper .form_input input[type="password"] {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
  @media (min-width: 1640px) {
    #form_wrapper .form_input p {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.6rem;
      color: #000000;
      line-height: 1.8rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #form_wrapper .form_input p {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.6rem;
      color: #000000;
      line-height: 1.8rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #form_wrapper .form_input p {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.6rem;
      color: #000000;
      line-height: 1.8rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #form_wrapper .form_input p {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.6rem;
      color: #000000;
      line-height: 1.8rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #form_wrapper .form_input p {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.6rem;
      color: #000000;
      line-height: 1.8rem; } }
  @media (max-width: 767px) {
    #form_wrapper .form_input p {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.6rem;
      color: #000000;
      line-height: 1.8rem; } }
  #form_wrapper .form_input p a {
    color: #00A2AF; }
  @media (max-width: 500px) {
    #form_wrapper .form_input .g-recaptcha {
      transform: scale(0.67);
      transform-origin: 0 0; } }
#form_wrapper .toast {
  max-width: 100%; }

@media (min-width: 1640px) {
  .toast {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 2.3rem; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  .toast {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.3rem;
    color: #000000;
    line-height: 2.3rem; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  .toast {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.3rem;
    color: #000000;
    line-height: 2.3rem; } }
@media (max-width: 1200px) and (min-width: 992px) {
  .toast {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.3rem;
    color: #000000;
    line-height: 2.3rem; } }
@media (max-width: 991px) and (min-width: 768px) {
  .toast {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.3rem;
    color: #000000;
    line-height: 2.3rem; } }
@media (max-width: 767px) {
  .toast {
    font-family: gotham, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
    color: #000000;
    line-height: 1.9rem; } }
.toast .toast-body {
  padding: 10px 20px; }

.reg_btns {
  text-align: center;
  margin-top: 40px; }
  .reg_btns .reg_btn {
    margin: 0px 15px; }

.upload_remove {
  display: inline-block;
  margin-top: 10px; }

@media (min-width: 1640px) {
  .app_info {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-bottom: 30px; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  .app_info {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  .app_info {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  .app_info {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
@media (max-width: 991px) and (min-width: 768px) {
  .app_info {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
@media (max-width: 767px) {
  .app_info {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    color: #626466;
    line-height: 2.1rem;
    margin-top: 30px; } }
.app_info .yellow_btn {
  display: inline-block;
  margin-left: 5px;
  margin-top: -2px; }
  .app_info .yellow_btn svg {
    height: 25px;
    width: 25px; }

#opp_apply, #opp_apply2, .opp_apply_out, .form_input button[type="submit"], .gen_btn, .upload_remove, input[type="submit"] {
  border: 2px solid #DFE340;
  background-color: #ffffff; }
  @media (min-width: 1640px) {
    #opp_apply, #opp_apply2, .opp_apply_out, .form_input button[type="submit"], .gen_btn, .upload_remove, input[type="submit"] {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #opp_apply, #opp_apply2, .opp_apply_out, .form_input button[type="submit"], .gen_btn, .upload_remove, input[type="submit"] {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #opp_apply, #opp_apply2, .opp_apply_out, .form_input button[type="submit"], .gen_btn, .upload_remove, input[type="submit"] {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #opp_apply, #opp_apply2, .opp_apply_out, .form_input button[type="submit"], .gen_btn, .upload_remove, input[type="submit"] {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #opp_apply, #opp_apply2, .opp_apply_out, .form_input button[type="submit"], .gen_btn, .upload_remove, input[type="submit"] {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  @media (max-width: 767px) {
    #opp_apply, #opp_apply2, .opp_apply_out, .form_input button[type="submit"], .gen_btn, .upload_remove, input[type="submit"] {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.4rem;
      color: #000000;
      line-height: 1.8rem;
      padding: 7px 20px; } }
  #opp_apply a, #opp_apply2 a, .opp_apply_out a, .form_input button[type="submit"] a, .gen_btn a, .upload_remove a, input[type="submit"] a {
    color: #000000; }

#opp_apply:hover, #opp_apply2:hover, .opp_apply_out:hover, .gen_btn:hover, .upload_remove:hover, input[type="submit"]:hover {
  font-weight: 500 !important;
  background-color: #DFE340;
  text-decoration: none;
  color: #000000 !important; }

.opp_apply_out {
  position: relative; }
  @media (min-width: 768px) {
    .opp_apply_out {
      top: 30px;
      margin-right: 30px; } }
  @media (max-width: 767px) {
    .opp_apply_out {
      top: 30px;
      margin-right: 20px; } }

.yellow_btn {
  background-color: #DFE340; }
  @media (min-width: 1640px) {
    .yellow_btn {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 3px 3px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    .yellow_btn {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    .yellow_btn {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    .yellow_btn {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .yellow_btn {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  @media (max-width: 767px) {
    .yellow_btn {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      padding: 7px 30px; } }
  .yellow_btn a {
    color: #000000; }

.yellow_btn:hover {
  font-weight: 500 !important;
  background-color: #00A2AF;
  text-decoration: none;
  color: #000000 !important; }

footer {
  background-color: #00A2AF;
  margin-top: 100px; }
  @media (min-width: 1640px) {
    footer #footer_inner_left {
      padding: 60px 175px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    footer #footer_inner_left {
      padding: 60px 125px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    footer #footer_inner_left {
      padding: 60px 110px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    footer #footer_inner_left {
      padding: 60px 60px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    footer #footer_inner_left {
      padding: 60px 60px; } }
  @media (max-width: 767px) {
    footer #footer_inner_left {
      padding: 30px 0px; } }
  footer #footer_inner_left #footer_logo {
    background-color: #ffffff;
    padding: 45px 55px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
    footer #footer_inner_left #footer_logo svg {
      width: 100%;
      height: auto; }
  footer #footer_inner_left .footer_link {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    margin: 30px 0px;
    transition: .5s;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
    footer #footer_inner_left .footer_link a {
      display: inline-block;
      width: 100%;
      text-transform: uppercase; }
      @media (min-width: 1640px) {
        footer #footer_inner_left .footer_link a {
          font-family: gotham, sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 2.5rem;
          color: #000000;
          line-height: 3.0rem;
          padding: 20px 0px; } }
      @media (max-width: 1639px) and (min-width: 1440px) {
        footer #footer_inner_left .footer_link a {
          font-family: gotham, sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 2.5rem;
          color: #000000;
          line-height: 3.0rem;
          padding: 20px 0px; } }
      @media (max-width: 1439px) and (min-width: 1201px) {
        footer #footer_inner_left .footer_link a {
          font-family: gotham, sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 2.5rem;
          color: #000000;
          line-height: 3.0rem;
          padding: 20px 0px; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        footer #footer_inner_left .footer_link a {
          font-family: gotham, sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 2.5rem;
          color: #000000;
          line-height: 3.0rem;
          padding: 20px 0px; } }
      @media (max-width: 991px) and (min-width: 768px) {
        footer #footer_inner_left .footer_link a {
          font-family: gotham, sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 2.5rem;
          color: #000000;
          line-height: 3.0rem;
          padding: 20px 0px; } }
      @media (max-width: 767px) {
        footer #footer_inner_left .footer_link a {
          font-family: gotham, sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 2.5rem;
          color: #000000;
          line-height: 3.0rem;
          padding: 20px 0px; } }
  footer #footer_inner_left .footer_link:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border: 5px solid #DFE340;
    z-index: 5;
    transition: .5s;
    pointer-events: none;
    opacity: 0; }
  footer #footer_inner_left .footer_link:hover {
    background-color: #00A2AF; }
    footer #footer_inner_left .footer_link:hover a {
      text-decoration: none; }
  footer #footer_inner_left .footer_link:hover:after {
    opacity: 1; }
  footer #footer_inner_left #footer_privacy {
    text-align: center; }
    footer #footer_inner_left #footer_privacy a {
      border-bottom: 1px solid #000000; }
      @media (min-width: 1640px) {
        footer #footer_inner_left #footer_privacy a {
          font-family: gotham, sans-serif;
          font-weight: 300;
          font-style: normal;
          font-size: 2.5rem;
          color: #000000;
          line-height: 3.0rem;
          margin: 0px 20px; } }
      @media (max-width: 1639px) and (min-width: 1440px) {
        footer #footer_inner_left #footer_privacy a {
          font-family: gotham, sans-serif;
          font-weight: 300;
          font-style: normal;
          font-size: 2.5rem;
          color: #000000;
          line-height: 3.0rem;
          margin: 0px 20px; } }
      @media (max-width: 1439px) and (min-width: 1201px) {
        footer #footer_inner_left #footer_privacy a {
          font-family: gotham, sans-serif;
          font-weight: 300;
          font-style: normal;
          font-size: 2rem;
          color: #000000;
          line-height: 3.0rem;
          margin: 0px 15px; } }
      @media (max-width: 1200px) and (min-width: 992px) {
        footer #footer_inner_left #footer_privacy a {
          font-family: gotham, sans-serif;
          font-weight: 300;
          font-style: normal;
          font-size: 2rem;
          color: #000000;
          line-height: 3.0rem;
          margin: 0px 15px; } }
      @media (max-width: 991px) and (min-width: 768px) {
        footer #footer_inner_left #footer_privacy a {
          font-family: gotham, sans-serif;
          font-weight: 300;
          font-style: normal;
          font-size: 2rem;
          color: #000000;
          line-height: 3.0rem;
          margin: 0px 15px; } }
      @media (max-width: 767px) {
        footer #footer_inner_left #footer_privacy a {
          font-family: gotham, sans-serif;
          font-weight: 300;
          font-style: normal;
          font-size: 1.6rem;
          color: #000000;
          line-height: 2.0rem;
          margin: 0px 10px; } }

@media (min-width: 1640px) {
  #dash_opp h2, #dash_wrapper h2 {
    font-family: gotham, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2rem;
    color: #000000;
    line-height: 3.0rem;
    border-bottom: 2px solid #DFE340;
    margin-bottom: 25px; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #dash_opp h2, #dash_wrapper h2 {
    font-family: gotham, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2rem;
    color: #000000;
    line-height: 3.0rem;
    border-bottom: 2px solid #DFE340;
    margin-bottom: 25px; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #dash_opp h2, #dash_wrapper h2 {
    font-family: gotham, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2rem;
    color: #000000;
    line-height: 3.0rem;
    border-bottom: 2px solid #DFE340;
    margin-bottom: 25px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #dash_opp h2, #dash_wrapper h2 {
    font-family: gotham, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2rem;
    color: #000000;
    line-height: 3.0rem;
    border-bottom: 2px solid #DFE340;
    margin-bottom: 25px; } }
@media (max-width: 991px) and (min-width: 768px) {
  #dash_opp h2, #dash_wrapper h2 {
    font-family: gotham, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2rem;
    color: #000000;
    line-height: 3.0rem;
    border-bottom: 2px solid #DFE340;
    margin-bottom: 25px; } }
@media (max-width: 767px) {
  #dash_opp h2, #dash_wrapper h2 {
    font-family: gotham, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2rem;
    color: #000000;
    line-height: 3.0rem;
    border-bottom: 2px solid #DFE340;
    margin-bottom: 25px; } }

@media (min-width: 1640px) {
  #dash_opp {
    padding-top: 40px; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #dash_opp {
    padding-top: 40px; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #dash_opp {
    padding-top: 40px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #dash_opp {
    padding-top: 40px; } }
@media (max-width: 991px) and (min-width: 768px) {
  #dash_opp {
    padding-top: 40px; } }
@media (max-width: 767px) {
  #dash_opp {
    padding-top: 40px; } }

@media (min-width: 1640px) {
  #dash_wrapper {
    padding-top: 40px;
    padding-right: 40px; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #dash_wrapper {
    padding-top: 40px;
    padding-right: 40px; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #dash_wrapper {
    padding-top: 40px;
    padding-right: 40px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #dash_wrapper {
    padding-top: 40px;
    padding-right: 40px; } }
@media (max-width: 991px) and (min-width: 768px) {
  #dash_wrapper {
    padding-top: 40px;
    padding-right: 40px; } }
@media (max-width: 767px) {
  #dash_wrapper {
    padding-top: 40px;
    padding-right: 40px; } }
@media (min-width: 1640px) {
  #dash_wrapper #form_copy p, #dash_wrapper #form_copy li {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #626466;
    line-height: 2.0rem; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #dash_wrapper #form_copy p, #dash_wrapper #form_copy li {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #626466;
    line-height: 2.0rem; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #dash_wrapper #form_copy p, #dash_wrapper #form_copy li {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #626466;
    line-height: 2.0rem; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #dash_wrapper #form_copy p, #dash_wrapper #form_copy li {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #626466;
    line-height: 2.0rem; } }
@media (max-width: 991px) and (min-width: 768px) {
  #dash_wrapper #form_copy p, #dash_wrapper #form_copy li {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #626466;
    line-height: 2.0rem; } }
@media (max-width: 767px) {
  #dash_wrapper #form_copy p, #dash_wrapper #form_copy li {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #626466;
    line-height: 2.0rem; } }
#dash_wrapper #form_copy p a, #dash_wrapper #form_copy li a {
  color: #00A2AF; }
#dash_wrapper #form_copy .num_ul {
  list-style: decimal; }
#dash_wrapper #form_copy .alpha_ul {
  list-style: lower-alpha; }
@media (min-width: 1640px) {
  #dash_wrapper .admin_console a {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #00A2AF;
    line-height: 2.0rem; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  #dash_wrapper .admin_console a {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #00A2AF;
    line-height: 2.0rem; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  #dash_wrapper .admin_console a {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #00A2AF;
    line-height: 2.0rem; } }
@media (max-width: 1200px) and (min-width: 992px) {
  #dash_wrapper .admin_console a {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #00A2AF;
    line-height: 2.0rem; } }
@media (max-width: 991px) and (min-width: 768px) {
  #dash_wrapper .admin_console a {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #00A2AF;
    line-height: 2.0rem; } }
@media (max-width: 767px) {
  #dash_wrapper .admin_console a {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #00A2AF;
    line-height: 2.0rem; } }

.need_form {
  border: 2px solid #ff0000;
  padding: 15px 20px; }

.req_input label:after {
  content: "*";
  color: #ff0000; }

#div_info {
  border: 2px solid #f0f0f0;
  padding: 25px 30px 5px 30px;
  margin-bottom: 20px; }

.hide_show {
  display: none; }

.porfolio_input {
  margin-bottom: 20px; }
  .porfolio_input label, .porfolio_input .form_link, .porfolio_input .form_label {
    width: 100%; }
    @media (min-width: 1640px) {
      .porfolio_input label, .porfolio_input .form_link, .porfolio_input .form_label {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.0rem; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      .porfolio_input label, .porfolio_input .form_link, .porfolio_input .form_label {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.0rem; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      .porfolio_input label, .porfolio_input .form_link, .porfolio_input .form_label {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.0rem; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      .porfolio_input label, .porfolio_input .form_link, .porfolio_input .form_label {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.0rem; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .porfolio_input label, .porfolio_input .form_link, .porfolio_input .form_label {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.0rem; } }
    @media (max-width: 767px) {
      .porfolio_input label, .porfolio_input .form_link, .porfolio_input .form_label {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 2.0rem; } }
  .porfolio_input .form_link {
    color: #00A2AF;
    text-decoration: underline; }
  .porfolio_input input, .porfolio_input select {
    border: 1px solid #626466;
    width: 100%; }
    @media (min-width: 1640px) {
      .porfolio_input input, .porfolio_input select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 3.0rem;
        padding: 0px 10px; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      .porfolio_input input, .porfolio_input select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 3.0rem;
        padding: 0px 10px; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      .porfolio_input input, .porfolio_input select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 3.0rem;
        padding: 0px 10px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      .porfolio_input input, .porfolio_input select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 3.0rem;
        padding: 0px 10px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .porfolio_input input, .porfolio_input select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 3.0rem;
        padding: 0px 10px; } }
    @media (max-width: 767px) {
      .porfolio_input input, .porfolio_input select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.8rem;
        color: #000000;
        line-height: 3.0rem;
        padding: 0px 10px; } }
  .porfolio_input input[type='file'] {
    border: 0px; }
  .porfolio_input input[type='checkbox'] {
    width: auto;
    margin-right: 5px; }
  .porfolio_input .uploaded_img {
    width: 150px;
    height: auto; }
    .porfolio_input .uploaded_img img {
      width: 100%;
      height: auto; }
  @media (min-width: 1640px) {
    .porfolio_input .uploaded_file_name {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.4rem;
      color: #000000;
      line-height: 1.4rem;
      margin-top: 5px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    .porfolio_input .uploaded_file_name {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.4rem;
      color: #000000;
      line-height: 1.4rem;
      margin-top: 5px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    .porfolio_input .uploaded_file_name {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.4rem;
      color: #000000;
      line-height: 1.4rem;
      margin-top: 5px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    .porfolio_input .uploaded_file_name {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.4rem;
      color: #000000;
      line-height: 1.4rem;
      margin-top: 5px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .porfolio_input .uploaded_file_name {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.4rem;
      color: #000000;
      line-height: 1.4rem;
      margin-top: 5px; } }
  @media (max-width: 767px) {
    .porfolio_input .uploaded_file_name {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.4rem;
      color: #000000;
      line-height: 1.4rem;
      margin-top: 5px; } }
  .porfolio_input .ql-container input {
    width: auto; }
  .porfolio_input .uploaded_file_download {
    display: inline-block; }
  .porfolio_input .small_type {
    font-size: 1.4rem; }
  .porfolio_input .show_disabled {
    opacity: .4; }
  .porfolio_input .input_help {
    margin-top: 5px; }
    @media (min-width: 1640px) {
      .porfolio_input .input_help {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.2rem;
        color: #626466;
        line-height: 1.6rem; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      .porfolio_input .input_help {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.2rem;
        color: #626466;
        line-height: 1.6rem; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      .porfolio_input .input_help {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.2rem;
        color: #626466;
        line-height: 1.6rem; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      .porfolio_input .input_help {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.2rem;
        color: #626466;
        line-height: 1.6rem; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .porfolio_input .input_help {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.2rem;
        color: #626466;
        line-height: 1.6rem; } }
    @media (max-width: 767px) {
      .porfolio_input .input_help {
        font-family: gotham, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1.2rem;
        color: #626466;
        line-height: 1.6rem; } }
  @media (min-width: 1640px) {
    .porfolio_input .app_view_info {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    .porfolio_input .app_view_info {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    .porfolio_input .app_view_info {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    .porfolio_input .app_view_info {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .porfolio_input .app_view_info {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 767px) {
    .porfolio_input .app_view_info {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.2rem; } }
  .porfolio_input .app_view_info .app_title {
    font-weight: 600 !important; }

@media (min-width: 1640px) {
  .checkboxinput, .radioinput {
    font-family: gotham, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.4rem;
    color: #000000;
    line-height: 2.4rem; } }
@media (max-width: 1639px) and (min-width: 1440px) {
  .checkboxinput, .radioinput {
    font-family: gotham, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 3.0rem;
    padding: 0px 10px; } }
@media (max-width: 1439px) and (min-width: 1201px) {
  .checkboxinput, .radioinput {
    font-family: gotham, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 3.0rem;
    padding: 0px 10px; } }
@media (max-width: 1200px) and (min-width: 992px) {
  .checkboxinput, .radioinput {
    font-family: gotham, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 3.0rem;
    padding: 0px 10px; } }
@media (max-width: 991px) and (min-width: 768px) {
  .checkboxinput, .radioinput {
    font-family: gotham, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 3.0rem;
    padding: 0px 10px; } }
@media (max-width: 767px) {
  .checkboxinput, .radioinput {
    font-family: gotham, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.8rem;
    color: #000000;
    line-height: 3.0rem;
    padding: 0px 10px; } }
.checkboxinput input[type="radio"], .radioinput input[type="radio"] {
  width: 14px;
  float: left;
  margin-top: 4px;
  margin-right: 5px; }

.radioinput label {
  display: inline-block;
  width: auto !important; }
  @media (min-width: 1640px) {
    .radioinput label {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.4rem;
      color: #000000;
      line-height: 2.4rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    .radioinput label {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 3.0rem;
      padding: 0px 10px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    .radioinput label {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 3.0rem;
      padding: 0px 10px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    .radioinput label {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 3.0rem;
      padding: 0px 10px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .radioinput label {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 3.0rem;
      padding: 0px 10px; } }
  @media (max-width: 767px) {
    .radioinput label {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 3.0rem;
      padding: 0px 10px; } }

.opp_item {
  margin-bottom: 50px; }
  @media (min-width: 1640px) {
    .opp_item .opp_item_inner .dash_opp_title {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    .opp_item .opp_item_inner .dash_opp_title {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    .opp_item .opp_item_inner .dash_opp_title {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    .opp_item .opp_item_inner .dash_opp_title {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .opp_item .opp_item_inner .dash_opp_title {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (max-width: 767px) {
    .opp_item .opp_item_inner .dash_opp_title {
      font-family: gotham, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 2rem;
      color: #000000;
      line-height: 2.2rem; } }
  @media (min-width: 1640px) {
    .opp_item .opp_item_inner .dash_opp_date {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.2rem;
      color: #000000;
      line-height: 1.6rem; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    .opp_item .opp_item_inner .dash_opp_date {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.2rem;
      color: #000000;
      line-height: 1.6rem; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    .opp_item .opp_item_inner .dash_opp_date {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.2rem;
      color: #000000;
      line-height: 1.6rem; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    .opp_item .opp_item_inner .dash_opp_date {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.2rem;
      color: #000000;
      line-height: 1.6rem; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .opp_item .opp_item_inner .dash_opp_date {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.2rem;
      color: #000000;
      line-height: 1.6rem; } }
  @media (max-width: 767px) {
    .opp_item .opp_item_inner .dash_opp_date {
      font-family: gotham, sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 1.2rem;
      color: #000000;
      line-height: 1.6rem; } }
  .opp_item .opp_item_inner .dash_opp_date span {
    font-weight: 500; }
  .opp_item .opp_item_inner a {
    margin-top: 10px;
    display: inline-block; }

#filter_form {
  margin-bottom: 20px; }
  @media (min-width: 1640px) {
    #filter_form label {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      margin-bottom: 8px; } }
  @media (max-width: 1639px) and (min-width: 1440px) {
    #filter_form label {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      margin-bottom: 8px; } }
  @media (max-width: 1439px) and (min-width: 1201px) {
    #filter_form label {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      margin-bottom: 8px; } }
  @media (max-width: 1200px) and (min-width: 992px) {
    #filter_form label {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      margin-bottom: 8px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #filter_form label {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      margin-bottom: 8px; } }
  @media (max-width: 767px) {
    #filter_form label {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      color: #000000;
      line-height: 2.1rem;
      margin-bottom: 8px; } }
  #filter_form select {
    border: 1px solid #626466;
    background-color: #ffffff; }
    @media (min-width: 1640px) {
      #filter_form select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 1639px) and (min-width: 1440px) {
      #filter_form select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 1439px) and (min-width: 1201px) {
      #filter_form select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #filter_form select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #filter_form select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
    @media (max-width: 767px) {
      #filter_form select {
        font-family: gotham, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 1.6rem;
        color: #000000;
        line-height: 3.4rem;
        padding: 0px 10px;
        height: 3.4rem; } }
  #filter_form button, #filter_form #filter_reset {
    margin-top: 25px; }

#opp_none {
  display: none; }

.hide_none {
  display: block !important; }

@media (min-width: 992px) {
  #footer_inner_right {
    padding-top: 130px;
    padding-right: 25px; } }
@media (max-width: 991px) and (min-width: 768px) {
  #footer_inner_right {
    padding-top: 0px;
    padding-right: 25px;
    padding-bottom: 50px; } }
@media (max-width: 767px) {
  #footer_inner_right {
    padding-top: 0px;
    padding-right: 14px;
    padding-bottom: 28px; } }
#footer_inner_right #footer_inner_right_img {
  display: inline-block;
  position: relative;
  z-index: 2; }
#footer_inner_right #footer_inner_right_img:after {
  position: absolute;
  content: '';
  height: 100%;
  background-color: #DFE340;
  z-index: -1; }
  @media (min-width: 768px) {
    #footer_inner_right #footer_inner_right_img:after {
      right: -25px;
      bottom: -25px;
      width: calc(100% - 90px); } }
  @media (max-width: 767px) {
    #footer_inner_right #footer_inner_right_img:after {
      right: -14px;
      bottom: -14px;
      width: calc(100% - 40px); } }

.hide_opp {
  display: none; }

#page_contact {
  padding: 18px 18px 20px 18px; }
  #page_contact #page_contact_header {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.9rem;
    color: #000000;
    text-align: center;
    line-height: 1.8rem;
    margin-bottom: 18px; }
  #page_contact #page_contact_img {
    margin-bottom: 12px; }
  #page_contact #page_contact_about {
    margin-bottom: 6px; }
    #page_contact #page_contact_about #page_contact_name {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 2.3rem;
      color: #000000;
      line-height: 2.2rem; }
    #page_contact #page_contact_about #page_contact_title {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 2.1rem;
      color: #000000;
      line-height: 2.5rem; }
  #page_contact #page_contact_phone a {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.1rem;
    color: #000000;
    line-height: 2.7rem;
    padding-left: 18px;
    position: relative; }
  #page_contact #page_contact_email {
    position: relative;
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: #000000;
    line-height: 2.7rem;
    padding-left: 18px;
    cursor: pointer; }
    #page_contact #page_contact_email a {
      color: #000000; }
  #page_contact #page_contact_phone a:before {
    position: absolute;
    left: 0px;
    top: calc(50% - 7px);
    width: 15px;
    height: 15px;
    content: '';
    background: url("../images/site_graphics.png") 0px -24px no-repeat; }
  #page_contact #page_contact_email:before {
    position: absolute;
    left: 0px;
    top: calc(50% - 4px);
    width: 15px;
    height: 9px;
    content: '';
    background: url("../images/site_graphics.png") 0px -41px no-repeat; }

#page_contact.floating {
  padding: 18px 18px 20px 18px;
  width: 600px;
  height: 250px;
  padding-left: 60px;
  background: #00A2AF;
  border: none;
  position: fixed;
  z-index: 10000;
  top: calc(40% - 125px);
  right: calc(-600px + 60px);
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  -moz-transition: 0.25s;
  -webkit-transition: 0.25s; }
  #page_contact.floating:hover {
    right: calc(-600px + 70px); }
  #page_contact.floating.show, #page_contact.floating.show:hover {
    right: 0px; }
  @media screen and (max-width: 767px) {
    #page_contact.floating {
      right: auto !important;
      left: 100% !important; }
      #page_contact.floating #page_contact_inner {
        position: fixed;
        width: 100%;
        height: calc(100% - 70px);
        top: 70px;
        left: 0px;
        padding: 20px;
        background: #00A2AF;
        pointer-events: none;
        opacity: 0;
        z-index: 100000;
        -o-transition: 0.25s;
        -ms-transition: 0.25s;
        -moz-transition: 0.25s;
        -webkit-transition: 0.25s; }
        #page_contact.floating #page_contact_inner.alert-active {
          top: 120px; }
      #page_contact.floating.show #page_contact_inner {
        pointer-events: auto;
        opacity: 1; }
      #page_contact.floating #page_contact_close {
        height: 40px;
        width: 40px;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        background: url(../images/close_icon.svg) center center no-repeat;
        background-size: 100% 100%; } }
  #page_contact.floating #page_contact_tab {
    content: '';
    cursor: pointer;
    background: url(../images/talk_to_us_tab.png) 10px center no-repeat;
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 1;
    outline: none;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    -moz-transition: 0.25s;
    -webkit-transition: 0.25s; }
    #page_contact.floating #page_contact_tab:hover {
      opacity: 0.75; }
    @media screen and (max-width: 767px) {
      #page_contact.floating #page_contact_tab {
        height: 64px;
        position: fixed;
        top: 130px;
        left: auto;
        right: 0px;
        opacity: 1 !important;
        background-position: 10px 15px;
        background-color: #00A2AF; } }
  #page_contact.floating #page_contact_header {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.9rem;
    color: white;
    text-align: left;
    line-height: 1.8rem;
    margin-bottom: 18px; }
  #page_contact.floating #page_contact_img {
    margin-bottom: 12px;
    width: calc(29% - 10px);
    display: inline-block;
    vertical-align: top; }
  #page_contact.floating #page_contact_info {
    width: calc(71% - 10px);
    display: inline-block;
    padding: 10px;
    vertical-align: top; }
  #page_contact.floating #page_contact_about {
    margin-bottom: 6px; }
    #page_contact.floating #page_contact_about #page_contact_name {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 2.3rem;
      color: white;
      line-height: 2.2rem; }
    #page_contact.floating #page_contact_about #page_contact_title {
      font-family: gotham, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 2.1rem;
      color: white;
      line-height: 2.5rem; }
  #page_contact.floating #page_contact_phone a {
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.1rem;
    color: white;
    line-height: 2.7rem;
    padding-left: 18px;
    position: relative; }
  #page_contact.floating #page_contact_email {
    position: relative;
    font-family: gotham, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6rem;
    color: white;
    line-height: 2.7rem;
    padding-left: 18px;
    cursor: pointer; }
    #page_contact.floating #page_contact_email a {
      color: white; }
  #page_contact.floating #page_contact_phone a:before {
    position: absolute;
    left: 0px;
    top: calc(50% - 7px);
    width: 15px;
    height: 15px;
    content: '';
    background: url("../images/site_graphics2.png") 0px -24px no-repeat; }
  #page_contact.floating #page_contact_email:before {
    position: absolute;
    left: 0px;
    top: calc(50% - 4px);
    width: 15px;
    height: 9px;
    content: '';
    background: url("../images/site_graphics2.png") 0px -41px no-repeat; }

.toast-body a {
  color: #ffffff;
  text-decoration: underline; }

/*# sourceMappingURL=style.css.map */