/*!
 * Start Bootstrap -  v1.0.0 ()
 * Copyright 2013-2022 
 * Licensed under  (https://github.com/BlackrockDigital/freshstart-tblc.org/blob/master/LICENSE)
 */

 @charset "UTF-8";

 body,
 html {
   width: 100%;
   height: 100%;
 }

 body {
   font-family: "Merriweather", "Helvetica Neue", Arial, sans-serif;
 }

 hr {
   max-width: 50px;
   border-width: 3px;
   border-color: #F05F40;
 }

 hr.light {
   border-color: #fff;
 }

 a {
   color: #F05F40;
   transition: all 0.2s;
 }

 a:hover {
   color: #f05f40;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
 }

 .bg-primary {
   background-color: #F05F40 !important;
 }

 .bg-dark {
   background-color: #212529 !important;
 }

 .text-faded {
   color: rgba(255, 255, 255, 0.7);
 }

 section {
   padding: 8rem 0;
 }

 .section-heading {
   margin-top: 0;
 }

 /*
::-moz-selection {
  color: #fff;
  background: #212529;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #212529;
  text-shadow: none;
}
*/

 img::-moz-selection {
   color: #fff;
   background: transparent;
 }

 img::selection {
   color: #fff;
   background: transparent;
 }

 img::-moz-selection {
   color: #fff;
   background: transparent;
 }

 #mainNav {
   border-bottom: 1px solid rgba(16, 71, 126, 0.1);
   background-color: #fff;
   font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
   transition: all 0.2s;
 }

 #mainNav .navbar-brand {
   font-weight: 700;
   text-transform: uppercase;
   color: #F05F40;
   font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
 }

 #mainNav .navbar-brand:focus,
 #mainNav .navbar-brand:hover {
   color: #f05f40;
 }

 #mainNav .navbar-nav>li.nav-item>a.nav-link,
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
   font-size: 0.9rem;
   font-weight: 700;
   text-transform: uppercase;
   color: #212529;
 }

 #mainNav .navbar-nav>li.nav-item>a.nav-link:hover,
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover {
   color: #F05F40;
 }

 #mainNav .navbar-nav>li.nav-item>a.nav-link.active,
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active {
   color: #F05F40 !important;
   background-color: transparent;
 }

 #mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover {
   background-color: transparent;
 }

 @media (min-width: 992px) {
   #mainNav {
     border-color: transparent;
     background-color: #fff;
   }

   #mainNav .navbar-brand {
     color: rgba(255, 255, 255, 0.7);
   }

   #mainNav .navbar-brand:focus,
   #mainNav .navbar-brand:hover {
     color: #fff;
   }

   #mainNav .navbar-nav>li.nav-item>a.nav-link {
     padding: 0.5rem 1rem;
   }

   #mainNav .navbar-nav>li.nav-item>a.nav-link,
   #mainNav .navbar-nav>li.nav-item>a.nav-link:focus {
     color: rgba(255, 255, 255, 0.7);
   }

   #mainNav .navbar-nav>li.nav-item>a.nav-link:hover,
   #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover {
     color: #fff;
   }

   #mainNav.navbar-shrink {
     border-bottom: 1px solid rgba(33, 37, 41, 0.1);
     background-color: #fff;
   }

   #mainNav.navbar-shrink .navbar-brand {
     color: #F05F40;
   }

   #mainNav.navbar-shrink .navbar-brand:focus,
   #mainNav.navbar-shrink .navbar-brand:hover {
     color: #f05f40;
   }

   #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,
   #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus {
     color: #212529;
   }

   #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover,
   #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover {
     color: #F05F40;
   }
 }

 header.masthead {
   padding-top: 10rem;
   padding-bottom: calc(10rem - 56px);
   background-image: url("../img/iconic3.jpg");
   background-position: center center;
   background-size: cover;
 }

 header.masthead hr {
   margin-top: 30px;
   margin-bottom: 30px;
 }

 header.masthead h1 {
   font-size: 2rem;
 }

 header.masthead p {
   font-weight: 300;
 }

 @media (max-width: 449px) {
   header.masthead {
     background-image: url("../img/iconic7.jpg");
     margin-right: -134px;
   }

   header.masthead h1 {
     font-size: 2.1rem;
   }

   header.masthead p {
     font-size: 1.05rem;
     line-height: 1;
   }
 }

 @media (min-width: 450px) {
   header.masthead h1 {
     font-size: 3.6rem;
   }

   header.masthead p {
     font-size: 1.15rem;
     line-height: 1.2;
   }
 }

 @media (min-width: 768px) {
   header.masthead h1 {
     font-size: 4.2rem;
   }

   header.masthead p {
     font-size: 1.2rem;
     line-height: 1.1;
   }
 }

 @media (min-width: 992px) {
   header.masthead {
     height: 100vh;
     min-height: 650px;
     padding-top: 0;
     padding-bottom: 0;
   }

   header.masthead h1 {
     font-size: 4.7rem;
   }

   header.masthead p {
     font-size: 1.2rem;
     line-height: 1.2;
   }
 }

 @media (min-width: 1200px) {
   header.masthead h1 {
     font-size: 5rem;
   }

   header.masthead p {
     font-size: 1.5rem;
   }
 }

 .service-box {
   max-width: 400px;
 }

 .portfolio-box {
   position: relative;
   display: block;
   max-width: 650px;
   margin: 0 auto;
 }

 .portfolio-box .portfolio-box-caption {
   position: absolute;
   bottom: 0;
   display: block;
   width: 100%;
   height: 100%;
   text-align: center;
   opacity: 0;
   color: #fff;
   background: rgba(240, 95, 64, 0.9);
   transition: all 0.2s;
 }

 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
   position: absolute;
   top: 50%;
   width: 100%;
   transform: translateY(-50%);
   text-align: center;
 }

 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
   padding: 0 15px;
   font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
 }

 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
 }

 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
   font-size: 18px;
 }

 .portfolio-box:hover .portfolio-box-caption {
   opacity: 1;
 }

 .portfolio-box:focus {
   outline: none;
 }

 @media (min-width: 768px) {
   .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
     font-size: 16px;
   }

   .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
     font-size: 22px;
   }
 }

 /* start of standard css  */
 .bioWrapper {
   margin: 0 auto;
   width: 70%;
   min-width: 360px;
   max-width: 735px;
 }

 .flex-container {
   display: flex;
   flex-wrap: wrap;
   text-align: center;
 }

 .flex-item-left {
   /* background-color: #f1f1f1; */
   padding: 10px;
   flex: 50%;
   min-width: 350px;
 }

 .flex-item-right {
   /* background-color: dodgerblue; */
   padding: 10px;
   flex: 50%;
   min-width: 350px;
 }

 /* Responsive layout - makes a one column-layout instead of a two-column layout */
 @media (max-width: 800px) {

   .flex-item-right,
   .flex-item-left {
     flex: 100%;
   }
 }

 .parent-container {
   float: left;
   width: 100%;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   background: transparent;
 }

 .parent,
 .parent-d {
   margin: 0 auto;
   width: 90%;
   min-width: 340px;
   max-width: 680px;
   background: transparent;
 }

 .parent-d {
   min-width: 310px;
 }

 .spacer {
   float: left;
   width: 100%;
   height: 30px;
   background: transparent;
   color: white;
   font-family: "Arial";
   font-size: 14px;
   text-align: center;
   font-weight: bold;
 }

 .half-spacer {
   margin: 0 auto;
   width: 50%;
   height: 30px;
   background: transparent;
   color: white;
   font-family: "Arial";
   font-size: 15px;
   text-align: center;
   font-weight: bold;
 }

 .child-left,
 .child-left-d {
   width: 47%;
   min-width: 326px;
   max-width: 340px;
   float: left;
   padding-left: 10px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
 }

 .child-left-d {
   position: relative;
   padding-left: 0px;
   min-width: 310px;
 }

 .child-right,
 .child-right-d {
   width: 47%;
   min-width: 326px;
   max-width: 340px;
   float: right;
   padding-right: 10px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
 }

 .child-right-d {
   position: relative;
   padding-right: 0px;
   min-width: 310px;
 }

 .bioImage {
   width: 354px;
 }

 .image-d {
   width: 100%;
 }







 /* Tiny Carousel1 */
 .cart-merch-data {
   float: left;
   width: 100%;
   height: 20px;
   font-size: 11px;
   margin-top: 2px;
 }

 .cart-merch-qty {
   float: left;
   width: 22px;
   margin-top: 1px;
 }

 .cart-merch-qty-input {
   float: left;
   font-size: 12px !important;
   width: 26px !important;
   height: 18px !important;
   margin-left: 2px;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
 }

 .cart-merch-price {
   float: left;
   margin-left: 3px;
   width: 25px;
   margin-top: 3px;
 }

 .cart-merch-price-input {
   float: left;
   font-size: 12px !important;
   width: 42px !important;
   height: 18px !important;
   margin-left: 6px;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
 }

 .cart-merch-ship {
   float: left;
   margin-left: 3px;
   width: 25px;
   margin-top: 3px;
 }

 .cart-merch-ship-input {
   float: left;
   font-size: 12px !important;
   width: 42px !important;
   height: 18px !important;
   margin-left: 3px;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
 }

 .cart-merch-tax {
   margin-top: 0px;
   margin-left: -1px;
   float: left;
   width: 25px;
 }

 .cart-merch-tax-input {
   float: left;
   font-size: 12px !important;
   width: 42px !important;
   height: 18px !important;
   margin-left: 3px;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
 }

 .cart-merch-total-right {
   float: left;
   width: 76px;
   margin-top: 15px;
   margin-left: 5px;
 }

 .cart-merch-total-rightB {
   float: right;
   width: 76px;
   margin-top: 21px;
   margin-right: 5px;
 }

 .crdSelErr {
   display: none;
   float: left;
   width: 100%;
   text-align: center;
   color: #fff;
   height: 29px;
   padding: 4px;
   font-family: Arial;
   font-size: 13px;
   font-weight: 700;
   margin-top: 13px;
 }

 .merchTitle1,
 .merchTitle2,
 .merchTitle3,
 .merchTitle4,
 .merchTitle5,
 .merchTitle6 {
   overflow: hidden;
   position: relative;
   padding: 0 0 10px;
   width: 100%;
   margin-left: 0;
   float: left;
 }

 .prod-viewport {
   margin: 5px 0 0;
   overflow: hidden;
   position: relative;
   padding: 0 0 10px;
   width: 100%;
   margin-left: 0;
   float: left;
   height: 425px;
   min-width: 352px;
 }

 .selAddrButton {
   padding: 5px;
   border-radius: 4px;
   font-size: 15px;
   font-weight: 700;
   width: 87px;
   height: 34px;
   color: #fff;
   background: green;
   cursor: pointer;
   float: left;
   margin-left: 62px;
 }

 .selAddrButton:hover {
   opacity: 0.5;
 }

 .buttons-new {
   background: #fff;
   border-radius: 35px;
   display: block;
   position: absolute;
   top: 50%;
   left: 0;
   width: 35px;
   height: 35px;
   color: #fff;
   font-weight: bold;
   text-align: center;
   line-height: 35px;
   text-decoration: none;
   padding: 0px;
   font-size: 36px;
   z-index: 500;
   cursor: pointer;
 }

 .next-new {
   right: 0;
   left: auto;
   top: 71%;
   opacity: 0.6;
   color: red;
 }

 .prev-new {
   left: 0;
   right: auto;
   top: 71%;
   opacity: 0.6;
   color: red;
 }

 .next-new:hover {
   color: green;
   background: #fff;
   text-decoration: none;
 }

 .prev-new:hover {
   color: green;
   background: #fff;
   text-decoration: none;
 }

 .prod-overview {
   position: absolute;
   padding: 0;
   margin: 0;
   width: 885px;
   left: 0px;
   top: 0;
   overflow: hidden;
   height: 475px;
 }

 .art-qtyA {
   float: left;
   width: 100%;
   margin-top: 4px;
   margin-bottom: 4px;
 }

 .merchMenu {
   width: 83%;
   max-width: 884px;
   height: 40px;
   margin: 0 auto;
   min-width: 350px;
 }

 .mrch-sp {
   padding-left: 5px;
   float: left;
 }

 .mrchMenu1,
 .mrchMenu2 {
   float: left;
   width: 50%;
   min-width: 350px;
 }

 .mdWrap {
   float: left;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   border: 2px solid red;
   margin-top: 4px;
   width: 100%;
 }

 .mdWrapHdr {
   float: left;
   width: 100%;
   text-align: center;
   font-size: 13px;
   font-family: Arial;
   font-weight: 700;
   padding: 3px;
 }

 .shipInfo {
   float: left;
   height: 21px !important;
   width: 79px !important;
   padding: 3px !important;
   font-size: 13px !important;
   font-weight: 700 !important;
   font-family: Arial;
   margin-left: 14px;
   text-align: right;
   margin-bottom: 3px;
 }

 .shipTxt {
   float: left;
   margin-left: 5px;
   font-family: Arial;
   color: #000;
   font-weight: 700;
   margin-top: 4px;
   font-size: 11px;
   width: 89px;
   margin-bottom: 3px;
 }

 .imgHeader {
   float: left;
   width: 100%;
 }

 .imgHeader1,
 .imgHeader2,
 .imgHeader3 {
   float: left;
   width: 33%;
   height: 25px;
   color: #fff;
   background: green;
   font-size: 14px;
   font-family: Arial;
   font-weight: 700;
   cursor: pointer;
   padding-top: 2px;
 }

 .imgHeader2 {
   background: blue;
 }

 .imgHeader3 {
   background: brown;
 }

 .imgHeader1 {
   opacity: 0.5;
 }

 .imgHeader2 {
   opacity: 0.5;
 }

 .imgHeader3 {
   opacity: 0.5;
 }

 .prodViewDetail {
   margin: 0 auto;
   text-align: center;
   position: relative;
   height: 450px;
 }

 .fs-modal-close-don {
   color: red;
   width: 100%;
   position: absolute;
   left: -45px;
   top: 22px;
   font-size: 18px;
   cursor: pointer;
   height: 13px;
   text-align: right !important;
 }

 .fs-modal-close-merch {
   float: right;
   width: 15px;
   height: 15px;
   background: #fff;
   text-align: center;
   color: red;
   font-size: 15px;
   cursor: pointer;
   font-weight: 700;
   margin-top: 31px;
 }

 .close-merch-wrap {
   width: 45%;
   max-width: 843px;
   min-width: 360px;
   height: 20px;
   margin: 0 auto;
 }

 .cSoon {
   position: absolute;
   width: 100%;
   top: 55px;
   display: none;
   z-index: 200;
 }

 .cSoon2 {
   margin: 0 auto;
   width: 300px;
   height: 150px;
   background: white;
   padding: 11px;
   line-height: 1;
   color: black;
   font-family: "Arial";
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   display: block;
   border: 2px solid green;
 }

 .fs-modal-close-ship,
 .fs-modal-close-ship2 {
   width: 15px;
   height: 15px;
   background: #fff;
   text-align: center;
   color: red;
   position: absolute;
   left: 292px;
   top: 16px;
   font-size: 13px;
   cursor: pointer;
   font-weight: 700;
   padding-bottom: 17px;
 }

 .fs-modal-close-ship2 {
   right: 8px;
   top: 250px;
 }

 .fs-modal-close-ship3 {
   right: 23px;
   top: 3px;
   width: 15px;
   height: 15px;
   background: #fff;
   text-align: center;
   color: red;
   position: absolute;
   font-size: 13px;
   cursor: pointer;
   font-weight: 700;
   padding-bottom: 17px;
 }

 .merchPgWrapper {
   float: left;
   width: 100%;
   position: relative;
   color: black;
   text-align: left;
 }

 .merchContainer {
   margin: 0 auto;
   width: 80%;
   height: 350px;
   min-width: 350px;
   max-width: 877px;
   display: none;
 }

 .merchTitle1,
 .merchTitle2,
 .merchTitle3,
 .merchTitle4,
 .merchTitle5,
 .merchTitle6 {
   float: left;
   font-family: "Arial";
   font-size: 16px;
   color: #fff;
   font-weight: 700;
   line-height: 1.1;
   padding: 4px;
   width: 168px;
   margin-top: 5px;
   text-align: center;
   border: 2px solid white;
   border-top-right-radius: 6px;
   cursor: pointer;
   background: #f05f40;
 }

 .merchTitle1:hover,
 .merchTitle2:hover,
 .merchTitle3:hover,
 .merchTitle4:hover,
 .merchTitle5:hover,
 .merchTitle6:hover {
   opacity: 0.5;
 }

 .cldr-mth-slect {
   font-size: 12px;
   margin-left: 10px;
   margin-top: 2px;
   float: left;
 }

 .cldr-yr-slect {
   font-size: 12px;
   margin-left: 9px;
   margin-top: 2px;
   float: left;
 }

 .strtMonth {
   float: left;
   font-size: 12px;
   margin-top: 4px;
   font-weight: 700;
   margin-left: 14px;
   margin-bottom: 1px;
 }

 .strtYear {
   float: left;
   font-size: 12px;
   margin-top: 4px;
   font-weight: 700;
   margin-left: 16px;
   margin-bottom: 1px;
 }

 .mug-prodWrapper,
 .cldr-prodWrapper,
 .sg-prodWrapper,
 .bp-prodWrapper {
   float: left;
   width: 100%;
   height: 444px;
   overflow: hidden;
 }

 .book-prodWrapper {
   float: left;
   width: 100%;
   height: 515px;
   overflow: hidden;
 }

 .art-prodWrapper {
   float: left;
   width: 100%;
   height: 477px;
   overflow: hidden;
 }

 .prodItem {
   float: left;
   width: 24%;
   min-width: 175px;
   height: 267px;
   background: blue;
   margin-left: 5px;
   margin-top: 5px;
   border: 3px solid silver;
   background: #fff;
 }

 .imgContainer,
 .imgContainer2 {
   float: left;
   width: 92%;
   font-family: Arial;
   font-size: 13.5px;
   line-height: 1.1;
   font-weight: bold;
   padding: 3px;
   margin-left: 10px;
 }

 .imgContainer2 {
   margin-top: 20px;
 }

 .art-prodWrap,
 .mug-prodWrap,
 .cldr-prodWrap,
 .sg-prodWrap,
 .book-prodWrap,
 .bp-prodWrap {
   float: left;
   height: 405px;
   width: 174px;
   font-size: 12px;
   font-family: "Arial";
   line-height: 1;
   padding: 4px;
   border: 1px solid gold;
   background: white;
   margin-left: 1px;
   margin-top: 10px;
 }

 .cldr-prodWrap {
   height: 425px;
 }

 .art-prodWrap {
   height: 467px;
 }

 .art-top-half,
 .mug-top-half,
 .cldr-top-half,
 .book-top-half,
 .sg-top-half,
 .bp-top-half {
   float: left;
   width: 100%;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   background: white;
   text-align: center;
   padding: 5px;
 }

 .mug-btm-qrtr {
   float: left;
   width: 53%;
   height: 49%;
   background: white;
 }

 .mug-btm-qrtr2 {
   float: left;
   width: 47%;
   height: 49%;
   background: white;
 }

 .cldr-btm-qrtr,
 .bp-btm-qrtr,
 .sg-btm-qrtr,
 .book-btm-qrtr {
   float: left;
   width: 89.5px;
   height: 49%;
   background: white;
 }

 .merchTitle {
   float: left;
 }

 .cldr-btm-qrtr2,
 .bp-btm-qrtr2,
 .sg-btm-qrtr2,
 .book-btm-qrtr2 {
   float: left;
   width: 68.3px;
   height: 49%;
   background: white;
 }

 .sg-btm-qrtr,
 .sg-btm-qrtr2 {
   height: 170px;
 }

 .art-btm-top {
   float: left;
   width: 100%;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   background: white;
 }

 .art-btm-btm {
   float: left;
   width: 100%;
   height: 25%;
   background: white;
 }



 .mug-prodDescrip2,
 .art-prodDescrip2,
 .cldr-prodDescrip2,
 .bp-prodDescrip2,
 .sg-prodDescrip2,
 .book-prodDescrip2 {
   float: left;
   width: 100%;
   font-family: Arial;
   font-size: 12px;
   line-height: 1.1;
   font-weight: 700;
   padding: 3px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
 }

 .art-Img {
   border: none;
   width: 75%;
   padding: 3px;
   padding-top: 9px;
   padding-left: 3px;
   max-width: 140px;
   margin-top: -10px;
   vertical-align: top !important;
 }

 .mug-Img,
 .bp-Img,
 .sg-Img {
   border: none;
   width: 80%;
   padding: 3px;
   padding-top: 9px;
   padding-left: 3px;
   max-width: 140px;
   transform: rotate(25deg);
   vertical-align: top !important;
 }

 .cldr-Img {
   border: none;
   width: 80%;
   padding: 3px;
   padding-top: 9px;
   padding-left: 3px;
   max-width: 140px;
   vertical-align: top !important;
 }

 .book-Img {
   border: none;
   width: 80%;
   padding: 3px;
   padding-top: 9px;
   padding-left: 3px;
   max-width: 140px;
   vertical-align: top !important;
 }

 .art-cart-horse-total {
   float: right;
   width: 76px;
   height: auto;
   font-size: 12px;
   font-weight: 700;
   text-align: center;
   margin-top: -11px;
 }

 .mrch-horse-total {
   float: right;
   width: 76px;
   height: auto;
   font-size: 12px;
   font-weight: 700;
   text-align: center;
   margin-top: -9px;
 }

 .mug-mrchQty,
 .cldr-mrchQty,
 .bp-mrchQty,
 .sg-mrchQty,
 .book-mrchQty {
   float: right !important;
   margin-right: 7px !important;
   width: 34px !important;
   background: #fff !important;
   height: 16px !important;
   padding: 5px !important;
   font-size: 14px !important;
   color: #000 !important;
   text-align: right !important;
 }

 .cldr-mrchQty {
   float: left !important;
   margin-right: 0px !important;
   margin-left: 5px !important;
 }

 .art-mrchQty,
 .art-mrchQty1 {
   float: left !important;
   margin-left: 7px !important;
   width: 34px !important;
   background: #fff !important;
   height: 16px !important;
   padding: 5px !important;
   font-size: 14px !important;
   color: #000 !important;
   text-align: right !important;
 }

 .art-mrchQty1 {
   margin-left: 13px !important;
 }

 .art-first-mrchQty {
   float: left !important;
   margin-left: 7px !important;
   width: 34px !important;
   background: #fff !important;
   height: 16px !important;
   padding: 5px !important;
   font-size: 14px !important;
   color: #000 !important;
   text-align: right !important;
 }

 .art-mrchStotal {
   float: right !important;
   margin-right: 7px !important;
   width: 64px !important;
   background: #fff !important;
   height: 16px !important;
   padding: 5px !important;
   font-size: 14px !important;
   color: #000 !important;
   text-align: right !important;
 }

 .mug-qtyTxt,
 .bp-qtyTxt,
 .sg-qtyTxt,
 .book-qtyTxt {
   float: right;
   margin-right: 4px;
   font-family: Arial;
   font-size: 13px;
   font-weight: 700;
   color: #000;
 }

 .cldr-qtyTxt {
   float: left;
   margin-left: 10px;
   font-family: Arial;
   font-size: 13px;
   font-weight: 700;
   color: #000;
 }

 .art-qtyTxt {
   float: left;
   margin-left: 4px;
   font-family: Arial;
   font-size: 13px;
   font-weight: 700;
   color: #000;
 }

 .art-cartBtn,
 .art-cartBtn2,
 .art-cartBtn3,
 .mug-cartBtn,
 .mug-cartBtn2,
 .mug-cartBtn3,
 .cldr-cartBtn,
 .cldr-cartBtn2,
 .cldr-cartBtn3,
 .bp-cartBtn,
 .bp-cartBtn2,
 .bp-cartBtn3,
 .sg-cartBtn,
 .sg-cartBtn2,
 .sg-cartBtn3,
 .book-cartBtn,
 .book-cartBtn2,
 .book-cartBtn3 {
   margin-right: 5px;
   margin-top: 5px;
   background: #48a5d2;
   font-family: Arial;
   width: 60px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   float: right;
   padding: 2px;
   padding-top: 5px;
   font-size: 11px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 6px;
   font-weight: 700;
   line-height: 1;
 }

 .art-cartBtn,
 .mug-cartBtn,
 .cldr-cartBtn,
 .bp-cartBtn,
 .sg-cartBtn,
 .book-cartBtn {
   background: #48a5d2;
   width: 41px;
 }

 .art-cartBtn2,
 .mug-cartBtn2,
 .cldr-cartBtn2,
 .bp-cartBtn2,
 .sg-cartBtn2,
 .book-cartBtn2 {
   background: green;
   width: 48px;
 }

 .art-cartBtn3,
 .mug-cartBtn3,
 .cldr-cartBtn3,
 .bp-cartBtn3,
 .sg-cartBtn3,
 .book-cartBtn3 {
   background: blue;
 }

 .art-cartBtn:hover,
 .art-cartBtn2:hover,
 .art-cartBtn3:hover,
 .mug-cartBtn:hover,
 .mug-cartBtn2:hover,
 .mug-cartBtn3:hover,
 .cldr-cartBtn:hover,
 .cldr-cartBtn2:hover,
 .cldr-cartBtn3:hover,
 .bp-cartBtn:hover,
 .bp-cartBtn2:hover,
 .bp-cartBtn3:hover,
 .sg-cartBtn:hover,
 .sg-cartBtn2:hover,
 .sg-cartBtn3:hover,
 .book-cartBtn:hover,
 .book-cartBtn2:hover,
 .book-cartBtn3:hover {
   opacity: 0.5;
 }

 .mug-qtySpcr,
 .cldr-qtySpcr,
 .sg-qtySpcr,
 .bp-qtySpcr,
 .book-qty-Spcr {
   float: left;
   width: 100%;
   margin-top: 5px;
 }

 .art-qtySpcr {
   float: left;
   width: 100%;
   margin-top: 5px;
 }

 .art-txt {
   font-size: 13px;
   font-family: "Arial";
   font-weight: 700;
 }

 .art-txt-sel {
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 700;
   margin-left: 8px;
   width: 18px;
 }

 .art-txt-sel2 {
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 700;
   margin-left: 18px;
   width: 18px;
 }

 .art-txt-first {
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 700;
   margin-left: 26px;
   width: 30px;
 }

 .art-txt-scnd {
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 700;
   margin-left: 4px;
   width: 30px;
 }

 .art-txt-thrd {
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 700;
   margin-left: 10px;
   width: 30px;
 }

 .art-txt-stot {
   float: left;
   font-size: 13px;
   font-family: Arial;
   font-weight: 700;
   margin-left: 50px;
   width: 30px;
 }

 .prodDescrip1 {
   float: left;
   width: 92%;
   font-family: "Staatliches";
   font-size: 19px;
   line-height: 1;
   font-weight: bold;
   padding: 3px;
   margin-left: 10px;
   margin-top: 10px;
   color: #e34817;
   text-align: center;
 }

 .cartBtn4 {
   display: table;
   margin: 0 auto;
   font-family: "Open Sans";
   margin-top: 38px;
   background: #297681;
   font-family: Arial;
   width: 90%;
   max-width: 360px;
   min-width: 350px;
   height: 40px;
   padding: 8px;
   font-size: 24px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 7px;
   line-height: 1;
   cursor: pointer;
 }

 .cartBtn4:hover {
   opacity: 0.5;
 }

 .toteImg {
   border: none;
   margin-top: 6px;
   width: 53%;
   max-width: 165px;
   transform: rotate(335deg);
   margin-left: 5px;
 }

 .mugImg2 {
   border: none;
   margin-top: -3px;
   width: 85%;
   max-width: 240px;
   transform: rotate(25deg);
 }

 .cardOptions {
   position: absolute;
   top: 361px;
   left: 0;
   width: 311px;
   height: 82px;
   z-index: 1000;
   background: #fff;
   display: none;
 }

 .plusBtn {
   float: left;
   width: 20px;
   padding: 3px;
   padding-top: 2px;
   padding-bottom: 2px;
   border-radius: 5px;
   cursor: pointer;
   background: #7983ff;
   margin-top: 3px;
 }

 .plusBtn:hover {
   opacity: 0.7;
 }

 .newToggle {
   position: relative;
   float: left;
   width: 30px;
   height: 19px;
   background-color: #c6c2bed1;
   border-radius: 20px;
   font-family: Arial;
   font-size: 13px;
   font-weight: 700;
   color: #000;
   padding-top: 2px;
   margin-top: 5px;
   cursor: pointer;
 }

 .newToggle:hover {
   opacity: 0.7;
 }

 .newSwitch {
   position: absolute;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background-color: white;
   top: 2px;
   left: 2px;
   transition: all 0.3s;
 }

 .clHdr1 {
   float: left;
   width: 100%;
   height: 21px;
   font-size: 14px;
   background: green;
   color: white;
   margin-top: 12px;
   padding-top: 3px;
   margin-bottom: 5px;
 }

 .cardOptions2 {
   float: left;
   width: 303px;
   height: 45px;
   background: #fff;
   display: none;
 }

 .pay-info2 tr {
   cursor: pointer;
 }

 .selCard {
   position: relative;
   float: left;
   width: 188px;
   height: 27px;
   border: 1px solid gray;
   font-family: Arial;
   font-size: 13px;
   color: gray;
   padding: 2px;
   cursor: pointer;
   padding-top: 4px;
   text-align: center;
   margin-top: 10px;
   margin-left: 5px;
   visibility: hidden;
 }

 .selCard:hover {
   background: #c4d0e6;
   opacity: 0.7;
 }

 .sel-pay:hover {
   background: #c4d0e6;
   opacity: 0.7;
 }

 .selCardHorse {
   visibility: hidden;
   float: left;
   width: 195px;
   height: 27px;
   border: 1px solid gray;
   font-family: Arial;
   font-size: 13px;
   color: gray;
   padding: 2px;
   cursor: pointer;
   padding-top: 4px;
   text-align: center;
   margin-top: 25px;
   margin-left: 5px;
 }

 .pmDefaultWrap {
   position: absolute;
   display: none;
   width: 311px;
   background: white;
   left: 0px;
   top: -163px;
   z-index: 1045;
   height: 50px;
 }

 .payNow {
   float: left;
   width: 100%;
   margin-top: 5px;
   display: none;
 }

 .payMth:hover {
   background: #1569b24a;
 }

 .plusBtnTxt {
   float: left;
   margin-left: 5px;
   margin-top: 2px;
   font-family: Arial;
   font-size: 13px;
   height: 19px;
   padding: 5px;
   padding-top: 3px;
 }

 .defaultCard {
   float: left;
   width: 195px;
   height: 27px;
   border: 1px solid gray;
   font-family: Arial;
   font-size: 13px;
   color: gray;
   padding: 2px;
   cursor: pointer;
   padding-top: 4px;
   text-align: center;
   z-index: 1000;
   margin-top: 15px;
   margin-left: 14px;
 }

 .pay-cx {
   position: absolute;
   left: 18px;
   bottom: 58px;
   z-index: 3500;
 }

 .profPayItem {
   cursor: pointer;
 }

 .profPayItem:hover {
   opacity: 0.5;
 }

 .mthAmtB {
   margin-left: 10px !important;
   width: 150px !important;
   padding: 3px !important;
   height: 25px !important;
 }

 .founderPix {
   margin: 0 auto;
   width: 305px;
   border: none;
 }

 .utC {
   float: left;
   width: 100%;
   height: 123px;
 }

 .pifClkSlct2 {
   opacity: 0;
   float: left;
   width: 100%;
   font-family: "Arial";
   color: white;
   height: 25px;
   background: #cc3838;
   font-size: 13px;
   text-align: center;
   font-weight: bold;
   padding-top: 3px;
   margin-top: 3px;
   margin-left: -15px;
 }

 .newActCode {
   width: 180px;
   height: 44px;
   border-radius: 6px;
   padding-top: 15px;
   font-size: 15px;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   background: #306dbd;
   text-align: center;
   cursor: pointer;
   font-family: Roboto;
   margin: 0 auto;
 }

 .actCodeMsg2 {
   line-height: 1.1;
   font-size: 16px;
   width: 267px;
   text-align: left;
   margin: 0 auto;
   font-weight: 700;
   color: red;
   padding: 4px;
   font-family: Roboto;
   margin-bottom: 25px;
   padding-bottom: 61px;
 }

 .actCodeMsg {
   line-height: 1.1;
   font-size: 14px;
   width: 223px;
   text-align: left;
   margin: 0 auto;
   font-weight: bold;
   color: red;
   padding: 4px;
   font-family: "Roboto";
   margin-bottom: 12px;
 }

 .ulTicket {
   margin: 0 auto;
   width: 175px;
   border-radius: 4px;
   height: 35px;
   padding: 4px;
   font-family: Roboto;
   font-size: 16px;
   color: #fff;
   background: green;
   cursor: pointer;
   text-align: center;
   padding-top: 8px;
 }

 .ulTicket:hover {
   opacity: 0.5;
 }

 .hcSpecLink {
   cursor: pointer !important;
   color: green;
   font-weight: 700;
 }

 .fs-web-modal-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: #fff;
   /* padding: 1rem 1.5rem; */
   width: 70%;
   text-align: center;
   max-width: 100%;
   height: 80%;
   min-width: 295px;
   z-index: 3100;
 }

 .shareMedia {
   display: none;
   background-color: white;
   color: blue;
   position: absolute;
   bottom: -20px;
   right: 10px;
   padding: 4px;
   width: 150px;
   font-size: 12px;
   font-family: Arial;
   line-height: 1;
   height: 20px;
   text-align: center;
   font-weight: bold;
 }

 .followMedia {
   display: none;
   background-color: #fff;
   color: #00f;
   position: absolute;
   right: -38px;
   bottom: -22px;
   padding: 4px;
   width: 205px;
   font-size: 12px;
   font-family: Arial;
   line-height: 1;
   height: 20px;
   text-align: center;
   font-weight: 700;
 }

 .pixLge {
   max-width: 650px !important;
 }

 .cover {
   background: url("../img/iconic2.jpg") no-repeat center center fixed;
   background-size: cover;
   margin-top: -24px;
   height: 100vh;
 }

 .modal1Msg1 {
   margin: 0 auto;
   font-size: 1.9rem;
   margin-top: 30px;
   width: 188px;
   font-family: "Oswald";
   line-height: 1.1;
   color: green;
   font-weight: bold;
 }

 .iss-1 {
   display: none;
   position: absolute;
   bottom: -10px;
   right: -23px;
 }

 .iss-2 {
   display: none;
   position: absolute;
   bottom: -10px;
   right: -23px;
 }

 .wlAttr1 {
   display: none;
   float: left;
   font-size: 12px;
   width: 76px;
   text-align: center;
 }

 .wlAttr2 {
   display: none;
   float: left;
   margin-left: 5px;
   font-size: 12px;
   width: 76px;
   text-align: center;
 }

 .btnStyle {
   float: right;
   cursor: pointer;
   background-color: red !important;
   font-size: 19px;
   padding: 5px 10px;
   color: white;
   margin-right: 3vw;
   border-radius: 10px;
   font-weight: 700;
   text-transform: uppercase;
   border: none;
   font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
   width: 180px;
 }

 .donErr9x {
   float: left;
   text-align: left;
   font-size: 12.5px;
   margin-top: 10px;
   height: 30px;
   width: 200px;
   margin-left: 5px;
   color: red;
 }

 .donrules-tou {
   margin: 0 auto;
   font-size: 13.5px;
   cursor: pointer;
   width: 100px;
   color: green;
   cursor: pointer;
 }

 .checkOut2 {
   float: left;
   width: 39%;
   max-width: 170px;
   font-size: 19px;
   height: 40px;
   padding-top: 5px;
   border-radius: 8px;
   margin-top: 15px;
   background: #2e76a8;
   color: #fff;
   font-family: Oswald;
   text-align: center;
   cursor: pointer;
 }

 .SUContainer {
   height: 572px;
   width: 90%;
   min-width: 320px;
   max-width: 360px;
   margin-top: 15px;
   margin: 0 auto;
   background: #fff;
 }

 .saButton,
 .saButton2 {
   padding: 5px;
   border-radius: 4px;
   font-size: 15px;
   font-weight: 700;
   width: 150px;
   margin: 0 auto;
   height: 34px;
   color: white;
   background: green;
   cursor: pointer;
 }

 .saButton2 {
   display: none;
 }

 .saButton:hover {
   opacity: 0.5;
 }

 .saButton2:hover {
   opacity: 0.5;
 }

 .suTextInput,
 .saTextInput {
   padding: 5px !important;
   font-size: 1rem !important;
   width: 160px !important;
   margin: 0 auto !important;
   height: 34px !important;
   background: #fff !important;
 }

 .saTextInput {
   width: 150px !important;
   font-size: 15px !important;
 }

 .suSelect,
 .saSelState,
 .saSelCtry {
   background: white;
   height: 34px;
   border: 2px solid #d3cbcb;
   width: 160px;
 }

 .saSelect {
   width: 150px;
 }

 .saSelCtry {
   width: 150px;
 }

 .saSelState {
   width: 150px;
 }

 .saErr {
   margin: 0 auto;
   border-radius: 4px;
   display: none;
   width: 80%;
   height: 40px;
   font-size: 14px;
   background: red;
   color: #fff;
   font-weight: 700;
   margin-top: 10px;
   text-align: center;
   line-height: 1;
 }

 .saErrTxt {
   margin-top: 12px;
   font-size: 13px;
   padding-top: 8px;
 }

 .saSelErrTxt {
   margin-top: 12px;
   font-size: 13px;
   padding-top: 8px;
 }

 .asnShipAddr {
   margin: 0 auto;
   background: #df5a5a;
   width: 85%;
   font-size: 13px;
   font-weight: 700;
   font-family: "Arial";
   color: white;
   text-align: center;
   line-height: 1;
   padding: 4px;
   height: 36px;
   margin-top: 10px;
   display: none;
 }

 .blkPay {
   position: absolute;
   top: 0px;
   right: 0px;
   height: 80px;
   width: 100%;
   display: none;
   background: transparent;
   z-index: 1000;
 }

 .handiText {
   margin: 0 auto;
   width: 100%;
   max-width: 740px;
   line-height: 1.1;
   font-size: 1rem;
   color: black;
   text-align: left;
   margin-top: 15px !important;
 }

 .wList {
   float: left;
   width: 253px;
   background: green;
   color: #fff;
   height: 30px;
   padding: 5px;
   text-align: center;
   font-size: 14px;
   margin-top: 67px;
 }

 .backOption {
   display: none;
   position: absolute;
   width: 216px;
   padding: 8px;
   height: 38px;
   color: #fff;
   font-family: Arial;
   font-size: 15px;
   font-weight: 700;
   cursor: pointer;
   background: #0000ff;
   right: 73px;
   top: 74px;
 }

 .backOption:hover {
   opacity: 0.5;
 }

 @media only screen and (min-width: 480px) {
   .goShop {
     position: absolute;
     top: -79px;
     right: -41px;
     z-index: 1000;
   }

   .circle1 {
     cursor: pointer;
     width: 83%;
   }

   .goShop-donate {
     position: absolute;
     top: -79px;
     right: -41px;
     z-index: 1000;
   }

   .circle1-donate {
     cursor: pointer;
     width: 83%;
   }

   .goShop-project {
     position: absolute;
     top: -79px;
     right: -41px;
     z-index: 1000;
   }

   .circle1-project {
     cursor: pointer;
     width: 76%;
   }

   .backOption2,
   .backOption3 {
     position: absolute;
     width: 62px;
     padding-top: 4px;
     height: 32px;
     color: #fff;
     font-family: Arial;
     font-size: 15px;
     font-weight: 700;
     cursor: pointer;
     background: #00f;
     right: 21px;
     bottom: 27px;
   }
 }

 @media only screen and (max-width: 479px) {
   .goShop {
     position: absolute;
     top: 10px;
     left: -49px;
     z-index: 1000;
   }

   .goShop-donate {
     position: absolute;
     top: 47px;
     left: -49px;
     z-index: 1000;
   }

   .goShop-project {
     position: absolute;
     top: 39px;
     left: -41px;
     z-index: 1000;
   }

   .circle1 {
     cursor: pointer;
     width: 58%;
   }

   .circle1-donate {
     cursor: pointer;
     width: 55%;
   }

   .circle1-project {
     cursor: pointer;
     width: 51%;
   }

   .backOption2,
   .backOption3 {
     position: absolute;
     width: 40px;
     padding-top: 2px;
     padding-right: 3px;
     padding-left: 3px;
     height: 22px;
     color: #fff;
     font-family: Arial;
     font-size: 12px;
     font-weight: 700;
     cursor: pointer;
     background: #00f;
     right: 12px;
     bottom: 19px;
   }
 }

 .circle1:hover {
   opacity: 0.5;
 }

 .circle1-donate:hover {
   opacity: 0.5;
 }

 .circle1-project:hover {
   opacity: 0.5;
 }

 .backOption2 {
   display: block;
 }

 .backOption3 {
   display: none;
 }

 .backOption2:hover {
   opacity: 0.5;
 }

 .backOption3:hover {
   opacity: 0.5;
 }

 .code-entry {
   float: left !important;
   width: 20px !important;
   height: 30px !important;
   margin-left: 3px !important;
   padding: 0 !important;
   text-align: center;
 }

 .code-dash {
   float: left;
   margin-left: 3px;
   margin-right: 1px;
   height: 7px;
   width: 10px;
   padding-top: 4px;
 }

 .codeTitle {
   font-family: Oswald;
   margin-left: 27px;
   width: 233px;
   height: 55px;
   color: green;
   font-weight: 700;
   font-size: 17px;
   margin: 0 auto;
   line-height: 1;
 }

 .bigImg {
   display: none;
   position: absolute;
   top: 25px;
   left: 40px;
   width: 263px;
   opacity: 1 !important;
   z-index: 1000;
 }

 .coverHL {
   position: absolute;
   top: 6px;
   left: 10px;
   font-size: 21px;
   font-weight: 700;
   color: #000;
   line-height: 1;
   font-family: Oswald;
   width: 100px;
   text-align: left;
 }

 .cap {
   text-transform: capitalize;
 }

 .pifInput {
   border-top: none !important;
   border-left: none !important;
   border-right: none !important;
   border-bottom: 1px solid #000099 !important;
   font-size: 14px !important;
   font-family: "Roboto";
   height: 26px !important;
   width: 200px !important;
   color: #000099 !important;
   font-weight: 700;
 }

 .pInput {
   border-top: none !important;
   border-left: none !important;
   border-right: none !important;
   border-bottom: 1px solid #009 !important;
   font-size: 14px !important;
   font-family: Roboto;
   height: 26px !important;
   width: 83% !important;
   color: #009 !important;
   font-weight: 700;
   float: left;
   margin-left: 10px;
 }

 .pInput2 {
   border-top: none !important;
   border-left: none !important;
   border-right: none !important;
   border-bottom: 1px solid #009 !important;
   font-size: 14px !important;
   font-family: Roboto;
   height: 26px !important;
   width: 88% !important;
   color: #009 !important;
   font-weight: 700;
   float: left;
   margin-left: 10px;
 }

 .pifLabel {
   float: left;
   color: #000099;
   font-size: 13px;
   height: 30px;
   margin-top: -1px;
   text-align: left;
   margin-left: 25px;
   font-family: "Roboto";
 }

 .pLabel {
   float: left;
   color: #009;
   font-size: 13px;
   height: 30px;
   margin-top: -1px;
   text-align: left;
   margin-left: 18px;
   font-family: Roboto;
   width: 100px;
 }

 .pInfoControl {
   float: left;
   width: 100%;
   margin-top: -5px;
 }

 .piTextInput {
   width: 200px !important;
   padding: 4px !important;
   font-family: Arial !important;
   background: #fff !important;
   font-size: 13px !important;
   color: green !important;
   border: 1px solid grey !important;
   height: 29px !important;
   font-weight: 700 !important;
 }

 .piSelect {
   width: 200px !important;
   height: 30px !important;
   font-family: "Roboto" !important;
   background: #fff !important;
   font-size: 14px !important;
   color: black !important;
   border-top: none !important;
   border-right: none !important;
   border-left: none !important;
   border-bottom: 1px solid #000099 !important;
   padding-left: 7px !important;
   font-weight: 700 !important;
 }

 .piStateSelect {
   width: 200px !important;
   height: 30px !important;
   font-family: "Roboto" !important;
   background: #fff !important;
   font-size: 14px !important;
   color: black !important;
   border-top: none !important;
   border-right: none !important;
   border-left: none !important;
   border-bottom: 1px solid #000099 !important;
   padding-left: 7px !important;
   font-weight: 700 !important;
 }

 .xpand {
   position: absolute;
   top: -10px;
   right: -22px;
   width: 65px;
   z-index: 2000;
 }

 .move-left {
   position: absolute;
   left: 4px;
   bottom: 3px;
   z-index: 1000;
   width: 6%;
   visibility: hidden;
 }

 .move-right {
   position: absolute;
   right: 4px;
   bottom: 3px;
   z-index: 1000;
   width: 6%;
   visibility: hidden;
 }

 .test {
   float: right;
   width: 53px;
   height: 29px;
   background: green;
   padding: 4px 6px;
   text-align: center;
   cursor: pointer;
   font-family: "Arial";
   font-size: 14px;
   color: white;
   visibility: hidden;
   position: relative;
   z-index: 5000;
 }

 .test:hover {
   visibility: visible;
 }

 .thx {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   font-size: 32px;
   color: white;
   background: green;
   opacity: 0.7;
   display: none;
   z-index: 2000;
   text-align: center;
 }

 .wListOpts {
   float: left;
   font-size: 13px;
   text-align: left;
   width: 100%;
   height: 37px;
   margin-top: 40px;
 }

 .wListImg {
   float: left;
   font-size: 13px;
   text-align: center;
   width: 50%;
   height: 100px;
   position: relative;
 }

 .wListWrap {
   float: left;
   width: 246px;
   margin-top: 5px;
   border: 1px solid #d2d2d2;
   padding: 3px;
   position: relative;
 }

 .wListSelect {
   float: left;
   width: 62px;
   padding: 4px;
   font-size: 13px;
   font-weight: 700;
   color: #fff;
   background: blue;
   cursor: pointer;
   margin-left: 6px;
   border-radius: 3px;
   margin-top: -4px;
   text-align: center;
 }

 .donTicketImg4 {
   background-image: url("../img/everyone.jpg");
   background-position: center;
   /* Center the image */
   background-repeat: no-repeat;
   /* Do not repeat the image */
   background-size: cover;
 }

 .donTicketImg3 {
   background-image: url("../img/elite6.jpg");
   background-position: center;
   /* Center the image */
   background-repeat: no-repeat;
   /* Do not repeat the image */
   background-size: cover;
 }

 .donTicketImg2 {
   background-image: url("../img/horse_farm.jpg");
   background-position: center;
   /* Center the image */
   background-repeat: no-repeat;
   /* Do not repeat the image */
   background-size: cover;
 }

 .donTicketImg1 {
   background-image: url("../img/santa_anita.jpg");
   background-position: center;
   /* Center the image */
   background-repeat: no-repeat;
   /* Do not repeat the image */
   background-size: cover;
 }

 .wListItems {
   height: 224px;
   width: 263px;
   background: #fff;
   margin-top: 40px;
   overflow-y: scroll;
   margin: 0 auto;
 }

 .donRules {
   float: left;
   margin-top: 2px;
   text-align: center;
   font-size: 13px;
   color: black;
 }

 .donHeader {
   margin: 0 auto;
   font-size: 30px;
   line-height: 1.1;
   font-family: "Oswald";
 }

 .donErr9 {
   float: left;
   text-align: left;
   font-size: 13px;
   margin-top: -2px;
   height: 15px;
   width: 250px;
   margin-left: -3px;
   color: red;
   font-weight: 700;
   padding: 3px;
   line-height: 1;
 }

 .dzextra {
   margin-top: 10px !important;
   height: 367px !important;
 }

 .uploadMsg {
   display: inline-block;
   font-family: "Oswald";
   font-size: 20px;
   line-height: 1.1;
   margin-top: 95px;
   color: green;
   width: 200px;
 }



 .startMsg {
   display: inline-block;
   margin-top: 107px;
   line-height: 1.1;
   color: red;
   width: 200px;
   font-weight: 700;
 }



 .tktOptions {
   display: none;
   width: 100%;
   color: #000;
   z-index: 7000;
   background: #d7dfed;
   padding: 10px;
   height: 64px;
 }

 .hrsOptions {
   width: 100%;
   float: left;
   color: #000;
   z-index: 7000;
   background: #d7dfed;
   padding: 10px;
   height: 64px;
 }

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

 .donateNow2 {
   margin: 0 auto;
   border-radius: 8px;
   width: 200px;
   background: #2e76a8;
   color: #fff;
   font-size: 1.6rem;
   font-family: Oswald;
   cursor: pointer;
   height: 44px;
   text-align: center;
 }

 .donateNow3 {
   left: 0px;
   right: 0px;
   margin-left: auto;
   margin-right: auto;
   position: absolute;
   border-radius: 8px;
   bottom: 15px;
   width: 57%;
   max-width: 200px;
   background: #2e76a8;
   color: #fff;
   font-size: 1.6rem;
   font-family: "Oswald";
   cursor: pointer;
   height: 44px;
   display: inline-block;
 }

 .donateNow4 {
   width: 90%;
   margin: 0 auto;
   border-radius: 8px;
   margin-top: 15px;
   width: 73%;
   background: #2e76a8;
   color: #fff;
   font-size: 28px;
   font-family: Oswald;
   padding: 6px;
   text-align: center;
   cursor: pointer;
 }

 .donateNow:hover {
   opacity: 0.5;
 }

 .donateNow2:hover {
   opacity: 0.5;
 }

 .donateNow3:hover {
   opacity: 0.5;
 }

 .donateNow4:hover {
   opacity: 0.5;
 }

 .donate-item {
   margin: 0 auto;
   width: 95%;
   margin-top: 5px;
   color: white;
   height: 60px;
   padding: 8px;
   position: relative;
 }

 .card-item {
   margin: 0 auto;
   width: 95%;
   margin-top: 3px;
   color: white;
   height: 40px;
   padding: 6px;
   position: relative;
 }

 .dot {
   position: absolute;
   height: 18px;
   width: 18px;
   border-radius: 100px;
   background: white;
   top: 28%;
   left: 5px;
   text-align: center;
   font-family: "Open Sans";
   font-size: 13px;
   color: #2e76a8;
   font-weight: bold;
 }

 .dot2 {
   position: absolute;
   height: 18px;
   width: 18px;
   border-radius: 100px;
   background: #2e76a8;
   top: 42%;
   left: 5px;
   text-align: center;
   font-family: "Open Sans";
   color: white;
   font-size: 13px;
   font-weight: bold;
 }

 .cartItems {
   margin: 0 auto;
   width: 310px;
   background: #fff;
   margin-top: 5px;
   overflow-y: scroll;
   overflow-x: hidden;
   height: 215px;
   padding: 2px;
   padding-bottom: 8px;
 }

 .addrItems {
   margin: 0 auto;
   width: 281px;
   background: #fff;
   margin-top: 5px;
   height: 215px;
   padding: 2px;
   overflow-x: hidden;
   overflow-y: auto;
 }

 .addrContainer {
   float: left;
   width: 100%;
   font-family: "Arial";
   font-weight: 700;
   font-size: 13px;
   padding: 3px;
   cursor: pointer;
 }

 .saSelErr {
   margin: 0 auto;
   border-radius: 4px;
   display: none;
   width: 85%;
   height: 39px;
   font-size: 14px;
   background: red;
   color: #fff;
   font-weight: 700;
   margin-top: 19px;
   text-align: center;
   line-height: 1;
 }

 .slAddr {
   margin: 0 auto;
   width: 279px;
   background: #fff;
   height: 190px;
   display: none;
   font-family: "Arial";
   font-size: 12px;
   padding-top: 10px;
 }

 .slAddrTxt1 {
   text-align: left;
   padding-left: 10px;
   padding-bottom: 5px;
   line-height: 1;
   font-weight: 700;
 }

 .sab2 {
   margin: 0 auto;
   width: 80%;
   background: #5178c3;
   height: 100px;
   padding-left: 20px;
   padding-top: 10px;
   font-weight: 700;
   color: white;
 }

 .addrSelOptions {
   float: left;
   width: 100%;
   background: #fff;
   height: 80px;
 }

 .sAddr tr {
   cursor: pointer;
 }

 .addrLine {
   float: left;
   width: 90%;
   height: 15px;
 }

 .addrText {
   float: left;
   margin-left: 10px;
 }

 .delAddr,
 .edtAddr {
   background: red;
   height: 15px;
   border-radius: 4px;
   text-align: center;
   cursor: pointer;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }

 .edtAddr {
   background: green;
 }

 .delAddr:hover {
   opacity: 0.5;
 }

 .delAddr:hover {
   opacity: 0.5;
 }

 .payItems1 {
   display: none;
   margin: 0 auto;
   width: 317px;
   background: #daeaef;
   margin-top: -224px;
   height: 302px;
   padding: 2px;
   position: relative;
 }

 .cartOptions {
   margin: 0 auto;
   height: 38px;
   width: 97%;
   color: #000;
   z-index: 500;
   background: #d7dfed;
   padding: 5px;
 }

 .chgTotal {
   margin: 0 auto;
   width: 316px;
   text-align: right;
   height: 82px;
   background: #fff;
 }

 .totChargeAmt {
   float: left;
   font-size: 13px;
   font-weight: 700;
   margin-left: 76px;
   margin-top: 8px;
 }

 .cartRules {
   float: left;
   width: 100%;
   background: #fff;
   height: 38px;
 }

 .cartRules2 {
   margin: 0 auto;
   width: 239px;
   font-size: 13px;
   color: #000;
   text-align: center;
   line-height: 1.2;
   font-weight: 700;
   font-family: "Arial";
   padding-top: 4px;
 }

 .donate-list {
   margin: 0 auto;
   height: 175px;
   overflow-y: scroll;
   width: 90%;
   background: white;
   color: green;
   font-size: 1.6rem;
   font-family: "Opens Sans";
   padding: 8px;
   text-align: left;
 }

 .donate-title {
   width: 279px;
   margin: 0 auto;
   margin-top: 15px;
   background: #2e76a8;
   color: #fff;
   font-size: 26px;
   font-family: Oswald;
   padding: 5px;
   text-align: center;
   height: 58px;
   line-height: 1;
   padding-top: 14px;
 }

 .donate-title2 {
   margin: 0 auto;
   margin-top: 0px;
   background: #2e76a8;
   color: #fff;
   font-size: 30px;
   font-family: Oswald;
   padding: 5px;
   text-align: center;
   height: 59px;
 }

 .donate-title-cartForm {
   float: left;
   width: 100%;
   margin-top: 0px;
   background: #2e76a8;
   color: #fff;
   font-size: 30px;
   font-family: Oswald;
   padding: 5px;
   text-align: center;
   height: 49px;
   padding-top: 0px;
 }

 .dtc-text {
   margin: 0 auto;
 }

 .upd-title {
   max-width: 400px;
   min-width: 237px;
   width: 100%;
   float: left;
   font-family: Oswald;
   padding: 5px;
   margin-top: 10px;
   height: 59px;
 }

 .hl1 {
   float: left;
   width: 100%;
   height: 100%;
   text-align: center;
   color: #fff;
   font-weight: 700;
   background: #2bc2e9;
   padding-top: 0.4rem;
   font-size: 1.4rem;
 }

 .hl2 {
   float: left;
   width: 50%;
   height: 100%;
   text-align: center;
   font-size: 1.1rem;
   color: #fff;
   background: #1f8dd3;
   font-weight: 700;
   padding-top: 0.6rem;
 }

 .payment-title {
   margin: 0 auto;
   margin-top: 15px;
   width: 90%;
   background: #2e76a8;
   color: white;
   font-size: 1.6rem;
   font-family: "Oswald";
   padding: 8px;
   text-align: center;
 }

 .dlTop {
   margin: 0 auto;
   height: 15px;
   margin-top: 10px;
   background: white;
   width: 90%;
 }

 .dlBot {
   margin: 0 auto;
   height: 15px;
   background: white;
   width: 90%;
 }

 .donate-total {
   margin: 0 auto;
   height: auto;
   margin-top: 15px;
   width: 90%;
   background: white;
   color: green;
   font-size: 1.2rem;
   font-family: "Opens Sans";
   padding: 8px;
   text-align: left;
   overflow: hidden;
 }

 .ot-pay9 {
   float: left;
   margin-top: 10px;
   margin-left: 7px;
   font-weight: 700;
   line-height: 1;
   width: 42%;
   height: 30px;
   color: green;
   font-size: 13px;
   font-family: "Open Sans";
 }

 .mthly-pay {
   float: left;
   font-weight: bold;
   line-height: 1;
   width: 50%;
   height: 30px;
   color: green;
   font-size: 0.95rem;
   font-family: "Open Sans";
 }

 .currency {
   font-family: "Open Sans";
   width: 100px;
   float: right;
   text-align: right;
   font-size: 1rem;
 }

 .card2 {
   float: left;
   margin-left: 15px;
   width: 20%;
 }

 .cc-img {
   float: left;
   margin-left: 15px;
   width: 100%;
 }

 .cardRef {
   float: left;
   width: 60%;
   font-family: "Open Sans";
   color: black;
   font-size: 16px;
   margin-top: 6px;
   font-weight: bold;
   margin-left: 17px;
 }

 .default {
   opacity: 1 !important;
 }

 .cardSel {
   float: right;
   margin-top: -22px;
   width: 20px;
   height: 20px;
 }

 .card-wrap {
   opacity: 0.4;
 }

 .el-txt {
   float: left;
   width: 22%;
   font-size: 13px;
   line-height: 0.9;
   font-family: "Open Sans";
   font-weight: bold;
   text-align: left;
   margin-left: 5px;
   margin-top: 10px;
 }

 .sl-txt {
   position: absolute;
   top: 12px;
   right: 19px;
   font-size: 13px;
   line-height: 0.9;
   font-family: "Open Sans";
   font-weight: bold;
   color: #2e76a8;
   width: 57px;
   text-align: center;
 }

 .payInput {
   padding: 5px !important;
   border: 2px solid #ccc !important;
   font-size: 1rem !important;
   width: 165px !important;
   margin: 0 auto !important;
   height: 34px !important;
   background: #fff !important;
   font-family: "Open Sans" !important;
 }

 .dlBot2 {
   color: white;
   font-family: "Open Sans";
   font-size: 13px;
   font-weight: bold;
   height: 40px;
   margin: 0 auto;
   background: #2e76a8;
   width: 90%;
 }

 .cc-spacer {
   margin: 0 auto;
   width: 90%;
   background: white;
   height: 20px;
 }

 .cardSel {
   float: right;
   margin-top: -22px;
   width: 20px;
   height: 16px;
 }

 .cardEdit {
   float: left;
   margin-top: 19px;
 }

 .donDescrip {
   float: left;
   line-height: 1.1;
   width: 100%;
   text-align: left;
   padding: 6px;
   font-family: "Open Sans";
   font-size: 14px;
   margin-bottom: 8px;
   font-weight: 700;
   margin-top: 8px;
 }

 .donateWrap {
   margin: 0 auto;
   width: 97%;
   height: 190px;
   padding: 7px;
   background: white;
   margin-top: 17px;
 }

 .donErr {
   width: 100%;
   text-align: left;
   font-size: 13px;
   margin-top: 4px;
   line-height: 1;
   height: 25px;
   float: left;
   padding: 8px;
   font-weight: bold;
 }

 .projDonate {
   float: left;
   margin-left: 50px;
   z-index: 6000 !important;
   width: 125px !important;
   position: relative;
 }

 .ot-pay {
   float: left;
   font-weight: 700;
   line-height: 1;
   width: 29%;
   height: 30px;
   color: green;
   font-size: 0.95rem;
   font-family: "Open Sans";
   margin-left: 50px;
   width: 125px !important;
 }

 .project-id {
   float: right;
   line-height: 1.1;
   width: 121px;
   text-align: right;
   font-family: "Open Sans";
   font-size: 13px;
   font-weight: bold;
   margin-right: 28px;
   display: none;
 }

 .cart {
   float: left;
   margin-left: 10px;
   margin-top: 10px;
   position: relative;
   display: none;
 }

 .dot {
   position: absolute;
   width: 22px;
   top: 6px;
   left: 13px;
   z-index: 100;
   background: 0 0;
 }

 .item-no {
   position: absolute;
   font-family: Roboto;
   color: #fff;
   font-size: 12px;
   font-weight: 700;
   width: 10px;
   height: 10px;
   top: 7px;
   left: 17px;
   background: 0 0;
   z-index: 200;
   cursor: pointer;
 }

 /* projects  */
 .sendMsg {
   top: 8%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   font-size: 1.9rem;
   font-weight: 700;
   font-family: Heebo;
   color: #fff;
   width: 80%;
   max-width: 360px;
   background: #f1f1f1;
   height: 542px;
   z-index: 3000;
   display: none;
 }

 .hcBtn {
   margin: 0 auto;
   cursor: pointer;
   margin-top: 10px;
   width: 279px;
   display: block;
 }

 .hcText {
   width: 100%;
   padding: 0px;
   color: black;
   font-weight: 700;
 }

 .msnBox {
   text-align: left;
   background: #fff;
   margin-top: -12px;
   padding: 12px;
   width: 88%;
   display: inline-block;
   line-height: 1.5;
   font-size: 14.5px;
 }

 .hCapBox {
   width: 57%;
   min-width: 320px;
   background: #fff;
   margin: 0 auto;
   display: inline-block;
   margin-top: 15px;
   padding: 13px;
   font-family: "Roboto";
   line-height: 1.2;
 }

 .donate-now {
   font-family: "Oswald";
   color: green;
   font-size: 29px;
   line-height: 0.9;
   font-weight: bold;
   transform: rotate(350deg);
   width: 159px;
   margin-top: 35px;
   margin-left: 102px;
   background: #78c9e3;
   padding: 14px;
   height: 85px;
   position: relative;
   z-index: 1000;
 }

 .details2 {
   height: 317px !important;
   margin: 0 auto;
   text-align: left;
   width: 250px;
   padding: 20px 15px;
   background: #fff;
   font-size: 15px;
   line-height: 1.1;
   font-family: Arial;
   z-index: 1000;
   color: #000 !important;
   margin-top: 5px;
 }

 .thanks-support2 {
   float: left;
   font-family: Oswald;
   color: green;
   font-size: 29px;
   line-height: 0.9;
   font-weight: 700;
   transform: rotate(350deg);
   width: 175px;
   margin-top: 38px;
   margin-left: 27px;
   background: orange;
   height: 85px;
   padding-top: 0;
   padding-top: 13px;
   text-align: center;
 }

 .thanks-support {
   font-family: Oswald;
   color: green;
   font-size: 29px;
   line-height: 0.9;
   font-weight: 700;
   transform: rotate(350deg);
   width: 175px;
   margin-top: 6px;
   margin-left: 27px;
   background: orange;
   height: 85px;
   padding-top: 0;
   padding-top: 13px;
   padding-left: 10px;
 }

 .donate1 {
   margin: 0 auto;
   width: 100%;
   background-color: blue;
   color: white;
   font-family: "Oswald";
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   cursor: pointer;
   border-radius: 6px;
   height: 36px;
   display: inline-block;
   margin-top: 4px;
 }

 .msgInfo {
   float: left;
   margin-left: 13px;
   width: 90%;
   color: green;
   font-family: "Roboto";
   font-size: 12px;
   height: 20px;
   line-height: 1;
 }

 .msgErr {
   margin: 0 auto;
   width: 90%;
   color: red;
   font-family: Roboto;
   font-size: 12px;
   height: 30px;
   line-height: 1;
 }

 .close-button90 {
   position: absolute;
   top: 4px;
   right: 4px;
   width: 12px;
   height: 12px;
   line-height: 12px;
   text-align: center;
   cursor: pointer;
   background: #98858c6e;
   color: red;
   font-size: 12px;
   z-index: 2000;
   font-weight: 700;
 }

 .sndMsg {
   margin-top: 12px;
   float: left;
   margin-left: 13px;
   width: 90%;
   background-color: green;
   color: white;
   font-family: "Oswald";
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   cursor: pointer;
   border-radius: 6px;
   height: 32px;
 }

 .donate1:hover {
   opacity: 0.5;
 }

 .sndMsg:hover {
   opacity: 0.5;
 }

 .proj-select {
   margin: 0 auto;
   width: 90%;
   min-width: 285px;
   max-width: 765px;
   background-color: #fff;
   overflow-y: scroll;
   height: 438px;
 }

 .donate-select {
   margin: 0 auto;
   width: 90%;
   min-width: 285px;
   max-width: 765px;
   background-color: white;
   margin-top: -10px;
 }

 .sqDon {
   float: left;
   width: 49.4%;
   height: 225px;
   min-width: 325px;
   margin-bottom: 5px;
 }

 .sqDon2 {
   float: right;
   width: 49.4%;
   height: 225px;
   min-width: 325px;
   margin-bottom: 5px;
 }

 .projectWide {
   margin: 0 auto;
   margin-top: 20px;
   border: 1px solid blue;
   width: 95%;
   height: 788px;
   padding: 15px;
   font-family: "Open Sans";
   font-size: 14px;
   color: #000;
   background: #fff;
   position: relative;
 }

 .projectTall {
   margin: 0 auto;
   border: 1px solid blue;
   width: 95%;
   margin-top: 20px;
   height: 763px;
   padding: 15px;
   font-family: "Open Sans";
   font-size: 14px;
   color: #000;
   background: #fff;
   position: relative;
 }

 .proj-wrapper-d {
   margin: 0 auto;
   width: 100%;
   max-width: 939px;
   min-width: 300px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   position: relative;
 }

 .proj-wrapper {
   margin: 0 auto;
   width: 80%;
   max-width: 939px;
   min-width: 300px;
   height: 659px;
   background-color: green;
   position: relative;
 }

 .pbTitle {
   float: left;
   margin-left: 20px;
   width: 205px;
   height: 13px;
   text-align: center;
   font-family: Roboto;
   font-size: 13px;
   padding: 4px;
   background-color: #fff;
   padding-top: 0px;
   font-weight: bold;
 }

 .progressBarWrap {
   float: right;
   position: relative;
   width: 240px;
   height: 44px;
   margin-right: 5px;
   margin-top: 10px;
 }

 .progressBar1 {
   float: left;
   width: 240px;
   height: 40px;
   border: 2px solid #4caf50;
   position: relative;
 }

 .vertLine {
   float: left;
   margin-left: 23px;
   border-left: 1px solid green;
   height: 38px;
 }

 .progressBar2 {
   position: absolute;
   top: 0;
   left: 0;
   height: 38px;
   background-color: green;
   opacity: 0.3;
   width: 0px;
 }

 .donRuler {
   position: absolute;
   bottom: 17px;
   right: -1px;
   width: 240px;
   height: 1px;
   font-size: 9px;
   font-family: Roboto;
   color: #000;
 }

 .tik {
   font-size: 9px;
   font-family: Roboto;
   color: blue;
   float: left;
   margin-left: 1px;
   border-right: 1px solid green;
   height: 10px;
   width: 23px;
 }

 .rm {
   position: absolute;
   bottom: 3px;
   right: 5px;
   width: 61px;
   height: 25px;
   background: green;
   color: #fff;
   font-family: "Open Sans";
   cursor: pointer;
   padding: 4px;
   font-size: 11px;
   font-weight: 700;
   display: none;
 }

 .sm {
   float: right;
   margin-top: 13px;
   height: 20px;
   background: red;
   color: #fff;
   font-family: "Open Sans";
   cursor: pointer;
   padding: 4px;
   font-size: 11px;
   font-weight: 700;
 }

 .sm:hover {
   opacity: 0.5;
 }

 .sm2 {
   height: 20px;
   background: 0 0;
   color: #ff0;
   font-family: "Open Sans";
   cursor: pointer;
   padding: 4px;
   font-size: 0.9rem;
   font-weight: 700;
 }

 .sm2:hover {
   opacity: 0.5;
 }

 .vendor {
   float: left;
   margin-top: 27px;
   width: 100px;
   height: 20px;
   background: green;
   color: #fff !important;
   font-family: "Open Sans";
   font-weight: 700;
   cursor: pointer;
   padding: 4px;
   font-size: 11px;
   text-align: center;
 }

 .vendor:hover {
   opacity: 0.5;
 }

 .rm:hover {
   opacity: 0.5;
 }

 .projTitle {
   margin: 0 auto;
   line-height: 1.2;
   font-family: "Open Sans";
   font-weight: 700;
   font-size: 1rem;
   margin-top: 5px;
   color: #000;
   width: 80%;
 }

 .projDescrip-left {
   width: 100%;
   float: left;
   text-align: center;
 }

 .projDescrip-top {
   width: 100%;
   float: left;
 }

 .projDescrip-bottom {
   text-align: left;
   color: green;
   float: left;
   padding-left: 17px;
   width: 100%;
   line-height: 1.1;
   font-family: "Open Sans";
   font-weight: 700;
   font-size: 0.9rem;
   margin-top: 18px;
   margin-bottom: 10px;
 }

 .projDescrip-right {
   color: green;
   text-align: left;
   float: left;
   padding: 17px;
   width: 75%;
   line-height: 1.1;
   font-family: "Open Sans";
   font-weight: bold;
   font-size: 0.9rem;
   margin-top: 18px;
   margin-bottom: 10px;
 }

 .msgTitle {
   float: left;
   background-color: #fff;
   width: 100%;
   height: 44px;
   font-family: "Oswald";
   font-size: 26px;
   font-weight: bold;
   text-align: center;
   color: green;
   padding: 5px;
 }

 .msgText {
   width: 90%;
   margin-left: 5px;
   padding: 5px;
   height: 110px;
   font-family: "Open Sans";
   font-size: 13px;
   margin-top: 10px;
   overflow-y: scroll;
 }

 .msgImg {
   width: 246px;
   margin-left: 5px;
   height: 60px;
   margin-top: -6px;
   font-family: "Open Sans";
   font-size: 13px;
 }

 .msgInput {
   float: left !important;
   margin-left: 5px !important;
   padding: 4px !important;
   background: #fff !important;
   font-family: "Open Sans" !important;
   width: 96% !important;
   font-size: 14px !important;
   color: black;
   margin-top: -8px;
   margin-bottom: 0px !important;
 }

 .msgLabel {
   font-size: 13px !important;
   font-family: "Roboto" !important;
   color: green;
   margin-left: 5px !important;
   margin-top: 0px !important;
 }

 .inputWrap {
   position: relative;
   margin-top: -17px;
   float: left;
 }

 /* end-projects  */
 .upass {
   display: block !important;
   float: left;
 }

 .si-fl {
   left: 0px !important;
 }

 #navWrap {
   font-family: "Open Sans";
 }

 .topBar {
   float: left;
   width: 100%;
   background-color: #fff;
   height: 48px;
 }

 .suDonText {
   margin: 0 auto;
   width: 96%;
   font-family: Roboto;
   font-size: 15px;
   color: green;
   padding: 3px;
   line-height: 1.1;
   display: none;
   height: 38px;
   font-weight: bold;
   text-align: left;
 }

 .suFormControl,
 .saFormControl {
   float: left;
   margin-top: 10px;
   width: 177px;
   font-size: 1rem;
 }

 .saFormControl {
   width: 156px;
   margin-top: 5px;
 }

 .su-butn-wrap {
   width: 75%;
   margin-top: 4px;
   display: inline-block;
 }

 .suErrMsg {
   margin: 0 auto;
   width: 300px;
   height: 25px;
   background-color: white;
   padding: 5px;
   color: red;
   visibility: hidden;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   font-family: Roboto;
   float: left;
   margin-top: 5px;
   line-height: 1;
 }

 .su-pix {
   margin: 0 auto;
   margin-top: 12px;
   width: 82%;
   min-width: 295px;
   max-width: 600px;
   position: relative;
 }

 .su-pix-img {
   margin: 0 auto;
   width: 96%;
   height: 122px;
 }

 .tog-img {
   width: 32px;
   float: right;
   cursor: pointer;
   margin-top: -2px;
   padding-top: 3px;
 }

 .white {
   color: white !important;
 }

 .tou-privW {
   width: 350px !important;
   float: left !important;
   margin-left: 239px !important;
   height: 38px !important;
   padding-left: 6px !important;
 }

 .tcpriv-link1 {
   float: left !important;
   cursor: pointer !important;
   color: #efe70a !important;
   font-weight: bold !important;
 }

 .tcpriv-link2 {
   float: right !important;
   cursor: pointer !important;
   color: #efe70a !important;
   font-weight: bold !important;
 }

 .tcpriv-link1:hover {
   opacity: 0.5;
 }

 .tcpriv-link2:hover {
   opacity: 0.5;
 }

 .linkW {
   padding-left: 25%;
   padding-right: 25%;
 }

 .donateM {
   margin-left: 15px;
 }

 .follow {
   margin: 0 auto;
   width: 26%;
   min-width: 122px;
 }

 .contact-info {
   margin: 0 auto;
   width: 40vw;
   min-width: 300px;
   background-color: transparent;
   border-spacing: 0 0px;
 }

 .contact-info tr {
   height: 8px;
 }

 .contact-info td {
   height: 8px;
   padding: 3px;
   color: white;
   font-family: Arial;
   font-size: 13px;
   text-align: center;
 }

 .legend {
   width: 300px;
   font-size: 14px !important;
   line-height: 1;
 }

 .abt-btn-sp {
   float: left;
   height: 5px;
   width: 7px;
   background-color: transparent;
 }

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

 .row2ht {
   height: 100%;
 }

 .close-button4 {
   position: absolute;
   right: 6px;
   top: 6px;
   width: 1.4rem;
   line-height: 1.5rem;
   text-align: center;
   cursor: pointer;
   color: red;
   font-size: 1.3rem;
 }

 .page-c,
 .page-d {
   display: none;
   position: relative;
   margin: 81px auto 0px;
   width: 50%;
   min-width: 290px;
   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;
 }

 .hlPriv,
 .hlTou {
   font-size: 1.4rem;
   text-align: center;
   font-weight: bold;
 }

 .tocPriv {
   display: none;
   position: fixed;
   width: 275px;
   font-size: 1rem;
   height: 538px;
   top: 106px;
   z-index: 500;
   background: #f1f1f1;
   border: 1px solid orange;
 }

 .tocTou {
   display: none;
   position: fixed;
   width: 290px;
   font-size: 1rem;
   height: 655px;
   top: 106px;
   z-index: 500;
   background: #f1f1f1;
   border: 1px solid orange;
 }

 #actions {
   float: left;
   width: 100%;
   height: 60px;
   margin-top: 50px;
 }

 .abt-btn {
   float: left;
   width: 172px;
   background-color: white;
   height: 31px;
   border-radius: 8px;
   padding: 5px;
   color: green;
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   cursor: pointer;
   margin-top: 7px;
   text-align: center;
 }

 .close-button7 {
   position: absolute;
   right: 6px;
   top: 6px;
   width: 26px;
   line-height: 1rem;
   text-align: center;
   cursor: pointer;
   color: red;
   font-size: 20px;
   background: #fff;
   border: 2px red solid;
   padding: 2px;
 }

 .close-buttonCC {
   position: absolute;
   right: 2px;
   top: 0px;
   width: 15px;
   height: 14px;
   text-align: center;
   cursor: pointer;
   z-index: 5000;
 }

 .close-buttonCC2 {
   position: absolute;
   right: 2px;
   top: -17px;
   width: 15px;
   height: 14px;
   text-align: center;
   cursor: pointer;
   z-index: 5000;
 }

 .close-buttonDC {
   position: absolute;
   right: 2px;
   top: 0px;
   width: 15px;
   height: 14px;
   text-align: center;
   cursor: pointer;
 }

 .close-buttonPM {
   position: absolute;
   right: 2px;
   top: 0px;
   width: 15px;
   height: 14px;
   text-align: center;
   cursor: pointer;
   display: none;
   z-index: 5000;
 }

 .close-buttonPM2 {
   position: absolute;
   right: 2px;
   top: 0px;
   width: 15px;
   height: 14px;
   text-align: center;
   cursor: pointer;
   z-index: 5000;
 }

 .bioText {
   position: relative;
   margin: 0 auto;
   width: 90%;
   text-align: left !important;
   font-family: Heebo;
   font-size: 15px;
   background-color: #fff;
   padding: 30px;
   min-width: 310px;
 }

 .imgDef {
   width: 49%;
   float: left;
 }

 .bioTextWrap {
   display: block;
   height: 100%;
   max-width: 680px;
   min-width: 310px;
   background: 0 0;
   display: none;
   margin: 0 auto;
   margin-bottom: 20px;
 }

 .imgDef2 {
   width: 98%;
   float: left;
   margin-left: 5px;
 }

 .capText {
   float: left;
   font-family: Arial;
   width: 100%;
   font-size: 14px;
   text-align: center;
   color: white;
   height: 60px;
   padding-top: 14px;
   margin-bottom: 12px;
 }

 .bioWrap {
   margin: 0 auto;
   text-align: center;
   color: white;
   line-height: 1.1;
   cursor: pointer;
 }

 #bWrap {
   margin: 0 auto;
   width: 90%;
   font-family: Arial;
   padding: 4px;
   min-width: 300px;
 }

 .actWrap {
   margin: 0 auto;
   max-width: 180px;
 }

 .btnHeight {
   float: right;
   margin-right: 10px;
   width: 50%;
   margin-top: 10px;
 }

 .hlWrap {
   float: right;
   width: 100%;
 }



 .updatePI {
   float: left;
   width: 100%;
   overflow-y: scroll;
   overflow-x: hidden;
   height: 233px;
   color: green !important;
 }



 

 .viewHt {
   height: 100%;
 }

 .ancestors {
   float: left;
   width: 100%;
   margin-top: 5px;
   font-size: 0.8rem;
   line-height: 1.2;
   color: green;
 }

 .horseImg {
   margin: 0 auto;
   width: 291px;
   border: none;
   cursor: pointer;
 }

 .horseHl {
   float: left;
   width: 100%;
   text-align: center;
   font-size: 0.95rem;
   color: green;
 }

 .hInfo {
   float: left;
   width: 100%;
   padding: 6px;
   font-family: "Heebo";
 }

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

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

 .prevPix:hover {
   opacity: 0.5;
 }

 .nextPix:hover {
   opacity: 0.5;
 }

 .bioHt {
   height: 600px;
 }

 .btn-center {
   float: left;
   margin-top: 7px;
 }

 .splText {
   margin-right: 3vw;
   float: right;
   text-align: right;
   width: 43%;
   margin-top: 20px;
   font-family: "Playfair Display";
   font-size: 1.6rem;
   line-height: 1;
   color: #ffffff;
   font-weight: normal;
 }

 /* end of standard css  */
 .phone {
   float: left;
   padding: 4px;
   width: 100%;
   color: green !important;
   text-decoration: none !important;
 }

 .bg-white {
   background-color: #fff !important;
 }

 .bg-primary {
   height: -webkit-fit-content !important;
   height: -moz-fit-content !important;
   height: fit-content !important;
 }

 hr.orange {
   border-color: #f05f40;
 }

 .text-orange {
   color: #f05f40;
 }

 .founderTxt {
   background: #fff;
   padding: 9px;
   font-family: Heebo;
   font-weight: 700;
   margin: 0 auto;
   width: 82vw;
   max-width: 525px;
   font-size: 16px;
   line-height: 1.1;
   text-align: left;
   margin-top: 20px;
   color: #000;
 }

 .navbar-toggler-right {
   float: right !important;
 }

 .signIn,
 .signOut {
   color: #285b14;
   font-family: "Open Sans";
   font-weight: 700;
   padding: 0.5rem 1rem;
   font-size: 0.9rem;
   text-transform: uppercase;
   cursor: pointer;
 }

 .select,
 #locale {
   width: 50%;
 }

 .like {
   margin-right: 10px;
 }

 #imgMenu1:hover {
   opacity: 0.5;
 }

 #imgMenu2:hover {
   opacity: 0.5;
 }

 #tempMenu1:hover {
   opacity: 0.5;
 }

 #tempMenu2:hover {
   opacity: 0.5;
 }

 #tempMenu3:hover {
   opacity: 0.5;
 }

 .tmpMenuSpacer,
 .tmpMenuSpacer2 {
   display: none;
   float: left;
   background: transparent;
   border-bottom: 1px solid black;
   height: 35px;
   width: 5px;
 }

 .tmpMenuSpacer2 {
   width: 30px;
 }

 /* This is how you would create a custom secondary theme on top of tooltipster-noir: */
 .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
   background: black;
   border: none;
   width: 80px;
   margin-left: 25px;
 }

 .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
   color: white;
   padding: 10px;
 }

 .close-button8 {
   position: absolute;
   right: 4px;
   top: 5px;
   width: 20px;
   height: 23px;
   line-height: 1.5rem;
   text-align: center;
   cursor: pointer;
   background: white;
   color: red;
   font-size: 16px;
   font-weight: bold;
 }

 .a2a_kit {
   line-height: 32px !important;
   float: left !important;
   margin-top: 5px;
 }

 .fs-logo-wrap {
   margin-top: 10px;
   width: 14vw;
   min-width: 115px;
   max-width: 200px;
   padding-left: 10px;
   padding-right: 20px;
   z-index: 300;
   cursor: pointer;
   float: left;
 }

 .fs-logo {
   width: 100%;
   border: none;
 }

 .horseInfo2 {
   float: left;
   margin-left: 10px;
   margin-top: 10px;
   width: 100%;
   height: 667px;
 }

 .bnaa {
   float: left;
   margin-top: 10px;
   font-size: 0.85rem;
   color: #016301;
   font-weight: bold;
   margin-left: 10px;
   line-height: 1.1;
   width: 150px;
 }

 .htd {
   float: left;
   width: 100%;
   text-align: center;
   height: 30px;
   padding: 3px;
   font-size: 15px;
   font-family: "Heebo";
   color: white;
 }

 .same-as {
   float: left;
   font-size: 0.8rem;
   line-height: 15px;
   font-weight: bold;
   color: #016301;
   margin-left: 7px;
   margin-top: 10px;
 }

 .lstInfo {
   float: left;
   width: 297px;
   margin-top: 5px;
   height: 710px;
   border: 1px solid #d1d1d1;
   background: #f1f1f1;
   padding: 4px;
   position: relative;
   font-family: "Open Sans";
 }

 .lstInfo2 {
   float: left;
   width: 325px;
   margin-top: 5px;
   height: 246px;
   padding: 4px;
   position: relative;
   font-family: "Open Sans";
 }

 .two {
   margin-left: 5px;
 }

 .slide {
   position: relative;
 }

 .divCentered {
   float: left;
   width: 100%;
   text-align: center;
 }

 .hDonorPage {
   position: absolute;
   top: 33px;
   left: 0px;
   background: white;
   z-index: 600;
   width: 100%;
   height: 633px;
   display: none;
 }

 .delImg {
   float: left;
   width: 21px;
   margin-left: 2px;
   cursor: pointer;
   margin-top: 6px;
 }

 .delImg:hover {
   opacity: 0.5;
 }

 .itmAct {
   float: left;
   padding: 2px;
   height: 40px;
   width: 5%;
   border: 1px solid #000;
   text-align: center;
 }

 .itmAct2 {
   margin-top: 11px;
 }

 .hdContent {
   float: left;
   padding: 2px;
   height: 40px;
   width: 40%;
   border: 1px solid #000;
   border-left: none;
 }

 .lnkContent {
   float: left;
   padding: 2px;
   height: 40px;
   width: 40%;
   border: 1px solid #000;
   border-left: none;
 }

 .av1Chk {
   float: left;
   padding: 2px;
   height: 40px;
   width: 5%;
   border: 1px solid #000;
   border-left: none;
   text-align: center;
 }

 .av2Chk {
   float: left;
   padding: 2px;
   height: 40px;
   width: 5%;
   border: 1px solid #000;
   border-left: none;
   text-align: center;
 }

 .av2Chk2,
 .av1Chk2 {
   margin-top: 11px;
 }

 .welHL {
   margin: 0 auto;
   width: 80%;
   font-size: 0.9rem;
   line-height: 1.1;
   color: #008000;
   padding: 4px;
   text-align: left;
   font-family: "Heebo";
   font-weight: bold;
 }

 .welHL1 {
   margin: 0 auto;
   width: 80%;
   font-size: 1.4rem;
   line-height: 1.1;
   color: #008000;
   padding: 4px;
   text-align: left;
   font-family: "Heebo";
   font-weight: bold;
 }

 .welHL2 {
   margin: 0 auto;
   width: 80%;
   font-size: 0.8rem;
   line-height: 1;
   color: #008000;
   padding: 4px;
   text-align: left;
   font-family: "Heebo";
 }

 .donor_info {
   box-shadow: 10px 10px 14px -1px #b0a9b0;
   position: absolute;
   left: 7px;
   top: 50px;
   border-radius: 6px;
   width: 275px;
   height: 465px;
   padding: 12px;
   padding-top: 18px;
   color: #007a26;
   font-family: "Libre Franklin";
   font-weight: bold;
   background: #f9f9f9;
   z-index: 500;
 }

 .formControl {
   float: left;
   margin-top: 10px;
   width: 100%;
 }

 .suText {
   top: 25%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   font-size: 1.9rem;
   font-weight: 700;
   font-family: Heebo;
   color: #fff;
   width: 80%;
 }

 .donText {
   position: absolute;
   text-align: center;
   font-size: 1.2rem;
   font-weight: 700;
   font-family: "Heebo";
   color: white;
   width: 117px;
   line-height: 1;
   top: 56px;
   left: 25px;
 }

 .backImg1 {
   float: left;
   width: 100%;
   position: relative;
   height: 120px;
   background: url("../img/hr_web.png") no-repeat center center fixed;
   background-size: cover;
 }

 .backImg2 {
   float: left;
   width: 100%;
   position: relative;
   height: 120px;
 }

 .textInput {
   padding: 5px !important;
   border: 2px solid #ccc !important;
   font-size: 1.09rem !important;
   width: 175px !important;
   margin: 0 auto !important;
 }

 .textInput2 {
   padding: 5px !important;
   border: 2px solid #ccc !important;
   font-size: 1rem !important;
   width: 165px !important;
   margin: 0 auto !important;
   height: 34px !important;
   background: #fff !important;
 }

 .topM {
   margin-top: 10px !important;
 }

 .botM {
   margin-bottom: 10px !important;
 }

 .oneTime {
   float: left;
   margin-left: 5px;
   margin-top: 5px;
 }

 .oneTimeChk {
   float: left;
   margin-left: 61px;
   font-size: 13px;
   margin-top: 3px;
 }

 .monthlyChk {
   float: left;
   margin-left: 61px;
   font-size: 13px;
 }

 .monthly {
   float: left;
   margin-left: 14px;
   margin-top: 2px;
 }

 .donAddStatus {
   float: right;
   margin-right: 46px;
   width: 91px;
   margin-top: 4px;
   display: none;
 }

 .donAdd {
   float: left;
   margin-top: 2px;
   margin-left: 4px;
   font-size: 12px;
   padding: 2px 4px 2px 4px;
   font-weight: bold;
   background: red;
   color: white;
   font-family: "Libre Franklin";
 }

 .donDel {
   float: left;
   margin-top: 2px;
   margin-left: 4px;
   font-size: 13px;
   margin-top: 1px;
 }

 .wlItemDel {
   float: left;
   width: 20px;
   margin-left: 5px;
   margin-top: 5px;
 }

 .betInfo {
   margin: 25px auto 0 auto;
   margin-top: 10px;
   width: 90%;
   height: 105px;
   background: white;
 }

 .betDonate {
   float: left;
   width: 99%;
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
 }

 .betAdd {
   font-size: 12px;
   padding: 2px 4px;
   background: red;
   color: white;
   font-weight: bold;
   visibility: hidden;
   position: absolute;
   left: 99px;
   top: 116px;
 }

 .cfBetDate1 {
   float: left;
   width: 100%;
   height: 35px;
   margin-top: 5px;
   display: none;
 }

 .cfBetDate2 {
   float: left;
   margin-left: 4px;
   margin-top: 1px;
   font-size: 13px;
   width: 60px;
   line-height: 13px;
 }

 .cfChk {
   float: left;
   margin-left: 22px;
   margin-top: 7px;
 }

 .upWrapper {
   float: left;
   margin-left: 10px;
   margin-top: 4px;
   width: 95%;
   border: 1px solid #f1f1f1;
   display: none;
 }

 .betImg {
   margin: 0 auto;
   width: 272px;
   height: 285px;
   background: white;
   text-align: center;
   position: relative;
   overflow-y: scroll;
   overflow-x: hidden;
 }

 .successMsg {
   position: absolute;
   left: 40px;
   top: 90px;
   padding: 6px 12px;
   border-radius: 3px;
   font-size: 15px;
   font-weight: bold;
   color: white;
   background: red;
   display: none;
   font-family: "Arial";
   width: 170px;
 }

 .piButtonCncl {
   float: left;
   margin-left: 6px;
   padding: 4px 8px;
   border-radius: 3px;
   font-size: 13px;
   font-weight: bold;
   color: white;
   background: red;
   cursor: pointer;
   display: none;
   margin-top: -10px;
 }

 .piButtons {
   float: left;
   width: 100%;
   height: 25px;
 }

 .piButtonEdit {
   float: right;
   margin-right: 6px;
   padding: 4px 8px;
   border-radius: 3px;
   font-size: 13px;
   font-weight: bold;
   color: white;
   background: #275d13;
   cursor: pointer;
   display: block;
   margin-top: -10px;
 }

 .piButtonSbmt {
   float: right;
   margin-right: 6px;
   padding: 4px 8px;
   border-radius: 3px;
   font-size: 13px;
   font-weight: bold;
   color: white;
   background: #275d13;
   cursor: pointer;
   display: none;
   margin-top: -10px;
 }

 .cncButton {
   float: left;
   margin-left: 38px;
   padding: 6px 12px;
   border-radius: 3px;
   font-size: 13px;
   font-weight: bold;
   color: white;
   background: red;
   cursor: pointer;
   margin-top: 10px;
   display: none;
 }

 .dbButton {
   float: right;
   margin-right: 47px;
   padding: 6px 12px;
   border-radius: 3px;
   font-size: 13px;
   font-weight: bold;
   color: white;
   background: #275d13;
   cursor: pointer;
   margin-top: 10px;
   display: none;
 }

 .wlTitle {
   float: left;
   width: 99%;
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
   font-family: "Miriam Libre";
 }

 .wishList {
   float: left;
   width: 99%;
   overflow-y: scroll;
   height: 400px;
   font-family: Arial;
   font-size: 12px;
   display: block;
   position: relative;
   margin-left: 2px;
 }

 .lgImgBox {
   position: absolute;
   width: 100%;
   top: 0px;
   left: 0px;
   background: white;
   height: 250px;
   z-index: 100;
   display: none;
 }

 .zoom2 {
   position: absolute;
   width: 17px;
   top: 19px;
   left: 7px;
   cursor: pointer;
   border: none;
 }

 .wlLgImg {
   float: left;
   width: 250px;
   margin-left: 30px;
 }

 .wlItem {
   float: left;
   width: 95%;
   position: relative;
   background: #d7e0f1;
   margin-top: 7px;
   padding: 3px;
   padding-left: 5px;
   margin-left: 4px;
 }

 .wlItemImgBox {
   float: left;
   width: 33%;
 }

 .zoom1 {
   position: absolute;
   width: 15px;
   top: 16px;
   left: 8px;
   cursor: pointer;
   border: none;
 }

 .wlItemImg {
   float: left;
   border: 2px solid transparent;
   width: 100%;
   padding-right: 0px;
   margin-top: 10px;
 }

 .wlLink1 {
   float: left;
   width: 100%;
   margin-top: 4px;
 }

 .wlLink2 {
   color: #465CB9;
   font-weight: bold;
   text-decoration: none;
 }

 .wlPQ {
   float: right;
   width: 64%;
   padding: 3px;
 }

 .wlItemPrice {
   float: left;
   margin-left: 5px;
   width: 60px;
   text-align: right;
   padding: 2px;
   height: 12px;
 }

 .wlItemQty {
   float: left;
   margin-left: 5px;
   margin-top: 4px;
 }

 .wlItemQtyInput {
   float: left;
   width: 25px;
   margin-left: 5px;
   height: 12px;
   padding: 2px;
   text-align: right;
 }

 .mini {
   width: 50px;
   height: 19px;
   font-size: 12px;
   margin-left: 3px;
   margin-top: 3px;
   display: none;
 }

 .wlItemDescrip {
   float: left;
   width: 62%;
   padding: 3px;
   padding-left: 9px;
   margin-top: 5px;
 }

 .mediaPage {
   position: absolute;
   top: 0px;
   left: -1px;
   background: white;
   z-index: 100;
   width: 100%;
   height: 667px;
   display: none;
 }

 .panel3-closeImg,
 .panel2-closeImg {
   position: absolute;
   z-index: 100;
   width: 20px;
   top: 3px;
   right: 6px;
   border: none;
   cursor: pointer;
 }

 .menuHeader {
   float: left;
   background: #275d13;
   height: 20px;
   width: 130px;
   margin-top: 5px;
   padding: 4px;
   color: white;
   font-weight: bold;
   font-size: 14px;
   text-align: center;
   cursor: pointer;
   margin-left: 15px;
 }

 .menuHeader:hover {
   opacity: 0.5;
 }

 .menuHeader2 {
   float: left;
   background: #275d13;
   height: 17px;
   width: 47px;
   border-top-right-radius: 8px;
   padding: 3px;
   color: white;
   font-weight: bold;
   font-size: 13px;
   text-align: center;
   cursor: pointer;
 }

 .menuHeader2:hover {
   opacity: 0.5;
 }

 .menuSpcr {
   height: 5px;
   width: 5px;
   float: left;
   border-bottom: 2px solid #275d13;
   margin-top: 21px;
 }

 .menuSpcr2 {
   height: 5px;
   width: 5px;
   float: left;
   margin-top: 17px;
 }

 .vidBox {
   float: left;
   width: 100%;
   border: 2px solid #275d13;
   height: 634px;
 }

 .vidList {
   margin: 0 auto;
   width: 95%;
   overflow-y: scroll;
   height: 50px;
   background: #6e8265;
   font-weight: bold;
   color: white;
   padding-top: 3px;
 }

 .vidItem {
   float: left;
   margin-left: 10px;
   width: 90%;
   cursor: pointer;
   font-size: 13px;
 }

 .hName {
   margin: 0 auto;
   width: 100%;
   text-align: center;
   font-weight: bold;
   font-size: 16px;
   padding: 3px;
   height: 20px;
 }

 .fotoGrid {
   float: left;
   width: 100%;
   overflow-y: scroll;
   height: 605px;
   position: relative;
   display: none;
 }

 .lgHorseImgBox {
   position: absolute;
   top: 16px;
   left: 3px;
   width: 300px;
   height: 400px;
   display: none;
   z-index: 200;
 }

 .horseImgBox {
   float: left;
   width: 49%;
   height: 195px;
   margin-top: 3px;
   overflow: hidden;
 }

 .give {
   float: right;
   margin-right: 2px;
   width: 101px;
   padding: 4px;
   padding-bottom: 6px;
   height: 26px;
   text-align: center;
   border-radius: 6px;
   background: #016301;
   color: #fff;
   font-weight: 700;
   cursor: pointer;
   font-size: 13px;
 }

 .vuVid {
   float: left;
   margin-left: 25px;
   width: 131px;
   padding: 4px;
   padding-bottom: 6px;
   height: 26px;
   text-align: center;
   border-radius: 6px;
   background: #016301;
   color: #fff;
   font-weight: 700;
   cursor: pointer;
   font-size: 13px;
 }

 .vuVid:hover {
   opacity: 0.5;
 }

 .horseName {
   font-size: 20px;
   color: black;
   font-weight: bold;
 }

 .give:hover {
   opacity: 0.5;
 }

 .triangle {
   position: absolute;
   z-index: 600;
   color: white;
   left: 0px;
   top: 0px;
   width: 0;
   height: 0;
   border: solid 30px;
   border-color: red transparent transparent red;
 }

 .tos_a {
   display: block;
   height: 53px;
   /*same height as header*/
   margin-top: -53px;
   /*same height as header*/
   visibility: hidden;
 }

 #cookies {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   border-collapse: collapse;
   width: 100%;
   margin-bottom: 15px;
 }

 #cookies td {
   border: 1px solid #ddd;
   padding: 8px;
 }

 #cookies th {
   border: 1px solid #fff;
   padding: 8px;
 }

 #cookies tr:nth-child(even) {
   background-color: #f2f2f2;
 }

 #cookies tr:hover {
   background-color: #ddd;
 }

 #cookies th {
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: left;
   background-color: #4CAF50;
   color: white;
 }

 .wrap-cp {
   margin-bottom: 1.2rem;
 }

 .wrap-cp input[type=checkbox] {
   display: none;
 }

 .lbl-toggle {
   display: block;
   width: 125px;
   font-weight: bold;
   font-size: 1rem;
   text-align: center;
   padding: 0.4rem;
   padding-left: 0rem;
   padding-bottom: 0.8rem;
   background: transparent;
   cursor: pointer;
   border-radius: 0px;
   transition: all 0.25s ease-out;
 }

 .lbl-toggle:hover {
   color: #7C5A0B;
 }

 .lbl-toggle::before {
   content: " ";
   display: inline-block;
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   border-left: 8px solid #b6b6b6;
   vertical-align: middle;
   margin-right: 0.7rem;
   transform: translateY(-2px);
   transition: transform 0.2s ease-out;
 }

 .toggle:checked+.lbl-toggle::before {
   transform: rotate(90deg) translateX(-3px);
 }

 .cp-content {
   max-height: 0px;
   overflow: hidden;
   transition: max-height 0.25s ease-in-out;
 }

 .toggle:checked+.lbl-toggle+.cp-content {
   max-height: 2000px;
 }

 .toggle:checked+.lbl-toggle {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }

 .cp-content .cp-content-inner {
   padding: 0.5rem 1rem;
 }

 a.listing {
   text-decoration: none;
   font-weight: bold;
 }

 a.listing:hover {
   color: #212529;
 }

 .restore {
   position: absolute;
   bottom: 10px;
   left: 12px;
   padding: 4px;
   background: red;
   color: #fff;
   font-weight: 700;
   font-size: 12px;
   text-align: center;
   z-index: 500;
   cursor: pointer;
 }

 .restoreWrap {
   float: left;
   width: 68px;
   height: 52px;
   background: #f1f1f1;
   position: relative;
   display: none;
 }

 .horseFoto {
   width: 100%;
   margin: 0 auto;
   margin-top: 7px;
 }

 .smlImg {
   float: left;
   margin-left: 3px;
   width: 68px;
   cursor: pointer;
 }

 .smlImgCap {
   text-align: center;
   font-weight: bold;
   font-size: 12px;
   margin-top: 3px;
   color: #046e86;
 }

 .imgCapWrap {
   float: left;
   margin-left: 1px;
   width: 70px;
 }

 .data1 {
   float: left;
   height: 17px;
   text-align: left;
   font-weight: bold;
   font-size: 13px;
   color: black;
   width: 66%;
 }

 .data2 {
   float: left;
   height: 17px;
   text-align: left;
   font-weight: bold;
   font-size: 13px;
   color: black;
   width: 34%;
 }

 .data3 {
   float: left;
   height: 17px;
   text-align: left;
   font-weight: bold;
   font-size: 13px;
   color: black;
   width: 100%;
 }

 .data_long {
   float: left;
   font-weight: bold;
   font-size: 13px;
   color: black;
   margin-bottom: 3px;
 }

 .addlInfo {
   margin: 0 auto;
   width: 63px;
   padding: 5px;
   height: 22px;
   text-align: center;
   border-radius: 6px;
   background: #6582b7;
   color: #fff;
   font-weight: 700;
   cursor: pointer;
   margin-top: 5px;
   font-size: 11px;
   padding-top: 3px;
 }

 .quarter-circle-bottom-right {
   width: 50px;
   height: 50px;
   background: #357b03;
   border-radius: 60px 0 0 0;
   -moz-border-radius: 60px 0 0 0;
   -webkit-border-radius: 60px 0 0 0;
   position: absolute;
   right: 0px;
   bottom: 0px;
   cursor: pointer;
   z-index: 600;
 }

 .rotate {
   text-align: center;
   float: left;
   font-size: 14px;
   line-height: 14px;
   font-weight: 900;
   color: white;
   margin-left: -26px;
   margin-top: -26px;
   transform: rotate(-45deg);
   /* Safari */
   -webkit-transform: rotate(-45deg);
   /* Firefox */
   -moz-transform: rotate(-45deg);
   /* IE */
   -ms-transform: rotate(-45deg);
   /* Opera */
   -o-transform: rotate(-45deg);
 }

 .rotate2 {
   text-align: center;
   float: left;
   font-size: 10.8px;
   line-height: 10.8px;
   font-weight: 900;
   color: white;
   margin-left: 10px;
   margin-top: 17px;
   transform: rotate(-45deg);
   /* Safari */
   -webkit-transform: rotate(-45deg);
   /* Firefox */
   -moz-transform: rotate(-45deg);
   /* IE */
   -ms-transform: rotate(-45deg);
   /* Opera */
   -o-transform: rotate(-45deg);
 }

 @-webkit-keyframes vex-pulse {
   0% {
     box-shadow: inset 0 0 0 300px transparent;
   }

   70% {
     box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.15);
   }

   100% {
     box-shadow: inset 0 0 0 300px transparent;
   }
 }

 @keyframes vex-pulse {
   0% {
     box-shadow: inset 0 0 0 300px transparent;
   }

   70% {
     box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.15);
   }

   100% {
     box-shadow: inset 0 0 0 300px transparent;
   }
 }

 .givePulse {
   -webkit-animation: vex-pulse 0.9s infinite;
   animation: vex-pulse 0.9s infinite;
   outline: none;
 }

 .formContainer {
   margin: 50px auto 0 auto;
   width: 80%;
   height: 616px;
   background: #fff;
 }

 .form-container {
   display: none;
   float: left;
   width: 312px;
   height: 361px;
 }

 .form-container2 {
   display: none;
   float: left;
   width: 275px;
   height: 361px;
   margin-left: -10px;
 }

 .leftSide {
   position: relative;
   float: left;
   max-width: 360px;
   display: block;
   min-width: 320px;
   width: 95vw;
   background: #fff;
   margin-left: -5px;
 }

 .rightSide {
   position: relative;
   float: right;
   max-width: 360px;
   display: block;
   min-width: 320px;
   width: 95vw;
   background: #fff;
 }

 .donateTypes {
   float: left;
   margin-left: 34px;
   font-size: 13px;
   margin-top: 8px;
   width: 100%;
   text-align: left;
   color: #016301;
   font-weight: bold;
 }

 .closeImgContainer {
   float: left;
   width: 100%;
   height: 25px;
 }

 .formTopBar {
   float: left;
   margin-top: 10px;
   font-weight: bold;
   font-size: 17px;
   color: #016301;
   width: 100%;
   text-align: center;
   margin-bottom: 25px;
 }

 .cvc_help {
   float: left;
   font-weight: 700;
   cursor: pointer;
   width: 10px;
   margin-left: 2px;
   margin-top: 2px;
   color: #081a36;
   z-index: 5000;
 }

 .cvc_help2 {
   font-weight: 700;
   cursor: pointer;
   width: 9px;
   height: 25px;
   color: #081a36;
   z-index: 5000;
   margin-top: 0px;
   margin-left: 8px;
 }

 .ac-title {
   margin: 0 auto;
   width: 75%;
   font-size: 21px;
   font-family: Oswald;
   color: #2e76a8;
   line-height: 1;
   margin-bottom: 20px;
   margin-top: 14px;
 }

 .ac-title2 {
   margin: 0 auto;
   width: 75%;
   font-size: 18px;
   font-family: Oswald;
   color: #2e76a8;
   line-height: 1;
   margin-bottom: 20px;
 }

 .trans-msg-text {
   margin-top: -8px;
   line-height: 1.1;
   font-weight: 700;
   font-size: 15px;
   text-align: left;
   margin-left: 15px;
 }

 .mngPay {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 6px;
   margin-left: auto;
   margin-right: auto;
   width: 210px;
   /* Need a specific value to work */
 }

 .mngPay1 {
   display: none;
   margin: 0 auto;
   width: 176px;
   padding: 3px 5px;
   background: #2e76a8;
   cursor: pointer;
   border-radius: 4px;
   text-align: center;
   font-weight: 700;
   font-size: 13px;
   color: #fff;
   font-family: Arial;
 }

 .mngPay1:hover {
   opacity: 0.5;
 }

 .trans-msg-info {
   background-color: #2e76a8;
   display: none;
   margin: 0 auto;
   height: 46px;
   color: #fff;
   margin-top: 10px;
   font-family: "Oswald";
   padding: 8px;
   width: 310px;
   font-size: 19px;
 }

 .trans-msg-pay {
   background-color: #2e76a8;
   position: absolute;
   top: 117px;
   left: 41px;
   display: none;
   height: 137px;
   color: #fff;
   margin-top: 10px;
   font-family: Roboto;
   padding: 17px;
   padding-top: 35px;
   width: 270px;
   font-size: 16px;
   z-index: 1000;
 }

 .trans-msg-info2 {
   background-color: #2e76a8;
   position: absolute;
   top: 100px;
   left: 35px;
   display: none;
   height: 244px;
   color: #fff;
   margin-top: 10px;
   font-family: "Oswald";
   padding: 8px;
   width: 240px;
   font-size: 16px;
   z-index: 1000;
 }

 .mHeadLine {
   margin: 0 auto;
   text-align: center;
   font-size: 27px;
 }

 .mHeadLine2 {
   margin: 0 auto;
   text-align: center;
   font-size: 14px;
   padding-top: 8px;
   font-family: "Arial";
 }

 .triangleContainer {
   float: left;
   width: 15px;
   position: relative;
 }

 .subTotals1 {
   float: left;
   line-height: 1;
   font-size: 11px;
   font-weight: 700;
   margin-top: 16px;
 }

 .subTotals2 {
   float: left;
   line-height: 1;
   font-size: 11px;
   font-weight: 700;
   margin-top: 4px;
 }

 .columnLeft {
   min-width: 160px;
   float: left;
   max-width: 360px;
   height: auto;
   text-align: center;
   width: 175px;
   margin-right: 0px;
   margin-left: 5px;
 }

 .columnRight {
   min-width: 160px;
   float: left;
   max-width: 360px;
   height: auto;
   text-align: center;
   width: 175px;
   margin-right: 0px;
   margin-left: 5px;
 }

 .textInput2:focus {
   background: #eff3f7;
 }

 .formControl {
   float: left;
   margin-top: 10px;
   width: 100%;
 }

 .closeImg {
   border: none;
   float: right;
   width: 22px;
 }

 .select {
   background: white;
   width: 200px;
   font-size: 0.9rem;
   height: 32px;
   border: 2px solid #d6cece;
   color: #716b6b;
   float: left;
   margin-left: 10px;
 }

 .nextBackContainer {
   width: 100%;
   height: 30px;
   margin: 0 auto;
 }

 #signUpPage1 {
   display: block;
 }

 #signUpPage2 {
   display: none;
 }

 .donListHeader {
   position: absolute;
   top: 34px;
   left: 45px;
   width: 243px;
   height: 365px;
   overflow-y: scroll;
   overflow-x: hidden;
   font-size: 13px;
   font-weight: bold;
   font-family: "Libre Franklin";
   z-index: 500;
   background: white;
   border-top: 2px solid #9a9090;
   border-bottom: 2px solid #9a9090;
   display: none;
 }

 .cvc1 {
   display: none;
   position: absolute;
   left: 5px;
   z-index: 100;
   width: 260px;
   cursor: pointer;
   top: -165px;
 }

 .cvc2 {
   display: none;
   position: absolute;
   left: 10px;
   z-index: 100;
   width: 226px;
   cursor: pointer;
   top: 159px;
 }

 #submitAdmin,
 #submitUser {
   width: 248px;
   display: block;
   height: 44px;
   border-radius: 6px;
   padding-top: 15px;
   font-size: 18px;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   background: #547d43;
   text-align: center;
   cursor: pointer;
   font-family: Roboto;
   margin: 0 auto;
 }

 .loMsg {
   position: absolute;
   top: 10px;
   left: 20px;
   color: #fff;
   font-family: Oswald;
   font-size: 4vh;
   font-weight: 700;
   background: 0 0;
   width: 200px;
   line-height: 0.98;
   text-align: left;
   text-transform: capitalize;
 }

 .cancelLogout {
   float: left;
   margin-left: 20px;
   width: 109px;
   display: block;
   height: 44px;
   border-radius: 6px;
   padding-top: 15px;
   font-size: 18px;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   background: red;
   text-align: center;
   cursor: pointer;
   font-family: Roboto;
   margin: 0 auto;
 }

 .contLogout {
   float: right;
   margin-right: 20px;
   width: 109px;
   display: block;
   height: 44px;
   border-radius: 6px;
   padding-top: 15px;
   font-size: 18px;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   background: #547d43;
   text-align: center;
   cursor: pointer;
   font-family: Roboto;
   margin: 0 auto;
 }

 #cancelAdmin:hover {
   opacity: 0.5;
 }

 #cancelUser:hover {
   opacity: 0.5;
 }

 #submitAdmin:hover {
   opacity: 0.5;
 }

 #submitUser:hover {
   opacity: 0.5;
 }

 input[type=text]:focus {
   background-color: #dbefd3;
   border: 1px solid green;
 }

 input[type=password]:focus {
   background-color: #dbefd3;
   border: 1px solid green;
 }

 #suState option[value="-1"] {
   font-size: 16px;
 }

 .uk-style {
   display: none;
   position: absolute;
   top: 7px;
   background: #dbefd3;
   font-size: 17px;
   height: 31px;
   width: 113px;
   color: black;
   text-align: left;
   left: 4px;
 }

 .tempSubTitle {
   float: left;
   width: 50%;
   font-size: 18px;
   font-family: "Roboto", sans-serif;
   padding: 8px;
   height: 45px;
   padding-bottom: 20px;
   text-align: center;
 }

 .tempButton {
   float: left;
   margin-right: 5px;
   background: #107ebf;
   color: #fff;
   font-family: Roboto, sans-serif;
   font-size: 13px;
   text-align: center;
   cursor: pointer;
   margin-bottom: 3px;
   padding: 5px;
   font-weight: bold;
   border-radius: 4px;
 }

 .tempButton:hover {
   opacity: 0.5;
 }

 .emailTemplate {
   float: left;
   width: 59%;
   position: relative;
   height: 1285px;
   background: #f1f1f1;
   padding: 8px;
   font-size: 14px;
   font-family: "Roboto", sans-serif;
   color: black;
   border: 2px solid #74989e;
 }

 /*
input[type=text],
input[type=password] {
  height: 40px;
  background-color: transparent;
  color: #000;
  outline: none;
  border: 1px solid grey;
  padding: 3px 10px;
  font-size: 1rem;
  width: 250px;
}
*/
 #suState,
 #suCountry {
   background-color: #dbefd3;
 }

 .tempOptions {
   visibility: hidden;
   float: left;
   margin-left: 10px;
   margin-top: -25px;
   width: 105px;
 }

 .colSel {
   float: left;
   margin-left: 15px;
   height: 41px;
   color: #053105;
   background: #fff;
   font-size: 16px;
 }

 .tempImgInput4 {
   float: left;
   width: 113px !important;
 }

 .tempImgInput {
   float: left;
   width: 450px !important;
 }

 .tempImgInput3 {
   float: left;
   width: 409px !important;
 }

 .tempImgInput2 {
   float: left;
   width: 225px !important;
 }

 .formField {
   margin: 0 auto;
   width: 252px;
   height: 59px;
   margin-top: 23px;
   position: relative;
 }

 .formField5 {
   float: left;
   height: 59px;
   margin-top: 23px;
   position: relative;
   width: 46%;
   margin-left: 10px;
 }

 .formField2 {
   float: left;
   width: 625px;
   height: 59px;
   margin-top: 23px;
   position: relative;
   margin-left: 31px;
 }

 .field-label,
 .field-label2 {
   display: block;
   position: absolute;
   top: -23px;
   left: 18px;
   font-family: Roboto;
   font-size: 14px;
   font-weight: 700;
   color: #2b7a0b;
 }

 .field-label2 {
   left: 60px;
 }

 .field-label3 {
   display: block;
   position: absolute;
   top: -22px;
   left: 4px;
   font-family: Roboto;
   font-size: 14px;
   font-weight: 700;
   color: green;
 }

 .targetSel {
   float: left;
   width: 100%;
   height: 40px;
   font-size: 16px;
   background: #fff;
 }

 .infoBox {
   width: 250px;
   margin: 0 auto;
   color: black;
 }

 .formErr,
 .formErr2 {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 250px;
   height: 42px;
   font-size: 13px;
   color: red;
   background: #e8c1c7;
   line-height: 1;
   font-weight: bold;
   visibility: hidden;
 }

 .formErr2 {
   left: 61px;
   top: 1px;
   width: 448px !important;
   height: 38px;
 }

 .formErrZip {
   float: left;
   width: 250px;
   height: 42px;
   font-size: 13px;
   color: red;
   background: #e8c1c7;
   margin-left: 35px;
   line-height: 1;
   font-weight: bold;
   visibility: hidden;
 }

 .formErrText {
   float: left;
   width: 100%;
   text-align: left;
   height: 40px;
   color: red;
   font-family: Roboto;
   padding-top: 10px;
   font-size: 12px;
   line-height: 1;
   margin-left: 5px;
   font-weight: 700;
 }

 .userFormErrText {
   float: left;
   width: 100%;
   text-align: left;
   height: 40px;
   color: red;
   font-family: Roboto;
   padding-top: 10px;
   font-size: 12px;
   line-height: 1;
   font-weight: 700;
   text-align: center;
 }

 .formErrZipText {
   display: table-cell;
   width: 50%;
   vertical-align: middle;
   text-align: center;
   height: 42px;
   padding: 4px;
 }

 #fb-login:hover {
   opacity: 0.5;
 }

 #tw-login:hover {
   opacity: 0.5;
 }

 .form-elem {
   display: inline-block;
   margin-top: 40px;
   position: relative;
   font-family: "Roboto";
 }

 .sinup {
   cursor: pointer;
   margin-top: -14px;
   color: red;
   font-weight: bold;
   font-size: 14px;
 }

 .showPass {
   position: absolute;
   cursor: pointer;
   color: #2b7a0b !important;
   right: 0px;
   bottom: -28px;
 }

 .case-none {
   text-transform: none;
 }

 .case-upper {
   text-transform: uppercase;
 }

 .case-lower {
   text-transform: lowercase;
 }

 .case-proper {
   text-transform: capitalize;
 }

 .letter-upper::first-letter {
   text-transform: uppercase;
 }

 .letter-lower::first-letter {
   text-transform: lowercase;
 }

 /* ::-webkit-input-placeholder { color: transparent; } */
 /* :-moz-placeholder { color: transparent; } */
 /* :hover::-webkit-input-placeholder { color: #828080; } */
 /* :hover:-moz-placeholder { color: #828080; }​ */
 .submitButton {
   float: right;
   padding: 11px 18px 10px;
   font-size: 15px;
   font-weight: 400;
   line-height: 1;
   color: #fff;
   background: #2b7a0b;
   border-radius: 4px;
   transition: background-color 150ms ease-out, color 150ms ease-out;
   border-radius: 4px;
   text-align: center;
   cursor: pointer;
   opacity: 1;
   /* Safari */
   transition: opacity 0.5s;
   transition-timing-function: ease-in-out;
 }

 .submitButton2 {
   padding: 16px;
   font-size: 18px;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   background: #2b7a0b;
   border-radius: 4px;
   transition: background-color 150ms ease-out, color 150ms ease-out;
   border-radius: 4px;
   text-align: center;
   cursor: pointer;
   opacity: 1;
   /* Safari */
   transition: opacity 0.5s;
   transition-timing-function: ease-in-out;
 }

 .cancelButton {
   float: left;
   padding: 11px 18px 10px;
   border-radius: 3px;
   font-size: 15px;
   font-weight: 400;
   line-height: 1;
   color: #fff;
   background: #f22f46;
   border-radius: 4px;
   border-radius: 4px;
   text-align: center;
   cursor: pointer;
   opacity: 1;
   /* Safari */
   transition: opacity 0.5s;
   transition-timing-function: ease-in-out;
 }

 .nextButton {
   padding: 11px 18px 10px;
   border-radius: 3px;
   margin-left: 8px;
   font-size: 15px;
   font-weight: 400;
   line-height: 1;
   color: #fff;
   background: #016301;
   border-radius: 4px;
   text-align: center;
   cursor: pointer;
   width: 60px;
   opacity: 1;
   /* Safari */
   transition: opacity 0.5s;
   transition-timing-function: ease-in-out;
 }

 .nextButton:hover {
   opacity: 0.3;
 }

 .cancelButton:hover {
   opacity: 0.3;
 }

 .submitButton:hover {
   opacity: 0.3;
 }

 #memberInfo {
   margin: 0 auto;
   width: 50%;
   font-size: 1rem;
   padding: 6px;
   font-weight: bold;
   background: #016301;
   color: white;
   text-align: center;
 }

 #payInfo {
   margin: 0 auto;
   width: 50%;
   font-size: 1rem;
   padding: 6px;
   font-weight: bold;
   background: #016301;
   color: white;
   text-align: center;
 }

 #payInfo2 {
   margin: 0 auto;
   width: 50%;
   font-size: 1rem;
   padding: 6px;
   font-weight: bold;
   background: #016301;
   color: white;
   text-align: center;
 }

 .passInfo::-webkit-input-placeholder {
   /* WebKit, Blink, Edge */
   white-space: pre-line;
   font-size: 13px;
   line-height: 1;
   color: green;
 }

 .passInfo:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   white-space: pre-line;
   font-size: 13px;
   line-height: 1;
   color: green;
 }

 .passInfo::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   white-space: pre-line;
   font-size: 13px;
   line-height: 1;
   color: green;
 }

 .passInfo:-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   white-space: pre-line;
   font-size: 13px;
   line-height: 1;
   color: green;
 }

 .previewButton {
   display: none;
   background: green;
   float: right;
   margin-top: 15px;
   margin-right: 10px;
   width: 152px;
   font-size: 17px;
   color: white;
   font-family: "Roboto", sans-serif;
   padding: 9px 7px 9px 7px;
   height: 45px;
   cursor: pointer;
 }

 .previewButton:hover {
   opacity: 0.5;
 }

 .ckLegend {
   font-weight: 700;
   width: 87px;
   font-size: 1rem !important;
   margin: 0 auto;
 }

 .ckButton {
   position: absolute;
   right: 190px;
   top: 28px;
   padding: 10px;
   padding-top: 8px;
   width: 50px;
   height: 30px;
   font-size: 0.85rem;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   background: #2b7a0b;
   text-align: center;
   cursor: pointer;
   opacity: 1;
   /* Safari */
   transition: opacity 0.5s;
   transition-timing-function: ease-in-out;
 }

 .text-input2 {
   float: left;
   margin-top: 10px;
   margin-left: 7px;
   width: 59px;
   padding: 3px;
   border: 2px solid #ccc;
 }

 .c-number {
   float: left;
   border-bottom: 1px solid #009 !important;
   width: 159px;
   height: 31px;
   margin-left: 12px;
   background: #fff;
   padding: 3px;
 }

 .c-number2 {
   float: left;
   border-bottom: 1px solid #009 !important;
   width: 147px;
   height: 23px;
   margin-left: 12px;
   background: #fff;
   padding: 3px;
 }

 .cvc-input {
   float: left;
   margin-left: 6px;
   width: 44px;
   padding: 3px;
   background: #fff;
   border-bottom: 1px solid #009 !important;
   height: 23px;
 }

 .c-exp-input {
   margin-top: -2px;
   float: left;
   margin-left: 8px;
   width: 54px;
   height: 23px;
   padding: 3px;
   border-bottom: 1px solid #009 !important;
   background: #fff;
 }

 .c-exp-input2 {
   float: left;
   margin-left: 8px;
   width: 67px;
   height: 23px;
   padding: 3px;
   border-bottom: 1px solid #009 !important;
   background: #fff;
 }

 .cod {
   float: left;
   font-size: 13px;
   color: #fff;
   font-weight: 700;
   margin-left: 33px;
   width: 126px;
   line-height: 1.1;
   margin-bottom: 5px;
 }

 .text-input3 {
   float: left;
   margin-left: 17px;
   width: 44px;
   padding: 3px;
   background: #fff;
   border: 2px solid #ccc;
   margin-top: 3px;
   height: 31px;
 }

 .stdLogin {
   width: 90%;
   max-width: 500px;
   min-width: 300px;
   height: 435px;
   background-color: #ffffff;
 }

 .formFieldBox {
   float: left;
   width: 100%;
   height: auto;
 }

 .logFormat {
   background: #2b7a0b;
   height: 80px;
   color: #fff;
   margin-bottom: 10px;
   margin: 0 auto;
 }

 .logTitle {
   font-family: Oswald;
   margin-left: 27px;
   width: 233px;
   height: 55px;
   color: #fff;
   font-weight: 700;
   font-size: 32px;
   padding: 10px;
   margin: 0 auto;
 }

 .switch {
   display: none;
 }

 .fieldWrapper {
   float: left;
   width: 100%;
   max-width: 700px;
   min-width: 350px;
   height: 100%;
   margin-top: 11px;
   color: black;
 }

 .signUpFields {
   float: left;
   width: 290px;
   height: 100%;
   margin-top: 25px;
   box-sizing: content-box;
   color: black;
 }

 .logInFields {
   width: 290px;
   height: 100%;
   margin-top: 25px;
   box-sizing: content-box;
   color: #000;
   margin: 0 auto;
 }

 .socialWrap {
   margin: 0 auto;
   width: 100%;
   height: 53px;
   margin-bottom: 25px;
   display: none;
 }

 .fbLogIn,
 .twLogIn {
   float: left;
   width: 47%;
   height: 52px;
   background: #255198;
   padding: 5px;
   text-align: center;
   color: #fff;
   font-weight: bold;
   font-size: 14px;
   cursor: pointer;
 }

 .twLogIn {
   background: #63a9e4;
 }

 .subSmall {
   padding: 11px 18px 10px;
   border-radius: 3px;
   margin-left: 8px;
   font-size: 13px;
   font-weight: 400;
   line-height: 1;
   color: #fff;
   background: #f22f46;
   border-radius: 4px;
   transition: background-color 150ms ease-out, color 150ms ease-out;
   border-radius: 4px;
   text-align: center;
   cursor: pointer;
 }

 .later1 {
   margin: 0 auto;
   width: 6rem;
   font-family: "Heebo";
   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;
 }

 .later1:hover {
   background-color: #ec6777;
 }

 .subMail {
   margin: 0 auto;
   width: 70vw;
   max-width: 360px;
   font-size: 1.1rem;
   margin-top: 20px;
   padding: 11px 18px 10px;
   border-radius: 3px;
   font-weight: 400;
   line-height: 1;
   color: #fff;
   background: #2b7a0b;
   font-family: "Heebo";
   transition: background-color 150ms ease-out, color 150ms ease-out;
   text-align: center;
   cursor: pointer;
 }

 .subMail:hover {
   background-color: #4aca16;
 }

 .ckButton:hover {
   opacity: 0.3;
 }

 .resetPass {
   color: #2b7a0b;
   cursor: pointer;
   font-size: 0.85rem;
   margin-top: 5px;
   height: 10px;
   font-family: Roboto;
   font-weight: 600;
 }

 /* admin css */
 .adminLoginWrapper {
   width: 100%;
   padding: 10px;
   height: 300px;
   position: relative;
 }

 .adminLogTitle {
   font-family: Oswald;
   height: 55px;
   color: #547d43;
   font-weight: 700;
   font-size: 32px;
   padding: 10px;
   margin: 0 auto;
 }

 .adminTitle {
   position: fixed;
   color: white;
   left: 250px;
   font-size: 1.3vw;
   font-weight: bold;
   width: 12%;
   top: 75px;
   z-index: 200;
 }

 .admin-fs-logo {
   width: 178px;
   border: none;
 }

 .adminStdLogin {
   width: 90%;
   max-width: 428px;
   min-width: 300px;
   height: 420px;
   background-color: #fff;
   margin: 0 auto;
   margin-top: 150px;
 }

 .adminSignIn {
   float: left;
   width: 100%;
   margin-bottom: 10px;
   margin-top: 20px;
 }

 .adminAccess {
   margin: 0 auto;
   width: 225px;
   text-align: left;
   color: #2b7a0b;
   cursor: pointer;
   font-size: 0.9rem;
   margin-top: 6px;
   height: 10px;
   font-family: "Roboto";
 }

 .goUserSignUp,
 .goAdminSignUp {
   float: left;
   margin-left: 60px;
   width: 225px;
   color: #2b7a0b;
   cursor: pointer;
   font-size: 0.9rem;
   margin-top: 6px;
   height: 10px;
   font-family: "Roboto";
   margin-bottom: 25px;
 }

 .goUserSignUp {
   text-align: left;
   margin-left: 47px;
 }

 .goAdminSignUp {
   text-align: center;
 }

 .resetPassInfo {
   margin: 0 auto;
   width: 206px;
   text-align: center;
   color: red;
   cursor: pointer;
   font-size: 14px;
   font-weight: 700;
   margin-top: 10px;
   line-height: 1.1;
   visibility: hidden;
   font-family: "Roboto";
   height: 75px;
 }

 .fElHt {
   margin-top: 10px !important;
 }

 .tocAdmin-consent {
   margin: 0 auto;
   width: 163px;
   font-family: Roboto;
   height: 42px;
   background: #53634c;
   padding: 4px;
   font-size: 13.5px;
   line-height: 1.3;
   height: 50px;
 }

 .tocAdminSignUp {
   display: none;
   width: 100%;
   padding-bottom: 10px;
 }

 .resetAdminPassInfo {
   margin: 0 auto;
   width: 206px;
   text-align: center;
   color: red;
   cursor: pointer;
   font-size: 14px;
   font-weight: 700;
   margin-top: 10px;
   line-height: 1.1;
   visibility: hidden;
   font-family: "Roboto";
 }

 .adminAccess {
   width: 157px;
 }

 .resetPass:hover {
   opacity: 0.5;
 }

 .adminAccess:hover {
   opacity: 0.5;
 }

 .goSignUp:hover {
   opacity: 0.5;
 }

 .toc-consent {
   text-align: left;
   width: 163px;
   font-family: Roboto;
   height: 42px;
   background: #53634c;
   padding: 4px;
   font-size: 12.5px;
   margin-left: 8px;
   line-height: 1.3;
   float: left;
   height: 50px;
 }

 .toc-consent2 {
   visibility: hidden;
   width: 150px;
   font-family: Roboto;
   background: #53634c;
   padding: 4px;
   font-size: 12.5px;
   margin-left: 1px;
   line-height: 1.3;
   float: left;
   height: 56px;
 }

 .toc-text2 {
   margin-top: 2px;
   color: #fff;
   line-height: 1;
   margin-left: 5px;
   font-size: 12px;
 }

 .button-add2 {
   width: 64px !important;
   margin-left: 17px !important;
   height: 31px !important;
   background: #3f51b5 !important;
   border-radius: 4px !important;
   color: #fff !important;
   border: 0 !important;
   padding: 2px 3px !important;
   margin-top: 10px !important;
   font-weight: 600 !important;
   cursor: pointer !important;
   transition: all 0.2s ease !important;
   box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.07) !important;
   float: left !important;
 }

 .button-add {
   margin-top: 11px !important;
   width: 84px !important;
   margin-left: 25px !important;
   height: 31px !important;
   background: #3f51b5 !important;
   border-radius: 6px !important;
   color: #fff !important;
   border: 0 !important;
   padding: 2px 3px !important;
   margin-top: 10px !important;
   font-weight: 600 !important;
   cursor: pointer !important;
   transition: all 0.2s ease !important;
   box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.07) !important;
   float: left !important;
 }

 .priv1 {
   color: yellow;
   cursor: pointer;
   font-weight: bold;
 }

 .priv:hover {
   opacity: 0.5;
 }

 .tos,
 .priv {
   color: yellow;
   cursor: pointer;
   font-weight: bold;
 }

 .tos:hover {
   opacity: 0.5;
 }

 .priv:hover {
   opacity: 0.5;
 }

 #tc-priv-accept {
   float: left;
   margin-top: 7px;
   margin-left: 2px;
   margin-right: 2px;
 }

 #tc-priv-accept2 {
   float: left;
   margin-top: 7px;
   margin-left: 2px;
   margin-right: 2px;
 }

 #tc-priv-accept4 {
   float: left;
   margin-top: 7px;
   margin-left: 2px;
   margin-right: 4px;
 }

 .toc-text {
   margin-top: 2px;
   color: #fff;
   line-height: 1;
   margin-left: 5px;
   font-family:'Roboto';
 }

 .fs-adminModal3,
 .fs-adminModal4 {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 5000;
   width: 100%;
   height: 100%;
   font-family: "Heebo";
   color: black;
   background-color: rgba(0, 0, 0, 0.5);
   opacity: 0;
   visibility: hidden;
   transform: scale(1.1);
   transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
 }

 .ot-close {
   display: none;
   color: red;
   width: 100%;
   position: absolute;
   left: -3px;
   top: -2px;
   font-size: 21px;
   cursor: pointer;
   height: 13px;
   text-align: right !important;
 }

 .mth-close {
   display: none;
   color: red;
   width: 100%;
   position: absolute;
   left: -13px;
   top: 4px;
   font-size: 21px;
   cursor: pointer;
   height: 13px;
   text-align: right !important;
 }

 .fs-modal-close {
   color: red;
   width: 100%;
   position: absolute;
   left: -5px;
   top: -5px;
   font-size: 24px;
   cursor: pointer;
   height: 13px;
   text-align: right !important;
 }

 .fs-edt-close {
   left: -4px;
   font-weight: bold;
   color: red;
   width: 100%;
   position: absolute;
   top: -3px;
   font-size: 18px;
   cursor: pointer;
   height: 13px;
   text-align: right !important;
   display: none;
 }

 .fs-modal-close-lo {
   z-index: 3500;
   color: red;
   width: 100%;
   position: absolute;
   left: -5px;
   top: -163px;
   font-size: 24px;
   cursor: pointer;
   height: 13px;
   text-align: right !important;
 }

 /* The Modal (background) */
 .fs-modal {
   display: none;
   /* Hidden by default */
   font-family: "Heebo", "Arial";
   position: fixed;
   /* Stay in place */
   z-index: 3000;
   /* Sit on top */
   padding-top: 100px;
   /* Location of the box */
   left: 0;
   top: 0;
   width: 100%;
   /* Full width */
   height: 100%;
   /* Full height */
   overflow: auto;
   /* Enable scroll if needed */
   background-color: black;
   /* Fallback color */
   background-color: rgba(0, 0, 0, 0.4);
   /* Black w/ opacity */
 }

 /* Modal Content */
 .fs-modal-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: white;
   padding: 1rem 1.5rem;
   width: 70%;
   text-align: center;
   max-width: 386px;
   min-width: 295px;
   z-index: 3100;
 }

 .fs-modal-content-cartForm {
   margin-top: 10px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: green;
   padding: 1rem 1.5rem;
   text-align: center;
   width: 360px;
   display: none;
   height: 645px;
   z-index: 3100;
 }

 .fs4-modal-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: #fff;
   padding: 5px;
   max-width: 386px;
   text-align: center;
   z-index: 3100;
   height: 616px;
 }

 .fs12-modal-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: white;
   padding: 20px 20px;
   width: 100%;
   text-align: center;
   max-width: 450px;
   min-width: 295px;
   z-index: 3100;
 }

 .fs-modal1,
 .fs-modal2 {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 5000;
   width: 100%;
   height: 100%;
   font-family: "Heebo";
   color: black;
   background-color: rgba(0, 0, 0, 0.5);
   opacity: 0;
   visibility: hidden;
   transform: scale(1.1);
   transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
 }

 .adminModal3-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: white;
   padding: 1rem 1.5rem;
   width: 70%;
   text-align: center;
   max-width: 450px;
   min-width: 295px;
 }

 .adminModal4-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: #fff;
   padding: 5px;
   width: 400px;
   text-align: center;
 }

 .modal-content-bak,
 .modal2-content-bak {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: white;
   padding: 1rem 1.5rem;
   width: 70%;
   text-align: center;
   max-width: 450px;
   min-width: 295px;
 }

 .closeButton {
   position: absolute;
   right: 4px;
   top: 4px;
   width: 13px;
   line-height: 1.1;
   text-align: center;
   cursor: pointer;
   background: white;
   color: red;
   font-size: 17px;
   font-weight: bold;
 }



 .upload3 {
   display: none;
   position: absolute;
   left: 168px;
   bottom: 5px;
   background: green;
   width: 70px;
   height: 21px;
   color: #fff;
   border-radius: 4px;
   cursor: pointer;
   padding: 2px 3px;
   z-index: 3000;
   font-size: 13px;
 }

 .edtPix3 {
   display: block;
   position: absolute;
   left: 171px;
   bottom: 5px;
   background: green;
   width: 70px;
   height: 21px;
   color: #fff;
   border-radius: 4px;
   cursor: pointer;
   padding: 2px 3px;
   z-index: 3000;
   font-size: 13px;
 }

 .edtPix3:hover {
   opacity: 0.5;
 }

 .upload3:hover {
   opacity: 0.5;
 }

 .cnclPix3 {
   display: none;
   position: absolute;
   left: 34px;
   bottom: 5px;
   background: red;
   width: 70px;
   height: 21px;
   color: #fff;
   border-radius: 4px;
   cursor: pointer;
   padding: 2px 3px;
   z-index: 3000;
   font-size: 13px;
 }

 .cnclPix3:hover {
   opacity: 0.5;
 }

 .admin-close-button88,
 .admin-close-button100 {
   position: absolute;
   right: 4px;
   top: 4px;
   width: 16px;
   height: 16px;
   line-height: 1rem;
   text-align: center;
   cursor: pointer;
   background: #98858c6e;
   color: red;
   font-size: 16px;
   z-index: 2000;
   font-weight: bold;
 }

 .close-button1,
 .close-button2,
 .close-button3,
 .close-button88 {
   position: absolute;
   right: 4px;
   top: 4px;
   width: 16px;
   height: 16px;
   line-height: 1rem;
   text-align: center;
   cursor: pointer;
   background: #98858c6e;
   color: red;
   font-size: 16px;
   z-index: 2000;
   font-weight: bold;
 }

 .close-button1:hover {
   background-color: darkgray;
 }

 .close-button2:hover {
   background-color: darkgray;
 }

 .close-button3:hover {
   background-color: darkgray;
 }

 .show-modal {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
 }

 .checkOut2:hover {
   opacity: 0.5;
 }

 .checkOut {
   margin: 0 auto;
   width: 279px;
   font-size: 24px;
   height: 50px;
   padding-top: 5px;
   border-radius: 8px;
   margin-top: 15px;
   background: #2e76a8;
   color: #fff;
   font-family: Oswald;
   text-align: center;
   cursor: pointer;
 }

 .checkOut:hover {
   opacity: 0.5;
 }

 .dropBox3 {
   margin: 0 auto;
   background: #fff;
   width: 206px;
 }

 .dropMsg {
   font-family: "Roboto";
   font-size: 13px;
   font-weight: bold;
   color: green;
   width: 200px;
 }

 .details {
   height: 411px !important;
   margin: 0 auto;
   text-align: left;
   width: 281px;
   padding: 20px 15px;
   background: #fff;
   font-size: 15px;
   line-height: 1.1;
   font-family: Arial;
   z-index: 1000;
   border-bottom: 1px solid red;
   color: black !important;
   margin-top: 5px;
 }

 .closeDetails {
   margin: 0 auto;
   width: 60px;
   background: green;
   padding: 4px 6px;
   border-radius: 4px;
   color: white;
   cursor: pointer;
   text-align: center;
 }

 .closeDetails:hover {
   opacity: 0.5;
 }

 .specLink {
   float: right;
   cursor: pointer !important;
   color: green;
   font-weight: 700;
   margin-right: 87px;
 }

 .modal2Msg1 {
   margin: 0 auto;
   font-size: 1.9rem;
   padding-top: 20px;
   font-family: "Oswald";
   line-height: 1.1;
   width: 238px;
   color: red;
   font-weight: bold;
 }

 .modal1Msg2 {
   margin: 0 auto;
   width: 74vw;
   max-width: 363px;
   padding: 8px;
   font-family: "Roboto";
   line-height: 1.2;
   color: #000;
   text-align: left;
   font-size: 1rem;
   margin-top: 10px;
   font-weight: bold;
 }

 .modal2Msg2 {
   margin: 0 auto;
   width: 69vw;
   max-width: 363px;
   font-weight: bold;
   padding-top: 23px;
   padding: 8px;
   font-family: "Roboto";
   line-height: 1.2;
   color: #000;
   text-align: left;
   font-size: 1rem;
 }

 .errMod1 {
   margin: 0 auto;
   font-family: "Heebo";
   font-size: 0.8rem;
   color: red;
   margin-top: 4px;
   height: 15px;
   margin-bottom: 30px;
 }

 .inputModal {
   margin: 0 auto;
   margin-top: 25px;
   text-align: center;
   font-family: Heebo;
   width: 100%;
   height: 38px;
   border: 1px solid #d2d2d2;
 }

 .right1Items {
   float: right;
   width: 50%;
   background: #fff;
 }

 .right2Items {
   float: right;
   width: 50%;
   background: #fff;
 }

 .left1Items {
   float: left;
   width: 50%;
   background: #fff;
 }

 .left2Items {
   float: left;
   width: 50%;
   background: #fff;
 }

 .rightSUContainer {
   float: left;
   margin-left: 8px;
   height: 473px;
   width: 100%;
   min-width: 320px;
   max-width: 360px;
   margin-top: 15px;
 }

 #user-login {
   display: none;
 }

 .cc-info {
   float: right;
   width: 100%;
   position: relative;
   visibility: visible;
 }

 .cc-info2 {
   position: relative;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   z-index: 1000;
 }

 .c-exp {
   float: left;
   font-size: 13px;
   margin-left: 30px;
   color: #fff;
   font-weight: 700;
   width: 53px;
   line-height: 1;
   text-align: left;
 }

 .c-cvc {
   float: left;
   font-size: 13px;
   margin-left: 22px;
   color: #fff;
   font-weight: 700;
   line-height: 1;
 }

 .facText {
   font-weight: bold;
   line-height: 1.2;
   font-size: 1.1rem;
 }

 .misText {
   margin: 0 auto;
   width: 85%;
   max-width: 740px;
   background: transparent;
   font-size: 1rem;
   color: white;
   padding: 8px;
   text-align: left;
   line-height: 1.1;
 }

 .contact-tou-priv {
   width: 250px;
   margin: 0 auto;
   color: #efe70a;
 }

 .showMenu {
   display: block !important;
 }

 .modal1Wrapper,
 .modal2Wrapper {
   margin: 0 auto;
   width: 25rem;
   background: #f1f1f1;
   padding-bottom: 20px;
   text-align: center;
 }

 .modal2Wrapper {
   padding-top: 20px;
 }

 .formError {
   text-align: center;
   margin-top: 5px;
   font-size: 0.75rem;
   color: red;
   visibility: hidden;
   height: 20px;
   width: 100%;
   line-height: 1.1;
   font-weight: bold;
 }

 .admin-nav-item {
   background: #2b7a0b;
   margin-left: 12px;
   height: 28px;
   margin-top: 12px;
   text-align: center;
   padding-top: 2px;
   cursor: pointer;
 }

 .admin-nav-item:hover {
   opacity: 0.5;
 }

 .admin-nav-link {
   text-transform: uppercase;
   padding-right: 8px;
   padding-left: 8px;
   font-size: 0.8vw;
   color: white;
 }

 table.newsItems {
   width: 100%;
   border: 1px solid black;
   border-collapse: separate;
   font-size: 15px;
   font-family: "Roboto";
 }

 table.newNews {
   width: 100%;
   border: 1px solid black;
   border-collapse: separate;
   font-size: 15px;
   font-family: "Roboto";
   margin-top: 20px;
   float: left;
   display: none;
 }

 .newsItems th {
   height: 28px;
   padding: 5px;
   border-bottom: 1px solid #ddd;
   text-align: center;
   background-color: green;
   color: white;
   width: 5%;
   font-size: 13px;
 }

 .newNews th {
   height: 28px;
   padding: 5px;
   border-bottom: 1px solid #ddd;
   text-align: center;
   background-color: green;
   color: white;
   width: 5%;
   font-size: 13px;
 }

 .newsItems td {
   height: 40px;
   vertical-align: middle;
   padding: 5px;
   text-align: center;
   border-bottom: 1px solid #ddd;
   word-wrap: break-word;
 }

 .newNews td {
   height: 40px;
   vertical-align: middle;
   padding: 5px;
   text-align: center;
   border-bottom: 1px solid #ddd;
   word-wrap: break-word;
 }

 .newsItems tr {
   background-color: #D2EEF3;
 }

 .newNews tr {
   background-color: #D2EEF3;
 }

 .newsItems tr:nth-child(even) {
   background-color: #fff;
 }

 .newNews tr:nth-child(even) {
   background-color: #fff;
 }

 .newsItems tr:hover {
   background-color: #BAD5ED;
 }

 .newNews tr:hover {
   background-color: #BAD5ED;
 }

 .nwsItm {
   display: none;
   margin-top: 18px;
   margin-right: 20px;
 }

 .adNwsItm1 {
   float: left;
   margin-top: 15px;
   width: 36%;
   height: 40px;
   padding: 5px;
   cursor: pointer;
   margin-left: -24px;
   display: none;
 }

 .adNwsItm2 {
   float: left;
   margin-left: 10px;
   font-family: "Roboto";
   font-size: 16px;
 }

 .nwsItmTable {
   float: left;
   width: 100%;
   margin-left: -20px;
 }

 .targMed {
   float: left;
   width: 100%;
   height: 35px;
   padding: 5px;
   font-family: "Roboto", sans-serif;
   font-size: 16px;
 }

 .bcastSched {
   float: left;
   width: 97%;
   text-align: center;
   background: green;
   color: white;
   padding: 5px;
   font-weight: bold;
 }

 .nwsButton2 {
   display: none;
 }

 .nr-1,
 .nr-2 {
   float: left;
   padding: 2px;
   height: 30px;
   width: 5%;
   border: 1px solid #fff;
   text-align: center;
 }

 .nr-2 {
   border-left: none;
   width: 5.5%;
 }

 .nwsItemRow {
   float: left;
   width: 100%;
   margin-top: 10px;
   height: 40px;
   display: none;
   margin-left: -32px;
 }

 .delNewItem {
   float: left;
   padding: 2px;
   height: 40px;
   width: 5%;
 }

 .plusImg {
   float: left;
   width: 34px;
   margin-left: 15px;
   cursor: pointer;
 }

 .gearImg {
   float: left;
   width: 31px;
   margin-left: 15px;
   cursor: pointer;
   margin-top: 2px;
 }

 .cnclImg {
   float: left;
   width: 31px;
   margin-left: 15px;
   cursor: pointer;
   margin-top: 3px;
 }



 .bet-slips {
   width: 88%;
   min-width: 317px;
   max-width: 650px;
 }

 /* mobile_menu................. */
 /* shop cart items */
 .tcaWrap {
   float: left;
   background: #fff;
   height: 30px;
   width: 300px;
   border: none !important;
   margin-left: 6px;
 }

 .cart-horse-item {
   width: 300px;
   position: relative;
   height: 166px;
   float: left;
   margin-top: 7px;
   font-family: Arial;
   border: 1px solid #b5aaaa;
   background: #fff;
   margin-bottom: 3px;
   line-height: 1;
 }

 .cart-horse-item-wl {
   width: 300px;
   position: relative;
   height: 166px;
   float: left;
   margin-top: 7px;
   font-family: Arial;
   border: 1px solid #b5aaaa;
   background: #fff;
   margin-bottom: 3px;
 }

 .cartTotals {
   float: left;
   width: 100%;
   height: 77px;
   margin-top: 3px;
   background: #fff;
   font-family: "Open Sans";
   font-size: 12px;
   font-weight: 700;
   line-height: 1;
   border: none !important;
 }

 .cart-horse-item-left {
   float: left;
   width: 75%;
   height: auto;
 }

 .cart-proj-item-left {
   float: left;
   width: 195px;
   height: auto;
 }

 .cart-merch-item-left {
   float: left;
   width: 65%;
   height: auto;
 }

 .wl-wrap-left {
   float: left;
   width: 208px;
   height: auto;
 }

 .cart-ticket-item-left {
   float: left;
   width: 30%;
   height: auto;
 }

 .cart-gen-item-left {
   float: left;
   width: 204px;
 }

 .cart-item-err {
   margin-top: -8px;
   float: left;
   line-height: 1.1;
   font-size: 12px;
   margin-left: 5px;
   margin-bottom: 5px;
   color: white;
 }

 .selShipAddr,
 .edtShipAddr {
   float: left;
   height: 15px;
   width: 100%;
   padding: 2px;
   margin-left: 5px;
   margin-top: 12px;
   cursor: pointer;
 }

 .selShipAddr {
   background: red;
 }

 .edtShipAddr {
   background: green;
 }

 .selShipAddr:hover {
   opacity: 0.5;
 }

 .edtShipAddr:hover {
   opacity: 0.5;
 }

 .cartItemContent {
   margin-top: 10px;
   height: 117px;
   font-size: 12px;
   width: 280px;
   line-height: 1;
   float: left;
   margin-left: 12px;
   font-weight: bold;
   background: white;
 }

 .cart-merch-itemB {
   width: 94%;
   margin-top: 5px;
   margin-bottom: 10px;
   float: left;
   font-size: 16px;
   color: red;
   font-family: Staatliches;
   font-weight: 700;
 }

 .fs-modal-close-selAddr {
   width: 15px;
   height: 15px;
   text-align: center;
   color: red;
   position: absolute;
   left: 295px;
   top: 0px;
   font-size: 16px;
   cursor: pointer;
   font-weight: 700;
   background: #d3dadc;
 }

 .shipAddrForm {
   display: none;
   position: absolute;
   top: 41px;
   right: 0px;
   background: #d3dadc;
   height: 535px;
   width: 313px;
   z-index: 3000;
 }

 .deleteAddr,
 .editAddr {
   float: left;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   font-family: "Arial";
   font-size: 12px;
   color: red;
   font-weight: bold;
   margin-right: 3px;
   margin-top: -2px;
 }

 .addNewAddr,
 .addNewAddr2,
 .addNewAddr3,
 .addNewAddr4,
 .addNewAddr5 {
   background: #0662d3;
   color: #fff;
   margin: 0 auto;
   width: 200px;
   font-family: Arial;
   font-size: 14px;
   padding: 3px;
   font-weight: 700;
   margin-top: 5px;
 }

 .addNewAddr2 {
   cursor: pointer;
   border-radius: 4px;
   margin-top: 9px;
   background: green;
 }

 .addNewAddr2:hover {
   opacity: 0.5;
 }

 .addNewAddr3 {
   padding: 0px;
   padding-top: 3px;
   height: 28px;
   margin-top: 5px;
   display: block;
 }

 .addNewAddr4 {
   cursor: pointer;
   border-radius: 4px;
   margin-top: 9px;
   background: red;
 }

 .addNewAddr4:hover {
   opacity: 0.5;
 }

 .addNewAddr5 {
   cursor: pointer;
   border-radius: 4px;
   margin-top: 9px;
   background: #4978b5;
 }

 .addNewAddr5:hover {
   opacity: 0.5;
 }

 .mngShipAddr {
   margin: 0 auto;
   width: 200px;
   font-family: "Arial";
   font-size: 14px;
   padding: 3px;
   font-weight: 700;
   color: #0662d3;
 }

 .selectSA {
   margin: 0 auto;
   width: 200px;
   font-family: "Arial";
   font-size: 14px;
   padding: 3px;
   font-weight: 700;
   color: #0662d3;
   display: none;
 }

 .newShpAddrForm {
   display: none;
   margin: 0 auto;
   width: 100%;
   background: white;
   position: relative;
 }

 tr.alternate:nth-child(even) {
   background: #b4d9b2;
 }

 tr.alternate:nth-child(odd) {
   background: #9bbbe5;
 }

 .cart-item-header {
   float: left;
   width: 100%;
   position: relative;
   height: 20px;
   padding: 2px;
 }

 .cart-home-index {
   margin-top: 0px;
 }

 .bluedot {
   position: absolute;
   left: 1px;
   top: -3px;
   width: 18px;
 }

 .cart-horse-item-no {
   position: absolute;
   left: 4px;
   top: 0px;
   font-size: 11px;
   color: #fff;
   font-family: "Roboto";
 }

 .genDel {
   display: none;
   position: absolute;
   z-index: 5000;
   top: 22px;
   left: 3px;
   width: 203px;
   height: 76px;
   background: #3a8dc8d1;
 }

 .projDel {
   display: none;
   position: absolute;
   z-index: 5000;
   top: 43px;
   left: 5px;
   width: 195px;
   height: 76px;
   background: #3a8dc8d1;
 }

 .projAddrDel {
   display: none;
   position: absolute;
   z-index: 5000;
   top: 4px;
   left: 63px;
   width: 195px;
   height: 76px;
   background: #3a8dc8d1;
 }

 .projDelOpt {
   position: absolute;
   z-index: 6000;
   top: 12px;
   left: 10px;
   width: 187px;
   color: white;
   font-size: 13px;
   height: 56px;
   background: transparent;
 }

 .delOptBtn2 {
   background: green;
   float: right;
   width: 65px;
   height: 25px;
   font-size: 13px;
   color: #fff;
   border-radius: 4px;
   cursor: pointer;
   text-align: center;
   padding-top: 3px;
 }

 .delOptBtn2:hover {
   opacity: 0.5;
 }

 .delPayText2 {
   margin: 0 auto;
   width: 240px;
   font-size: 12px;
   color: #fff;
   line-height: 1.1;
   font-weight: 700;
   margin-top: 5px;
   text-align: left;
 }

 .delOptBtn,
 .delOptAddrBtn {
   float: left;
   margin-left: 5px;
   width: 65px;
   height: 25px;
   font-size: 13px;
   color: white;
   border-radius: 4px;
   cursor: pointer;
   margin-top: 7px;
   text-align: center;
   padding-top: 3px;
 }

 .delOptBtn:hover {
   opacity: 0.5;
 }

 .delOptAddrBtn:hover {
   opacity: 0.5;
 }

 .delOptAddrBtn {
   padding-top: 0px;
   margin-left: 0px;
 }

 .delOptCardBtn,
 .delOptCardBtn2 {
   float: left;
   width: 65px;
   height: 31px;
   font-size: 13px;
   color: white;
   border-radius: 4px;
   cursor: pointer;
   margin-top: 0px;
   text-align: center;
   padding-top: 9px;
 }

 .delOptCardBtn {
   padding-top: 1px;
   margin-left: 5px;
 }

 .delOptCardBtn:hover {
   opacity: 0.5;
 }

 .delOptCardBtn2:hover {
   opacity: 0.5;
 }

 .delText {
   float: left;
   width: 142px;
   font-size: 12px;
   color: #000;
   line-height: 1.1;
   font-weight: 700;
   margin-left: 5px;
   margin-top: -8px;
 }

 .delCard-style {
   width: 100%;
   height: 50px;
   float: left;
   text-align: left;
 }

 .genDelOpt {
   display: none;
   position: absolute;
   z-index: 6000;
   top: 11px;
   left: 10px;
   width: 187px;
   color: white;
   font-size: 13px;
   height: 56px;
   background: transparent;
 }

 .wl-item-left {
   float: left;
   width: 137px;
   margin-left: 10px;
   margin-top: 5px;
 }

 .wl-item-right {
   float: left;
   width: 137px;
 }

 .cart-horse-item-wishlist {
   margin-left: 30px;
   float: left;
   margin-top: 2px;
   font-size: 12px;
   color: #000;
   font-family: Arial;
   font-weight: 700;
 }

 .cart-gen-item-wishlist {
   float: left;
   margin-top: 0px;
   font-size: 12px;
   color: black;
   font-family: "Arial";
   font-weight: bold;
   margin-left: 27px;
 }

 .third-width {
   float: left;
   width: 33%;
   text-align: center;
 }

 .cart-prod-img {
   margin: 0 auto;
   width: 114%;
   margin-top: 7px;
 }

 .full-width {
   float: left;
   width: 137px;
   font-size: 11px;
   text-align: left;
   padding: 3px;
   line-height: 1.1;
   color: gray;
   font-weight: 700;
 }

 .edt-del1 {
   float: left;
   margin-top: 10px;
   margin-left: 36px;
   width: 73px;
   color: white;
   font-size: 13px;
   cursor: pointer;
   font-weight: 700;
   padding: 2px;
   text-align: center;
   background-color: #df5a5a;
 }

 .edt-del-merch {
   float: left;
   margin-left: 10px;
   margin-top: 0px;
   width: 73px;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
   font-weight: 700;
   padding: 2px;
   text-align: center;
   background-color: #df5a5a;
 }

 .edt-del-merch-art {
   float: left;
   margin-left: 7px;
   margin-top: 0px;
   width: 73px;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
   font-weight: 700;
   padding: 2px;
   text-align: center;
   background-color: #df5a5a;
 }

 .edt-del2-art {
   float: left;
   margin-top: 0px;
   width: 73px;
   font-weight: 700;
   margin-left: 9px;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
   padding: 2px;
   text-align: center;
   background-color: #486beb;
 }

 .edt-del1-cncl,
 .edt-del1-cncl-art,
 .edt-del1-cncl-mrch {
   display: none;
   float: left;
   margin-top: 5px;
   margin-left: 36px;
   width: 73px;
   color: white;
   font-size: 13px;
   cursor: pointer;
   font-weight: 700;
   padding: 2px;
   text-align: center;
   background-color: #df5a5a;
 }

 .edt-del1-cncl-art,
 .edt-del1-cncl-mrch {
   margin-top: 0px;
   margin-left: 9px;
 }

 .edt-del1-wl {
   float: left;
   margin-left: 10px;
   margin-top: -6px;
   width: 60px;
   color: white;
   font-size: 13px;
   cursor: pointer;
   font-weight: 700;
   float: left;
   margin-top: 10px;
   width: 73px;
   font-weight: 700;
   margin-left: 9px;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
   padding: 2px;
   text-align: center;
   background-color: #486beb;
   padding: 2px;
   text-align: center;
   background-color: #df5a5a;
 }

 .edt-del2,
 .edt-del2-mrch {
   float: left;
   margin-top: 10px;
   width: 73px;
   font-weight: 700;
   margin-left: 9px;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
   padding: 2px;
   text-align: center;
   background-color: #486beb;
 }

 .edt-del2-mrch {
   margin-top: 0px;
 }

 .edt-del2-updt,
 .edt-del2-updt-art,
 .edt-del2-updt-mrch {
   display: none;
   float: left;
   margin-top: 5px;
   width: 73px;
   font-weight: 700;
   margin-left: 9px;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
   padding: 2px;
   text-align: center;
   background-color: #486beb;
 }

 .edt-del2-updt-art,
 .edt-del2-updt-mrch {
   margin-top: 0px;
 }

 .edt-del2-wl {
   float: left;
   width: 22%;
   font-weight: 700;
   margin-left: 34px;
   color: white;
   background-color: #486beb;
   font-size: 13px;
   cursor: pointer;
   margin-top: -6px;
   padding: 2px;
   text-align: center;
 }

 .sedt-del2-wl {
   display: none;
   float: left;
   margin-top: 10px;
   width: 73px;
   font-weight: 700;
   margin-left: 9px;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
   padding: 2px;
   text-align: center;
   background-color: green;
 }

 .sedt-del1-wl {
   display: none;
   float: left;
   margin-top: 10px;
   margin-left: 36px;
   width: 73px;
   color: white;
   font-size: 13px;
   cursor: pointer;
   font-weight: 700;
   padding: 2px;
   text-align: center;
   background-color: #df5a5a;
 }

 .subEdt2-wl {
   display: none;
   float: left;
   margin-left: 76px;
   border-radius: 4px;
   color: #fff;
   background: red;
   font-family: Roboto;
   font-size: 13px;
   cursor: pointer;
   text-align: center;
   width: 50px;
   height: 16px;
   padding: 1px;
   margin-top: -24px;
 }

 .subEdt1-wl {
   display: none;
   float: left;
   margin-left: 143px;
   border-radius: 4px;
   color: #fff;
   background: green;
   font-family: Roboto;
   font-size: 13px;
   cursor: pointer;
   text-align: center;
   width: 49px;
   height: 16px;
   padding: 1px;
   margin-top: -24px;
 }

 .subEdt1-hs {
   float: left;
   margin-left: 230px;
   border-radius: 4px;
   color: #fff;
   background: green;
   font-family: Roboto;
   font-size: 13px;
   cursor: pointer;
   text-align: center;
   width: 49px;
   height: 16px;
   padding: 1px;
   margin-top: -20px;
 }

 .subEdt2-hs {
   float: left;
   margin-left: 162px;
   border-radius: 4px;
   color: #fff;
   background: red;
   font-family: Roboto;
   font-size: 13px;
   cursor: pointer;
   text-align: center;
   width: 50px;
   height: 16px;
   padding: 1px;
   margin-top: -20px;
 }

 .horse2Del {
   display: none;
   position: absolute;
   z-index: 5000;
   top: 20px;
   left: 5px;
   width: 203px;
   height: 76px;
   background: #3a8dc8d1;
 }

 .ctSpacer {
   float: left;
   width: 310px;
   background: #fff;
   height: 12px;
   margin-left: 2px;
 }

 .cart-horse-item-right {
   float: left;
   width: 73px;
   height: auto;
   text-align: center;
 }

 .cart-proj-item-right {
   float: left;
   width: 100px;
   height: auto;
   text-align: center;
 }

 .cart-merch-item-right {
   float: left;
   width: 31%;
   height: auto;
   text-align: center;
 }

 .cart-horse-item-right1 {
   float: left;
   width: 30%;
   height: auto;
   text-align: center;
 }

 .cart-horse-item-right2 {
   float: left;
   width: 30%;
   height: auto;
   text-align: center;
 }

 .cart-ticket-item-left {
   float: left;
   width: 39%;
   height: auto;
 }

 .cart-gen-item-right {
   float: left;
   width: 80px;
   height: auto;
   margin-left: 5px;
 }

 .cart-horse-name {
   float: left;
   width: 100%;
   height: auto;
   font-size: 13px;
   margin-top: 3px;
   font-weight: bold;
   text-align: center;
   line-height: 0.95;
 }

 .wl-horse-name {
   float: left;
   width: 77px;
   height: auto;
   font-size: 13px;
   margin-top: 3px;
   font-weight: bold;
   text-align: center;
   line-height: 0.95;
 }

 .cart-gen-name {
   float: left;
   width: 100%;
   height: auto;
   font-size: 13px;
   margin-top: 5px;
   font-weight: bold;
   text-align: center;
   line-height: 0.95;
   margin-bottom: 3px;
   position: relative;
 }

 .fw-top {
   float: left;
   width: 100%;
   margin-top: 10px;
 }

 .fw-btm {
   float: left;
   width: 100%;
 }

 .cart-horse-img {
   margin: 0 auto;
   width: 65%;
   margin-top: 5px;
 }

 .cart-horse-total {
   float: right;
   width: 76px;
   height: auto;
   font-size: 12px;
   font-weight: 700;
   text-align: center;
   margin-top: 2px;
   margin-right: 10px;
 }

 .art-cart-horse-total {
   float: right;
   width: 76px;
   height: auto;
   font-size: 12px;
   font-weight: 700;
   text-align: center;
   margin-top: 2px;
   margin-right: -3px;
 }

 .cart-wl-horse-btm1 {
   float: left;
   width: 100%;
   height: 20px;
   font-size: 12px;
   margin-top: 2px;
 }

 .cart-horse-btm1 {
   float: left;
   width: 100%;
   height: 20px;
   font-size: 12px;
   margin-top: 9px;
 }

 .cart-horse-btm2,
 .cart-wl-btm2 {
   float: left;
   margin-left: 2px;
   width: 22px;
   margin-top: -1px;
 }

 .cart-wl-btm2 {
   margin-top: 5px;
 }

 .cart-merch-btm2 {
   float: left;
   margin-left: 2px;
   width: 22px;
   margin-top: 1px;
 }

 .cart-horse-btm3,
 .cart-wl-btm3 {
   float: left;
   margin-left: 5px;
   width: 25px;
   margin-top: -1px;
 }

 .cart-wl-btm3 {
   margin-top: 5px;
 }

 .cart-merch-btm3 {
   float: left;
   margin-left: 5px;
   width: 25px;
   margin-top: 3px;
 }

 .cart-cldr-btm3 {
   float: left;
   margin-left: 14px;
   width: 25px;
   font-weight: 700;
   font-size: 13px;
 }

 .cart-horse-btm4,
 .cart-wl-btm4 {
   float: left;
   margin-left: 5px;
   width: 25px;
   margin-top: -1px;
 }

 .cart-wl-btm4 {
   margin-top: 5px;
 }

 .cart-merch-btm4 {
   float: left;
   margin-left: 5px;
   width: 25px;
   margin-top: 2px;
 }

 .cart-horse-btm5 {
   float: right;
   margin-right: 12px;
   width: 75px;
 }

 .cart-horse-item-qty,
 .cart-wl-item-qty {
   float: left;
   font-size: 12px !important;
   width: 26px !important;
   height: 18px !important;
   margin-left: 3px;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
 }

 .cart-horse-item-price,
 .cart-wl-item-price,
 .cart-wl-item-ship {
   float: left;
   font-size: 12px !important;
   width: 42px !important;
   height: 18px !important;
   margin-left: 8px;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
 }

 .cart-wl-item-price,
 .cart-wl-item-qty,
 .cart-wl-item-ship {
   margin-top: 3px !important;
 }

 .cart-horse-item-total {
   float: right;
   width: 64px !important;
   height: 18px !important;
   margin-right: 5px;
   margin-top: 1px !important;
   font-size: 12px !important;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
 }

 .dnSubTotal {
   float: left;
   width: 60px !important;
   height: 20px !important;
   font-size: 12px !important;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
 }

 .dnTotal {
   float: right;
   width: 83px !important;
   height: 18px !important;
   margin-right: 12px !important;
   font-size: 12px !important;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
   margin-top: 0px !important;
   font-weight: 700;
 }

 .dnTotal2 {
   float: left;
   width: 60px !important;
   height: 18px !important;
   margin-left: 5px !important;
   font-size: 12px !important;
   text-align: right !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
   margin-top: 0px !important;
   font-weight: 700;
 }

 .subEdt1 {
   float: left;
   margin-left: 182px;
   border-radius: 4px;
   color: #fff;
   background: green;
   font-family: Roboto;
   font-size: 13px;
   cursor: pointer;
   text-align: center;
   width: 49px;
   height: 16px;
   padding: 1px;
   margin-top: -4px;
 }

 .subEdt2 {
   float: left;
   margin-left: 6px;
   border-radius: 4px;
   color: #fff;
   background: red;
   font-family: Roboto;
   font-size: 13px;
   cursor: pointer;
   text-align: center;
   width: 50px;
   height: 16px;
   padding: 1px;
   margin-top: -4px;
 }

 .subEdt:hover {
   opacity: 0.5;
 }

 .cart-gen-item-header {
   float: left;
   width: 100%;
   margin-top: 5px;
   margin-bottom: 5px;
 }

 .cart-spt-btm2 {
   float: left;
   margin-left: 41px;
   width: 56px;
   margin-top: 6px;
 }

 .cart-gen-img {
   float: left;
   width: 102px;
   margin-bottom: 10px;
   margin-top: 5px;
 }

 .cart-gen-btm3 {
   width: 41px;
   float: left;
   margin-left: 11px;
   margin-top: 7px;
 }

 .cart-spt-btm3 {
   float: left;
   margin-left: 14px;
   width: 25px;
   margin-top: 6px;
 }

 .cart-spt-total {
   float: left;
   margin-left: -11px;
   width: 76px;
   height: auto;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   margin-top: 3px;
 }

 .cart-gen-total {
   float: left;
   margin-left: 39px;
   width: 76px;
   height: auto;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   margin-top: 3px;
 }

 .cart-spt-item-total,
 .cart-gen-spt-item-total {
   float: left;
   text-align: right;
   margin-left: -6px;
   width: 71px !important;
   height: 18px !important;
   font-size: 13px !important;
   padding: 3px !important;
 }

 .cart-gen-spt-item-total {
   margin-left: 4px;
 }

 .radioInput {
   float: left;
   margin-left: 8px;
   width: 13px;
   margin-top: 6px;
 }

 .cart-radio {
   float: left;
   width: 16px !important;
   height: 12px;
   margin-left: 3px;
   margin-top: 6px;
 }

 .cart-don-gen-item {
   float: left;
   margin-top: 7px;
   font-family: "Arial";
   width: 300px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   border: 1px solid #b5aaaa;
   background: #fff;
   padding-bottom: 5px;
 }

 .cart-general-item {
   float: left;
   margin-left: 31px;
   margin-top: 0px;
   font-size: 12px;
   color: black;
   font-family: "Arial";
   font-weight: bold;
 }

 .cart-general-item-btm2 {
   float: left;
   margin-left: 41px;
   width: 55px;
   margin-top: 3px;
 }

 .cart-general-btm3 {
   float: left;
   margin-left: 14px;
   width: 25px;
   margin-top: 3px;
 }

 .cart-general-item-price {
   float: left;
   font-size: 11px;
   width: 16px !important;
   height: 18px !important;
   margin-left: 21px;
   margin-top: 4px;
 }

 .cart-general-total {
   float: left;
   margin-left: 42px;
   width: 76px;
   height: auto;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   margin-top: 3px;
 }

 .cart-general-item-total {
   float: left;
   margin-left: 10px;
   width: 65px !important;
   height: 18px !important;
 }

 .cart-general-img {
   margin: 0 auto;
   width: 85%;
   margin-top: 5px;
 }

 .cart-spt-img {
   margin: 0 auto;
   width: 51px;
   margin-top: 5px;
 }

 .cart-spt-item-price {
   float: left;
   font-size: 11px;
   width: 16px;
   height: 12px;
   margin-left: 21px;
   margin-top: 4px;
 }

 .cart-project-item {
   float: left;
   margin-left: 22px;
   margin-top: -1px;
   font-size: 12px;
   color: black;
   font-family: "Arial";
   font-weight: bold;
 }

 .cart-merch-item {
   float: left;
   margin-left: 26px;
   margin-top: -1px;
   font-size: 16px;
   color: red;
   font-family: "Staatliches";
   font-weight: bold;
 }

 .full-width-project {
   float: left;
   width: 190px;
   font-size: 13px;
   text-align: left;
   padding: 8px;
   margin-top: 5px;
   line-height: 1.1;
   font-weight: 700;
 }

 .cart-project-img {
   margin: 0 auto;
   width: 85%;
   margin-top: 5px;
 }

 .cart-merch-img {
   margin: 0 auto;
   width: 106%;
   margin-top: 5px;
 }

 .cart-ticket-img {
   margin: 0 auto;
   width: 90%;
   margin-top: 5px;
 }

 .cart-project-btm2 {
   float: left;
   margin-left: 41px;
   width: 55px;
   margin-top: 3px;
 }

 .cart-project-btm3 {
   float: left;
   margin-left: 14px;
   width: 25px;
   margin-top: 3px;
 }

 .cart-project-item-price {
   float: left;
   font-size: 11px;
   width: 16px;
   height: 12px;
   margin-left: 21px;
   margin-top: 4px;
 }

 .cart-project-total {
   margin-left: 13px;
   float: left;
   width: 76px;
   height: auto;
   font-size: 12px;
   font-weight: 700;
   text-align: right;
   margin-top: 5px;
 }

 .cart-project-item-total {
   float: left;
   text-align: right;
   margin-left: 15px !important;
   margin-top: 3px !important;
   width: 69px !important;
   height: 18px !important;
   font-size: 13px !important;
   padding: 3px !important;
 }

 .subEdt1-pj {
   float: left;
   margin-left: 177px;
   border-radius: 4px;
   color: #fff;
   background: green;
   font-family: Roboto;
   font-size: 13px;
   cursor: pointer;
   text-align: center;
   width: 49px;
   height: 16px;
   padding: 1px;
   margin-top: -19px;
 }

 .subEdt2-pj {
   float: left;
   margin-left: 237px;
   border-radius: 4px;
   color: #fff;
   background: red;
   font-family: Roboto;
   font-size: 13px;
   cursor: pointer;
   text-align: center;
   width: 50px;
   height: 16px;
   padding: 1px;
   margin-top: -19px;
 }

 .cart-ticket-item {
   float: left;
   margin-left: 25px;
   margin-top: 0px;
   font-size: 12px;
   color: black;
   font-family: "Arial";
   font-weight: bold;
 }

 .full-width-ticket {
   float: left;
   width: 190px;
   font-size: 11px;
   text-align: left;
   padding: 3px;
   margin-top: 5px;
 }

 .cart-ticket-img {
   margin: 0 auto;
   width: 85%;
   margin-top: 5px;
 }

 .cart-ticket-total {
   float: right;
   margin-right: 5px;
   width: 76px;
   height: auto;
   font-size: 12px;
   font-weight: bold;
   text-align: right;
   margin-top: 3px;
 }

 .cart-ticket-item-total {
   float: left;
   margin-left: 10px;
   width: 65px;
   height: 12px;
   text-align: center;
 }

 .cart-horse-item-index {
   position: relative;
 }

 .cart-horse-item-header {
   float: left;
   width: 100%;
   margin-top: 5px;
 }

 .tocFormControl {
   float: left;
   width: 100%;
   font-size: 1rem;
 }

 .selRow {
   cursor: pointer;
 }

 .selRow:hover {
   background: #fa535c;
 }

 .pifMethodList1 {
   display: none;
   float: left;
   width: 100%;
   height: 141px;
   background: #70a1d6;
   font-size: 13px;
   padding-top: 5px;
   font-weight: bold;
 }

 .pifMethodList2 {
   display: none;
   float: left;
   width: 100%;
   height: 139px;
   background: #939699;
   font-size: 13px;
   padding-top: 5px;
   font-weight: bold;
 }

 .payMethodList3 {
   margin: 0 auto;
   background: #797b7c;
   height: 26px;
   margin-top: -1px;
   color: #fff;
   padding-top: 5px;
   text-align: center;
   width: 166px;
   font-size: 15px;
   font-weight: 700;
   font-family: Arial;
   line-height: 1.1;
 }

 .payMethodList2A,
 .payMethodList2B {
   float: left;
   width: 50%;
   background: #70a1d6;
   color: #fff;
   padding: 5px;
   padding-left: 0px;
   text-align: center;
   font-size: 13px;
   font-weight: 700;
   font-family: Arial;
   line-height: 1;
   cursor: pointer;
   border-top-right-radius: 29px;
 }

 .payMethodList2B {
   background: #939699;
 }

 .payMethodList2A:hover {
   opacity: 0.5;
 }

 .payMethodList2B:hover {
   opacity: 0.5;
 }

 .payMethodList2 {
   margin: 0 auto;
   background: #536d88;
   height: 25px;
   margin-top: 20px;
   color: #fff;
   padding-top: 5px;
   text-align: center;
   width: 195px;
   font-size: 13px;
   font-weight: 700;
   font-family: Arial;
   line-height: 1.1;
   cursor: pointer;
   margin-bottom: 20px;
 }

 .payMethodList2:hover {
   opacity: 0.5;
 }

 .payMethodList {
   float: left;
   background: #536d88;
   height: 35px;
   margin-top: 0px;
   color: #fff;
   padding-top: 5px;
   text-align: center;
   width: 49%;
   font-size: 12px;
   font-weight: 700;
   font-family: Arial;
   line-height: 1.1;
   cursor: pointer;
 }

 .subMethodList {
   float: left;
   margin-left: 3px;
   background: #0d74e0;
   height: 35px;
   margin-top: 0px;
   color: #fff;
   padding-top: 5px;
   text-align: center;
   width: 49%;
   font-size: 12px;
   font-weight: 700;
   font-family: Arial;
   line-height: 1.1;
   cursor: pointer;
   opacity: 0.7;
 }

 .pay-items1 {
   height: 98px;
   width: 170px;
   float: left;
   margin-left: 10px;
   position: relative;
   background: #b6cdd4;
   overflow-y: scroll;
   overflow-x: hidden;
 }

 .ppvn-items1 {
   display: none;
   height: 98px;
   width: 300px;
   float: left;
   margin-left: 5px;
   position: relative;
   background: #b6cdd4;
   margin-top: 10px;
 }

 .pay-items1A {
   display: none;
   height: 139px;
   color: #000;
   width: 255px;
   float: left;
   position: relative;
   background: 0 0;
   margin-top: -5px;
   overflow-y: scroll;
   overflow-x: hidden;
   padding: 2px;
 }

 .pay-items1B {
   display: none;
   height: 103px;
   color: black;
   width: 168px;
   float: left;
   position: relative;
   background: transparent;
   margin-top: 5px;
   overflow-y: scroll;
   overflow-x: hidden;
   padding: 2px;
 }

 .payCtrlBtn5:hover~.pifClkSlct2 {
   opacity: 1;
 }

 .pif-pay-items {
   float: left;
   height: 151px;
 }

 .pif-pay-items1 {
   float: left;
   position: relative;
   width: 250px;
   background: #daeaef;
   margin-top: 5px;
   overflow-y: scroll;
   overflow-x: hidden;
   height: 220px;
   padding: 2px;
   display: block;
 }

 .pif-pay-items2 {
   float: left;
   position: relative;
   width: 228px;
   background: #daeaef;
   margin-top: 5px;
   overflow-y: scroll;
   overflow-x: hidden;
   height: 220px;
   padding: 2px;
   display: none;
 }

 .pif-header1 {
   float: left;
   width: 94%;
   margin-top: 7px;
   font-size: 11px;
   background: #536d88;
   color: white;
   font-family: Arial;
   font-weight: bold;
   display: block;
 }

 .pif-header2 {
   float: left;
   width: 94%;
   margin-top: 7px;
   font-size: 11px;
   background: #536d88;
   color: white;
   font-family: Arial;
   font-weight: bold;
   display: none;
 }

 .pif-pay-items2 {
   float: left;
   position: relative;
   width: 228px;
   background: #daeaef;
   margin-top: 5px;
   overflow-y: scroll;
   overflow-x: hidden;
   height: 186px;
   margin-top: 12px;
   padding: 2px;
 }

 .shipExpTax {
   float: left;
   width: 205px;
   height: 72px;
   border: 2px solid gray;
   padding: 3px;
   visibility: hidden;
   margin-left: 5px;
 }

 .cartTotals2 {
   background: #fff;
   width: 100%;
   margin-top: 38px;
   height: 53px;
 }

 .cartTotals3 {
   float: left;
   background: #fff;
   width: 100%;
   margin-top: 10px;
   height: 20px;
 }

 .cartTotals4 {
   float: left;
   background: #fff;
   width: 100%;
   margin-top: 5px;
   height: 37px;
 }

 .fs-modal-close-gcards {
   color: red;
   width: 100%;
   position: absolute;
   left: -3px;
   top: -3px;
   font-size: 20px;
   cursor: pointer;
   height: 13px;
   text-align: right !important;
 }

 .applyPayMth {
   float: right;
   margin-top: -6px;
   margin-right: 15px;
   width: 45px;
   height: 23px;
   border-radius: 4px;
   cursor: pointer;
   font-size: 13px;
   font-weight: 700;
   font-family: Arial;
   color: #fff;
   background: green;
   padding-top: 4px;
 }

 .applyPayMth:hover {
   opacity: 0.5;
 }

 .delPayMeth {
   float: right;
   width: 12px;
   height: 20px;
   background: red;
   color: #fff;
   text-align: center;
   padding-top: 5px;
   display: none;
   font-size: 11px;
   padding-left: 2px;
   margin-top: -2px;
 }

 .delPayMeth:hover {
   opacity: 0.5;
 }

 .cartLegnd2 {
   float: left;
   width: 100%;
   font-family: "Roboto";
   background: #137da5;
   padding-top: 2px;
   padding-bottom: 3px;
   color: white;
   font-weight: bold;
 }

 .cartLegnd1 {
   margin-top: 7px;
   position: absolute;
   z-index: 1000;
   top: -7px;
   left: 0px;
   display: none;
   width: 312px;
   font-family: Roboto;
   padding: 2px;
   border: 3px solid #1569b24a;
   height: 210px;
   background: #fff;
 }

 .ctLgndSel {
   float: left;
   width: 100%;
   text-align: center;
   height: 27px;
   background: #00f;
   color: #fff;
   margin-top: 15px;
   margin-bottom: 10px;
   font-size: 14px;
   padding-top: 5px;
 }

 .clHdr {
   float: left;
   width: 168px;
   background: #137da5;
   color: white;
   font-size: 13px;
   font-family: "Roboto";
   font-weight: 700;
   margin-left: 10px;
 }

 .clHdr2 {
   float: left;
   width: 86px;
   background: #fff;
   height: 99px;
 }

 .cdImg1 {
   float: left;
   margin-left: 0px;
   width: 33px;
 }

 .cdImg2 {
   margin-top: -5px;
   width: 33px;
 }

 .lft {
   float: left;
   width: 100%;
   color: #fff;
   font-size: 11px;
 }

 .lft1 {
   float: left;
   width: 60px;
   text-align: center;
   font-size: 12px;
   margin-left: 0px;
   margin-top: -3px;
 }

 .lf {
   float: left;
   text-align: center;
   width: 100%;
   color: #fff;
 }

 .ed {
   float: left;
   text-align: center;
   width: 100%;
   color: #fff;
 }

 .edt {
   float: left;
   color: #fff;
   font-size: 11px;
 }

 .edt1 {
   float: left;
   width: 63px;
   text-align: center;
   font-size: 12px;
   margin-left: 12px;
   margin-top: -3px;
 }

 /* Tooltip container */
 .tooltip {
   position: relative;
   display: inline-block;
   border-bottom: 1px dotted black;
   /* If you want dots under the hoverable text */
 }

 /* Tooltip text */
 .tooltip .tooltiptext {
   visibility: hidden;
   width: 120px;
   background-color: blue;
   color: #fff;
   text-align: center;
   padding: 5px 0;
   border-radius: 6px;
   /* Position the tooltip text - see examples below! */
   position: absolute;
   z-index: 1000;
 }

 /* Show the tooltip text when you mouse over the tooltip container */
 .tooltip:hover .tooltiptext {
   visibility: visible;
 }

 .fs-modal-hrsBio {
   z-index: 3500;
   color: red;
   width: 100%;
   position: absolute;
   left: -5px;
   top: -3px;
   font-size: 24px;
   cursor: pointer;
   height: 13px;
   text-align: right !important;
 }

 .hrsBioWrapper {
   width: 100%;
   display: none;
 }

 .hBios {
   margin: 0 auto;
   text-align: center;
   position: relative;
   height: 460px;
 }

 .hrsBiosTxt {
   text-align: left;
   line-height: 1.1;
   font-weight: 700;
 }

 .hrsBiosTxtWrapper {
   margin-top: 5px;
   width: 100%;
 }

 .horseBio {
   display: none;
   position: absolute;
   left: 0;
   top: 89px;
   padding: 16px;
   width: 100%;
   font-family: Arial;
   font-size: 14px;
   color: #000;
   line-height: 1.1;
   z-index: 1000;
   background: #fff;
   font-weight: bold;
   text-align: left;
 }

 .horseBios {
   float: left;
   width: 100%;
   text-align: left;
   font-family: Arial;
   font-size: 14px;
   color: #000;
   line-height: 1.1;
   background: #fff;
   font-weight: bold;
 }

 .btnHorseBio {
   background: #3a8e25;
   width: 94px;
   height: 31px;
   float: right;
   font-size: 14px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
   padding-top: 9px;
   position: absolute;
   bottom: 76px;
   left: 100px;
 }

 .btnHorseBio:hover {
   opacity: 0.5;
 }

 .payCtrlBtn7 {
   background: #fc2424;
   margin-left: 5px;
   visibility: visible;
   width: 60px;
   height: 31px;
   margin-top: 14px;
   float: left;
   padding: 3px;
   font-size: 12px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
   padding-top: 10px;
 }

 .cnclCtrlBtnA,
 .cnclCtrlBtnB {
   background: #fc2424;
   margin-left: 3px;
   visibility: visible;
   width: 56px;
   height: 19px;
   margin-top: 3px;
   float: left;
   padding: 3px;
   font-size: 11px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
 }

 .cnclCtrlBtnA {
   margin-top: 0px;
 }

 .cnclCtrlBtnB {
   background: green;
 }

 .payCtrlBtn7:hover {
   opacity: 0.5;
 }

 .cnclCtrlBtnA:hover {
   opacity: 0.5;
 }

 .cnclCtrlBtnB:hover {
   opacity: 0.5;
 }

 .payCtrlBtn8 {
   visibility: hidden;
   margin-right: 5px;
   margin-top: 14px;
   background: #40a340;
   width: 60px;
   height: 31px;
   float: right;
   font-size: 11px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
   padding-top: 4px;
 }

 .payCtrlBtn8a,
 .payCtrlBtn8b {
   margin-left: 4px;
   margin-top: 14px;
   background: #40a340;
   width: 60px;
   height: 31px;
   visibility: visible;
   float: left;
   font-size: 11px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
   padding-top: 4px;
 }

 .payCtrlBtn8a {
   background: #ff8100;
 }

 .payCtrlBtn8b {
   background: #1f7bde;
 }

 .payCtrlBtn8:hover {
   opacity: 0.5;
 }

 .payCtrlBtn8a:hover {
   opacity: 0.5;
 }

 .payCtrlBtn8b:hover {
   opacity: 0.5;
 }

 .edtMonthly {
   display: none;
   position: relative;
   float: left;
   width: 100%;
   height: 50px;
   margin-top: 0px;
   background: #70a1d6;
 }

 .mthlyErrMsg {
   padding: 4px;
   margin-top: 4px;
   float: left;
   width: 100%;
   height: 34px;
   padding: 3px;
   color: red;
   font-family: Arial;
   font-size: 13px;
   font-weight: 700;
   line-height: 1;
   display: none;
   text-align: left;
 }

 .chngMsg {
   line-height: 1;
   display: none;
   width: 105px;
   font-size: 12px;
   color: black;
   float: left;
   margin-top: 12px;
   font-weight: 700;
 }

 .chngMsg2 {
   width: 183px;
   text-align: left;
   line-height: 1;
   display: none;
   font-size: 12px;
   color: #000;
   float: left;
   margin-top: 4px;
   margin-left: 5px;
   font-weight: 700;
 }

 .chngMthAmt {
   margin-top: 13px !important;
   width: 73px !important;
   margin-left: 6px !important;
   font-size: 14px !important;
   font-family: "Arial" !important;
   height: 23px !important;
   float: left !important;
   padding: 0px !important;
   display: none;
   color: red !important;
   font-weight: 700;
   text-align: right !important;
   padding-right: 3px !important;
 }

 .chngMthAmt:-moz-placeholder-shown {
   text-align: center !important;
 }

 .chngMthAmt:-ms-input-placeholder {
   text-align: center !important;
 }

 .chngMthAmt:placeholder-shown {
   text-align: center !important;
 }

 .pif-payItems {
   display: none;
   margin: 0 auto;
   margin-top: 0px;
   background: #daeaef;
   padding: 2px;
   position: relative;
   height: 130px;
   overflow: hidden scroll;
   width: 240px;
 }

 .payItems2 {
   display: none;
   margin: 0 auto;
   margin-top: 0;
   background: #fff;
   position: relative;
   height: 193px;
   width: 100%;
 }

 .pay-items3 {
   float: left;
   position: relative;
   width: 314px;
   background: #daeaef;
   margin-top: 5px;
   height: 54px;
   margin-top: 5px;
   padding: 2px;
 }

 .pay-info {
   width: 100%;
   margin-top: 0px;
   font-size: 13px;
   font-weight: 700;
 }

 .pay-info2 {
   width: 100%;
   margin-top: 0px;
   font-size: 13px;
   font-weight: 700;
 }

 .pay-info2 tr {
   border-bottom: 4px solid white;
 }

 .cnclSuppt {
   float: left;
   color: red;
 }

 .svMoChng {
   float: left;
   color: green;
 }

 .pay-info th {
   padding: 5px;
   background: #3e75ad;
   color: #fff;
   font-size: 12px;
   text-align: center;
   line-height: 1;
 }

 .pay-info2 th {
   padding: 5px;
   background: #3e75ad;
   color: #fff;
   font-size: 12px;
   text-align: center;
   line-height: 1;
 }

 .pay-info td {
   text-align: center;
   padding-left: 5px;
   font-size: 12px;
   line-height: 1;
 }

 .pay-info2 td {
   font-size: 11.5px;
   line-height: 1;
 }

 .cImg {
   width: 36px;
 }

 .cImg2 {
   width: 84%;
 }

 .cdHdr-last4 {
   float: left;
   height: 18px;
   width: 45px;
   margin-top: 2px;
   text-align: center;
 }

 .cdHdr-type {
   float: left;
   width: 60px;
   text-align: center;
   margin-top: 2px;
   height: 18px;
 }

 .cdHdr-xdate {
   float: left;
   width: 52px;
   margin-top: 2px;
   margin-left: 6px;
   height: 18px;
   text-align: center;
 }

 .pml1-text,
 .pml2-text {
   float: left;
   margin-left: 4px;
   margin-top: 2px;
   background: #416a8a;
   height: 21px;
   padding: 4px;
 }

 .pml2-text {
   background: green;
 }

 .cvc-hover1 {
   height: 20px;
   width: 20px;
   cursor: pointer;
 }

 .cvc-hover1:hover #csc2 {
   display: block;
   z-index: 1000;
 }

 .cvc-hover2:hover #csc {
   display: block;
   z-index: 1000;
 }

 #container:hover #cube {
   background-color: yellow;
 }

 .pml1,
 .pml2 {
   margin: 0 auto;
   background: #767472d1;
   height: 38px;
   margin-top: 2px;
   color: #fff;
   padding-top: 5px;
   text-align: center;
   min-width: 300px;
   width: 303px;
   font-size: 13px;
   font-weight: 700;
   font-family: Arial;
   line-height: 1.1;
   cursor: pointer;
   border: 2px solid white;
 }

 .pml1-text:hover {
   opacity: 0.5;
 }

 .pml2-text:hover {
   opacity: 0.5;
 }

 .donate-title10 {
   margin: 0 auto;
   width: 58%;
   border-radius: 4px;
   cursor: pointer;
   background: #2e76a8;
   color: #fff;
   font-size: 30px;
   font-family: Oswald;
   padding-top: 4px;
   text-align: center;
   height: 45px;
   margin-top: -3px;
 }

 .donate-title10:hover {
   opacity: 0.5;
 }

 .vertBoxWrapper {
   height: 48vw;
   overflow: hidden;
   max-height: 69%;
 }

 .vertBox,
 .horizBox {
   position: absolute;
   top: 74px;
   left: 0;
   height: 103%;
   width: 100%;
   z-index: 5000;
   display: none;
   background: #fff;
   text-align: right;
   min-width: 248px;
   overflow-y: scroll;
   overflow-x: hidden;
   line-height: 1;
 }

 .pod_caption {
   width: 100%;
   margin-top: 5px;
   height: 22px;
   text-align: left;
   font-family: "Arial";
   font-weight: bold;
   padding: 3px;
 }

 .vertBoxText,
 .horizBoxText {
   font-size: 1rem;
   font-family: Roboto;
   text-align: left;
   line-height: 1.1;
 }

 .updVertImgBox {
   width: 50%;
   margin: 10px;
   margin-right: 0;
   float: right;
   text-align: center;
   font-weight: 700;
 }

 .updHorizImgBox {
   width: 100%;
   margin: 10px;
   margin-right: 0;
   float: right;
   text-align: center;
   font-weight: 700;
 }

 .vertImg {
   position: absolute;
   left: 26%;
   top: -35%;
   width: 44%;
 }

 .horizImg {
   width: 100%;
   position: absolute;
   left: 0px;
   top: -37px;
 }

 .horizProjImg {
   width: 100%;
   position: absolute;
   left: 0px;
   top: 8px;
 }

 .closeVertBox,
 .closeHorizBox {
   display: none;
   position: absolute;
   right: 5px;
   top: 5px;
   width: 16px;
   height: 16px;
   line-height: 1rem;
   text-align: center;
   cursor: pointer;
   background: #98858c6e;
   color: red;
   font-size: 16px;
   z-index: 2000;
   font-weight: 700;
 }

 .vertBoxTextHL {
   font-size: 1.3rem;
   font-family: Roboto;
   text-align: left;
   line-height: 1;
   font-weight: 700;
   margin-top: 12px;
 }

 .horizBoxTextHL {
   width: 100%;
   font-size: 1.3rem;
   font-family: Roboto;
   text-align: center;
   line-height: 1;
   font-weight: 700;
   margin-top: 12px;
 }

 .updateItem {
   float: left;
   width: 100%;
   background: #f1f1f1;
   height: 25%;
   position: relative;
   margin-top: 5px;
   cursor: pointer;
 }

 .ui-title1 {
   position: absolute;
   bottom: 24px;
   right: 10px;
   font-size: 34px;
   font-weight: 700;
   font-family: Oswald;
   color: #a5a20a;
   transform: rotate(5deg);
   z-index: 1000;
 }

 .ui-title2 {
   position: absolute;
   top: 10px;
   left: 10px;
   font-size: 34px;
   font-weight: 700;
   font-family: Oswald;
   color: #bb5542;
   transform: rotate(340deg);
   z-index: 1000;
 }

 .ui-title3 {
   position: absolute;
   bottom: 5px;
   left: 151px;
   font-size: 34px;
   font-weight: 700;
   font-family: Oswald;
   color: #4442bb;
   transform: rotate(5deg);
   z-index: 1000;
 }

 .ui-title4 {
   position: absolute;
   bottom: 10px;
   font-size: 34px;
   font-weight: 700;
   font-family: Oswald;
   color: #19b158;
   transform: rotate(350deg);
   z-index: 1000;
 }

 .updateBox {
   margin: 0 auto;
   padding-top: 5px;
   width: 97%;
   height: 83%;
   position: relative;
 }

 .modal10-details {
   position: relative;
   float: left;
   overflow: hidden;
   width: 310px;
   height: 220px;
   font-size: 12px;
   font-weight: 700;
   line-height: 1;
   font-family: "Open Sans";
   z-index: 1000;
 }

 .pay-controls {
   margin: 0 auto;
   width: 100%;
   height: 25px;
   margin-left: 15px;
   margin-top: -10px;
   visibility: visible;
 }

 .payCtrlBtn1 {
   background: #4170d9;
   margin-left: 10px;
   width: 77px;
   height: 23px;
   visibility: hidden;
   float: left;
   padding: 3px;
   font-size: 12px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
   padding-top: 5px;
 }

 .payCtrlBtn4 {
   margin-left: 5px;
   visibility: visible;
   margin-top: 34px;
   background: #40a340;
   width: 77px;
   height: 34px;
   visibility: visible;
   float: left;
   padding: 3px;
   font-size: 12px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
   padding-top: 5px;
 }

 .pifPayMthHdr {
   float: left;
   width: 100%;
   height: 25px;
   background: blue;
   color: white;
   padding-top: 4px;
   text-align: center;
   margin-bottom: 5px;
 }

 .payCtrlBtn5,
 .payCtrlBtn5A {
   background: #fc2424;
   margin-left: 5px;
   visibility: hidden;
   width: 77px;
   height: 23px;
   margin-top: 7px;
   float: left;
   padding: 3px;
   font-size: 12px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
   padding-top: 5px;
 }

 .payCtrlBtn5A {
   visibility: visible;
 }

 .payCtrlBtn2 {
   background: #137da5;
   margin-left: 7px;
   width: 85px;
   height: 23px;
   visibility: visible;
   float: left;
   padding: 3px;
   font-size: 12px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
   padding-top: 5px;
 }

 .payCtrlBtn3,
 .payCtrlBtn3a {
   background: red;
   margin-left: 7px;
   width: 83px;
   height: 23px;
   visibility: visible;
   float: left;
   padding: 3px;
   font-size: 12px;
   color: #fff;
   cursor: pointer;
   text-align: center;
   border-radius: 3px;
   font-weight: 700;
   line-height: 1;
   padding-top: 5px;
   pointer-events: none;
   opacity: 0.6;
 }

 .payCtrlBtn3a {
   background: green;
 }

 .cmsTbl {
   font-family: "Arial";
   width: 100%;
   color: black;
   font-size: 12px;
   font-weight: 700;
   line-height: 1.2;
 }

 .totRow {
   padding-top: 5px;
   padding-right: 4px;
   text-align: right;
   background: #f1f1f1;
   color: black;
 }

 .mthRow {
   text-align: center;
   background: #32a1e3;
   color: white;
 }

 .yrRow {
   text-align: center;
   background: #4173a7;
   color: white;
 }

 .cmsFormat {
   float: left;
   width: 100%;
   height: 30px;
   background: green;
   color: white;
   font-size: 13px;
   font-weight: 700;
   font-family: "Arial";
   padding: 3px;
   margin-top: 4px;
 }

 .projCell {
   width: 75px;
   font-size: 9px !important;
 }

 .cmsTable {
   float: left;
   width: 100%;
   padding: 3px;
   color: black;
   font-family: "Arial";
   font-size: 13px;
   font-weight: bold;
   overflow-y: scroll;
   overflow-x: hidden;
   height: 220px;
 }

 .cmsData,
 .cmsData2 {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   text-align: center;
   padding: 3px;
   height: 20px;
   font-size: 12px;
   float: left;
   margin-left: 6px;
 }

 .cmsData2 {
   margin-left: 11px;
 }

 .chngCell {
   display: none;
   width: 92%;
   background: white;
   color: black;
   font-size: 13px;
   font-family: arial;
   position: absolute;
   left: 8px;
   top: 50%;
   height: 90px;
   border: 2px solid red;
   padding: 4px;
 }

 .payCtrlBtn1:hover {
   opacity: 0.5;
 }

 .payCtrlBtn2:hover {
   opacity: 0.5;
 }

 .payCtrlBtn3:hover {
   opacity: 0.5;
 }

 .delPayScreen {
   position: absolute;
   top: 202px;
   left: 10px;
   width: 255px;
   height: 104px;
   background: #4b7cd7;
 }

 .delPayScreen2 {
   position: absolute;
   top: 202px;
   left: 10px;
   width: 255px;
   height: 142px;
   background: #4b7cd7;
 }

 .delPayText {
   margin: 0 auto;
   width: 192px;
   font-size: 13px;
   color: #fff;
   line-height: 1.1;
   font-weight: 700;
   margin-top: 25px;
 }

 .billing {
   margin: 0 auto;
   height: 430px;
   background: #fff;
   margin-top: 10px;
   position: relative;
   z-index: 5000;
   width: 100%;
 }

 .textInput10 {
   padding: 4px !important;
   border: 2px solid #ccc !important;
   font-size: 14px !important;
   width: 151px !important;
   margin: 0 auto !important;
   height: 29px !important;
   background: #fff !important;
 }

 .card-zip {
   padding: 4px !important;
   border: 2px solid #ccc !important;
   font-size: 14px !important;
   width: 96px !important;
   margin: 0 auto !important;
   height: 29px !important;
   background: #fff !important;
 }

 .card-email {
   padding: 4px !important;
   border: 2px solid #ccc !important;
   font-size: 14px !important;
   width: 183px !important;
   margin: 0 auto !important;
   height: 29px !important;
   background: #fff !important;
 }

 .fname,
 .lname {
   float: left;
   font-size: 13px;
   color: #fff;
   font-weight: 700;
   margin-left: 17px;
   width: 126px;
   line-height: 1.1;
 }

 .email-label {
   float: left;
   font-size: 13px;
   color: #fff;
   font-weight: 700;
   margin-left: 33px;
   width: 126px;
   line-height: 1.1;
   margin-top: 6px;
 }

 .card-name {
   padding: 4px !important;
   border: 2px solid #ccc !important;
   font-size: 14px !important;
   width: 140px !important;
   margin: 0 auto !important;
   height: 29px !important;
   background: #fff !important;
 }

 .suSelect10 {
   font-size: 14px;
   background: #fff;
   height: 29px;
   border: 2px solid #d3cbcb;
   width: 151px;
 }

 .suFormControl10 {
   float: left;
   margin-top: 4px;
   width: 159px;
 }

 .zip-post {
   float: left;
   font-size: 12px;
   margin-left: 48px;
   font-weight: 700;
   margin-top: 6px;
   color: #fff;
   line-height: 1.1;
 }

 .ccWrap {
   float: left;
   width: 310px;
   height: 300px;
 }

 .ccWrap2 {
   float: left;
   width: 275px;
   height: 330px;
 }

 .newCard {
   margin-top: 26px;
   margin-left: 112px;
   font-weight: 700;
   float: left;
   cursor: pointer;
   border-radius: 4px;
   color: #fff;
   font-size: 14px;
   padding: 3px;
   text-align: center;
   font-family: Roboto;
   width: 83px;
   height: 30px;
   background: #4c74be;
 }

 .newCard:hover {
   opacity: 0.5;
 }

 /* Add Card Button  
button {
  background: #3f51b5;
  border-radius: 6px;
  color: #fff;
  border: 0;
  padding: 4px 6px;
  margin-top: 24px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.07);
  width: 130px;
  float: left;
  margin-left: 88px;
}

button:hover {
  opacity: 0.6;
}

button:active {
  transform: translateY(0px) scale(0.98);
  filter: brightness(0.9);
}

button:disabled {
  opacity: 0.5;
  cursor: none;
}
*/

 /* todo: spinner/processing state, errors, animations */
 .spinner,
 .spinner:before,
 .spinner:after {
   border-radius: 50%;
 }

 .spinner {
   color: #ffffff;
   font-size: 22px;
   text-indent: -99999px;
   margin: 0px auto;
   position: relative;
   width: 20px;
   height: 20px;
   box-shadow: inset 0 0 0 2px;
   transform: translateZ(0);
 }

 .spinner:before,
 .spinner:after {
   position: absolute;
   content: "";
 }

 .spinner:before {
   width: 10.4px;
   height: 20.4px;
   background: #0a721b;
   border-radius: 20.4px 0 0 20.4px;
   top: -0.2px;
   left: -0.2px;
   transform-origin: 10.4px 10.2px;
   -webkit-animation: loading 2s infinite ease 1.5s;
   animation: loading 2s infinite ease 1.5s;
 }

 .spinner:after {
   width: 10.4px;
   height: 10.2px;
   background: #0a721b;
   border-radius: 0 10.2px 10.2px 0;
   top: -0.1px;
   left: 10.2px;
   transform-origin: 0px 10.2px;
   -webkit-animation: loading 2s infinite ease;
   animation: loading 2s infinite ease;
 }

 @-webkit-keyframes loading {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 @keyframes loading {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 .spinview {
   display: none;
 }

 .prfWrapper {
   width: 100%;
   min-width: 300px;
   max-width: 865px;
   display: inline-block;
 }

 .prfMenu {
   width: 275px;
   height: 100%;
   float: left;
   margin-left: 10px;
 }

 .pfMenuWrapper1 {
   float: left;
   width: 100%;
   background: #0E9E00;
   height: 43px;
   position: relative;
   display: block;
   margin-top: 8px;
   margin-left: 10px;
 }

 .pfMenuWrapper2 {
   float: left;
   width: 100%;
   background: #959d44;
   height: 43px;
   position: relative;
   display: none;
   margin-top: 8px;
   margin-left: 10px;
 }

 .prfMenuText1 {
   text-align: center;
   padding-top: 10px;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
 }

 .prfMenuText2 {
   text-align: center;
   padding-top: 10px;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
 }

 .plusIcon {
   position: absolute;
   top: 15px;
   right: 9px;
   cursor: pointer;
   width: 17px;
 }

 .plusIcon:hover {
   opacity: 0.5;
 }

 .avProfile {
   text-align: center;
   color: green;
   font-size: 16px;
 }

 .avatar {
   border: 2px solid #0E9E00;
   background: #fff;
   height: 260px;
 }

 .menInfoBox {
   float: left;
   width: 100%;
   background: #fff;
   height: 311px;
   min-height: 250px;
   display: none;
   margin-left: 10px;
   margin-top: 10px;
   padding: 10px;
   position: relative;
 }

 .piText {
   display: inline-block;
 }

 .piWrapper {
   float: left;
   width: 100%;
   text-align: left;
   font-family: "Arial";
   font-size: 15px;
   font-weight: 700;
   color: black;
   position: relative;
 }

 .menSelWrapper {
   float: left;
   width: 100%;
   background: green;
   height: 33px;
 }

 .profSel {
   border: none;
   background-color: #fff;
   font-family: "Arial";
   padding: 2px;
   font-size: 14px;
   margin-top: 5px;
 }

 .btnStyle:hover {
   opacity: 0.5;
 }

 @media only screen and (max-width: 412px) {
   #navBar {
     float: right;
     width: 73px;
   }

   .toggle-icon {
     margin: 0 auto;
     margin-top: 10px;
     height: 30px;
     width: 30px;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #f1f1f1;
     display: block;
   }

   #navbarMenu {
     display: none;
     width: 96px;
     position: relative;
     float: right;
     background-color: white;
     z-index: 2000;
     margin-top: 8px;
   }

   .nav-link {
     padding: 0.2rem 0.3rem !important;
     font-size: 11.5px;
     text-transform: uppercase;
     color: black;
     font-weight: 700;
     font-family: "Heebo";
   }

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

   .nav-item:hover {
     opacity: 0.5;
   }
 }

 @media (min-width: 320px) and (max-width: 799px) {
   .horseView {
     width: 314px;
   }
 }

 @media (min-width: 362px) and (max-width: 375px) {
   .row1Text {
     float: right;
     width: 133px;
     text-align: right;
     font-size: 32px;
     font-family: Staatliches;
     color: #285b14;
     line-height: 0.9;
     font-weight: 700;
   }
 }

 @media (min-width: 376px) and (max-width: 898px) {
   .row1Text {
     float: right;
     width: 133px;
     text-align: right;
     font-size: 32px;
     font-family: Staatliches;
     color: #285b14;
     line-height: 0.9;
     font-weight: 700;
   }
 }

 @media (max-width: 480px) {
   .nlSize {
     font-size: 0.7rem !important;
   }

   .close-button4 {
     position: absolute;
     right: 6px;
     top: -18px;
     width: 1rem;
     line-height: 1rem;
     text-align: center;
     cursor: pointer;
     color: red;
     font-size: 1rem;
     background: #fff;
   }

   .hlPriv,
   .hlTou {
     font-size: 18px !important;
     text-align: center;
     font-weight: bold;
     margin-bottom: 10px;
   }

   .facText {
     font-weight: bold;
     line-height: 1.1;
     font-size: 1rem;
   }

   .suFormControl {
     width: 164px !important;
   }

   #slider2 {
     width: 331px !important;
     margin: 0 auto !important;
     float: none !important;
   }

   .lstInfo2 {
     width: 325px !important;
   }

   .bnaa {
     font-size: 0.85rem;
   }

   #spcr1,
   #spcr2 {
     display: none;
   }

   .btn-center {
     float: none;
     margin: 0 auto;
     margin-top: 7px;
   }

   .bioHt {
     height: 1000px;
   }

   .bioHt2 {
     height: 1342px;
   }

   .row2ht {
     height: 140vw;
   }

   .bigImgCap {
     margin: 0 auto;
     color: #f1f1f1;
     font-family: "Heebo";
     font-size: 0.8rem;
     padding: 4px;
     width: 28vw;
     min-width: 240px;
     margin-top: 15px;
     line-height: 1.1;
   }
 }

 @media screen and (max-width: 899px) {
   .suSelect {
     background: white;
     height: 34px;
     border: 2px solid #d3cbcb;
     width: 140px;
   }

   .suTextInput {
     padding: 5px !important;
     font-size: 1rem !important;
     width: 140px !important;
     margin: 0 auto !important;
     height: 34px !important;
     background: #fff !important;
   }

   .SUContainer {
     height: 530px !important;
     width: 80% !important;
     min-width: 295px !important;
   }
 }

 @media (min-width: 996px) and (max-width: 1199px) {
   .facView {
     width: 640px;
   }
 }

 @media (min-width: 800px) and (max-width: 995px) {
   .facView {
     width: 648px;
   }
 }

 @media (min-width: 320px) and (max-width: 799px) {
   .inputModal {
     margin-top: 51px;
   }

   .facView {
     width: 328px;
   }
 }

 @media (min-width: 360px) {
   .donImg {
     width: 360px;
     height: 139px;
   }
 }

 @media screen and (min-width: 320px) and (max-width: 812px) {

   /* ......projects................. */
   .tktOptions {
     display: none;
     width: 100%;
     color: #000;
     z-index: 7000;
     background: #d7dfed;
     padding: 9px;
     height: 64px;
   }

   .dropBox {
     margin: 0 auto;
     width: 90%;
     overflow-y: scroll;
     height: 115px;
   }

   .dropzone {
     width: 100% !important;
   }

   .msgInput {
     border: 1px solid grey;
   }

   .msgInfo {
     margin-bottom: 10px;
   }

   .fSize {
     font-size: 13px;
   }

   .dropzone .dz-message {
     font-size: 13px;
     color: green;
     text-align: center;
     margin: 0.5em 0 !important;
     line-height: 1 !important;
     width: 100%;
   }

   .sndMsg {
     top: -21%;
   }

   .msgText {
     height: 95px;
     border: 1px solid grey;
   }

   .projDescrip-left {
     width: 100%;
     float: left;
   }

   .projDescrip-right {
     text-align: left;
     color: green;
     float: left;
     padding-left: 17px;
     width: 100%;
     line-height: 1.1;
     font-family: "Open Sans";
     font-weight: 700;
     font-size: 0.9rem;
     margin-top: 18px;
     margin-bottom: 10px;
   }

   .su-pix-img {
     height: 100px !important;
   }

   .modal4-content {
     width: 300px;
   }

   .textInput2 {
     width: 140px !important;
   }

   .suFormControl {
     width: 140px !important;
   }

   .toc-consent {
     text-align: left;
     width: 137px;
     font-family: Roboto;
     background: #2b7a0b;
     padding: 4px;
     font-size: 12px;
     margin-left: 3px;
     line-height: 1.3;
     float: left;
     height: 57px;
   }

   .toc-text {
     margin-top: 2px;
     color: #fff;
     line-height: 1;
     margin-left: 13px;
   }

 

}


 @media screen and (min-width: 813px) {
   .hrsSelect {
     background: #fff;
     height: 26px;
     border: 2px solid #d3cbcb;
     width: 106px;
     float: right;
     font-size: 14px;
     display: none;
     margin-right: 83px;
   }

   .contact-info td {
     font-size: 17px !important;
   }

   .legend {
     font-size: 17px !important;
   }

   /* .dropBox2 {
    display: none;
    position: absolute;
    top: 64px;
    left: 0px;
    width: 338px;
    height: 398px;

    background: #fff;
  } */


   .fs-logo-wrap {
     width: 17vw !important;
   }
 }

 @media screen and (width: 320px) {
   .inputModal {
     width: 95% !important;
   }

   .linkW {
     padding-right: 56px !important;
     padding-left: 56px !important;
   }

   .donImg {
     width: 100%;
     height: 119px;
   }

   .row1Text {
     width: 45% !important;
     font-size: 29px !important;
   }

   .splText {
     width: 45% !important;
   }

   .tocPriv {
     display: none;
     position: fixed;
     width: 275px;
     font-size: 0.85rem;
     height: 538px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }

   .tocTou {
     display: none;
     position: fixed;
     width: 290px;
     font-size: 0.85rem;
     height: 655px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }

   .a2a_default_style a {
     padding: 0 1px !important;
   }

   .actWrap {
     width: 55vw !important;
   }

   .cover {
     background: url(../img/iconic2.jpg) no-repeat center center fixed !important;
   }

   .lstInfo2 {
     width: 287px !important;
   }

   #slider2 {
     width: 302px !important;
   }
 }

 @media (width: 360px) {
   .tocPriv {
     display: none;
     position: fixed;
     width: 275px;
     font-size: 0.85rem;
     height: 538px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }

   .tocTou {
     display: none;
     position: fixed;
     width: 290x;
     font-size: 0.85rem;
     height: 655px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }

   .actWrap {
     width: 47vw !important;
   }
 }

 @media screen and (width: 375px) {
   .actWrap {
     width: 47vw !important;
   }

   .tocPriv {
     display: none;
     position: fixed;
     width: 275px;
     font-size: 0.85rem;
     height: 538px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }

   .tocTou {
     display: none;
     position: fixed;
     width: 290px;
     font-size: 0.85rem;
     height: 655px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }
 }

 @media (width: 393px) {
   .tocPriv {
     display: none;
     position: fixed;
     width: 275px;
     font-size: 0.85rem;
     height: 538px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }

   .tocTou {
     display: none;
     position: fixed;
     width: 290px;
     font-size: 0.85rem;
     height: 655px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }
 }

 @media screen and (min-width: 411px) and (max-width: 414px) {
   .follow {
     width: 40% !important;
   }

   .tocPriv {
     display: none;
     position: fixed;
     width: 275px;
     font-size: 0.85rem;
     height: 538px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }

   .tocTou {
     display: none;
     position: fixed;
     width: 290px;
     font-size: 0.85rem;
     height: 655px;
     top: 106px;
     z-index: 500;
     background: #f1f1f1;
     border: 1px solid orange;
   }

   .actWrap {
     width: 42vw !important;
   }
 }

 @media screen and (width: 480px) {
   .row1Text {
     margin-top: -44px !important;
     font-size: 35px !important;
   }

   .splText {
     width: 41% !important;
   }

   .actWrap {
     width: 34vw !important;
   }
 }

 @media screen and (width: 568px) {
   .actWrap {
     width: 32vw !important;
   }

   .row1Text {
     font-size: 35px !important;
     width: 38% !important;
     margin-top: -42px !important;
   }

   .splText {
     font-size: 0.9rem !important;
     margin-top: -10px !important;
   }
 }

 @media screen and (min-width: 600px) and (max-width: 601px) {
   .follow {
     width: 47% !important;
   }

   .fs-logo-wrap {
     min-width: 146px !important;
   }

   .actWrap {
     width: 29vw !important;
   }

   .row1Text {
     max-width: 312px !important;
     font-size: 54px !important;
   }

   .splText {
     width: 42% !important;
     font-size: 1.3rem !important;
     line-height: 1 !important;
     margin-right: -2px !important;
   }

   bigImgCap {
     line-height: 1.1 !important;
   }
 }

 @media screen and (width: 640px) {
   .follow {
     width: 47% !important;
   }

   .row1Text {
     width: 46% !important;
     font-size: 37px;
   }

   .splText {
     font-size: 1.1rem !important;
   }
 }

 @media screen and (width: 667px) {
   .actWrap {
     width: 26vw !important;
   }

   .row1Text {
     max-width: 262px;
     float: left;
     font-size: 43px;
     margin-left: 325px;
   }

   .splText {
     margin-right: -48px !important;
     font-size: 1.1rem !important;
   }
 }

 @media screen and (width: 720px) {
   .follow {
     width: 47% !important;
   }

   .actWrap {
     width: 25vw !important;
   }

   .splText {
     margin-right: 0px !important;
     font-size: 1.3rem !important;
   }
 }

 @media screen and (min-width: 731px) and (max-width: 740px) {
   .follow {
     width: 47% !important;
   }

   .splText {
     width: 44.5% !important;
     margin-top: -38px !important;
     font-size: 1.15rem !important;
   }

   .row1Text {
     font-size: 55px !important;
     max-width: 359px !important;
   }

   .btnStyle {
     margin-right: 24px !important;
   }
 }

 @media screen and (width: 760px) {
   .leftSUContainer {
     margin-left: 0px !important;
   }

   .row1Text {
     width: 51% !important;
     margin-right: 10px !important;
     font-size: 45px !important;
     margin-top: -55px !important;
   }

   .splText {
     font-size: 1.3rem !important;
   }

   .facView {
     width: 693px !important;
   }

   .fs-logo-wrap {
     width: 21vw !important;
   }

   .follow {
     width: 46% !important;
   }
 }

 @media (width: 800px) {
   .follow {
     width: 44% !important;
   }
 }

 @media screen and (width: 834px) {
   .follow {
     width: 42% !important;
   }

   .fs-logo-wrap {
     width: 21vw !important;
   }
 }

 @media screen and (width: 846px) {
   .a2a_svg {
     height: 26px !important;
     line-height: 26px !important;
     width: 26px !important;
   }
 }

 @media screen and (width: 869px) {
   .splText {
     font-size: 1.3rem !important;
   }

   .shoItm {
     display: block !important;
   }

   .follow {
     width: 40% !important;
   }
 }

 @media (width: 896px) {
   .splText {
     font-size: 1.3rem !important;
   }

   .follow {
     width: 40% !important;
   }
 }

 @media screen and (min-width: 960px) and (max-width: 962px) {
   .splText {
     font-size: 1.4rem !important;
     width: 39% !important;
   }

   .a2a_svg {
     height: 26px !important;
     width: 26px !important;
     line-height: 26px !important;
   }

   .row1Text {
     font-size: 54px !important;
     width: 34% !important;
     margin-right: 0px !important;
     margin-top: -20px !important;
   }
 }

 @media screen and (width: 1024px) {
   .facView {
     width: 693px !important;
   }

   .follow {
     width: 25% !important;
   }

   .a2a_svg {
     height: 26px !important;
     line-height: 26px !important;
     padding: 0 !important;
     width: 26px !important;
   }

   .cptHt3 {
     margin-top: -10px;
   }

   .cptHt2 {
     margin-top: -3px;
   }

   .row1Text {
     float: left !important;
     margin-left: 554px !important;
     max-width: 405px !important;
     font-size: 63px;
   }

   .splText {
     font-size: 1.2rem !important;
   }
 }

 @media screen and (width: 1112px) {
   .follow {
     width: 22% !important;
   }
 }

 @media screen and (max-width: 500px) {
   .projectTall {
     height: 613px;
   }

   .projTitle {
     font-size: 0.9rem;
   }

   .projectWide {
     height: 638px;
   }
 }

 /* ------------------------menu controls-------------------  */
 @media only screen and (min-width: 320px) and (max-width: 700px) {
   .close-button7 {
     position: absolute;
     right: 6px;
     top: 6px;
     width: 16px;
     line-height: 0.6rem;
     text-align: center;
     cursor: pointer;
     color: red;
     font-size: 16px;
     background: #fff;
     border: 2px red solid;
     padding: 2px;
   }
 }

 @media only screen and (min-width: 413px) and (max-width: 1649px) {
   .nav-link {
     padding: 0.2rem 0.3rem !important;
     font-size: 11.5px;
     text-transform: uppercase;
     color: black;
     font-weight: 700;
     font-family: "Heebo";
   }

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

   .nav-item:hover {
     opacity: 0.5;
   }

   .toggle-icon {
     margin: 0 auto;
     margin-top: 10px;
     height: 30px;
     width: 30px;
     background: #fff;
     border-radius: 4px;
     border: 1px solid #f1f1f1;
     display: block;
   }

   #navBar {
     float: right;
     width: 73px;
   }

   #navbarMenu {
     display: none;
     width: 96px;
     position: relative;
     float: right;
     background-color: #fff;
     z-index: 2000;
     margin-top: 5px;
   }
 }

 @media only screen and (min-width: 1650px) {
   .nav-link {
     padding: 0.2rem 0.3rem !important;
     color: green;
     font-size: 16px;
     font-weight: 700;
     font-family: Helvetica;
   }

   .toggle-icon {
     display: none;
   }

   .nav-item {
     float: left;
     margin-left: 1px;
     height: 23px;
     margin-top: 3px;
     text-align: right;
     padding-top: 0px;
     cursor: pointer;
   }

   .nav-item:hover {
     opacity: 0.5;
   }

   #navbarMenu {
     display: block;
     height: 43px;
     width: 1065px;
     position: relative;
     float: right;
     background-color: #fff;
     display: block;
     z-index: 2000;
     margin-top: 5px;
     margin-right: 11px;
   }

   #navBar {
     float: right;
     width: 1065px;
     height: 43px;
   }
 }

 /* ------------------------menu controls-------------------  */
 @media (width: 1280px) {
   .follow {
     width: 27% !important;
   }

   .bioTextWrap {
     margin-top: -28px !important;
   }

   .row1Text {
     font-size: 60px !important;
   }

   .splText {
     font-size: 1.5rem !important;
   }
 }

 @media (width: 1366px) {
   .bioText {
     margin-top: -9px;
   }
 }

 @media screen and (max-width: 799px) {
   #actions {
     height: 188px !important;
   }

   .bioTextWrap {
     float: left;
     width: 100%;
     min-width: 300px;
     background: transparent;
     display: none;
     padding: 0px !important;
     margin-top: 17px;
   }

   .bioText {
     position: relative;
     margin: 0 auto;
     width: 90%;
     text-align: left !important;
     font-family: Arial;
     font-size: 12px;
     background-color: #fff;
     padding: 12px;
     min-width: 279px;
   }
 }

 @media screen and (width: 823px) {
   .a2a_svg {
     height: 26px !important;
     line-height: 26px !important;
     padding: 0 !important;
     width: 26px !important;
   }

   .shoItm {
     display: block !important;
   }

   .row1Text {
     float: right;
     width: 100%;
     max-width: 330px !important;
     text-align: right;
     margin-right: 15px;
     font-size: 50px !important;
     font-family: Staatliches;
     color: #285b14;
     line-height: 0.9;
     font-weight: 700;
     margin-top: -53px !important;
   }

   .splText {
     font-size: 1.3rem !important;
   }

   .bioText {
     font-size: 13px !important;
   }
 }

 @media screen and (max-height: 600px) {
   .modal1Msg2 {
     margin-top: -3px !important;
     font-size: 0.9rem !important;
   }

   .inputModal {
     margin-top: -13px !important;
     width: 84% !important;
   }

   .errMod1 {
     margin-top: 0px !important;
   }
 }

 @supports (-webkit-touch-callout: none) {
   @media screen and (width: 375px) {
     .modal1Msg2 {
       width: 170px !important;
     }
   }
 }

 @media (min-width: 320px) and (max-width: 480px) {
   .cover {
     background: url("../img/iconic3.jpg") no-repeat center center fixed;
     background-size: cover;
     margin-top: -24px;
     height: 100vh;
   }

   @supports (-webkit-touch-callout: none) {
     .donate-select {
       width: 325px !important;
     }

     .cookies2 {
       height: 110px !important;
     }

     .btnStyle {
       float: right;
       cursor: pointer;
       background-color: red !important;
       font-size: 0.8rem;
       padding: 5px 10px;
       color: white;
       margin-right: 10px;
       border-radius: 10px;
       font-weight: 700;
       text-transform: uppercase;
       border: none;
       font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
       width: 135px !important;
     }

     .donate-now {
       font-size: 25px !important;
       padding: 10px !important;
       line-height: 1 !important;
     }

     .row1Text {
       float: right;
       width: 160px !important;
       text-align: right;
       font-size: 29px;
       font-family: Staatliches;
       color: #285b14;
       line-height: 0.9;
       font-weight: 700;
       margin-top: -47px;
       margin-right: 3vw;
     }
   }

   .splText {
     margin-right: 10px;
     float: right;
     text-align: right;
     width: 43%;
     margin-top: 5px;
     font-family: "Playfair Display";
     font-size: 0.9rem;
     line-height: 1;
     color: #ffffff;
     font-weight: normal;
   }
 }

 @media screen and (width: 414px) {
   .modal1Msg2 {
     float: right;
     width: 43%;
     max-width: 418px;
     text-align: right;
     /* margin-right: 15px; */
     font-size: 43px;
     font-family: Staatliches;
     color: #285b14;
     line-height: 0.9;
     font-weight: 700;
     margin-top: -59px;
     width: 160px !important;
   }
 }

 @media screen and (width: 412px) {
   .toc-consent {
     width: 158px !important;
   }

   .fs-logo-wrap {
     width: 32vw;
   }
 }

 @media screen and (width: 414px) {
   .cover {
     background: url(../img/iconic2.jpg) no-repeat center center fixed !important;
   }

   .row1Text {
     font-size: 42px !important;
     width: 47% !important;
   }

   .splText {
     font-size: 1.1rem !important;
   }
 }

 @media screen and (min-width: 963px) {
   .follow {
     max-width: 136px !important;
   }

   .linkW {
     padding-right: 10vw !important;
     padding-left: 10vw !important;
   }
 }

 @media screen and (max-width: 1281px) {
   .checkOut2 {
     float: left;
     width: 39%;
     font-size: 19px;
     height: 40px;
     padding-top: 5px;
     border-radius: 8px;
     margin-top: 15px;
     background: #2e76a8;
     color: #fff;
     font-family: Oswald;
     text-align: center;
     cursor: pointer;
   }
 }

 @media (min-width: 1200px) and (max-width: 1619px) {
   .horse-container {
     width: 970px;
     margin: 0 auto;
   }
 }

 @media (min-width: 1620px) {
   .horse-container {
     width: 1300px;
     margin: 0 auto;
     margin-top: 25px;
   }
 }

 @media (min-width: 800px) and (max-width: 995px) {
   .horse-container {
     width: 648px;
     margin: 0 auto;
     margin-top: 25px;
   }
 }

 @media (min-width: 996px) and (max-width: 1199px) {
   .horse-container {
     width: 648px;
     margin: 0 auto;
     margin-top: 25px;
   }
 }

 @media (min-width: 320px) and (max-width: 799px) {
   .horse-container {
     width: 314px;
     margin: 0 auto;
     margin-top: -30px;
   }
 }

 @media (min-width: 1200px) and (max-width: 1619px) {
   .horseView {
     width: 970px;
   }
 }

 @media (min-width: 1620px) {
   .horseView {
     width: 1300px;
   }
 }

 @media (min-width: 800px) and (max-width: 995px) {
   .horseView {
     width: 648px;
   }
 }

 @media (min-width: 996px) and (max-width: 1199px) {
   .horseView {
     width: 640px;
   }
 }

 @media (min-width: 1200px) {
   .facView {
     width: 1044px;
   }
 }

 @media screen and (min-width: 900px) {
   .row1Text {
     float: right;
     width: 30%;
     max-width: 418px;
     min-width: 285px;
     text-align: right;
     margin-right: 3vw;
     font-size: 4em;
     font-family: Staatliches;
     color: #285b14;
     line-height: 0.9;
     font-weight: 700;
   }

   .iss-1 {
     display: block !important;
   }

   .founderPix {
     margin: 0 auto;
     width: 85%;
     max-width: 536px;
     border: none;
   }
 }

 @media (min-width: 322px) and (max-width: 359px) {
   

   .ckWrapper {
     float: left;
     height: 19px;
     width: 99%;
     max-width: 640px;
   }

   .ckText {

     width: 100%;
     max-width: 480px;
     font-size: 0.85rem;
     line-height: 1;
     margin: 0 auto;
   }

   .ckLegend {
     font-weight: 700;
     width: 58px;
     font-size: 0.85rem !important;
     margin: 0 auto;
   }

   .ckWrapper2 {
     margin: 0 auto;
     width: 340px;
   }



   .row1Text {
     float: right;
     width: 157px;
     text-align: right;
     font-size: 29px;
     font-family: Staatliches;
     color: #285b14;
     line-height: 0.9;
     font-weight: 700;
     margin-top: -47px;
     margin-right: 3vw;
   }

   .btnStyle {
     float: right;
     cursor: pointer;
     background-color: red !important;
     font-size: 0.8rem;
     padding: 5px 10px;
     color: white;
     margin-right: 10px;
     border-radius: 10px;
     font-weight: 700;
     text-transform: uppercase;
     border: none;
     font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
     width: 128px;
   }
 }

 @media (min-width: 360px) {

   /* cookies modal--------------------------------------- */
   .ckText{
    margin-top:5px;
    font-size: 0.85rem;
    line-height: 1.0;
    }
    
    .ckWrapper2{
    margin: 0 auto;
    width: 90%;
    max-width:450px;
    
    }
    
    .ckWrapper{
   
    margin: 0 auto;
    width: 90%;
    max-width: 450px;
    
    
    }
    
    .cookies2{
    position: fixed;
           left: 0;
           bottom: 0;
           border-top: 1px solid #f1f1f1;
           width: 100%;
           
           height: 100px;
           z-index: 3000;
           padding-top: 2px;
           font-family: "Open Sans";
           background: #888382;
           display: block;
           color: #fff;
    }

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

   .privButton:hover {
     opacity: 0.5;
   }

   /* cookies_modal--------------------- */
 }

 @media screen and (min-width: 360px) and (max-width: 485px) {

   .merchTitle1,
   .merchTitle2,
   .merchTitle3,
   .merchTitle4,
   .merchTitle5,
   .merchTitle6 {
     width: 111px;
     font-size: 13px;
   }
 }

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

   .merchTitle1,
   .merchTitle2,
   .merchTitle3,
   .merchTitle4,
   .merchTitle5,
   .merchTitle6 {
     font-size: 16px;
     width: 141px;
   }

   .mrchMenu1,
   .mrchMenu2 {
     float: left;
     width: 438px;
   }

   .art-qty {
     float: left;
     width: 100%;
     margin-top: 0px;
   }
 }

 /* Tiny Carousel1 */
 #slider1 {
   height: 100%;
   margin: 5px 0 0;
   overflow: hidden;
   position: relative;
   padding: 0 0 10px;
   width: 100%;
   margin-left: 0;
   float: left;
 }

 #slider1 .viewport {
   height: 684px;
   overflow: hidden;
   position: relative;
 }

 #slider1 .buttons {
   background: #fff;
   border-radius: 35px;
   display: block;
   position: absolute;
   top: 50%;
   left: 0;
   width: 35px;
   height: 35px;
   color: #fff;
   font-weight: bold;
   text-align: center;
   line-height: 35px;
   text-decoration: none;
   padding: 0px;
   font-size: 36px;
   z-index: 500;
 }

 #slider1 .next {
   right: 0;
   left: auto;
   top: 50%;
   opacity: 0.6;
   color: black;
 }

 #slider1 .prev {
   left: 0;
   right: auto;
   top: 50%;
   opacity: 0.6;
   color: black;
 }

 #slider1 .buttons:hover {
   color: red;
   background: #fff;
 }

 #slider1 .disable {
   visibility: hidden;
 }

 #slider1 .overview {
   list-style: none;
   position: absolute;
   padding: 0;
   margin: 0;
   width: 240px;
   left: 0;
   top: 0;
 }

 #slider1 .overview li {
   float: left;
   margin: 0 20px 0 0;
   padding: 1px;
   height: 680px;
   width: 305px;
 }

 @media (max-width: 480px) {
   #slider1 {
     height: 100%;
     margin: 5px 0 0;
     overflow: hidden;
     position: relative;
     padding: 0 0 10px;
     width: 313px;
     margin-left: 0;
     margin: 0 auto;
   }

   #slider1 .viewport {
     height: 691px;
   }
 }

 #slider2 {
   height: 100%;
   margin: 5px 0 0;
   overflow: hidden;
   position: relative;
   padding: 0 0 10px;
   width: 100%;
   margin-left: 0;
   float: left;
 }

 #slider2 .viewport {
   height: 684px;
   overflow: hidden;
   position: relative;
 }

 #slider2 .buttons {
   background: #f1f1f1;
   border-radius: 35px;
   display: block;
   position: absolute;
   top: 50%;
   left: 0;
   width: 35px;
   height: 35px;
   color: #fff;
   font-weight: bold;
   text-align: center;
   line-height: 35px;
   text-decoration: none;
   padding: 0px;
   font-size: 36px;
   z-index: 500;
 }

 #slider2 .next {
   right: 0;
   left: auto;
   top: 50%;
   opacity: 0.6;
   color: black;
 }

 #slider2 .prev {
   left: 0;
   right: auto;
   top: 50%;
   opacity: 0.6;
   color: black;
 }

 #slider2 .buttons:hover {
   color: red;
   background: #fff;
 }

 #slider2 .disable {
   visibility: hidden;
 }

 #slider2 .overview {
   list-style: none;
   position: absolute;
   padding: 0;
   margin: 0;
   width: 240px;
   left: 0;
   top: 0;
 }

 #slider2 .overview li {
   float: left;
   margin: 0 20px 0 0;
   padding: 1px;
   height: 327px;
   width: 335px;
 }

 @media (min-width: 1200px) {
   .facWid {
     width: 1044px;
   }
 }

 .text-primary {
   color: #F05F40 !important;
 }

 .btn {
   font-weight: 700;
   text-transform: uppercase;
   border: none;
   border-radius: 300px;
   font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
 }


 .btn-primary:hover,
 .btn-primary:focus,
 .btn-primary:active {
   color: #fff;
   background-color: #ee4b28 !important;
 }

 .btn-primary:active,
 .btn-primary:focus {
   box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
 }