html, body {overflow-x: hidden;}

body{width: 100vw;height: 100vh; padding: 0px; margin: auto; position: relative;font-family: 'Source Sans Pro', sans-serif;}


.active{display: block!important;}
.inactive{display: none!important;}
.s-active{background: #232c98 !important;}

.text-center{text-align: center!important;}
.bold{font-weight: bolder;}
.larger{font-size: 3rem!important; font-weight: 100;}
.green{color:  #232c98;}
.green-2{color:  #232c98;}
.mobile{display: none;}
.mobile-h{display: none;}

a{text-decoration: none;}

.header{
  width: 100vw;
  display:inline-flex;
  background-color: #fff;
  margin-bottom: 0px;
  
}
.col-l-l{
  text-align: left !important;
  margin-left:20px;
  width: 48%;
}
.col-l-r{
 width: 48%;
    display: inline-flex;
    margin-left: auto;
    justify-content: flex-end;
  margin-right: 25px;
}

.ft{
}
.tb{
     width: 100vw;
    max-height: 100px;
    background: transparent;
    z-index: 99;
    margin-bottom: -85px;
}
.ftb{
   width: 100vw;
    max-height: 100px;
    background: transparent;
    z-index: 99;
    margin-bottom: -10px;
    margin-top: -70px;
}
.block-spacer{height:15px;}

.icon{
  margin-top: 15px;
  width: 30px;
  height: 31px;
}

.ico1{margin-right: 15px;}
.ico2
{height: 28px;}

.cta {
  text-align: center;
  margin: 20px;
  margin-top: 30px;
  margin-bottom: 0px;
  font-size: 2rem;
  color: #232c98;
}
.sub-cta-t{font-weight: 400;}
.sub-cta {font-weight: 400;}

.mob-t{color: #333; text-align: center;font-size: 1.2rem; margin-bottom: 5px;}

.row-box{
  padding: 15px;
  display: inline-flex;
}

.pb{padding-bottom: 20px;}
.content{text-align: center; background-color: #fff; margin-top: 0px; margin-bottom: -15px; padding: 100px; background:radial-gradient(ellipse at center,#fff,#e0fbff); color: #333;
}

.col-1{
  width:48%;
  display: inline-flex;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.col-l{
  padding: 15px;
}

.col-l h3{
  font-size: 1.4rem;
}

.col-l h5{
  font-size: 1.25rem;
}

.col-r{
 width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
}

.usp{font-size: 1.3rem; color: rgb(0, 94, 113); font-style: italic;}
.usp li{margin-bottom: 10px;}

.forma input{
  width: 95%;
  height: calc(1.5em + 1.25rem + 2px)!important;
  border-radius: 5px;
  border-color: #fff;
  margin-top: 15px;
  
}

.forma{
  text-align: center;
}

.f-cta{color: #fff; font-size: 2.0rem; margin: 0px;}
.name{display:flex; width: 96%!important; margin-left: auto; margin-right: auto;}
.spacer{width: 15px;}

.submit{
  height: calc(1.5em + 1.25rem + 2px);
  width: 95%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 4px #000000;
  padding: 13px 10px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    display: block;
    background:linear-gradient(to bottom,#04ff23,#0abb20);
    background-color: #04ff23;
    margin-left: auto; margin-right: auto;
  margin-top: 20px;
  margin-bottom: 15px;
box-shadow: 0 3px 3px 0 rgba(50,50,50,.25);
  
}


.c-button { color: #fff;text-shadow: 1px 1px 10px #0e0101;
  margin-top: 30px; width: 100%; padding: 20px !important; border-radius: 10px !important; font-size: 1.3rem; border-color: #ccc; background-image: linear-gradient(180deg, #ff9900, #ff4700);
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 1; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 1; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1; } }

.cb{
  max-width: 15px;
  margin-top: 10px;
}


.main {
  text-align: center;
  padding: 15px;
  background-color: #232c98;
  color: #333;
}

.main-inner{
    background-color: #efefef14;
    color: #fff;
    border-start-end-radius: 25px;
    border-end-start-radius: 25px;}

.col-q{
  justify-content: center;
  display: inline-flex;
  width: 24.5%;
  margin-left: auto;
  margin-right: auto;
}

.ico{
  width: 30%;
  max-width: 60px;
  min-width: 50px;
  min-height: 50px;
  max-height: 60px;
  margin-left: auto;
  margin-right: auto;
}

svg path{  fill: #b1a6a6 !important;}
svg circle{  fill:  #4E77BF !important;}
.n-col{fill: #4E77BF !important;}

.blk {
  display: block; 
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  z-index: 200;
}


.footer{
  background-color: #232c98;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 15px;
  padding-bottom: 40px;
}

.f-left{width: 48%; position:absolute; left: auto; padding-left: 25px;padding-top: 20px;}
.f-right{width: 50%; position: relative;left: 47%; overflow: hidden;}
.f-right, p{word-break: break-word;}

.message-sticky {
  background-color: #005371!important;
  color: #fff!important;
  display: block;
  text-align: center;
  position: relative;
  width: 100%;
}
.mbmess{
  background-color: #005371!important;
  color: #fff!important;
  display: block;
  text-align: center;
  padding: 5px;
  position: relative;
  width: 100%;
}

.fa{
  content:'x';
  color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    display: inline-block;
    margin: 0;
    padding: 0.75em;
    cursor: pointer;
    z-index: 9999;
  }

.Message--animate {
  display:none;
  margin-top: -60px;
}

.sticky {
  position: fixed;
  width: 100%;
  z-index: 9;
}

.Button--campaign{
  margin-left:15px;
  font-size:1rem;
  font-weight:700;
  line-height:2.5rem;
  background-color:#6FA935!important;
  border-radius:6px;
  padding:0em 1.5em;
  text-align:center!important;
  text-decoration:none;
  color:#fff!important;
  -webkit-font-smoothing:auto;
  border:2px solid transparent;
  display:inline-block;
  position:relative;
  -webkit-transition:background-color 400ms cubic-bezier(0.19, 1, 0.22, 1),border-color 400ms cubic-bezier(0.19, 1, 0.22, 1),padding-left 400ms cubic-bezier(0.19, 1, 0.22, 1);
  transition:background-color 400ms cubic-bezier(0.19, 1, 0.22, 1),border-color 400ms cubic-bezier(0.19, 1, 0.22, 1),padding-left 400ms cubic-bezier(0.19, 1, 0.22, 1);
  cursor:pointer;
}

.mbsh{position:absolute;
padding-bottom: 10%;}

.button {
  position: relative;
  color: #195e71;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 2px solid #195e71;
  border-radius: 1000px;
  padding: 15px 60px;
  box-shadow: 0 2px 5px 0 rgba(3,6,26,0.15);
  transition: .5s all ease-in-out;
  &:hover {
    cursor: pointer;
    background: white;
    color: #1F4141;
    animation: none;
    //animation-play-state: paused;
  }
}
.button-pulse-a {
  animation: pulse-a 2s infinite 3s cubic-bezier(0.25, 0, 0, 1);
  box-shadow: 0 0 0 0 #6fa935;
}
@keyframes pulse-a {
  to {
    box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); 
  }
}




.cognito .c-action{float:none!important}
.cognito #c-submit-button{float:none!important}

.cognito .c-forms-form input[type=text], .cognito .c-forms-form input[type=password], .cognito .c-forms-form input[type=email], .cognito .c-forms-form input[type=tel], .cognito .c-forms-form input[type=url], .cognito .c-forms-form textarea, .cognito .c-forms-form select, .cognito .c-forms-form .c-repeating-section-container, .cognito .c-forms-form .c-signature .c-editor>div, .cognito .c-forms-form .has-switch, .cognito.c-payment .c-payment-field {border-radius: 5px!important;}

.cognito .c-forms-form .c-label {text-align: left; display: flex; color:#fff;}

.logo{width: 10%; min-width: 100px; padding-bottom: 15px;}
.logo-top{width: 20%; min-width: 100px; margin-bottom: -20px;}


.gbticklist{
    display:table;
    table-layout: fixed;
    background:  #232c98;
    border-style: none;
    margin-bottom: 0px;
    color:fff;
    border-radius: 0px;
    width:100%;
    flex-flow: row wrap;
      padding-top: 15px;
    padding-bottom: 10px;
}

.gblist{
    font-style: normal;
    background-color: transparent;
    font-weight: 500;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: rgb(255, 255, 255);
    margin-left: 20px;
}

.gbticklist span {
    display: table-cell;
    text-align: center;
}
.gbticklist span:first-child {
    margin-left: -10px;
}
.gbticklist span:last-child {
    margin-right: -10px;
}

@media(max-width:850px){
  .d2{display: none!important;}
  .m2 {display: block!important;}
}

.number{font-size: 2.5em; color:#05d6d8;}
.prog-steps{display: inline-flex;margin-left: auto;margin-right:auto;margin-top: 20px;margin-bottom: -20px;}
.st{width: 9vw;}
.st-text{
  font-weight: bold;
    font-size: 13px;
    color: #a0a0a0;
  text-align:center;
}
.formtitle{
      margin-top: 0px;
    font-size: 30px;
    color: #05d6d8;
    font-weight: 100;
}
.numbercircle {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    padding: 8px;
    background: #b3b3b3;
    border: 2px solid #fff;
    color: #fff;
    font-size: 21px;
    font-weight: bolder;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



.orangebutton: active{border-style: inset;}
.orangebutton: focus{outline: none!important;}



@media(max-width:900px){
  .col-1{width:100%;}
  .col-r{width:100%; padding: 0px; grid-template-columns: none;}
  .mobile{display: block!important;}
  .desktop{display: none!important;}
  .mobile-h{display: none!important;}
  .st{width: 15vw;}
  .content{text-align: center;}
  .blk{color: #544d4d;}
  
}


@media(max-width:706px){
  .col-q{width:49%;}
  .col-1{width:100%;}
  .col-r{width:100%; padding: 0px;}
    .content{text-align: center; padding: 60px;}
}

@media(max-width:528px){.st-text {display: none!important;} .st{margin-top:0px; margin-bottom: 15px;}}

@media(max-width:480px){
  .tb{width: auto;}
  .larger{    font-size: 2rem!important;font-weight: 600;}
}


@media(max-width:480px){
 .f-left {text-align: center;width: 100%;position: relative; padding-left: 0px;}
  .f-right {text-align: center;width: 95%; padding-right:20px; left:0px;}
  .f-c{text-align: center !importantwidth: 25%; margin-left: auto; justify-content: center; margin-right: auto;}
    .content{text-align: center; padding: 20px;}
}

@media(max-width:430px){
  .gbticklist span {
  text-align: justify!important;
   display: block!important;}
  
  .gbticklist{padding: 10px;}
  .gbticklist span:first-child {margin-left: 20px;}
}


@media(max-width:275px){
  .col-q{width:98%;}
  .col-1{width:100%;}
  .col-r{width:100%; padding: 0px;}
}


.customBackBtn{border: none; background-color: transparent; color:#fff;}

.return{text-align: left; padding-top: 40px;}

.q-row{display: flex;}
.q-block{
  max-width: 800px;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 95%;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
}
.form{color: #333; 
      display: block;
  
    position: relative;
    background: #FFF !important;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    border: 0px;
    padding: 30px 20px;
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    margin: 20px auto 20px;
    -webkit-box-shadow: 0px 0px 11px 0px rgb(4 125 249 / 66%);
    -moz-box-shadow: 0px 0px 11px 0px rgb(4 125 249 / 66%);
    box-shadow: 0px 0px 11px 0px rgb(4 125 249 / 66%);}

fieldset{border: none!important;
text-align: center;
}

.cognito input[type=text], .cognito input[type=password], .cognito input[type=email], .cognito input[type=tel], .cognito input[type=url], .cognito select, .cognito textarea, .c-payment .c-payment-field {background-color: #f3f3f3;}