@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');





* { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: normal; font-style: normal; color: #000; }
input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline: 0; border: 1px solid #ff4838;  height: 50px; padding: 0 20px; font-family: 'GT America Bold';  font-size: 16px; width: 100%; }
input[type=checkbox], input[type=radio] { width: auto; height: auto; }
textarea { padding: 15px 20px; height: 100px; }
input[type=submit], button { width: auto; border: 0; cursor: pointer; background: url(images/blank.png) no-repeat left top #01adf1; font-size: 16px; line-height: 24px; font-weight: 700; padding: 8px 20px; color: #fff; display: inline-block; }

ul.hs-error-msgs { margin: 0; padding: 0; list-style: none; float: left; width: 100%; }
p {  font-size: 16px; line-height:26px; color: #000;}
a{ text-decoration:none;color: #ff4838;font-size: 18px;line-height: 28px;font-weight: bold;}
h1,h2,h3,h4,h5,h6 { margin-top:0; font-weight:700; margin-bottom:10px;  }
h1{font-size: 140px;line-height: 140px;color: #fff; }
h1{font-size: 54px;line-height: 75px;}

h2{font-size: 48px;line-height: 70px;color: #1d2932;}
h3{font-size: 36px;line-height: 45px;}
h4{font-size: 28px;line-height: 36px;}
h5{font-size: 24px;line-height: 30px;}
h6{font-size: 20px;line-height: 26px;}
span{font-size: 20px;line-height: 26px;font-weight: bold;}
em{ font-size: 16px; line-height:26px;}
ul, li{ font-size: 16px; line-height:26px;}
i{ font-size: 16px; line-height:26px;}

.container{max-width: 1366px;margin: 0 auto; padding: 0 18px;}


section.header {display: inline-block;padding:  25px 0;position:fixed; width: 100%;line-height: 108px;height: 80px;transition: all 0.4s ease;}
section.header.sticky {height: 99px;display: inline-block; position: fixed; top: 0; left: 0; z-index: 999; background: #00a9c3;}
section.header .wrap {width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
section.header .wrap .logo {margin: 0;display: inline-block;line-height: 0;}
section.header .wrap .header-menu {margin: 0;display: inline-block;}
section.header .wrap .logo a {width: 100%;display: inline-block;line-height: 0;}
section.header .wrap .logo a img {width: 230px;display: inline-block;object-fit: cover;object-position: center;}
section.header .wrap .header-menu ul {padding: 0;margin: 0;}
section.header .wrap .header-menu ul li {display: inline-block;padding: 0 8px;line-height: 20px;}
section.header .wrap .header-menu ul li + li {border-left: 2px solid #F2A91D;}
section.header .wrap .header-menu ul li a {font-size: 18px;color: #fff;line-height: 20px;font-weight: 500;}
.banner-part {width: 100%;display: block;padding: 370px 0 170px 0;background: #382c79;overflow: hidden;}
.banner-part .banner-image {background-size: cover;width: 100%;position: relative;display: inline-block;background-repeat: no-repeat;background-position: top center;vertical-align: top;padding: 262px 0 140px 0;}
.banner-part .banner-image .title {width: 100%;display: inline-block;}
.banner-part .banner-image .title h1 {transform: translate3d(58%, 10px, 32px);width: 100%;max-width: 735px;position: absolute;top: -277px;right: 39%;font-size: 80px;font-weight: 500;line-height: 110px;margin: 0;}
.banner-part .banner-image .title h1 span {font-size: 80px;font-weight: 500;line-height: 110px;color: #f4aa00;}
.banner-part .banner-image .title h1 .color {color: #00a9c3;}
.banner-part .banner-image .title p {color: #fff;font-size: 22px;line-height: 35px;max-width: 1210px;width: 100%;margin-bottom: 20px;}
.banner-part .banner-image .title h3 {font-size: 60px;font-weight: 500;line-height: 77px;width: 100%;display: inline-block;color: #fff;position: absolute;bottom: -43px;left: 344px;}
.banner-part .banner-image .title h3 span {font-size: 60px;font-weight: 500;line-height: 77px;color: #f4aa00;}







.support {width: 100%;display: block;background: #00a9c3;padding: 80px 0;position: relative;}

.support .wrapper {width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: flex-start;}

.support .wrapper .left-title {width: 40%;display: inline-block;}

.support .wrapper .left-title h2 {color: #fff;font-size: 60px;line-height: 70px;text-transform: uppercase;}

.support .wrapper .right-contain {width: 60%; display: inline-block;}

.support:before {position: absolute;content: '';width:175px;height: 9px;left: 0;top: 89px;background: #f4aa00;}
.support .wrapper .right-contain p {font-size: 22px;line-height: 33px;color: #fff;margin-bottom: 48px;}
.support .wrapper .right-contain .bottun {width: 100%;display: inline-block;}
.support .wrapper .right-contain .bottun a {transition: all ease-in-out 0.4s;font-size: 20px;font-weight: 500;text-transform: uppercase;color: #fff;padding: 13px 24px;border: 1px solid #fff;}
.support .wrapper .right-contain .bottun a:hover {background: #382c79;border: 1px solid #382c79;}

.support.help {background: #f4aa00;}
.support.help:before{background: #00a9c3;}
.support.help .right-contain ul {padding: 0;margin-top:  35px;}
.support.help .right-contain ul li {display: inline-block;padding-left: 35px;}
.support.help .right-contain ul li a {display: inline-block;}
.support.help .right-contain ul li a img {width: 317px;}
.support.help .right-contain ul li:first-child {border-right: 2px solid #fff;padding-right: 35px;padding-left: 0;}	
.support.help .right-contain p {margin-bottom: 20px;}

.rise-up-section {width: 100%;display: block;padding-bottom: 200px;background: #382D7A}
.rise-up-section .social {background-size: cover;background-repeat: no-repeat;background-position: top;padding: 90px 0 200px 0;position: relative;}	
.rise-up-section .social .rise-contain {width: 100%;display: inline-block;}
.rise-up-section .social .rise-contain h3 {font-size: 60px;font-weight: 500;line-height: 77px;color: #fff;margin-bottom: 50px;}
.rise-up-section .social .rise-contain h3 span {font-size: 60px;font-weight: 500;line-height: 77px;color: #f4aa00;}
.rise-up-section .social .rise-contain p {color: #fff;font-size: 22px;line-height: 35px;margin-bottom: 20px;}
.rise-up-section .social:before {position: absolute;content: '';left: 0;top: 109px;width: 175px;height: 9px;background: #fff;}

.rise-up-section .social .tow-image {width: 100%;display: flex;margin: 0;align-items: stretch;justify-content: center;position: absolute;left: 0;bottom: -146px;}
.rise-up-section .social .tow-image .col {width: 370px;display: flex;margin: 0 25px;align-items: center;box-shadow: 17px 16px 0 0 #f4aa00;}
.rise-up-section .social .tow-image .col img {width: 100%;object-fit: contain;object-position: center;}
.rise-up-section .social .tow-image .col.next {box-shadow: 17px 16px 0 0 #00a9c3;}
.voice-section {width: 100%;display: inline-block;position: relative;background: #00a9c3;padding: 150px 0;}
.voice-section:before {position: absolute;width: 175px;height: 9px;background: #f4aa00;content: '';top: 170px;}
.voice-section .voice-wrap {width: 100%;display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.voice-section .voice-wrap .vote {display: inline-block;margin: 0;}
.voice-section .voice-wrap .vote-01 {margin: 0;width: 23%; display: inline-block}
.voice-section .voice-wrap .vote-01 h2 {color: #fff;line-height: 70px;font-size: 60px;}
.voice-section .voice-wrap .vote-02 {width: 45%;margin: 0;display: inline-block;}
.voice-section .voice-wrap .vote-02 p {color: #fff;font-size: 22px;line-height: 35px;margin-bottom: 15px;}
.voice-section .voice-wrap .vote-03 {width: 20%;display: inline-block;margin: 0;}
.voice-section .voice-wrap .vote-03 img {width: 100%;display: inline-block;object-fit: cover;object-position: center;}	
.voice-section .voice-wrap .vote-02 .register-btn {width: 100%;display: inline-block;margin-top: 40px;}
.voice-section .voice-wrap .vote-02 .register-btn a {transition: all ease-in-out 0.4s;font-size: 20px;font-weight: 500;text-transform: uppercase;color: #fff;padding: 13px 24px;border: 1px solid #fff;}
.voice-section .voice-wrap .vote-02 .register-btn a:hover {background: #382c79;border: 1px solid #382c79;}	

.subscribe {width: 100%;display: inline-block;background: #f4aa00;padding: 50px 0;}
.subscribe .wrap {align-items: center;width: 100%;display: flex;justify-content: space-around;flex-wrap: wrap;}
.subscribe .wrap p {font-size: 22px;color: #fff;max-width: 600px;line-height: 35px;margin: 0;}
.subscribe .wrap .subscribe_form {margin: 0;width: 425px;}
.subscribe .wrap .subscribe_form .input-group {display: flex;align-items: center;}
.subscribe .wrap .subscribe_form .input-group .form-control {margin-right: 5px;border: none;font-size: 16px;font-family: 'Oswald', sans-serif;}
.subscribe .wrap .subscribe_form .input-group span .btn.btn-default {width: 125px;background: transparent;border: 1px solid #fff;font-size: 16px;font-family: 'Oswald', sans-serif;text-transform: uppercase;}
footer.footer-section {width: 100%;display: inline-block;padding: 80px 0 50px 0;}
footer.footer-section .content {width: 100%;display: inline-block;}
footer.footer-section .content p {color: #382c79;font-size: 20px;line-height: 31px;font-weight: 400;margin-bottom: 23px;}
footer.footer-section .content p a {color: #382c79;font-size: 20px;line-height: 31px;font-weight: 400;margin-bottom: 23px;}
footer.footer-section .content h4 {text-transform: uppercase;color: #f4aa00;font-size: 30px;line-height: 40px;margin-bottom: 21px;}
footer.footer-section .content .footer-logo {width: 240px;display: inline-block;margin-top: 15px;}
footer.footer-section .content .footer-logo a {width: 100%;display: inline-block;object-fit: cover;object-position: center;}
footer.footer-section .content .footer-logo a img {width: 100%;}
.btn15 {
    position: absolute;
    top: 8px;
    right: 62px;
    transition-duration: 0.5s;
    display: none;
}
.btn15 .icon {
  transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 30px;
  top: 30px;
  background-color: #fff;
  border-radius: 4px;
  left: 15px;
}
.btn15 .icon:before {
  transition-duration: 0.5s;
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #fff;
  content: "";
  top: -10px;
  border-radius: 4px;
}
.btn15 .icon:after {
  transition-duration: 0.5s;
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #fff;
  content: "";
  top: 10px;
  border-radius: 4px;
}
.btn15.open .icon {
  transition-duration: 0.5s;
  background: transparent;
}
.btn15.open .icon:before {
  transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
}
.btn15.open .icon:after {
  transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
}
.btn15:hover {
  background: #fff;
  cursor: pointer;
}







/*media*/

@media(max-width: 1700px){
	.support:before{top: 70px;}
	.banner-part .banner-image .title h3{left: 231px;}
	.voice-section:before{top: 154px;}
	.voice-section .voice-wrap .vote-01{width: 26%;}
	.rise-up-section .social:before{top: 82px;}


}

@media(max-width: 1199px){
.banner-part{padding: 353px 0 140px 0;}
.banner-part .banner-image .title h1 {top: -206px;font-size: 70px;line-height: 95px;}
.banner-part .banner-image .title h1 span {font-size: 70px;line-height: 95px;}
section.header .wrap .logo a img {width: 185px;}
.banner-part .banner-image{padding: 225px 0 122px 0;}
.banner-part .banner-image .title p {font-size: 20px;line-height: 33px;margin-bottom: 18px;}
.banner-part .banner-image .title h3 {font-size: 55px;line-height: 61px;left: 0;margin-left: 18px;}
.support{padding: 70px 0;}
.support:before{top: 60px;}
.support .wrapper .right-contain p {font-size: 20px;line-height: 32px;}
.support.help .right-contain ul li a img {width: 250px;}
.support .wrapper .left-title h2 {font-size: 55px;line-height: 63px;}
.rise-up-section .social{padding: 80px 0 200px 0;}
.rise-up-section .social .rise-contain h3 {font-size: 55px;line-height: 63px;margin-bottom: 38px;}
.rise-up-section .social .rise-contain p {font-size: 20px;line-height: 33px;margin-bottom: 20px;}
.rise-up-section .social:before{top: 74px;}
.rise-up-section .social .tow-image .col {width: 340px;}
.voice-section .voice-wrap .vote-01 h2 {line-height: 63px;font-size: 55px;}
.voice-section .voice-wrap .vote-01 {width: 33%;}
.voice-section {padding: 100PX 0;}
.voice-section .voice-wrap .vote-02 p {font-size: 20px;line-height: 33px;}
.voice-section:before{top: 98px;}
.voice-section .voice-wrap .vote-02 .register-btn a {padding: 13px 21px;font-size: 18px;}
.support .wrapper .right-contain .bottun  a {padding: 13px 21px;font-size: 18px;}
.subscribe {padding: 45px 0;}
.subscribe .wrap{justify-content: space-between;}
.subscribe .wrap p {font-size: 20px;max-width: 537px;line-height: 33px;}


}




@media(max-width: 991px){
  .btn15{display:block;z-index: 2;top: 0;}
  section.header .wrap .header-menu{display:none;}
  .header .header-wrap{justify-content: space-between; }
  section.header .wrap .header-menu
  .header-menu  {text-align: center;width: 100%;margin: 0;position: absolute;background-color: #2d4a8a;padding: 24px 10px;list-style: none;z-index: 9;left: 0;top: 80px;}
  .header-menu ul li{display: block;padding: 7px 0;}
  .header-menu ul li a {color: #fff;}
section.header{background: #00a9c3;padding: 15px 0;z-index: 9;}
section.header.sticky {height: 85px;}
section.header .wrap .header-menu {margin: 0;background: #00a9c3;width: 100%;position: absolute;left: 0;top: 80px;}
section.header .wrap .header-menu ul {padding: 20px 15px;}
section.header .wrap .header-menu ul li {padding: 0 0px;line-height: 20px;text-align: center;padding: 10px 0;display: block;}
section.header .wrap .header-menu ul li + li {border-left: none;}
section.header .wrap .header-menu ul li {border-bottom: 1px solid #f4aa00;}
section.header .wrap .header-menu ul li:last-child {border: none;padding-bottom: 0;}
.banner-part {padding: 339px 0 100px 0;}
.banner-part .banner-image {padding: 170px 0 87px 0;}
.banner-part .banner-image .title h1 {font-size: 60px;line-height: 80px;}
.banner-part .banner-image .title h1 span {font-size: 60px;line-height: 80px;}
.banner-part .banner-image .title p {font-size: 17px;line-height: 30px;margin-bottom: 13px;}
.banner-part .banner-image .title h3 span {font-size: 45px;line-height: 53px;}
.banner-part .banner-image .title h3 {font-size: 45px;line-height: 53px;bottom: -34px;}
.support .wrapper .left-title h2 {font-size: 45px;line-height: 53px;}
.support .wrapper .right-contain p {font-size: 18px;line-height: 29px;}
.support .wrapper .right-contain .bottun  a {padding: 12px 19px;font-size: 16px;}
.support.help .right-contain ul li a img {width: 183px;}
.support.help .right-contain ul{margin-top: 0;}
.rise-up-section .social .rise-contain h3 {font-size: 45px;line-height: 53px;margin-bottom: 20px;}
.rise-up-section .social .rise-contain h3 span{font-size: 45px;line-height: 53px;}
.rise-up-section .social:before {top: 66px;}
.rise-up-section .social .rise-contain p {font-size: 18px;line-height: 31px;margin-bottom: 9px;}
.rise-up-section .social .tow-image .col {width: 266px;}   
.rise-up-section .social {padding: 80px 0 170px 0;}
.rise-up-section .social .tow-image{bottom: -104px;}
.voice-section .voice-wrap .vote-01 h2 {line-height: 53px;font-size: 44px;}
.voice-section .voice-wrap .vote-02 p {font-size: 18px;line-height: 30px;}
.voice-section .voice-wrap .vote-02 .register-btn a{padding: 12px 19px;font-size: 16px;}
.voice-section {padding: 80PX 0;}
.voice-section:before {top: 80px;}
.subscribe {padding: 36px 0;}
.subscribe .wrap p {font-size: 17px;max-width: 388px;line-height: 29px;}
.subscribe .wrap .subscribe_form {width: 343px;}
.subscribe .wrap .subscribe_form .input-group .form-control{height: 44px;}
.subscribe .wrap .subscribe_form .input-group span .btn.btn-default{height: 44px;}
footer.footer-section {padding: 50px 0 40px 0;}
footer.footer-section .content p {font-size: 18px;line-height: 28px;margin-bottom: 12px;}
footer.footer-section .content h4 {font-size: 27px;line-height: 37px;margin-bottom: 14px;}
footer.footer-section .content .footer-logo {width: 215px;}
}



@media(max-width: 767px){
section.header{height: 70px;}
section.header .wrap .header-menu{top: 70px;}
.banner-part {padding: 158px 0 70px 0;}
/*.banner-part .banner-image .title h1 br {display: none;}*/
.banner-part .banner-image .title h1 {font-size: 45px;line-height: 55px;padding-bottom: 40px;transform: inherit;position: unset;text-align: center;}
.banner-part .banner-image .title h1 span {font-size: 45px;line-height: 55px;}
.banner-part .banner-image {padding: 40px 0 45px 0;}
.banner-part .banner-image .title h3 {font-size: 35px;line-height: 41px;bottom: -48px;}
.banner-part .banner-image .title h3 span{font-size: 35px;line-height: 41px;}
.support .wrapper .left-title {width: 100%;text-align: center;}
.support .wrapper .left-title h2 br{ display: none; }
.support .wrapper .left-title h2 {font-size: 35px;line-height: 41px;}
.support .wrapper .right-contain {width: 90%;text-align: left;}
.right-contain.need {text-align: center !important;width: 100% !important;}
.support .wrapper .right-contain p {font-size: 16px;line-height: 26px;}
.support .wrapper .right-contain .bottun  a {padding: 11px 17px;font-size: 15px;}
.support.help .right-contain ul li:first-child {border-right: none;padding-right: 0;margin-bottom: 15px;}
.support.help .right-contain ul li {display: block;padding-left: 0;}
.rise-up-section .social .rise-contain h3 {font-size: 35px;line-height: 40px;margin-bottom: 20px;text-align: center;}
.rise-up-section .social .rise-contain h3 span{font-size: 35px;line-height: 40px}
.rise-up-section .social .rise-contain p {font-size: 16px;line-height: 27px;margin-bottom: 5px;text-align: center;}
.rise-up-section .social .tow-image {flex-wrap: wrap;margin-top: 36px;position: unset;}
.rise-up-section .social .tow-image .col {width: 309px;margin-bottom: 40px;}
.rise-up-section{padding-bottom: 50px;}
.rise-up-section .social {padding: 80px 0 21px 0;}
.voice-section .voice-wrap .vote-01 {width: 100%;text-align:  center;margin-bottom: 9px;}
.voice-section:before {top: 75px;}
.voice-section .voice-wrap .vote-01 h2 {line-height: 41px;font-size: 35px;}
.voice-section .voice-wrap .vote-02 {width: 100%;text-align: center;}
.voice-section .voice-wrap .vote-02 p {font-size: 16px;line-height: 26px;}
.voice-section .voice-wrap .vote-02 .register-btn{margin-top: 25px;}
.voice-section .voice-wrap .vote-02 .register-btn a{padding: 11px 17px;font-size: 15px;}
.voice-section .voice-wrap .vote-03 {width: 100%;display: inline-block;max-width: 250px;margin: 0 auto;margin-top: 40px;}
.subscribe {padding: 25px 0;}
.subscribe .wrap {justify-content: space-around;}
.subscribe .wrap p {font-size: 16px;line-height: 26px;text-align: center;margin-bottom: 20px;}
.subscribe .wrap .subscribe_form .input-group .form-control {height: 40px;padding: 0 10px;}
.subscribe .wrap .subscribe_form .input-group span .btn.btn-default {height: 40px;width: 100px;padding: 0;font-size: 15px;}
footer.footer-section {padding: 33px 0 24px 0;}
footer.footer-section .content p {font-size: 16px;line-height: 26px;margin-bottom: 7px;}
footer.footer-section .content p a {font-size: 16px;line-height: 26px;}
footer.footer-section .content h4 {font-size: 25px;line-height: 34px;margin-bottom: 8px;}
footer.footer-section .content .footer-logo {width: 175px;}

}