/*!
 * 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(33, 37, 41, 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 {
  width: 100%;
  height: 35px;
  background-color: #f90909d4;
  padding: 5px;
  color: white;
  visibility: hidden;
  font-size: 13px;
  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%;
}

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

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

.nwsUpdates {
  width: 160px;
  height: 48px;
  float: left;
  background-color: #00f;
}

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

.nwsUpdates2 {
  line-height: 1;
  width: 38px;
  height: 48px;
  font-size: 0.9rem;
  float: left;
  margin-top: 8px;
  margin-left: 2px;
}

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

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

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

#closeNews:hover {
  opacity: 0.5;
}

#startNews:hover {
  opacity: 0.5;
}

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

.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;
}

.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;
}

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

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

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

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

.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;
  }

  .a2a_kit {
    margin-left: -12px !important;
  }

  .marquee {
    width: calc(100% - 111px) !important;
  }

  .nwsUpdates {
    width: 111px !important;
  }

  .a2a_svg {
    display: block;
    overflow: hidden;
    height: 24px !important;
    line-height: 24px !important;
    padding: 0;
    width: 24px !important;
  }
}
@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;
  } */
  .a2a_svg {
    display: block;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    padding: 0;
    width: 32px;
  }

  .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: 390px) {
  .cookies2 {
    position: fixed;
    left: 0;
    bottom: 0;
    border-top: 1px solid #f1f1f1;
    width: 100%;
    height: 80px;
    z-index: 3000;
    padding-top: 2px;
    font-family: "Open Sans";
    background: #888382;
    display: block;
    color: #fff;
  }

  .ckWrapper {
    float: left;
    height: 19px;
    width: 99%;
    max-width: 640px;
  }

  .ckText {
    float: left;
    width: 100%;
    max-width: 480px;
    font-size: 0.85rem;
    line-height: 1;
  }

  .ckLegend {
    font-weight: 700;
    width: 58px;
    font-size: 0.85rem !important;
    float: left;
    margin-left: 10px;
  }

  .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: 391px) {
  /* cookies modal--------------------------------------- */
  .cookies2 {
    position: fixed;
    left: 0;
    bottom: 0;
    border-top: 1px solid #f1f1f1;
    width: 100%;
    height: 94px;
    z-index: 3000;
    padding-top: 2px;
    font-family: "Open Sans";
    background: #888382;
    display: block;
    color: #fff;
  }

  .ckWrapper {
    margin: 0 auto;
    width: 83%;
    max-width: 640px;
    margin-top: 4px;
  }

  .ckText {
    float: left;
    width: 80%;
    max-width: 480px;
    font-size: 0.9rem;
    line-height: 1.1;
  }



  .ckWrapper2 {
    margin: 0 auto;
    width: 32%;
    min-width: 391px;
    max-width: 607px;
    height: 80px;
  }

  .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;
}