@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');


html, body{ background:#fff; font-family: "Hanken Grotesk", sans-serif; }
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px}
p{margin:0px; padding:0px; }
ul {margin:0px; padding:0px; list-style:none}
ul li{margin:0px; padding:0px; }
a{text-decoration:none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.btn{text-decoration:none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}

.colr{ color: #45B74E; }
p{    line-height: 1.3em;}

.top_banner{    background: url(../images/topdarkbg.jpg) top center no-repeat;  width: 100%;  background-size: cover; padding: 30px 0 50px;     position: relative;    z-index: 2;}
.top_banner:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: .1;
	background: url(../images/ebg.png) no-repeat center bottom; background-size: 100% auto;}
.bnnertxtcntnt{ text-align:center; }
.logobnr{ margin: 0 0 20px;}
.bnnertxtcntnt h1 span{ font-weight: 600;  font-size: 50px;  color: #fff;  }
.bnnertxtcntnt h1 { display: inline-block; position: relative;   font-weight: 800; font-size: 55px; color: #45B74E; }
.bnnertxtcntnt h1 img{ position:absolute; left:-32px; top:30px; }
.bnnertxtcntnt h3{ font-weight: 600;  font-size: 30px;  color: #fff;   margin: 20px 0 0px;}
.bnnertxtcntnt h4{ font-weight: 700;  font-size: 42px;  color: #fff;   margin: 20px 0 0px;}
.bnnertxtlft p{ font-weight: 400;  font-size: 20px;  color: #fff;   margin: 20px 0 20px;}
.row.algcntr{    align-items: center;}
.bnnertxtrgt{ text-align:center; }

.section-mid{ padding: 70px 0 40px;     background:linear-gradient(to bottom, #F2FAFC 0%, #FFFFFF 100%); position: relative; z-index: 2}
.text-box {  background: #fff; padding:34px 30px 20px;  border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); margin: 0 auto 30px; width: 100%; max-width: 1110px;}
.text-box h3 span{ display:inline-block; background:#45B74E; padding:10px 10px 8px; font-size: 26px; border-radius:10px; text-align:center; color: #ffff;  position:absolute; left:0; top:0; }
.text-box h3 { position: relative;  padding:3px 0 0 120px; font-size: 36px;  color: #2b253a;  font-weight: 700;}
.text-box p{  color: #28303F; font-size: 24px;   margin:20px 0 20px; }
.text-box ul li img{ position:absolute; left:0; top:3px; }
.text-box ul li { position: relative;  padding:0px 0 12px 40px; font-size: 20px;  color: #28303F;  font-weight: 400;}
.text-box ol li {   padding:0px 0 12px 0px; font-size: 20px;  color: #28303F;  font-weight: 400;}
.text-box .row{    align-items: center;}
.text-box h4{ display:inline-block; background:linear-gradient(to right, #45B74E 0%, #0E0F39 100%);  padding:12px 20px 10px; font-weight: 700; font-size: 36px; border-radius:0 10px 10px 0;  color: #ffff; }
.text-box .imguphdng{ margin-left:-30px; }

.section2-darkbg{    background: url(../images/topdarkbg.jpg) top center no-repeat;  width: 100%;  background-size: cover; padding: 30px 0 30px;}
.bonuscntnt{ text-align:center; }
.bonuscntnt h2{ font-weight: 800; line-height:1.2em; font-size: 56px;  color: #fff;  }
.bonuscntnt h3{ text-align:center; margin:-40px 0 30px;}
.bonuscntnt h3 span{ display:inline-block; background:#45B74E; padding:10px 30px 10px; font-size: 30px; font-weight:700; border-radius:10px; text-align:center; color: #ffff;   }

.section-last{ padding: 50px 0 50px;     background:linear-gradient(to bottom, #F2FAFC 0%, #FFFFFF 100%); }
.needhelp{ text-align:center;}
.needhelp h2{ font-weight: 800; line-height:1.12em; font-size: 56px;  color: #000;  }
.needhelp p{  color: #28303F; font-size: 24px;   margin:20px 0 30px; }
.needhelp a{display:inline-block; background:#45B74E; padding:10px 25px 10px; font-size: 26px; font-weight:700; border-radius:10px; text-align:center; color: #ffff;  text-decoration:none; }
.needhelp a:hover{ background:#1e1f23;}

.fotrdarkbg{ background:#1e1f23; padding:40px 0 20px; }
.fotrcntnt{ text-align:center; }
.fotrcntnt p{ margin: 15px 0; font-size:16px; color:#888b9b; font-weight:400; }
.footer{ background:#000; padding:18px 0; }
.copyright{ text-align:center; }
.copyright p{ font-size:16px; color:#888b9b; font-weight:400; }
.copyright p a{color:#888b9b; text-decoration:underline;}

.videoB { width: 100%; max-width: 490px; margin: 0 auto 0; padding: 28px 0 0; position: relative; z-index: 2;}
.videoB iframe { background:#000;}
.videoB img { width: 100%;}

.videoB1 { width: 100%; max-width: 900px; margin: 30px auto 40px; padding:5px; position: relative; z-index: 2; background:#000;}
.videoB1 iframe { width: 100%;}
.videoB1 img { width: 100%;}
.videoB1.mrt1{ margin-top: 20px;}

.videoB2 { width: 100%; float: left; max-width: 250px; margin:0px 0 0 20px; padding:5px; }
.videoB2 iframe { width: 100%; }
.videoB2 img { width: 100%;}
.videoB2.mrt1{ margin-top: 20px;}

.downarrows{ position: absolute; top: -25px; left: 0; right: 0; width: 55px; height: 55px; margin: 0 auto; 
	box-shadow:0px 16px 10px -6px rgb(0 0 0 / 5%); border-radius: 50%; background: #fff; }
.downarrows:before { position: absolute; content: ''; width: 55px; height: 55px; top: 0px; right: 0px;
	background: url(../images/downarrows.png) no-repeat center;  background-size: 80% auto;
	-webkit-animation: mover .3s infinite alternate; animation: mover .3s infinite alternate;
}

@media (min-width: 1200px) and (max-width: 1400px) {


}

@media (min-width: 992px) and (max-width: 1199px) {
.bnnertxtcntnt h1 span {  font-size: 42px;}
.bnnertxtcntnt h1 {  font-size: 56px;}
.bnnertxtcntnt h3 { font-size: 32px;  margin: 16px 0 16px;}
.bonuscntnt h2 {  font-size: 48px;}
.needhelp h2{  font-size: 48px;}

}

@media (min-width: 768px) and (max-width: 991px) {
.top_banner {  padding: 40px 0 30px;}	
.bnnertxtcntnt h1 span {  font-size: 31px;}
.bnnertxtcntnt h1 {  font-size: 44px;}
.bnnertxtcntnt h1 img {  left: -32px;  top: 7px; width: 50px;}
.bnnertxtcntnt h3 { font-size: 26px;  margin: 8px 0 16px;}
.section-mid { padding: 50px 0 40px;}
.text-box h3 { padding: 5px 0 0 100px;  font-size: 27px;}
.text-box h3 span { font-size: 20px;}
.text-box p { font-size: 18px;}
.text-box p br{ display:none; }
.text-box ul li{ font-size: 18px;    padding: 0px 0 12px 36px}
.text-box ol li{ font-size: 18px; }
.text-box h4 { font-size: 28px;  margin: 0px 0 16px;}
.text-box .imguphdng{ margin-left:-30px; }
.bonuscntnt h2 {  font-size: 36px; margin-bottom: 10px;}
.needhelp h2{  font-size: 40px;}
.bnnertxtlft p{ font-size:17px;    margin: 15px 0 15px;}
.needhelp p{ font-size:18px;}
.section-last { padding: 36px 0 40px;}
.bonuscntnt h3 span {  padding: 8px 24px 8px;   font-size: 26px;}

}

@media (max-width: 767px) {
.top_banner {  padding: 40px 0 30px;}	
 .logobnr img{ width:200px; } 
br{ display:none; }
.bnnertxtcntnt h1 span {  font-size: 26px;}
.bnnertxtcntnt h1 {  font-size: 30px;}
.bnnertxtcntnt h1 img {  left: -8px; top: 14px;  width: 27px;}
.bnnertxtcntnt h3 { font-size: 22px;  margin: 8px 0 16px;}
.text-box h3 { padding:8px 0 12px 90px;  font-size: 22px;}
.text-box h3 span { font-size: 16px;}
.text-box { padding: 24px 20px 10px;}
.text-box p {    margin: 12px 0 12px; font-size: 16px;}
.text-box ul li{ font-size: 16px;    padding: 0px 0 10px 32px}
.text-box ol li{ font-size: 16px; }
.bnnertxtlft p {  font-size: 16px;}
.section-mid {  padding: 30px 0 30px;}
.text-box h4 { font-size:18px;  margin: 0px 0 16px;}
.text-box .imguphdng{ margin-left:-20px; }
.boxrgt{ text-align:center; margin: 15px 0; }
.bonuscntnt h2 {  font-size: 30px; margin-bottom: 10px;}
.needhelp h2{  font-size: 30px;}
.bnnertxtlft p{ font-size:16px;    margin: 15px 0 15px;}
.needhelp p{ font-size:16px;}
.section-last { padding: 30px 0 35px;}
.bonuscntnt h3 span {  padding: 8px 22px 8px;   font-size: 22px;}
.needhelp a {  padding: 10px 22px 10px;  font-size: 22px;}
.section2-darkbg { padding: 30px 0 6px;}
.fotrdarkbg { padding: 20px 0 10px;}
.fotrcntnt p {  font-size: 15px;}
.copyright p { font-size: 15px;}
}


@media (max-width: 576px) {


}


@media (max-width: 480px) {
.text-box h3 span {  display: block;    width: 110px;  margin-top: -40px;  margin-bottom: 11px;  position: inherit; }
.text-box h3{ padding:0 0 10px; }
.text-box {  margin: 0 auto 35px;}
.section-mid {  padding: 50px 0 10px;}
}

@media (max-width: 393px) {


}

@media (max-width: 360px) {


}


@media (max-width: 320px) {


}