@charset "UTF-8";
@font-face { font-family: "Helvetica Neue"; src: url("../fonts/helvetica_neue/HelveticaNeue.otf") format("otf"), url("../fonts/helvetica_neue/helveticaneue.ttf") format("truetype"); font-weight: 300; font-display: auto; font-style: normal }
@font-face { font-family: "Helvetica Neue"; src: url("../fonts/helvetica_neue/HelveticaNeue-Medium.otf") format("otf"), url("../fonts/helvetica_neue/helveticaneuemedium.ttf") format("truetype"); font-weight: 400; font-display: auto; font-style: normal }
@font-face { font-family: "Helvetica Neue"; src: url("../fonts/helvetica_neue/HelveticaNeue-Bold.otf") format("otf"), url("../fonts/helvetica_neue/helveticaneuebold.ttf") format("truetype"); font-weight: 600; font-display: auto; font-style: normal }

/*
 * Reset CSS
 */
html { font-size: 16px; overflow-x: hidden; scroll-behavior: smooth }
body { margin: 0; padding: 0; color: #005AA3; background-color: #FFF; font-size: 1.4583vw; line-height: 1.5; font-weight: 400; font-family: "Helvetica Neue" }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { text-transform: uppercase; font-weight: bold; margin-top: 0; font-family: "Helvetica Neue" }
h1,
.h1 { font-size: 7.8125vw }
h2,
.h2 { font-size: 3.125vw; line-height: 1 }
h3,
.h3 { font-size: 33px }
p:last-child { margin-bottom: 0 }
a,
button { outline: none !important }
a { color: #FFCC00; text-decoration: none }
a:hover,
a:focus,
a:active { text-decoration: none; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; outline: none !important; color: inherit }
img { vertical-align: top; max-width: 100%; height: auto; border: 0 }
.container { max-width: 1612px; margin: 0 auto; width: 100% }
.btn { border-radius: 10px; padding: 12px 40px; text-transform: uppercase }
.btn-primary { background-color: transparent; color: #005AA3; border: 2px solid #005AA3 }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active { background-color: #005AA3; color: #FFCC00 }
.btn-second { background-color: transparent; color: #FFCC00; border: 2px solid #FFFFFF; padding: 23px 67px }
.btn-second:hover,
.btn-second:focus,
.btn-second:active { background-color: #005AA3; color: #FFCC00 }
b,
strong { font-weight: bold }
.row.reverse { flex-direction: row-reverse }
.mw-1499 { max-width: 1499px }

/**
 * Header
 */
.header { position: absolute; width: 100%; z-index: 99; padding-top: 24px; padding-bottom: 24px }
.header .logo img,
.footer .footer_logo img { max-width: 200px; width: 100% }

/**
 * banner
 */
.banner { padding-bottom: 200px; padding-top: 200px }
.banner_info { width: 100%; max-width: 1466px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; color: #FFF }
.banner_info .banner_title { letter-spacing: 7px; margin-bottom: 17px }
.banner_info .banner_content { width: 100%; max-width: 537px; font-size: 30px; font-weight: bold; line-height: 1.3 }
.donate_group { width: 100%; display: flex; flex-wrap: wrap; max-width: 563px; align-items: stretch; margin-top: 80px }
.donate_group .donate_item { flex: 0 0 25%; width: 100%; padding-left: 4px; padding-right: 4px }
.donate_group .donate_item:first-child { padding-left: 0 }
.donate_group .donate_item a { transition: 0.35s; background-color: #003366; border: 1px solid #FFCC00; padding: 20px 25px; color: #FFF; border-radius: 15px; font-size: 50px; font-weight: bold; display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-items: flex-end }
.donate_group .donate_item a:hover,
.donate_group .donate_item a:focus,
.donate_group .donate_item a:active { background-color: #005AA3 }
.donate_group .donate_item a .donate_item_text { width: 100%; display: flex; line-height: 1; align-items: flex-start; justify-content: center }
.donate_item .dolla { font-size: 24px; padding-top: 7px; margin-right: 3px }
.donate_item .small { font-size: 15px }
.donate_item.other .donate_item_inner { height: 100% }
.donate_item.other a { font-size: 30px; height: 100% }

/**
 * Footer
 */
.footer { padding-top: 35px; padding-bottom: 35px; background-color: #003366 }
.footer .footer_block { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; display: flex; align-items: flex-end; justify-content: space-between }

/**
 * Section
 */
.section_group { background-size: cover; background-position: center; background-repeat: no-repeat }

/**
 * eder image content
 */
.ederimg_content > .row { align-items: center }
.ederimg_content .eder_content { width: 100%; max-width: 675px; padding-left: 15px; padding-right: 15px; font-weight: 300; margin-left: auto; margin-right: auto }
.ederimg_content .row.reverse .eder_content { margin-left: auto }
.ederimg_content .eder_content_title { margin-bottom: 35px }
.ederimg_content .eder_content_button { margin-top: 73px }
.ederimg_content .eder_content_smtitle { text-transform: none; margin-top: 30px }

/**
 * 
 */
.content_wgb { color: #FFF; width: 100%; max-width: 58.177vw; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: 300 }
.content_wgb .content_wgb_title { margin-bottom: 20px }
.content_wgb .content_wgb_button { margin-top: 80px }

/**
 * Sp
 */
.parallax { background-attachment: fixed }
.py-180 { padding-top: 180px; padding-bottom: 180px }
.py-200 { padding-top: 200px; padding-bottom: 200px }
.py-300 { padding-top: 300px; padding-bottom: 300px }
.text_yellow { color: #FFCC00 }
.over_bg_blue { background-color: rgba(0, 90, 163, 0.8) }
.title_lead { font-size: 75px }
.cs_info { z-index: 99; position: relative; color: #FFF; max-width: 537px; margin-left: 154px }
.cs_info .cs_content { margin-top: 35px; font-size: 20px; font-weight: 300 }