/*---fastbakstylesheet---*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
img {border:0;vertical-align:middle;width:100%;}
a {
    text-decoration: none;
    color: #454545;
    cursor: pointer;
}
a:hover{color: #96C93D;}
i:hover{color: #96C93D;}
body{min-width:320px;  font-weight:400;  font-family:"Nunito Sans", sans-serif; font-size:16px; margin:0  auto; color:#454545; line-height: 1.3;}
.grey-bkg{background-color: #F5F5F5;}
.dark{color: #454545;}
.bold{font-weight: bold;}
.inline-block{display: inline-block;}
p{font-size: 16px;}
.desktop{display:none;}
#header.desktop{display: none;}
#main{margin-top:127px; min-height: 500px;}
.material-icons{vertical-align:middle;}
.relative-container {position:relative}
.printonly {display:none}
input::-ms-reveal,input::-ms-clear {display: none;}
.password-input{
  position: relative;
}
.password-input img{
  position: absolute;
  right: 15px;
  width: 25px;
  padding-top: 18px;
  cursor: pointer;
}
.password-req{display: flex;}
.password-req .note{width: 40%; font-size: 14px;}
.password-msg{color: red; font-size: 14px;}

.wrapper {max-width:1520px; min-width:280px; width:100%; margin: 0 auto; }
.center{text-align: center;}
.content-grid{padding: 0 20px;}
p{margin-top: 20px;}
section{padding-top:80px;}

.light-blue-bkg{background-color: #F5F8FD;}
.light-blue-bkg-container{padding:30px 20px; text-align: center;}
.static_banner .button{margin-top:20px}
.static_banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: .1;
}
.static_banner_title{color:#96C93D;  text-shadow: 3px 3px 3px black,0px 0px 3px black;}
.static_banner_text{color:#96C93D;  text-shadow: 3px 3px 3px black;}
.title{
    font-size: 28px;
    font-weight: bold;
    color: #96C93D;
    padding: 0px;
}
.title.blue-title{
    font-size: 33px;
    font-weight:bolder;
    color: #1A468D;
    padding: 0px;
}
.page-title{font-size:30px; font-weight: bold; color:#454545;}

.button.green-btn{
    background-color: #96C93D;
    border: 3px solid #96C93D;
    margin-top: 20px;
}
.button.green-btn:hover{
    background: #FFFFFF;
    color: #96C93D;
    border-color:#96C93D;
}
.button, button, .input-button, input[type="submit"], input[type="reset"], input[type="button"], button.button-primary{
    display: inline-block;
    background-color: #1A468D;
    border: 3px solid #1A468D;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    border-radius: 40px;
    height: unset;
    cursor: pointer;
    text-transform: capitalize;
    line-height: normal;
    padding: 15px 30px;
}
button:focus{
  background-color: #1A468D;
  border: 3px solid #1A468D;
  color: #FFFFFF;
}
.button:hover, button:hover, .input-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, button.button-primary:hover, button.button-primary:focus{
    background: #FFFFFF;
    color: #1A468D;
    border-color:#1A468D;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  border: 1px solid #30241D;
  outline: 0;
}
input[type="text"], input[type="password"], .input-text,select{
  background-color: #fff;
  border: 2px solid #DDDDDD;
  border-radius: 4px;
  color: #000;
  font-family: "Poppins",sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .0357143em;
  line-height: 18px;
  margin: 0 0 10px;
  padding: 18px 15px 15px 15px;
  height: unset;
}
input[type="checkbox"] {vertical-align:middle; margin-top:3px}
select {border: 2px solid #DDDDDD; border-radius: 4px; padding: 18px 15px 15px 15px;}
select option {text-transform:uppercase; padding: 2px 0px;}
textarea {resize:vertical;width:100%; border: 2px solid #DDDDDD; border-radius:4px;}

input[type="checkbox"]{display:none}
input[type="checkbox"] + label {display:inline-block}
input[type="checkbox"] + label > span { display:inline-block; width:24px; height:24px;  vertical-align:middle;  border:1px solid #707070; background:#ffffff; margin-right: 5px}
input[type="checkbox"] + label > span .material-icons{display:none; font-size:22px}
input[type="checkbox"]:checked + label > span {background:#ffffff; }
input[type="checkbox"]:checked + label > span  .material-icons{display:inline-block}

/* input[type="radio"] {display:none}
input[type="radio"] + label > span { display:inline-block; width:20px; height:20px; border-radius:10px; margin:10px 5px 12px 0; vertical-align:middle; border: 1px solid #333333;}
input[type="radio"]:checked + label > span {border: 1px solid #333333;} 
input[type="radio"]:checked + label > span >span {background: #333333;  width:12px; height:12px; border-radius:6px;display:block; margin:4px} */
input[type="radio"] {display:none;}
input[type="radio"] + label > span {display:inline-block;width:20px;height:20px;border-radius:10px;margin:10px 5px 10px 0;vertical-align:middle;border: 1px solid #896534;}
input[type="radio"] + label > span > span { display:none; width:12px; height:12px; border-radius:6px; background: #896534; margin:3px}
input[type="radio"]:checked + label > span  > span {display:inline-block}

.clear, .clear_div {clear:both;}
.clearfix:after {content:"";display:table; clear:both}

#popupmsg, #popupmsgback {display:none}
#popupmsg {font-weight: 500;font-size: 18px;position:fixed;z-index:1001;width:50%;left:25%;background: #EEE8E1;text-align:center;top: 40%;padding:30px 20px;}
#popupmsg .popupclose {background-color: #856640;color:#fefefe;position:absolute;top:20px;right:20px;text-align:center;padding:8px 10px 10px 10px;border-radius:3px;cursor: pointer;}
#popupmsgback {position:fixed;width:100%;height:100%;background-color:#B1B1B1;opacity:0.8;z-index:1000; top:0; left:0; right:0}
.errormsg,  .required {color:#ff0033; font-weight:600; }
.successmsg {color:#37847F}

.v-table { display: table; height:100%}
.v-middle { display: table-cell; vertical-align: middle;}
.col-header{ text-transform: uppercase;  font-weight: 600; font-size:12px; }
.col-footer {padding-top:30px}

.col95,
.col85,
.col80,
.col75,
.col70,
.col66,
.col60,
.col50,
.col48,
.col40,
.col33,
.col30,
.col25,
.col20,
.col15{width:100%; box-sizing:border-box;}

.breadcrumb{padding:10px 20px 30px}
#headerbreadcrumb a:after {content:'/'; padding-left: 5px; display:inline-block}
#headerbreadcrumb a:last-child:after {content:'';clear:both;}
#headerbreadcrumb a:last-child{cursor: unset; font-weight: bold; color: #454545;}

#light {
  display: none;
  position: fixed;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  padding: 16px;
  border-style:solid;
  border-color: #FFFFFF;
  border-radius: 4px;
  background-color: #FFFFFF;
  z-index:1002;
  overflow: auto;
  -moz-box-shadow: 5px 5px 10px black;
  -webkit-box-shadow: 5px 5px 10px black;
  box-shadow: 5px 5px 10px black;
}
#fade { display: none; 	position: fixed; top: 0%;left: 0%;	width: 100%;	height: 100%;	background-color: black;z-index:1001;	-moz-opacity: 0.5;	opacity:.50;	filter: alpha(opacity=50);}


/*owl-carousel*/
.owl-carousel.off {display: block;}
.owl-carousel {display: block; width: 100%; position: relative;}
.owl-carousel {touch-action: manipulation; }

.owl-carousel .owl-stage-outer { position: relative;  overflow: hidden;}
.owl-carousel .owl-stage-outer .owl-stage {position: relative;}
.owl-carousel .owl-stage-outer .owl-stage:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0;  height: 0;}
.owl-carousel .owl-stage-outer .owl-stage .owl-item {float: left; position:relative}
.owl-carousel .owl-stage-outer .owl-stage .owl-item a:hover {opacity: 1}


.owl-carousel .owl-nav button {background:transparent; border:none; color:#ffffff; width:58px; height:58px; border-radius:29px; padding:0; position:absolute; top:38%;}
.owl-carousel .owl-nav button .material-icons {font-size:3.5vw;}
.owl-carousel .owl-nav button.owl-prev {left:10px}
.owl-carousel .owl-nav button.owl-next {right:20px}


.owl-dots {text-align: center; position: absolute; bottom: 2%;margin-left: auto; margin-right: auto;left: 0;right: 0;}
.owl-dots button {  background-color: transparent; padding:10px; border:0}
.owl-dots button span {display: block;  cursor: pointer; background: #DBDBDB; border:1px solid #DBDBDB; width: 15px; height: 15px; border-radius: 13px; }
.owl-dots button.active span { width: 56px; transition: 0.25s ease;}

/*Entry Form*/
.entry-form{padding:0 20px;}
.entry-form .row {margin:15px 0 }
.entry-form .row.centered {text-align:center}
.entry-form .row .label {font-size:16px; margin:5px 0; font-weight: bold; color: #454545;}
.entry-form .row span.required {color:#ff0033;}
.entry-form input[type="text"], .entry-form input[type="password"], .entry-form select {width:100%;}
.entry-form .col-footer {text-align:center; padding:30px 0}

/* .entry-form.login a {text-decoration:underline} */

.entry-form.register .subtitle {} 
.entry-form.register ul.notes {list-style-type:disc;margin-left:15px; font-size:16px}
.entry-form.register ul.notes span {color:#FF9C2E}

/*static pages*/
.paddingtop{padding-top:40px;}
.static-title{font-size:33px}

#static_banner{
  color:#FFFFFF;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 384px;
}

.static_banner_content{
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%,-50%);
  text-align: center;
  z-index: 1;
}
.static_banner_title{font-size: 50px; font-weight: 800;}
.static_banner_text{font-size: 28px; font-weight: 800;}

.title-line {
  width: 100%; 
  text-align: center; 
  border-bottom: 1px solid #DDDDDD; 
  line-height: 0.1em;
  margin: 10px 0 20px; 
} 

.title-line .title { 
   padding:40px 20px 20px;
   background:#fff;
   color: #454545;  
}

.newtab-blue{display: none;}
a:hover .newtab-white{display: none;}
a:hover .newtab-blue{display: inline-block;}
a:focus .newtab-white{display: none;}
a:focus .newtab-blue{display: inline-block;}
/*green icons*/
.greenicon{display: none;}
a:hover .accticon{
  display: none;
}
a:hover .greenicon{
  display:inline-block
}
button:hover .accticon{
  display: none;
}
button:hover .greenicon{
  display:inline-block
}
/*category description*/
.top_content{margin-top:20px}
.top_content h1,.bottom_content h1{
  color: #454545;
  font-size: 36px;
}
.top_content h2,.bottom_content h2{
  font-size: 27px;
  margin-top: 20px;
  color: #333333;
}
.top_content h3,.bottom_content h3{
  font-size: 16px;
  margin-top: 20px;
  color: #333333;
}
.top_content h4,.bottom_content h4{
  font-size: 13px;
  margin-top: 20px;
  color: #333333;
}
.top_content a, .bottom_content a{
  text-decoration: underline;
  font-weight: bold;
}
.top_content img, .bottom_content img{
    width: unset;
    margin: 0 auto 20px;
    display: block;
}
/* 2024-09-06 PayFabric waiting popup */
.popup-overlay#global-popup-overlay .processing-popup .processing-bar img { width:32px; height:32px; }
.popup-overlay#global-popup-overlay .processing-popup .processing-message p { margin:0; }

/*mobile css*/

@media screen and (min-width: 950px) {
  #header.desktop{display: flex;}
}
@media print, screen and (min-width: 950px) {
  body{font-size: 20px;}
  .page-title{font-size:37px;}
  p{font-size: 20px;}
  .entry-form {width:90%; margin:0 auto; padding: 0;}
  .entry-form .row .col {width:48.5%}
  section{padding-top:150px;}
  #main{margin-top:150px}
  .desktop {display:block} 
  .mobile {display:none}
  .content-grid{padding: 0 70px;}
  .title{font-size: 43px; padding: 40px 0 20px;}
  .title.blue-title{font-size: 43px;}
  .green-btn{margin-top: 30px;}
  .left{float:left}
  .right{float:right}
  #light {width: 651px;}
  .col95{width:95%; box-sizing:border-box;}
  .col80{width:80%; box-sizing:border-box;}
  .col75{width:75%; box-sizing:border-box;}
  .col70{width:70%; box-sizing:border-box;}
  .col66{width:66.66%; box-sizing:border-box;}
  .col60{width:60%; box-sizing:border-box;}
  .col50{width:50%; box-sizing:border-box;}
  .col48{width:48%; box-sizing:border-box;}
  .col45{width:45%; box-sizing:border-box;}
  .col40{width:40%; box-sizing:border-box;}
  .col33{width:33.33%; box-sizing:border-box;}
  .col35{width:35%; box-sizing:border-box;}  
  .col30{width:30%; box-sizing:border-box;} 
  .col25{width:25%; box-sizing:border-box;} 
  .col20{width:20%; box-sizing:border-box;} 
  .col15{width:15%; box-sizing:border-box;}
  .col5{width:5%; box-sizing:border-box;}
  .button, button, .input-button, input[type="submit"], input[type="reset"], input[type="button"], button.button-primary{font-size:18px;}

  /*static pages*/
  .light-blue-bkg-container{padding:50px 20px;}
  .paddingtop{padding-top:60px;}
  .static-title{font-size:43px}
  #static_banner{height: 0; padding-top: 38.64%;}
  .static_banner_title{font-size: 4vw; font-weight: 800;}
  .static_banner_text{font-size: 33px; font-weight: 800;}
  .static_banner .button{margin-top: 40px;}

}


@media print {
  header, footer {display:none}
  .printonly {display:block;}
  .printonly .logo{text-align:center}
  .nonprintable {display:none}  
}
