@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
body.compensate-for-scrollbar {
    overflow: auto !important;
    margin: 0 !important;
}

.fancybox-is-open .fancybox-bg {    opacity: .1 !important;}
.pop-up-wrap {max-width: 800px;}
.pop-up-inner-wrap .left-wrap img { width: 100%; display: block; margin: 0 auto; text-align: center; padding: 25px 0; }
.left-wrap { width: 60%; display: inline-block; background: #df9c03; padding: 50px 25px; }
.right-wrap { display: inline-block; width: 40%; padding-left: 28px; }
.pop-up-inner-wrap { display: flex; justify-content: center; align-items: center; }
.right-wrap p { color: #382c79; font-size: 20px; line-height: 30px; font-weight: 600; }
.fancybox-slide--html .fancybox-close-small { right: 20px; }
.fancybox-slide--html .fancybox-close-small:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(/images/close_popup.png);
    background-size: contain;
    top: 14px;
    z-index: 9999;
    position: absolute;
}
.fancybox-slide--html .fancybox-close-small path { fill: #fff; }



* { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {font-family: 'Inter', 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; font-family: 'Oswald', sans-serif; }
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: 1210px;margin: 0 auto; padding: 0 18px;} /*max-width: 1366px; */


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; border-bottom:1px solid #018498;}
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 15px 0 18px;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: 600; font-family: 'Oswald', sans-serif;}
section.header .wrap .header-menu ul li a:hover {color: #F2A91D;}
.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: 280px 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: 750px;position: absolute;top: -240px; /* right: 39%; */ padding-left:84px; font-size: 110px;font-weight: 500;line-height: 100px;margin: 0;}
.banner-part .banner-image .title h1 {
    font-weight: 300;
    line-height: 100px;
    letter-spacing: -2px;
}
.banner-part .banner-image .title h1 span {font-size: 110px;font-weight: 800;line-height: 100px;color: #f4aa00; width: 100%; display: inline-block;}
.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: 300;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: 700;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; max-width:1210px;}

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

.support .wrapper .left-title h2 {color: #fff;font-size: 60px;line-height: 64px;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: 700;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:8px 25px; border-left: 2px solid #fff;}
.support.help .right-contain ul li a {display: inline-block;}
.support.help .right-contain ul li a img {width: 180px;}
.support.help .right-contain ul li:first-child {padding-right: 25px;padding-left: 0; border:0;}	
.support.help .right-contain ul li #collier-logo {width:134px; height:48px;}
.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; margin-bottom:32px;}
.rise-up-section .social .rise-contain h3 {font-size: 60px;font-weight: 300;line-height: 77px;color: #fff;margin-bottom: 32px;}
.rise-up-section .social .rise-contain h3 span {font-size: 60px;font-weight: 700;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; display: block;}
.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: 170px 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: 64px;font-size: 60px; text-transform:uppercase;}
.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: 90%; margin:0 5%; 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: 700;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: 'Inter', sans-serif;text-transform: uppercase;}
footer.footer-section {width: 100%;display: inline-block;padding: 40px 0 50px 0;}
footer.footer-section .content {width: 100%;display: inline-block;}
footer.footer-section .content p {color: #382c79;font-size: 16px;line-height: 24px;font-weight: 400;margin-bottom: 23px;}
footer.footer-section .content p a {color: #382c79;font-size: 16px;line-height: 24px;font-weight: 400;margin-bottom: 23px;}
footer.footer-section .content h4 {text-transform: uppercase;color: #f4aa00;font-size: 30px;line-height: 40px;}
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: 80%;}
.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){
  
    div#modal {max-width: 90%;}
    .pop-up-inner-wrap {display: block;}
    .left-wrap {width: 100%;padding: 25px;}
    .right-wrap {width: 100%;padding-top: 11px;}
    .pop-up-inner-wrap .left-wrap img {padding: 10px 0;} 
    footer.footer-section .content img {    width: 100%;}
    .right-wrap {    padding-left: 0;}
    
    
  .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 li a img#collier-logo {width: 183px; height:65px;}
.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){
    
    .right-wrap p {    font-size: 16px;    line-height: 26px;}
section.header{height: 70px;}
section.header.sticky { height: auto;  }
section.header .wrap .header-menu{top: 70px;}
.banner-part {padding: 70px 0 70px 0;}
/*.banner-part .banner-image .title h1 br {display: none;}*/
.banner-part .banner-image .title h1 {font-size: 55px;line-height: 55px;padding-bottom: 40px;transform: inherit;position: unset;text-align: left; padding-left: 0;}
.banner-part .banner-image .title h1 span {font-size: 55px;line-height: 55px; text-align: left;}
.banner-part .banner-image {padding: 40px 0 45px 0;}
.banner-part .banner-image .title h3 {font-size: 35px;line-height: 41px;bottom: -48px; left: 10px;}
.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; text-align: left;}
.support .wrapper .right-contain {width: 100%;text-align: left;}
.right-contain.need {text-align: center !important;width: 100% !important;}
.support .wrapper .right-contain p {font-size: 16px;line-height: 26px; text-align: left;}
.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: 0; border:0; margin-bottom:16px;}
.rise-up-section .social .rise-contain h3 {font-size: 35px;line-height: 40px;margin-bottom: 20px;text-align: left;}
.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: left;}
.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;text-align: left; margin-top:8px;}
.voice-section .voice-wrap .vote-02 {width: 100%;text-align: center;}
.voice-section .voice-wrap .vote-02 p {font-size: 16px;line-height: 26px;text-align: left;  }
.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: left;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;}
.support .wrapper .right-contain .bottun { text-align: center; }
.container {
    padding: 0 30px;
}
body .btn15 { right: 75px; }

}