/* horsewatch.css */

   .hwf-spinner {
       --d: 22px;
       width: 4px;
       height: 4px;
       border-radius: 50%;
       color: #25b09b;
       box-shadow:
           calc(1*var(--d)) calc(0*var(--d)) 0 0,
           calc(0.707*var(--d)) calc(0.707*var(--d)) 0 1px,
           calc(0*var(--d)) calc(1*var(--d)) 0 2px,
           calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
           calc(-1*var(--d)) calc(0*var(--d)) 0 4px,
           calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
           calc(0*var(--d)) calc(-1*var(--d)) 0 6px;
       animation: l27 1s infinite steps(8);
   }

   @keyframes l27 {
       100% {
           transform: rotate(1turn)
       }
   }

   .hwf-hidden {
       visibility: hidden;

   }

   .hwf-payBtn {

       margin: 0 auto !important;
       font-size: 18px;
       font-family: 'Roboto';
       margin: 0 auto;
       background-color: #3b8ec7;
       border-radius: 6px;
       padding: 6px;

       color: white;
       text-align: center;
       width: 98px;
       cursor: pointer;
       border: none;
       height: 38px;


   }

   .hwf-donErr {

       color: red;
       font-weight: bold;
       padding-top: 6px;
       line-height: 1.0;
       height: 32px;
       margin-bottom: 5px;

   }

   .hwf-lite3 {
       background: red !important;

   }

   .hwf-lite {
       background: #2b932b !important;

   }

   .hwf-lite2 {
       background: #075e07 !important;

   }

   .hwf-cnfmEmail {

       padding: 2px;
       border-radius: 6px;
       font-size: 15px;
       font-family: 'Heebo';
       color: white;
       background-color: #3b8ec7;
       cursor: pointer;
       text-align: center;
       width: 220px;

   }

   .hwf-cnfmEmail:hover {
       opacity: 0.50;
   }


   .hwf-donAmt {
       padding: 2px;
       text-align: center;
       margin-top: 5px;
       color: white;
       cursor: pointer;
       font-size: 18px;


   }


   .hwf-oneTime,
   .hwf-mnthly {
       text-align: center;
       color: #3b8ec7;
       width: 100%;
       font-weight: bold;
       font-family: 'Oswald';
       font-size: 17px;
       line-height: 1.1;
       margin: 0 auto;
   }


   .hwf-btnx {
       position: absolute;
       right: 4px;
       top: 4px;
       z-index: 3000;


   }

   .hwf-donateTitle {

       width: 97%;
       max-width: 279px;
       margin: 0 auto;
       margin-top: 15px;
       background: #3b8ec7;
       color: #fff;
       font-size: 24px;
       font-family: 'Oswald';
       padding: 5px;
       text-align: center;
       height: 58px;
       line-height: 1;
       padding-top: 14px;

   }

   .hwf-ddTog {

       background-color: #3b8ec7 !important;
       font-weight: 500 !important;
       border-radius: 8px !important;
       padding: 6px !important;
       text-transform: none !important;


   }

   .hwf-payMail {

       padding-left: 8px;
       height: 40px;


   }

   .hwf-donAnt {
       padding: 2px;
       text-align: center;
       margin-top: 5px;
       color: white;
       cursor: pointer;
       font-size: 18px;

   }

   .hwf-dn {


       display: block;

   }

   .hwf-lite {

       background: #2b932b !important;

   }

   .hwf-entrAmt {
       text-align: center;
       font-size: 14px;
       font-weight: bold;
       line-height: 0.95;
       padding-left: 0px;
       height: 45px;
       padding-top: 14px !important;



   }

   .hwf-dnInpt {

       text-align: right;
       padding-right: 4px;
       width: 80px;
       font-weight: bold !important;
       color: #3b8ec7 !important;
       font-size: 1.0rem;
       background: #fff !important;
       height: 26px;
       padding-top: 3px;

   }

   .hwf-pmHdr {

       display: none;
       width: 100%;
       text-align: center;
       font-size: 23px;
       font-weight: bold;
       font-family: 'Oswald';
       padding: 5px;
       color: #3b8ec7;


   }

   .hwf-pmData {

       display: none;
       padding: 6px;
       padding-top: 12px;
       overflow-y: scroll;
       height: 200px;
       background-color: #c4d1e1;

   }

   .hwf-pmData3 {

       display: none;
       padding: 6px;
       padding-top: 12px;
       height: 25px;
       background-color: #c4d1e1;

   }

   .hwf-Xdate3 {
       position: absolute;
       top: -2px;
       right: 43px;
       padding: 2px;
       background: red;
       color: white;
       width: 90px;
       margin: 0 auto;
       font-weight: bold;
       font-size: 12px;
       text-align: center;


   }

   .hwf-pmData2 {
       display: none;
   }

   .hwf-bgSel {
       float: left;

       padding: 5px;
       height: 48px;

       width: 24%;
       border: 3px solid white;
       border-radius: 9px;
       margin-top: 5px;



   }

   .hwf-sd,
   .hwf-anc,
   .hwf-sd,
   .hwf-dc,
   .hwf-uc {
       float: left;

       font-size: 16px;
       font-weight: bold;

       padding: 5px;
       padding-top: 3px;
       border-radius: 6px;
       text-align: center;
       cursor: pointer;
       background: #25b561;
       border: 5px solid white;
       color: #fff;
       font-family: 'Oswald';
       line-height: 1.0;
   }

   .hwf-sd {
       background: #cd4c4c;

   }

   .hwf-dc {
       background: #cd4c4c;
   }

   .hwf-uc {

       background: #5e9bf5;
   }

   .hwf-sd:hover {
       opacity: 0.50;

   }

   .hwf-anc:hover {
       opacity: 0.50;

   }

   .hwf-dc:hover {
       opacity: 0.50;
   }

   .hwf-uc:hover {
       opacity: 0.50;
   }



   .hwf-defOption {

       background-color: rgb(241, 241, 241);
       display: block;
       float: left;
       height: 58px;
       margin-top: 15px;
       background-color: #f1f1f1;
       z-index: 1000;

       border: 1px solid #80808057;
       display: none;


   }

   .hwf-defBtn1 {
       float: left;
       margin-left: 10px;
       margin-top: 5px;
       font-size: 13px;
       background-color: rgb(190, 45, 45);
       color: white;
       text-align: center;
       padding: 2px;
       padding-top: 0px;
       padding-bottom: 0px;
       padding-left: 4px;
       padding-right: 5px;
       margin-top: -1px;
       border-radius: 4px;
       cursor: pointer;
       font-weight: bold;
   }

   .hwf-defBtn1:hover {
       opacity: 0.50;

   }

   .hwf-defBtn2 {
       float: right;
       margin-right: 10px;
       margin-top: 5px;
       font-size: 13px;
       background-color: #1ec765;
       color: white;
       text-align: center;
       padding: 2px;
       padding-top: 0px;
       padding-bottom: 0px;
       padding-left: 6px;
       padding-right: 6px;
       margin-top: -1px;
       border-radius: 4px;
       cursor: pointer;
       font-weight: bold;
   }


   .hwf-defBtn2:hover {
       opacity: 0.50;

   }

   .hwf-expMth {
       float: left;
       margin-left: 5px;
       width: 32px;
       margin-top: -7px;
       padding: 3px;

       text-align: center;
       height: 24px;


   }

   .hwf-expYr {
       float: left;
       margin-left: 5px;
       width: 43px;
       margin-top: 2px;
       padding: 3px;

       text-align: center;
       height: 24px;


   }

   .hwf-otpTxt {
       line-height: 1.0;
       margin-bottom: 11px;
       font-weight: bold;
       width: 309px;
       font-family: Arial;
       font-size: 15px;

   }

   .hwf-pmErr {
       float: left;
       margin-left: 5px;
       width: 43px;
       margin-top: 2px;
       padding: 3px;

       text-align: center;
       height: 24px;

   }


   .hwf-donPay1 {
       background: #3b8ec7;
       text-align: center;
       height: 40px;
       font-size: 23px;
       font-weight: bold;
       padding-top: 0px;
       font-family: 'Oswald';


   }

   .hwf-donPay1:hover {
       opacity: 0.50;

   }


   .hwf-emlCnfm {
       display: none;
       width: 190px;
       height: 32px;
       color: #3b8ec7;
       margin: 0 auto;
       text-align: center;
       font-weight: bold;
       padding-top: 23px;
       font-size: 18px;
   }

   .hwf-nuMail1 {
       margin: 0 auto;
       width: 111px;
       margin-bottom: 11px;
       color: white;
       background-color: green;
       height: 22px;
       font-size: 13px;
       font-family: 'Arial';
       border-radius: 4px;
       padding: 5px;
       font-weight: bold;
       cursor: pointer;
       padding-top: 1px;


   }

   .hwf-nuMail2 {
       display: none;
       margin: 0 auto;
       width: 111px;
       margin-bottom: 11px;
       color: white;
       background-color: red;
       height: 20px;
       font-size: 13px;
       font-family: 'Arial';
       border-radius: 4px;
       padding: 0px;

       padding-left: 5px;
       font-weight: bold;
       cursor: pointer;

   }

   .hwf-nuMail1:hover {
       opacity: 0.50;

   }

   .hwf-nuMail2:hover {
       opacity: 0.50;

   }

   .hwf-otpTxt {
       line-height: 1.0;
       margin-bottom: 7px;
       font-weight: bold;
       width: 309px;
       font-family: Arial;
       font-size: 15px;

   }

   .hwf-otpWrap {
       margin: 0 auto;
       width: 277px;
       height: auto;
       margin-top: 10px;
       color: #11486d;
       font-family: 'Heebo';
       display: none;


   }


   .hwf-subSecCode {
       margin: 0 auto;
       margin-top: 10px;
       padding: 5px;
       color: white;
       font-size: 23px;
       width: 100px;
       font-weight: bold;
       border-radius: 4px;
       cursor: pointer;
       text-align: center;
       background-color: #3b8ec7;
       font-family: 'Oswald';

   }


   .hwf-payBtn:hover {
       opacity: 0.50;
   }


   .hwf-payMsg {

       margin-top: 11px;
       line-height: 1;
       font-weight: bold;
       color: green;
       height: 40px;
       text-align: center;

   }


   .hwd-suc {

       margin-top: 5px;
       margin-bottom: 5px;
   }

   .hwf-toc-consent {
       padding-left: 0px !important;
   }


   .hwf-zClose {

       position: absolute;
       right: 1px;
       top: -9px;
       font-size: 20px;
       color: red;
       cursor: pointer;
       font-weight: bold;
   }



   .hwf-zClose:hover {
       opacity: 0.50;

   }


   .hwf-subZ {

       margin: 0 auto;
       width: 71px;
       height: 30px;
       padding: 4px;
       text-align: center;
       color: white;
       background: #517ca7;
       cursor: pointer;
       border-radius: 6px;
       margin-top: 5px;
       font-size: 14px;
       padding-top: 7px;
       font-family: Roboto;
   }



   .hwf-zelle {
       width: 60px;
       cursor: pointer;

   }

   .hwf-zinput {
       float: left;
       margin-top: 5px;
       width: 168px;
       border: 1px solid purple !important;
       height: 90% !important;

   }

   .hwf-zpop {

       margin: 0 auto;
       border: 1px solid #501e8f;
       background: #f1f1f1;
       height: 193px;
       width: 355px;
       color: #501e8f;
       font-family: Arial;
       font-size: 13.5px;
       font-weight: bold;
       padding: 6px;
       border-radius: 14px;
       display: none;

   }


   .hwf-zelle:hover {
       opacity: 0.50;

   }

   .hwf-logo {

       width: 340px;
       border: none;
   }

   .grp-hover {
       cursor: pointer;
   }

   .grp-hover:hover {
       opacity: 0.50;
   }

   .clsNws {
       width: 41px;
       height: 48px;
       float: left;
       margin-top: 8px;
       margin-left: 0px !important;
   }

   .newsItem {
       color: white;
       text-decoration: none;
   }

   .newsLink {
       margin-left: 20px;
       color: white;
       font-family: "Roboto";
       cursor: pointer;
       float: left;
       color: white;
       margin-top: 1px;
   }

   #closeNews:hover {
       opacity: 0.5;
   }

   #startNews:hover {
       opacity: 0.5;
   }

   .nwsButton1,
   .nwsButton2 {
       float: left;
       cursor: pointer;
       width: 24px;
       margin-left: 7px;
   }

   .nwsUpdates2 {
       line-height: 1;
       width: 75px;
       height: 48px;
       font-size: 0.8rem;
       float: left;
       margin-top: 8px;
       margin-left: 2px;
       color: white;
   }

   .newsFeed {
       position: fixed;
       left: 0;
       bottom: 0;
       height: 48px;
       font-family: "Open Sans";
       color: #fff;
       width: 100%;
       border-top: 2px solid #f1f1f1;
       z-index: 1000;
       display: block;
   }


   .nwsUpdates {
       width: 130px;
       height: 48px;
       float: left;
       background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
   }

   .gradient1 {
       height: 40px;
       width: 150px;
       background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
       color: white;
       font-family: 'Arial';
       font-size: 15px;
       font-weight: bold;
       padding: 5px;
       border-radius: 4px;
       text-align: center;
       cursor: pointer;
   }

   .grp-pix {

       margin-top: -80px !important;
       margin: 0 auto;

   }

   .grp-pgfmt {
       width: 100%;
       margin-top: 56px;
       height: 1370px;

   }

   .marquee {
       padding-top: 9px;
       float: left;
       overflow: hidden;
       height: 48px;
       width: calc(100% - 130px);
       background: #375397;
       margin-top: 0px !important;
   }


   .js-marquee a:link {
       color: white;
       text-decoration: none;
   }

   .js-marquee a:visited {
       color: white;
       text-decoration: none;
   }

   .js-marquee a:hover {
       color: grey;
       text-decoration: none;
   }

   .js-marquee a:active {
       color: white;
       text-decoration: none;
   }


   .hwf-nav-item {
       z-index: 3000;
       position: absolute;
       right: 5px;
       top: 30px;
       width: fit-content;
       padding: 5px;
   }

   .grp-ckHdr {
       float: left;
       width: 100%;
       position: fixed;
       bottom: 0;
       height: 120px;
       margin-top: 60px;
       background-color: #577fa7;
       z-index: 3000;
       padding: 13px;



   }

   .grp-ck {
       float: left;
       width: 100%;
       background-color: transparent;
       margin-top: -9px;
       height: 20px;
       text-align: center;
       color: white;
       font-weight: bold;
   }

   .grp-txtWrap {
       width: 350px;
       margin: 0 auto;
       background-color: transparent;
       height: 45px;
       margin-top: 29px;
       color: white;


   }

   .grp-ckText {

       margin-top: -12px;
       font-size: 0.85rem;
       line-height: 1.0;
       width: 255px;
       float: left;
       font-family: 'Roboto';

   }

   .grp-ckBtn {
       float: right;
       margin-right: 30px;
       width: 58px;
       height: 27px;
       border-radius: 5px;
       color: white;
       background: blue;
       padding: 5px;
       margin-top: 0px;
       text-align: center;
       padding-top: 2px;
       font-size: 14px;
       cursor: pointer;
   }

   .grp-ckBtn:hover {

       opacity: 0.50;

   }



   .grp-privBtn {
       font-weight: bold;
       cursor: pointer;
       font-size: 0.9rem;
       margin-top: 2px;
       color: #f9f50d;
   }


   .grp-cookies2 {
       position: fixed;
       left: 0;
       bottom: 0;
       border-top: 1px solid #f1f1f1;
       height: 87px;
       z-index: 3000;
       padding-top: 2px;
       font-family: "Open Sans";
       background: #888382;
       display: block;
       color: #fff;
   }

   .top-menu {
       position: fixed;
       /* Makes the element fixed in the viewport */
       top: 0;
       /* Positions it at the top of the viewport */
       left: 0;
       /* Positions it at the left of the viewport */
       width: 100%;
       /* Ensures it spans the full width */
       z-index: 1000;
       /* Ensures it stays on top of other content */
       /* Add other styling for your menu (background, padding, etc.) */
   }

   nav {
       justify-content: flex-end;
   }

   .grp-lrnmo {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 300px;
       height: 330px;
       display: none;
       margin-top: 15px;
       cursor: pointer;
   }

   .grp-lrnmo:hover {

       opacity: 0.50;
   }

   .grp-btnfnt {
       background-color: #1198b7;
       font-size: 12px;
   }

   .grp-btnfnt2 {
       float: right;
       font-size: 12px;
       background-color: green;
   }

   .grp-cartsocial {
       float: left;
       width: 192px;
       position: absolute;
       top: 4px;
       left: 386px;
   }

   .grp-pagetop {
       margin-top: 150px;
   }

   .grp-homeimg {
       margin: 0 auto;
       width: 275px;
       margin-bottom: 42px;
       margin-top: -17px;
   }

   .grp-logotxt2 {

       font-size: 14px;
       font-weight: bold;
       float: left;
       color: #05237d;
       margin-top: -7px;
       margin-left: -5px;
       width: 100%;

   }

   .grp-logotxt3 {

       font-size: 14px;
       font-weight: bold;
       float: left;
       color: #05237d;
       margin-top: -7px;
       margin-left: -5px;
       width: 100%;

   }

   .grp-logobox1 {
       float: left;
       width: 100%;
       margin-top: -95px;

   }

   .grp-logobox2 {
       float: left;
       width: 100%;
       margin-left: 35px;
       padding-top: 5px;
       height: 54px;
   }

   .grp-logotxt1 {
       font-size: 40px;
       font-weight: bold;
       float: left;
       width: 100%;
       letter-spacing: -2pt;
       color: red;
       margin-left: -7px;

   }


   .grp-logo {

       width: 64%;

   }

   .grp-brand {
       float: left;
       width: 202px;
       margin-top: 12px;
       margin-left: 25px;
   }


   .grp-toggleIcon {
       display: none;

   }

   .grp-toggleNav {

       display: block;
   }



   .grp-btn1 {
       margin: 0 auto;
       height: 40px;
       text-align: center;
       width: 144px;
       border-radius: 4px;
       cursor: pointer;
       padding: 8px;
       padding-bottom: 8px;
       background-color: #0D6EFD;
       font-family: Arial;
       font-weight: bold;
       font-size: 20px;
       color: white;
       padding-top: 5px;
       margin-top: 20px;
   }


   .grp-nuMail1 {
       margin: 0 auto;
       width: 111px;
       margin-bottom: 11px;
       color: white;
       background-color: green;
       height: 20px;
       font-size: 13px;
       font-family: 'Arial';
       border-radius: 4px;
       padding: 0px;

       padding-left: 5px;
       font-weight: bold;
       cursor: pointer;
       padding-top: 3px;

   }

   .grp-nuMail2 {
       display: none;
       margin: 0 auto;
       width: 111px;
       margin-bottom: 11px;
       color: white;
       background-color: red;
       height: 20px;
       font-size: 13px;
       font-family: 'Arial';
       border-radius: 4px;
       padding: 0px;

       padding-left: 5px;
       font-weight: bold;
       cursor: pointer;

   }

   .grp-nuMail1:hover {
       opacity: 0.50;

   }

   .grp-nuMail2:hover {
       opacity: 0.50;

   }

   .grp-payMail {
       padding-left: 8px;
       height: 40px;
       width: 100%;
   }

   .grp-prfTxt {

       color: #0968a9;
       margin-bottom: 24px;
       margin-top: -24px;
       font-size: 16px;

   }

   .grp-sbEdit {
       display: none;
       margin: 0px auto;
       font-size: 18px;
       width: 80px;
       padding: 5px;
       border-radius: 6px;
       cursor: pointer;
       color: white;
       background-color: rgb(59, 142, 199);
   }

   .grp-sbEdit:hover {
       opacity: 0.50;

   }

   .grp-prfHdr1,
   .grp-prfHdr2,
   .grp-prfHdr3 {
       float: left;
       margin-left: 3px;
       border-top-right-radius: 15px;
       padding: 6px;
       background-color: #3b8ec7;
       color: white;
       font-size: 16px;
       cursor: pointer;
   }

   .grp-prfHdr1:hover {
       opacity: 0.50;
   }

   .grp-prfHdr2:hover {
       opacity: 0.50;
   }

   .grp-prfHdr3:hover {
       opacity: 0.50;
   }

   .grp-ddTog {
       background-color: #3b8ec7 !important;
       font-weight: 500 !important;
       border-radius: 8px !important;
       padding: 6px !important;
       text-transform: none !important;

   }

   .grp-mdlHdrTkt {
       width: 257px;
       line-height: 1.1;
       margin: 0 auto;


   }

   .grp-dn {

       display: block;
   }


   .grp-autSo {
       padding: 4px;
       text-align: center;
       margin-top: 5px;
       color: white;
       cursor: pointer;
       font-size: 20px;
       background: #3b8ec7;
       height: 40px;
       font-weight: bold;
       font-family: 'Oswald';
       width: 114px;

   }

   #topSec1 {
       display: none;

   }

   #topSec2 {

       display: block;
   }

   .grp-wBak2 {
       float: left;
       color: white;
       height: 40px;
       width: 137px;
       background-color: #2781C3;
       font-size: 12px;
       text-align: center;
       margin-top: 61px;
       margin-left: 8px;
       line-height: 1.0;
       padding-top: 10px;
   }

   .grp-show {

       display: block;
   }

   .grp-hide {
       display: none;

   }

   .grp-donateNow3 {
       left: 189px;
       font-size: 1.4rem;
   }

   .grp-emlCnfm2 {
       display: none;
       width: 240px;
       height: 32px;
       color: #385dcd;
       margin: 0 auto;
       line-height: 1.0;
       font-weight: bold;

       font-size: 15px;
   }



   .grp-emlCnfm {
       display: none;
       width: 190px;
       height: 32px;
       color: #3b8ec7;
       margin: 0 auto;
       text-align: center;
       font-weight: bold;
       padding-top: 23px;
       font-size: 18px;
   }

   .grp-subSecCode {
       margin: 0 auto;
       padding: 5px;
       color: white;
       font-size: 23px;
       width: 100px;
       font-weight: bold;
       border-radius: 4px;
       cursor: pointer;
       text-align: center;
       background-color: #3b8ec7;
       font-family: 'Oswald';

   }

   .grp-subSecCode:hover {
       opacity: 0.50;

   }


   .grp-otpWrap {
       margin: 0 auto;
       width: 277px;
       height: auto;
       margin-top: 10px;
       color: #11486d;
       font-family: 'Heebo';
       display: none;

   }

   .grp-otpTxt {
       line-height: 1.0;
       margin-bottom: 7px;
       font-weight: bold;
       width: 309px;
       font-family: Arial;
       font-size: 15px;

   }

   #otp-input {
       display: flex;
       gap: 0.5em;
       margin-bottom: 10px;
   }

   #otp-input5 {
       display: flex;
       gap: 0.5em;
       margin-bottom: 10px;
   }

   #otp-input2 {
       display: flex;
       gap: 0.5em;
       margin-bottom: 10px;
   }

   #otp-input1 {
       display: flex;
       gap: 0.5em;
       margin-bottom: 10px;
   }

   #otp-input input {
       width: 2em;
       padding: 0.5em 0;
       font-family: monospace;
       font-size: 1em;
       text-align: center;
   }

   #otp-input5 input {
       width: 2em;
       padding: 0.5em 0;
       font-family: monospace;
       font-size: 1em;
       text-align: center;
   }

   #otp-input2 input {
       width: 2em;
       padding: 0.5em 0;
       font-family: monospace;
       font-size: 1em;
       text-align: center;
   }

   #otp-input1 input {
       width: 2em;
       padding: 0.5em 0;
       font-family: monospace;
       font-size: 1em;
       text-align: center;
   }


   /* hide spinner */
   #otp-input input::-webkit-outer-spin-button,
   #otp-input input::-webkit-inner-spin-button {
       -webkit-appearance: none;
       margin: 0;
   }

   #otp-input input[type=number] {
       appearance: textfield;
       -moz-appearance: textfield;
       /* Firefox */

   }

   #otp-input5 input::-webkit-outer-spin-button,
   #otp-input5 input::-webkit-inner-spin-button {
       -webkit-appearance: none;
       margin: 0;
   }

   #otp-input5 input[type=number] {
       appearance: textfield;
       -moz-appearance: textfield;
       /* Firefox */

   }

   #otp-input2 input::-webkit-outer-spin-button,
   #otp-input2 input::-webkit-inner-spin-button {
       -webkit-appearance: none;
       margin: 0;
   }

   #otp-input2 input[type=number] {
       appearance: textfield;
       -moz-appearance: textfield;
       /* Firefox */

   }

   #otp-input1 input::-webkit-outer-spin-button,
   #otp-input1 input::-webkit-inner-spin-button {
       -webkit-appearance: none;
       margin: 0;
   }

   #otp-input1 input[type=number] {
       appearance: textfield;
       -moz-appearance: textfield;
       /* Firefox */

   }


   .grp-cnfmEmail {
       padding: 5px;
       border-radius: 6px;
       font-size: 19px;
       font-family: 'Heebo';
       color: white;
       background-color: #3b8ec7;
       cursor: pointer;
       text-align: center;
       margin: 0 auto;
       width: 145px;
   }

   .grp-cnfmEmail:hover {
       opacity: 0.50;
   }

   .grp-pulse {
       background: green;
       border-radius: 50%;
       margin: 2px;
       height: 10px;
       width: 13px;
       box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
       transform: scale(1);
       animation: pulse 2s infinite;
       float: right;
   }

   @keyframes pulse {
       0% {
           transform: scale(0.95);
           box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
       }

       70% {
           transform: scale(1);
           box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
       }

       100% {
           transform: scale(0.95);
           box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
       }
   }

   .grp-donTlGreen {
       position: absolute;
       bottom: 0px;
       left: 68px;
       width: 66px;
       height: 95px;
       background: green;
       border: 2px solid white;


   }


   .grp-donTlRed {

       float: left;
       width: 66px;
       height: 180px;
       background: red;
       border: 2px solid white;
       margin-top: 35px;


   }

   .grp-mthCostLgd,
   .grp-acqCostLgd {
       font-size: 14px;
       width: 60px;
       margin: 0 auto;
       font-weight: bold;
       line-height: 1.0;


   }

   .grp-donTlAcq {
       float: left;
       font-size: 14px;
       width: 60px;
       margin: 0 auto;
       line-height: 1.0;
       text-align: center;
       font-weight: bold;
   }

   .grp-avgDonAcq {

       float: left;
       font-size: 14px;
       width: 60px;
       margin: 0 auto;
       line-height: 1.0;
       text-align: center;
       font-weight: bold;
       margin-left: 11px;

   }

   .grp-fndHdr {
       font-size: 17px;
       margin: 0 auto;
       width: 55%;
       height: 30px;
       text-align: center;
       color: white;
       background-color: #3b8ec7;
       font-weight: bold;
       margin-bottom: 60px;
       padding-top: 2px;

   }

   .grp-fndRqmtPg {
       display: none;
       width: 100%;
       padding-right: 25px;
       padding-left: 25px;
       position: absolute;
       top: 0pc;
       left: 0px;
       background-color: white;
       z-index: 1000;
       height: 510px;
       font-size: 16px;
   }

   .grp-vfr {
       display: none;

       padding: 7px;
       font-size: 17px;
       color: white;
       border-radius: 7px;
       background-color: #3b8ec7;
       cursor: pointer;
       line-height: 1.0;
       text-align: center;
       width: 51%;
       margin: 0 auto;
       margin-bottom: 10px;
   }

   .grp-vfr:hover {
       opacity: 0.50;
   }

   .grp-mTbl3 {

       margin-top: 55px;
       line-height: 1.1;
       font-family: 'Heebo';
       font-weight: 600;
       max-width: 944px;


   }

   .grp-lgnd3 {
       display: block;
       margin-top: 75px;
       font-size: 16px;
       color: white;
       background-color: green;
       text-align: center;
       line-height: 1.0;
       padding-top: 6px;
       padding-bottom: 5px;
   }

   .grp-clsGrid {
       top: 7px;
       background-color: #3b8ec7;
       color: white;
       font-size: 16px;
       font-weight: bold;
       cursor: pointer;
       position: absolute;
       right: 29px;
       width: 20px;
       height: 20px;
       padding-left: 5px;

   }

   .grp-clsGrid:hover {
       opacity: 0.50;
   }

   .grp-brdrTbl {

       border-bottom: 2px solid green;
       border-left: 2px solid green;
       border-right: 2px solid green;
   }

   .grp-rscDvdr {

       padding: 7px;
       padding-right: 9px;
       padding-left: 9px;
       float: left;
       margin-left: 6px;
       border: 1px solid green;
       border-top-right-radius: 18px;
       cursor: pointer;
       font-size: 15px;
       font-weight: bold;
       color: white;
       background-color: green;
       line-height: 1.0;
       width: 165px;


   }

   .grp-rscDvdr:hover {
       opacity: 0.50;

   }


   .grp-mthlyCost,
   .grp-acqCost {
       font-size: 15px;
       margin-bottom: 10px !important;
       padding: 5px;
       line-height: 1.0;
       margin: 0 auto;
       margin-top: 20px;
       background-color: #f1f1f1;
       height: fit-content;
   }

   .grp-tblHdr {
       font-family: Arial;
       font-size: 16px;
       font-weight: bold;
       padding: 4px;
       text-align: center;
       background-color: green;
       color: white;
       margin-top: 20px;
       height: 32px;
   }






   #mthCstTbl1 td:nth-child(2),
   #mthCstTbl td:nth-child(3) {
       text-align: right;
       padding-left: 10px;

   }

   #mthCstTbl td:nth-child(2) {
       text-align: left;
       padding-left: 10px;

   }

   #mthCstTbl3 td:nth-child(2) {
       text-align: right;
       padding-left: 10px;

   }

   #mthCstTbl1 td:nth-child(1),
   #mthCstTbl td:nth-child(1) {
       text-align: left;
       padding-left: 10px;

   }


   #mthCstTbl th,
   #mthCstTbl1 th,
   #mthCstTbl2 th {
       text-align: left;
       padding-left: 10px;
   }

   #mthCstTbl1 th:nth-child(2),
   #mthCstTbl2 th:nth-child(1),
   #mthCstTbl th:nth-child(3) {

       text-align: right;
       padding-left: 10px;

   }



   #mthCstTbl1 tr,
   #mthCstTbl tr {
       height: 15px;
   }

   #mthCstTbl4 th {
       line-height: 1.0;
       font-weight: normal;
       vertical-align: middle;

   }

   #mthCstTbl4 td:nth-child(1) {
       line-height: 1.0;

   }

   #mthCstTbl4 td:nth-child(2),
   #mthCstTbl4 td:nth-child(3) {
       text-align: right;
       padding-left: 10px;

   }



   .grp-rowTxt1 {
       float: right;
       width: 14%;
       max-width: 445px;
       min-width: 184px;
       text-align: right;
       font-size: 2.5rem;

       font-family: 'Staatliches';
       color: #285b14;
       line-height: 0.9;
       font-weight: 700;
       margin-top: 37px;


   }

   .grp-crlPause {
       width: 190px;
       position: relative;
       z-index: 1000;
       display: block;
       float: right;
       margin-right: 42px;
       margin-top: -32px;
   }



   .grp-togTxt {
       position: absolute;
       top: 6px;
       left: 2px;
       width: 116px;
       height: 24px;
       padding: 1px;
       padding-top: 2px;
       text-align: center;
       cursor: pointer;
       background-color: rgb(46, 84, 119);
       color: white;
       font-family: 'Roboto';
       font-size: 15px;
       font-weight: bold;

   }

   .grp-hrsPgLst {
       width: 67%;
       margin: 0 auto;
       height: 35px;
       background: #e4efe4;
       color: black;
       font-weight: bold;
       position: relative;
       z-index: 1000;
       padding-top: 20px;
   }

   .grp-hrsPgLst1 {

       width: 93%;
       max-width: 575px;
       margin: 0 auto;
       height: 35px;
       background: #e4efe4;
       color: black;
       font-weight: bold;
       position: relative;
       z-index: 1000;
       padding-top: 20px;

   }

   .grp-pgNo {
       padding-right: 4px;
       padding-left: 4px;
       cursor: pointer;
   }

   .grp-pgNo:hover {
       opacity: 0.50;

   }

   .grp-pgIx1 {
       width: 15px;

   }

   .grp-hrsWrap2 {


       float: left;
       list-style-type: none;

   }

   .grp-lmBtn {
       width: 81px;
       height: 60px;
       padding: 5px;
       padding-top: 10px;
       text-align: center;
       cursor: pointer;
       background-color: #b32e20;
       color: white;
       font-family: 'Roboto';
       font-size: 19px;
       font-weight: bold;
       float: right;
       margin-right: -12px;
       margin-top: 4px;
   }

   .grp-lmBtn:hover {
       opacity: 0.50;
   }

   .grp-hrsBxSize2 {
       float: left;
       width: 32%;
       margin-left: 4px;
       margin-top: 13px;
       height: 100%;
       max-height: 705px;
       overflow: hidden;
       text-align: center;
   }

   .grp-hrsHdr2 {
       float: left;
       font-family: 'Roboto';
       font-size: 16px;
       font-weight: bold;
       color: black;
       text-align: center;
       width: 100%;
       height: 31px;
       line-height: 1.0;

   }

   .grp-cover {

       background: url(../img/iconic3.jpg) center center no-repeat !important;
       background-size: cover !important;

   }



   .grp-nuLogo {


       min-width: 139px;
       max-width: 230px;
       float: left;
       background: transparent;
       margin-top: 10px;
       margin-left: 5px;


   }

   .grp-shpIcon {

       float: left;
       height: 50px;
       width: 38px;
       background: transparent;
       margin-top: 15px;

   }

   .grp-topSocials {
       height: 50px;
       width: 71px;
       background: transparent;
       margin-left: 12px;
       margin-top: 12px;
       float: left;

   }



   .grp-togXtra {
       position: absolute;
       right: 0px;
       top: -2px;
       background-color: transparent;

   }

   #navBtn {

       display: none;

   }



   .grp-splText {
       float: right;
       text-align: right;
       width: 35%;
       margin-top: 20px;
       font-family: 'Heebo';
       font-size: 1.6rem;
       line-height: 1;
       color: #021a08;
       font-weight: 600;
       letter-spacing: -1px;
   }

   .grp-txtWhite {

       color: white;
   }


   .d-block {

       margin: 0 auto !important;
   }

   .grp-w-90 {
       width: 70% !important;

   }



   .grp-XDate1 {

       padding: 3px;
       background: transparent;
       color: black;
       width: 40px;
       margin: 0 auto;

   }

   .grp-XDate2 {

       padding: 3px;
       background: red;
       color: white;
       width: 40px;
       margin: 0 auto;

   }

   .grp-XDate3 {
       position: absolute;
       top: -2px;
       right: 100px;
       padding: 2px;
       background: red;
       color: white;
       width: 90px;
       margin: 0 auto;
       font-weight: bold;
       font-size: 12px;
       text-align: center;
   }

   .grp-togMove {

       position: absolute;
       top: 16px;
       left: 56px;
       height: 1.6rem;
       width: 92px;
       border-radius: 4px;
       background-color: #ed4d4d;
       opacity: .80;
       color: white;
       font-size: 14px;
       font-weight: bold;
       font-family: 'Arial';
       padding: 4px;
       padding-top: 3px;
       cursor: pointer;
       text-align: center;

   }


   .grp-togMove2 {

       position: absolute;
       top: 17px;
       left: 48px;
       height: 1.6rem;
       width: 92px;
       border-radius: 4px;
       background-color: #ed4d4d;
       opacity: .80;
       color: white;
       font-size: 14px;
       font-weight: bold;
       font-family: 'Arial';
       padding: 4px;
       padding-top: 3px;
       cursor: pointer;
       text-align: center;

   }

   .grp-togMove:hover {
       opacity: 0.50;

   }

   .grp-togMove2:hover {
       opacity: 0.50;

   }


   .grp-aboutExt {
       margin-top: 50px;
       padding-right: 20px;


   }


   .grp-expMth {
       float: left;
       margin-left: 5px;
       width: 32px;
       margin-top: -7px;
       padding: 3px;

       text-align: center;
       height: 24px;
   }

   .grp-expYr {
       float: left;
       margin-left: 5px;
       width: 43px;
       margin-top: 2px;
       padding: 3px;

       text-align: center;
       height: 24px;
   }

   .grp-setDefText {
       float: left;
       margin-left: 10px;
       margin-top: 5px;
       color: black;
       font-size: 14px;
       color: black;

   }

   .grp-bgSel {
       float: left;

       padding: 5px;
       height: 48px;

       width: 24%;
       border: 3px solid white;
       border-radius: 9px;
       margin-top: 5px;
   }



   .grp-pmErr {

       width: 90%;

       padding: 3px;
       color: red;
       font-size: 15px;
       line-height: 1;
       font-weight: bold;
       visibility: visible;
       margin: 0 auto;
       margin-top: 38px;

   }

   .grp-defOption {

       background-color: rgb(241, 241, 241);
       display: block;
       float: left;
       height: 58px;
       margin-top: 15px;
       background-color: #f1f1f1;
       z-index: 1000;

       border: 1px solid #80808057;
       display: none;
   }



   .grp-defBtn1 {
       float: left;
       margin-left: 10px;
       margin-top: 5px;
       font-size: 13px;
       background-color: rgb(190, 45, 45);
       color: white;
       text-align: center;
       padding: 2px;
       padding-top: 0px;
       padding-bottom: 0px;
       padding-left: 4px;
       padding-right: 5px;
       margin-top: -1px;
       border-radius: 4px;
       cursor: pointer;
       font-weight: bold;
   }

   .grp-defBtn1:hover {
       opacity: 0.50;

   }

   .grp-defBtn2 {
       float: right;
       margin-right: 10px;
       margin-top: 5px;
       font-size: 13px;
       background-color: #1ec765;
       color: white;
       text-align: center;
       padding: 2px;
       padding-top: 0px;
       padding-bottom: 0px;
       padding-left: 6px;
       padding-right: 6px;
       margin-top: -1px;
       border-radius: 4px;
       cursor: pointer;
       font-weight: bold;
   }


   .grp-defBtn2:hover {
       opacity: 0.50;

   }

   .grp-payMsg {
       margin-top: 11px;
       line-height: 1.0;
       font-weight: bold;
       color: green;
       height: 40px;
       text-align: center;

   }


   .grp-payBtn {
       visibility: hidden;
       font-size: 25px;
       font-family: 'Oswald';
       margin: 0 auto;
       background-color: #3b8ec7;

       border-radius: 6px;
       padding: 6px;
       padding-left: 15px;
       padding-right: 15px;
       color: white;
       text-align: center;
       width: 137px;
       cursor: pointer;
   }

   .grp-payBtn:hover {
       opacity: 0.50;
   }


   .grp-spinner {

       font-size: 10px;
       width: 1em;
       height: 1em;
       border-radius: 50%;
       position: relative;
       text-indent: -9999em;
       animation: mulShdSpin 1.1s infinite ease;
       transform: translateZ(0);
       margin: 0 auto;
       margin-top: 15px !important;
   }

   @keyframes mulShdSpin {

       0%,
       100% {
           box-shadow: 0em -2.6em 0em 0em #c52628, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
       }

       12.5% {
           box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #c52628, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
       }

       25% {
           box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #c52628, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
       }

       37.5% {
           box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #c52628, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
       }

       50% {
           box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #c52628, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
       }

       62.5% {
           box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #c52628, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
       }

       75% {
           box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #c52628, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
       }

       87.5% {
           box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #c52628;
       }
   }

   .grp-default {
       float: left;
       margin-left: 10px;
       accent-color: red
   }

   .grp-default2 {
       float: left;
       margin-top: 4px;
       margin-left: 0px;

       accent-color: red;
   }

   .grp-pmSelect {
       height: 12px;
       width: 12px;
       background-color: white;
       cursor: pointer;
   }

   .grp-sd,
   .grp-anc,
   .grp-sd,
   .grp-dc,
   .grp-uc {
       float: left;

       font-size: 16px;
       font-weight: bold;

       padding: 5px;
       padding-top: 3px;
       border-radius: 6px;
       text-align: center;
       cursor: pointer;
       background: #25b561;
       border: 5px solid white;
       color: #fff;
       font-family: 'Oswald';
       line-height: 1.0;

   }

   .grp-sd {
       background: #cd4c4c;

   }

   .grp-dc {
       background: #cd4c4c;
   }

   .grp-uc {

       background: #5e9bf5;
   }

   .grp-sd:hover {
       opacity: 0.50;

   }

   .grp-anc:hover {
       opacity: 0.50;

   }

   .grp-dc:hover {
       opacity: 0.50;
   }

   .grp-uc:hover {
       opacity: 0.50;
   }


   .grp-pmData {

       display: none;
       padding: 6px;
       padding-top: 12px;
       overflow-y: scroll;
       height: 200px;
       background-color: #c4d1e1;

   }

   .grp-pmData3 {

       display: none;
       padding: 6px;
       padding-top: 12px;
       height: 25px;
       background-color: #c4d1e1;

   }

   .grp-pmHdr2 {
       display: none;
       width: 100%;
       text-align: center;
       font-size: 15px;
       font-weight: bold;
       font-family: 'Arial';
       padding: 5px;
       color: #3b8ec7;

   }


   .grp-pmHdr {
       display: none;
       width: 100%;
       text-align: center;
       font-size: 23px;
       font-weight: bold;
       font-family: 'Oswald';
       padding: 5px;
       color: #3b8ec7;

   }

   .grp-pmCell {

       text-align: center;
       line-height: 1.0;
       font-size: 13px;
       font-weight: bold;
       padding: 2px;
   }

   .grp-entrAmt2 {

       text-align: center;
       font-size: 16px;
       ;
       font-weight: bold;
       line-height: 0.95;
       padding-left: 5px;
       height: 46px;
       padding-top: 16px !important;
       pointer-events: none !important;

   }

   .grp-entrAmt {
       text-align: center;
       font-size: 14px;
       font-weight: bold;
       line-height: 0.95;
       padding-left: 0px;
       height: 45px;
       padding-top: 14px !important;
       pointer-events: none !important;



   }



   .grp-badTkt {
       display: none;
       margin: 0 auto;
       font-size: 14px;
       color: red;
       width: 250px;
       z-index: 7000;
       background: #f1f1f1;
       height: 40px;
       padding: 3px;
       padding-top: 6px;
       line-height: 1;
       font-weight: bold;
       text-align: center;
       margin-top: 10px;
   }

   .grp-uploadMsgTkt {
       display: inline-block;
       font-family: "Roboto";
       font-size: 20px;
       line-height: 1.1;
       margin-top: 35px;
       color: green;
       width: 200px;
   }

   .grp-showDetails {
       margin: 0 auto;
       font-size: 16px;
       width: 230px;
       border-radius: 4px;
       background: green;
       padding: 4px;
       padding-top: 8px;
       color: white;
       height: 35px;
       text-align: center;
       font-family: 'Roboto';
       font-weight: bold;

   }

   .grp-showDetails:hover {

       opacity: 0.50;
   }

   .grp-upload2 {

       font-size: 16px;
       padding: 4px;
       padding-top: 8px;

       margin: 0 auto;
       background: green;
       width: 87px;
       height: 35px;
       color: #fff;
       border-radius: 4px;
       cursor: pointer;

       text-align: center;
       font-weight: bold;
   }

   .grp-upload2:hover {
       opacity: 0.5;
   }

   .grp-dropBox2 {
       display: none;
       width: 100%;
       height: 255px;
       margin-top: 47px;
   }

   .grp-hrsSelect {
       float: right;
       background: #fff;
       height: 26px;
       border: 2px solid #d3cbcb;

       font-size: 13px;
       display: none;
       margin-top: -10px;

   }


   .grp-tktOptions {
       display: none;
       width: 100%;
       color: #000;
       z-index: 7000;
       background: #d7dfed;
       padding: 5px;
       height: 45px;
       margin-top: 5px;

   }

   .grp-ticketForm {
       display: none;
       background: green;
       margin: 0 auto;
       background-color: #fff;

       height: 320px;
       margin-top: -29px;
       padding-right: 1.5rem;
       padding-bottom: 1rem;
       padding-left: 1.5rem;

       text-align: center;

       z-index: 3100;
   }

   .grp-donateNow {
       margin: 0 auto;
       border-radius: 8px;
       margin-top: 102px;
       width: 73%;
       background: #2e76a8;
       color: white;
       font-size: 1.4rem;
       font-family: "Oswald";
       padding: 6px;
       text-align: center;
       cursor: pointer;
   }

   .grp-donateNow:hover {
       opacity: 0.50;
   }

   .grp-ckButn2 {
       float: right;
       font-size: 0.8rem;
       margin-top: -20px;
       width: 47px;
       height: 20px;
       text-align: center;
       color: #fff;
       background: #476ae1;
       border-radius: 4px;
       cursor: pointer;
       font-weight: 700;
       margin-right: 6px;
   }

   .grp-ckButn2:hover {
       opacity: 0.5;
   }

   .grp-selCmTxt {
       float: left;



   }

   .grp-cmTxt {

       width: 95%;
       float: left;
       height: 25px;
       margin-top: 43px;

   }

   .grp-vuBtns1 {
       position: absolute;
       left: 5px;
       bottom: 59px;
       width: 100px;



   }

   .grp-vuBtns2 {


       position: absolute;
       right: -175px;
       bottom: 59px;
       width: 36%;
   }

   .grp-btn2 {
       max-width: 95px;
       margin-top: 3px;
       background-color: #2781c3 !important;
       padding: .2rem;
       font-size: 12px !important;
       border-radius: 6px !important;
       font-family: 'Arial';
       font-weight: 700;
       border: none;
       text-transform: uppercase;
       text-align: center;
       color: #fff;
       cursor: pointer;
   }



   .grp-btn2:hover {
       opacity: 0.50;
   }


   .grp-radShp {
       float: left;
       margin-left: 6px;
       margin-top: 8px;
   }


   .grp-pntr1 {
       cursor: pointer;
       float: right;
       margin-top: -5px;


   }

   .grp-pntr2 {
       cursor: pointer;
       float: left;

       margin-right: 32px;
       margin-top: 4px;
   }

   .grp-pntr1:hover {
       opacity: 0.50;
   }

   .grp-pntr2:hover {
       opacity: 0.50;
   }

   .grp-custmTxt {
       display: block;
       font-size: 13px;
       font-weight: bold;
       float: left;
       line-height: 1.0;

       margin-top: 8px;
       height: 20px;


   }

   .grp-custmTxt2 {
       display: none;
       font-size: 13px;
       font-weight: bold;
       float: left;
       line-height: 1.0;
       width: 100%;
       margin-top: 8px;


   }

   .grp-btnShp3 {
       font-size: 12px !important;

   }

   .grp-custProdTxt {

       width: 221px;
       text-align: left;
       padding-left: 4px;
       border: 1px solid gray;
       color: #3b8ec7 !important;
       font-size: 13px;
       background: #fff !important;
       height: 26px;
       padding-top: 3px;
       margin-top: 4px;
       margin-left: 10px;
       float: left;

   }

   .grp-imgVu {
       height: 85%;

       margin-top: 5px;

   }

   .grp-prodImgVu {
       width: 100%;
       height: 300px;
       text-decoration: none;
       border: none;
       text-align: center;
   }

   .grp-prodImgMnu {
       position: absolute;
       bottom: 0px;



   }

   .grp-prodImgs {



       border: 1px solid #dbd7d7;
       padding: 5px;
       z-index: 1000;
       background-color: #f1f1f1;
   }

   .grp-ctlAdj {


       bottom: 215px !important;
       top: 15px !important;
   }

   .grp-zoom {
       margin: 0 auto;

       width: 90px;
       text-align: center;
       margin-top: 5px;
       color: white;
       font-size: 13px;
       padding: 5px;
       background-color: #2781c3 !important;
       border-radius: 4px;
       cursor: pointer;
   }

   .grp-zoom:hover {

       opacity: 0.30;
   }


   .grp-capBox {
       width: 100%;
       position: absolute;
       height: 56px;
       bottom: -60px;
       background-color: #e3efef !important;
   }

   .grp-capTxt {
       text-align: center;
       margin: 0 auto;
       line-height: 1.0;
       color: #096ab1 !important;

       font-family: 'Arial';
       font-weight: bold !important;
       margin-top: 5px;

   }


   .grp-btnShp1,
   .grp-btnShp2 {

       border-radius: 8px !important;

   }

   .grp-btnShp2 {

       margin-top: 5px;


   }


   .grp-mugCstmTxtInpt {
       float: left;
       width: 100%;
       visibility: hidden;


   }


   .grp-mugCstmTxt {
       float: right !important;
       margin-right: 4px !important;
       width: 126px !important;
       background: #fff !important;
       height: 16px !important;
       padding: 5px !important;
       font-size: 14px !important;
       color: #000 !important;
       text-align: right !important;

   }

   .grp-mugProdTitle,
   .grp-artProdTitle,
   .grp-cldrProdTitle,
   .grp-bpProdTitle,
   .grp-sgProdTitle,
   .fs_booProdTitle {
       width: 100%;
       float: left;
       text-align: center;
       font-size: 15px;
       font-weight: 700;
       color: red;
       margin-top: 4px;
       height: 50px;
       margin-bottom: 6px;
   }


   .grp-left-card-text {
       font-size: 17px;
       line-height: 1.0;
       padding: 12px;
       font-weight: bold;
       float: left;
       width: 50%;
   }

   .grp-right-card-text {
       font-size: 17px;
       line-height: 1.0;
       padding: 12px;
       font-weight: bold;
       float: right;
       width: 50%;
   }

   .grp-navBar {

       position: relative;
       height: 35px !important;
       z-index: 500;

   }


   .grp-greet1 {


       height: 100px;

       line-height: 1.0;
       font-family: Roboto;
       font-size: 36px;
       font-weight: bold;
       padding: 7px;
       background: #2781c3;
       color: #fff;
       margin-top: 0px;
       border-radius: 9px;

       padding: 10px;
       padding-left: 24px;
       padding-top: 24px;

   }

   .grp-greet2 {


       background-color: #2781C3;
       border-radius: 9px;
       padding: 7px;
       padding-bottom: 13px;
       margin-bottom: 10px;

       width: 186px;
       margin-top: 5px;
   }



   .grp-greet3 {
       position: relative;


       font-family: Roboto;
       font-size: 30px;
       font-weight: bold;
       padding: 7px;


   }

   .grp-wthr {
       position: absolute;
       bottom: 2px;
       right: 6px;
       cursor: pointer;
       color: white;
       width: 16%;
       display: none;

   }

   .grp-wthr:hover {

       opacity: 0.50;
   }


   .grp-ct {
       color: #2781c3;
       font-weight: bold;
       font-size: 25px;
       letter-spacing: -.05rem;

   }

   .grp-later1 {

       margin: 0 auto;
       width: 5rem;
       font-family: 'Roboto';
       margin-top: 20px;
       padding: 4px;
       border-radius: 3px;
       font-size: 0.8rem;
       font-weight: 400;
       line-height: 1;
       color: #fff;
       background: #f22f46;
       transition: background-color 150ms ease-out, color 150ms ease-out;
       text-align: center;
       cursor: pointer;

   }


   .grp-wCome {

       position: absolute;
       z-index: 1000;
       width: 150px;
       height: 50px;
       line-height: 1.0;
       font-family: 'Roboto';
       font-size: 17px;
       font-weight: normal;
       padding: 8px;
       background-color: #fff;
       top: -55px;
       left: 16px;
       color: #3B8EC7;

   }


   .inptErr {
       border: 2px solid red;
   }

   .grp-suMsgErr {
       color: red;
       visibility: hidden;
       margin-bottom: 20px;
       padding-left: 20px;
       padding-right: 20px;
       line-height: 1;
       width: 100% !important;
       margin-top: -10px !important;
   }

   .closeInfo {
       float: right;
       margin-top: -19px;
       margin-right: -10px;
       font-size: 23px;
       cursor: pointer;
   }

   .closeInfo:hover {

       opacity: 0.60;

   }




   .info-centered {
       display: none;
       text-align: left;
       position: absolute;
       top: 50%;
       left: 0;
       right: 0;
       margin: auto;
       transform: translateY(-50%);
       font-size: 14px;
       font-family: 'Roboto';
       font-weight: normal;
       height: 231px;
       width: 231px;
       background: #236c9d;
       padding: 16px;
       color: white;
       border-radius: 6px;
   }

   .infIcn {
       cursor: pointer;
       width: 10%;

       float: right;
       margin-top: -37px;

   }

   .infIcn:hover {

       opacity: 0.50;
   }

   .grp-pc3 {

       width: 107px !important;
       margin-top: 20px !important;
       margin: 0 auto;

   }

   .grp-codeTitle {
       font-family: 'Oswald';
       width: 348px;
       height: 55px;
       color: #3B8EC7;
       font-weight: 700;
       font-size: 25px;
       margin: 0 auto;
       line-height: 1;
       margin-top: 25px;
       text-align: center;


   }


   .grp-codeTitleTxt {
       font-family: 'Roboto';
       Text-align: left;
       width: 287px;
       height: 55px;
       color: #141516;
       font-weight: normal;
       font-size: 17px;
       margin: 0 auto;
       line-height: 1;

       margin-bottom: 65px;


   }

   .grp-eye {
       cursor: pointer;
       width: 10%;
       float: right;
       margin-top: -26px;
       color: #7b7878;
       margin-right: -15px;

   }

   .grp-eye:hover {

       opacity: 0.50;

   }

   .grp-toc-consent {

       text-align: left;
       width: 135px;
       font-family: Roboto;
       height: 42px;
       background: #53634c;
       padding: 4px;
       font-size: 12.5px;
       line-height: 1.3;
       float: right;
       height: 50px;
       padding-left: 12px;

   }

   .grp-signUp {

       margin: 0 auto;
       font-size: 24px;
       width: 107px;
       text-align: center;
       color: white;
       background: #3B8EC7;
       font-family: 'Oswald';
       padding: 6px;
       border-radius: 6px;
       cursor: pointer;

   }

   .grp-signUp:hover {
       opacity: 0.50;

   }

   .grp-resetPass {
       color: #3B8EC7;
       cursor: pointer;
       font-size: 0.85rem;
       margin-top: 10px !important;
       height: 10px;
       font-family: Roboto;
       font-weight: 600;
       margin-bottom: 5px !important;
       margin: 0 auto;
       width: 125px;

   }

   .grp-resetPass:hover {
       opacity: 0.50;
   }

   .grp-btn-primary {
       color: white !important;
       background-color: #2781c3 !important;
       border-color: #2781c3 !important;
   }

   .grp-fc {
       float: left;
       width: 88% !important;
       margin-bottom: 5px;
   }

   .grp-suc {

       margin-top: 5px;
       margin-bottom: 5px;
   }

   .grp-suc2 {

       display: none;
       height: 64px;
       background-color: #3B8EC7 !important;


   }


   .grp-pt {

       padding-top: 0px !important;
   }

   .grp-fLeft {
       float: left;
   }

   .grp-fRight {

       float: right;
   }

   .grp-ntrCode {

       margin: 0 auto !important;
       width: 37% !important;
   }


   .grp-testmail {
       float: right;
       width: 110px;
       height: 40px;
       padding: 15px;
       background: blue;
       color: #fff;
       cursor: pointer;
       margin-top: 10px;
   }

   .grp-testmail:hover {

       opacity: 0.50;
   }


   .grp-mlHdr {
       text-align: center;
       font-size: 33px;
       color: #385dcd;
       font-weight: bold;
       letter-spacing: -1px;
       font-family: Oswald;
   }


   .grp-mlBdy {
       font-family: 'Heebo' !important;
       width: 100%;
       color: #000;
       line-height: 1.1;
       padding: 18px;
       font-size: 18px;
   }

   .grp-mdlBdy {
       font-family: 'Heebo' !important;
       width: 100%;
       color: #000;
       line-height: 1.1;
       padding: 18px;
       font-size: 15px;
   }


   .grp-oneTime,
   .grp-mnthly {
       text-align: center;
       color: #3b8ec7;
       width: 100%;
       font-weight: bold;
       font-family: 'Oswald';
       font-size: 18px;
       line-height: 1.1;
       margin: 0 auto;
   }

   .grp-donPay1 {
       background: #3b8ec7;
       text-align: center;
       height: 40px;
       font-size: 23px;
       font-weight: bold;
       padding-top: 5px;
       font-family: 'Oswald';


   }

   .grp-donPay1:hover {
       opacity: 0.50;

   }

   .grp-lite3 {
       background: red !important;

   }



   .grp-dnInpt {
       text-align: right;
       padding-right: 4px;
       width: 80px;
       font-weight: bold !important;
       color: #3b8ec7 !important;
       font-size: 1.0rem;
       background: #fff !important;
       height: 26px;
       padding-top: 3px;

   }

   .grp-donAmt {
       padding: 2px;
       text-align: center;
       margin-top: 5px;
       color: white;
       cursor: pointer;
       font-size: 18px;


   }

   .grp-donateTitle {
       width: 97%;
       max-width: 279px;
       margin: 0 auto;
       margin-top: 15px;
       background: #3b8ec7;
       color: #fff;
       font-size: 24px;
       font-family: 'Oswald';
       padding: 5px;
       text-align: center;
       height: 58px;
       line-height: 1;
       padding-top: 14px;

   }

   .grp-modalContent {
       display: block;
       background: #49b549;
       min-width: 318px;
       margin-top: 10px;
       min-width: 318px;
       margin-top: 10px;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);

       padding: 1rem 1.5rem;
       width: 70%;
       text-align: center;
       max-width: 386px;
       min-width: 295px;
       z-index: 3100;
   }

   .grp-hlPriv,
   .grp-hlTou {
       font-size: 1.4rem;
       text-align: center;
       font-weight: bold;
       margin-bottom: 17px;


   }


   .grp-page-c {

       display: none;
       position: relative;

       width: 100%;
       min-width: 340px;
       height: 900px;
       background: white;
       font-family: "Open Sans";
       font-size: 1rem;
       padding-top: 44px;
       padding-bottom: 30px;
       text-align: left;
       line-height: 1.3;
       overflow-y: scroll;
       font-size: 13px;

   }

   .grp-abtOpen {
       margin: 0 auto;
       font-weight: normal;
       font-family: 'Arial';
       height: 20px;
       width: 100px;
       background: #5c9d5c;
       color: white;
       margin-top: 2px;
       font-size: .9rem;
       cursor: pointer;

   }


   .grp-abtOpen:hover {
       opacity: 0.50;
   }

   .grp-bioClose {
       float: right;
       margin-right: -10px;
       margin-top: -25px !important;
       border: 1.5px solid green;
       font-size: 12px;
   }

   .grp-priv-tou-Close {
       float: right;
       margin-right: -33px;
       margin-top: -15px !important;
       border: 1.5px solid green;


   }

   .grp-descrip {
       font-weight: bold;

   }


   .grp-hov {
       cursor: pointer;

   }

   .grp-hov:hover {
       opacity: 0.50;
   }




   .grp-bioTxt {
       margin: 0 auto;
       margin-top: 15px;
       width: 100%;
       height: 130px;
       line-height: 1.0;
       font-family: 'DM Serif Display';

       font-weight: 500;

   }

   .grp-founderTxt {
       background: #fff;
       padding: 9px;
       font-family: 'DM Serif Display';
       font-weight: 600;
       margin: 0 auto;
       width: 82vw;
       max-width: 525px;
       font-size: 16px;
       line-height: 1.1;
       text-align: left;
       margin-top: 20px;
       color: #414a4b;




   }

   .grp-primary {
       display: none;
       height: 1750px;


   }

   .grp-primary-hrs {

       height: 1250px;


   }

   .grp-btp {

       height: 20px;
       width: 120px;
       padding-top: 5px;
       cursor: pointer;
       display: block;
       font-size: .9em;
       margin-left: 9px;

   }

   .grp-btp:hover {

       opacity: 0.50 !important;
   }

   .grp-hcText {

       color: #414a4b;
       font-weight: 500;
       margin-top: 5px;
       font-family: 'DM Serif Display';
       font-size: 1.2rem;
       line-height: 1.2;

   }

   .grp-bigImgCap {
       margin: 0 auto;
       margin-top: 10px;
       color: green;
       font-family: Heebo;
       font-size: 0.8rem;
       padding: 4px;
       width: 28vw;
       max-width: 240px;
       text-align: center;
       line-height: 1.2;
       font-weight: bold;
   }



   .grp-prevPix {
       position: absolute;
       top: 40%;
       left: -6vw;
       font-size: 26px;
       background: transparent;
       z-index: 2000;
       color: green;
       cursor: pointer;


   }

   .grp-nextPix {
       position: absolute;
       top: 40%;
       right: -6vw;
       font-size: 26px;
       background: transparent;
       z-index: 2000;
       color: green;
       cursor: pointer;


   }

   .grp-about {
       height: 100%;
       text-align: center;
       margin-top: 5px;

   }


   .grp-p-3 {
       padding: 1rem !important;
   }

   .grp-hl:hover {

       opacity: 0.50 !important;

   }

   .grp-lite {
       background: #2b932b !important;

   }

   .grp-lite2 {
       background: #075e07 !important;

   }

   .grp-btnx {
       position: absolute;
       right: 4px;
       top: 4px;
       z-index: 3000;

   }




   .grp-btnHorseBio {
       background: #3a8e25;
       width: 94px;
       height: 31px;
       font-family: "Oswald";
       font-size: 18px;
       color: #fff;
       cursor: pointer;
       text-align: center;
       border-radius: 3px;
       font-weight: 700;
       line-height: 1;
       padding-top: 5px;
       float: left;
       margin-top: 7px;
       margin-left: 11px;

   }

   .grp-donateNow3 {

       border-radius: 4px;
       background: #2e76a8;
       color: #fff;
       font-size: 1.5rem;
       font-family: "Oswald";
       cursor: pointer;
       display: block;
       padding: 4px;
       padding-top: 0px;
       padding-bottom: 4px;
       text-align: center;
       float: right;
       margin-right: 13px;
       margin-top: 4px;
   }




   .grp-hInfo {
       float: left;
       width: 100%;
       padding: 6px;
       font-family: "Heebo";
       position: relative;
       margin-top: -56px;
       border-bottom: 1px solid black;

   }

   hwf-bioImg {

       width: 80% !important;

   }

   grp-navlink .grp-shift {

       margin-top: -20px;
       padding-right: 40px;

   }

   .carousel-inner>.carousel-item>img {

       width: 400px;
   }

   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   .grp-navlink {
       display: block;
       padding: 0.38rem 0.2rem !important;
       font-size: 12.5px;
       text-transform: uppercase;
       color: black;
       font-weight: 700;
       font-family: "Heebo";
       text-decoration: none;
       background: 0 0;
       line-height: 1.0;
       border: 0;
       border-radius: 4px;
       transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
   }


   .grp-mbtn {
       border-radius: 3px !important;
       float: right;
       margin-top: 7px;
       background: red !important;
       color: white !important;
   }

   .grp-mbtn:hover {
       opacity: 0.50;

   }

   .grp-mbtn2 {
       border-radius: 6px !important;
       float: right;
       margin-top: 7px;
       background: #2e76a8 !important;
       color: white !important;
       font-family: 'Oswald' !important;
       padding: 7px;
       font-size: 22px !important;
       font-weight: normal;
   }

   .grp-mbtn2:hover {
       opacity: 0.50;

   }

   .grp-btn {
       padding-top: 0.5rem !important;
       padding-bottom: 0.5rem !important;
       padding-left: 1rem !important;
       padding-right: 1rem !important;
       font-size: 1.25rem !important;
       border-radius: 6px !important;
       font-family: 'Arial';
       font-weight: 700;
       border: none;
       text-transform: uppercase;
   }

   .grp-btn:hover {
       opacity: 0.50;

   }



   hr {
       margin: 0px !important;
       max-width: 231px !important;
       border-width: 1px !important;
       border-color: #fff !important;
       opacity: 0.8 !important;


   }


   .ft-nav-link {
       display: block;
       padding: 5px !important;

       font-size: var(--bs-nav-link-font-size);
       font-weight: var(--bs-nav-link-font-weight);
       font-family: "Arial";
       color: var(--bs-nav-link-color);
       text-decoration: none;
       background: 0 0;
       text-align: left;
       border: 0;
       line-height: .9;
       transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;



   }

   .grp-nav-link {
       display: block;
       padding: 5px !important;

       font-size: 15px;
       font-weight: var(--bs-nav-link-font-weight);
       font-family: "Arial";
       color: var(--bs-nav-link-color);
       text-decoration: none;
       background: 0 0;
       border: 0;
       line-height: .8;
       transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
   }

   .grp-social {

       margin-top: 0px !important;
       margin-left: 15px !important;

   }



   .splText {
       color: #17252d !important;
       ;
   }



   .fsadmin-ftrItem2 {
       margin-left: 1px;
       height: 14px;
       text-align: right;
       padding-top: 0px;
       cursor: pointer;

   }

   .fsadmin-ftrItem2:hover {
       opacity: 0.5;
   }

   .fsadmin-ftrItem {
       width: 240px;
       float: left;
       height: 83px;
       margin-top: 5px;
   }


   .fsadmin-txtWhite {

       color: white;
   }

   .fsadmin-hov {
       cursor: pointer;

   }

   .fsadmin-btp {

       height: 20px;
       width: 120px;
       padding-top: 5px;
       cursor: pointer;
       display: block;
       font-size: .9em;
       margin-left: 9px;

   }

   .fsadmin-btp:hover {

       opacity: 0.50 !important;
   }



   .grp-footer {
       font-size: 15px !important;
       font-weight: normal !important;
       font-family: Roboto;
       background: #054971 !important;
       padding-bottom: 50px;
       width: 100%;

   }




   .grp-facTextMed {
       font-weight: bold;
       line-height: 1.2;
       font-size: 1.4rem;
   }

   .grp-facilities {

       background: transparent;
       height: 200px;
       width: 55%;
       min-width: 360px;
       max-width: 510px;

       font-family: 'Geologica';

   }




   .grp-cart {
       display: none;
       position: relative;
       margin: 0 auto;
       font-size: 26px;
       background: transparent;
       z-index: 500;
       color: green;
       cursor: pointer;

   }

   .grp-dot {

       top: -2px !important;
       left: 24px !important;
       position: absolute;
       width: 22px;
       z-index: 100;
       background: 0 0;

   }

   .grp-logo-w {
       width: 169px;

   }



   .grp-ml {
       margin-left: 188px !important;
       position: fixed;
       z-index: 3000;
       margin-top: 16px;
   }



   .grp-bg-primary {
       background-color: white !important;


   }

   .carousel-item {
       transition: transform 3s ease, opacity 1.5s ease-out !important;

   }


   .grp-lgnd1 {

       line-height: 1.0;
       font-size: 1.3rem;
       font-weight: bold;
       padding-top: 13px;
       color: green;
       text-align: center;


   }

   .grp-lgnd2 {

       line-height: 1.0;
       font-size: 18px;

       padding-top: 13px;
       color: green;
       text-align: left;



   }

   .grp-hrsImg {
       max-width: 460px;
       min-width: 320px;
       width: 50%;


   }


   .grp-img-fluid {

       max-width: 90%;
       height: auto;
   }

   .fsi:hover {
       opacity: 0.50;

   }

   .grp-pc2 {
       width: 250px !important;
       margin-bottom: 5px !important;
       margin: 0 auto;

   }

   .grp-pc1 {
       width: 220px !important;
       margin-bottom: 5px;
       float: left;
   }

   .grp-time {
       float: right;
       margin-bottom: 10px;

   }

   .grp-social1a {
       margin: 0 auto;
       width: 154%;

   }


   .grp-socialImg {

       width: 100%;


   }

   .hwf-navItem {

       margin-left: 3px;
       height: 23px;
       margin-top: 3px;
       text-align: right;
       padding-top: 0px;
       cursor: pointer;



   }

   .grp-prdImgBox {
       border: 1px solid gray;
       margin-top: 10px;
       padding: 5px;
       border-radius: 8px;
       height: 18vw;
   }






   .grp-btnHorseBio {

       left: 11px;
   }

   .grp-primary-hrs {

       height: fit-content;

   }

   .grp-pntr1 {
       cursor: pointer;
       float: right;
       margin-top: -30px;
       margin-right: 14px;


   }

   .grp-pntr2 {

       cursor: pointer;
       float: right;
       margin-top: 5px;

   }

   .grp-selCmTxt {
       float: left;
       margin-left: 10px;
       margin-top: 6px;


   }

   .grp-vuBtns1 {
       position: absolute;
       left: 5px;
       bottom: 52px;
       width: 100px;



   }

   .grp-vuBtns2 {

       position: absolute;
       right: -15px;
       bottom: 59px;
       width: 36%;
   }


   fs-btnShp3 {
       font-size: 12px !important;
   }

   .grp-prodImgMnu {
       width: 93%;
       height: 30%;
       margin: 0 auto;
       margin-top: -86px;

   }



   .grp-prodImgs {


       border: 1px solid #dbd7d7;
       padding: 5px;
       z-index: 1000;
       background-color: #f1f1f1;
   }



   .grp-prodImgVu {
       width: 100%;
       height: 300px;
       text-decoration: none;
       border: none;
       text-align: center;

   }

   .grp-imgVu {
       height: 82%;

       margin-top: 10px;

   }

   .grp-prdImgBox {
       border: 1px solid gray;
       margin-top: 10px;
       padding: 5px;
       border-radius: 8px;
       height: 60vw;
       font-size: 14px;
   }

   .grp-ftrHt {

       height: 110% !important;
       margin-right: -17px;

   }



   .grp-time {
       float: none;
       margin-bottom: 10px !important;
       width: 194px;
       margin: 0 auto;
       margin-top: 10px;

   }






   .infIcn {
       cursor: pointer;
       width: 9%;
       float: right;
       margin-top: -37px;

   }

   .grp-mc {


       margin-top: 116px !important;

   }

   .grp-fc {
       width: 74% !important;
       margin-bottom: 5px;

   }

   .grp-toc-consent {
       padding-left: 0px !important;
   }


   .grp-mlHdr {
       text-align: center;
       font-size: 30px;
       color: #385dcd;
       font-weight: bold;
       letter-spacing: -1px;
       font-family: 'Oswald';
   }



   .grp-bigImgCap {
       min-width: 240px;
       line-height: 1.1 !important;
       margin-top: 15px !important;
   }


   .grp-about {
       height: 100%;
       text-align: center;
       margin-top: 5px;
       padding-left: 0px !important;
       padding-right: 0px !important;
   }

   .grp-p-3 {
       padding: 0 !important;
   }

   .fsi:hover {
       opacity: 0.50;

   }


   .grp-shift {

       margin-top: -30px;
       padding-right: 20px;

   }




   .grp-img-fluid {

       max-width: 90%;
       height: auto;
   }


   .grp-lgnd1 {
       font-size: 1.2rem;
   }

   .grp-lgnd2 {

       font-size: 18px;
       ;
   }

   .grp-splText {
       font-size: 1.1rem;
       width: 42%;
   }

   .grp-btn {
       padding-top: 0.25rem !important;
       padding-bottom: 0.25rem !important;
       padding-left: .875rem !important;
       padding-right: .875rem !important;
       font-size: .875rem !important;
       border-radius: 6px !important;
       font-family: 'Arial';
       font-weight: 700;
       border: none;
       text-transform: uppercase;
   }



   .grp-social {

       margin-top: -86px !important;
       margin-left: 0px !important;
   }



   .grp-ml {
       margin-left: 192px !important;
       z-index: 3000;
       position: fixed;
       margin-top: 16px;
   }

   .fs_icon {
       width: 1.2em !important;
       height: 1.2em !important;
   }





   .fs2-nav-item {
       margin-left: 1px;
       height: 30px;
       margin-top: 3px;
       text-align: left;
       padding-top: 0px;
       cursor: pointer;


   }

   .fsi {
       text-align: center !important;

   }

   .grp-dm {

       line-height: .8;
       font-size: .8em;
   }



   .grp-hcText {
       width: 98%;
       font-size: 1.0rem;
       line-height: 1.1;
       padding-left: 3%;
   }






   #hrsWrap1,
   #hrsWrap2,
   #hrsWrap3,
   #hrsWrap4 {
       padding-left: 0px !important;

   }

   @media screen and (max-width: 390px) {


       .grp-nav-item {
           z-index: 3000;
           position: absolute;
           right: 5px;
           top: 30px;
           width: fit-content;
           padding: 5px;
       }

       #navitems {
           background-color: #dad3d3;
           width: 120px;
       }

       .fsadmin-ftrBox {
           width: 47%;
           min-width: 105px;
           float: left;
           line-height: 1.0;
           font-size: 14px;
           height: 67px;
           margin-top: 10px;
           margin-left: 10px;
       }

       .grp-copy {
           font-family: 'Arial';
           color: #05237d;
           font-weight: bold;
           font-size: calc(20px + .8vw);
           line-height: 1.0;
           margin-top: 30px;
           width: 100%;

       }

       .grp-pix {

           margin-top: -50px !important;


       }


       .grp-mnImg {
           width: 100%;

       }
   }

   @media screen and (max-device-width: 890px) {}

   @media screen and (max-width: 890px) {}



   @media (hover: none) {
       #navitems {
           background-color: #dad3d3;
           width: 120px;
       }


   }

   @media screen and (min-width: 391px) and (max-width: 767px) {



       .grp-pgfmt {
           width: 100%;
           margin-top: 27px;
           height: 900px;

       }



       .grp-nav-item {
           z-index: 3000;
           position: absolute;
           right: 5px;
           top: 30px;
           width: fit-content;
           padding: 5px;
       }

       #navitems {
           background-color: #dad3d3;
           width: 120px;
       }

       .fsadmin-ftrBox {
           width: 31%;
           min-width: 105px;
           float: left;
           line-height: 1.0;
           font-size: 14px;
           height: 67px;
           margin-top: -10px;
           margin-left: 10px;
       }

       .grp-copy {
           font-family: 'Arial';
           color: #05237d;
           font-weight: bold;
           font-size: calc(20px + .8vw);
           line-height: 1.0;
           margin-top: 30px;
           width: 100%;

       }

       .grp-pix {

           margin-top: -50px !important;


       }


       .grp-mnImg {
           width: 100%;

       }
   }

   @media screen and (max-device-width: 890px) {}

   @media screen and (max-width: 890px) {}



   @media (hover: none) {
       #navitems {
           background-color: #dad3d3;
           width: 120px;
       }


   }



   @media screen and (min-width: 768px) {

       .hwf-logo {

           width: 340px;
       }

       #navitems {
           background-color: transparent;
           width: 269px;
       }

       .fsadmin-ftrBox {
           width: 15%;
           float: left;
           line-height: 1.0;
           font-size: 15px;
           height: 114px;
           margin-top: 10px;
           margin-left: 10px;
       }

       .grp-mnImg {
           width: 650px;

       }

       .grp-copy {
           margin: 0 auto;
           font-family: 'Arial';
           color: #05237d;
           font-weight: bold;
           font-size: calc(24px + .8vw);
           line-height: 1.0;
           margin-top: 30px;
           min-width: 330px;
           max-width: 650px;
           width: 100%;

       }




       .grp-nav-item {
           width: fit-content;
       }

   }