#spinner {
  display: none;
}

.loading {
  border: 2px solid #ccc;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border-top-color: #1ecd97;
  border-left-color: #1ecd97;
  animation: spin 1s infinite ease-in;
}

@keyframes spin {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.outside-container{
    margin:0px !important;
    padding:0px !important;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}
.outside-container p, h2, h3{
  color: #515151 !important;
  font-family: 'Open Sans', sans-serif;
}
.header{
    background-color: white;
    text-align: left;
    position:fixed;
    width: 100%;
    z-index: 30;
    top:0;
    left:0;
    opacity: 0.95;
    margin:0px;
    height: 85px;
    clear: both;
}
.cookmesh-logo{
    padding-top:20px;
    padding-left: 20px;
    height: 50px;
  }
.cookmesh-logo img{
    width:250px
}
.header-line{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image:  url('/assets/imgs/header-line.svg');
    width: 100%;
    height: 25px;
  }
  .clear{
    height: 1px;
    clear: both;
  }
  .content-container{
    width: 100%;
    background-image:  url('/assets/imgs/grey-top.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0px;
    padding: 0px;
    background-color: antiquewhite;
    padding-top: 120px;
  }
  .content-block{
    width: 60%;
    padding-left: 20%;
    padding-right: 20%;
  }
  .content-bloc-dark{
    width: 60%;
    padding-left: 20%;
    padding-right: 20%;
    margin: 0px;
    padding-top: 5%;
    padding-bottom: 4%;
    color:#fff;
    background-image:  url('/assets/imgs/middle-dark-grey.svg');
    background-position: center middle;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 14pt;
    font-weight: 500;
  }
  .content-bloc-dark p {
    color: white !important;
  }
  .donate-button{
    background-color: #51C59A;
    border: 1px solid #3eab83;
    border-radius: 15px;
    color: #fff;
    font-size: 16pt;
    padding: 15px;
    margin: 20px 0px;
  }
  .donate-button:hover {
    cursor:pointer;
   }
  .feedback{
    background-color: #51C59A;
    border: 1px solid #3eab83;
    border-radius: 15px;
    color: #fff;
    font-size: 14pt;
    padding: 10px;
    margin: 20px 0px;
    text-decoration: none;
  }
  .content-container li{
    padding-top: 10px;
   }
   ul.reason-to-donate li{
    list-style-type: none; 
    color: #515151;
   }
   ul.reason-to-donate li img{
    margin-top: 10px !important;
   }
   ul.amounts-to-donate li{
    padding: 5px;
    color: #515151;
   }
   .content-bloc-dark a {
     text-decoration:none;
     color:#fff;
   }
   ul.features li{
    list-style-type: none; 
    color: #515151;
   }
   .checkout-button{
    background-color: #51C59A;
    border: 1px solid #3eab83;
    border-radius: 15px;
    color: #fff !important;
    font-size: 16pt;
    padding: 10px;
    margin: 20px 0px;
  }
  .checkout-button:hover {
    cursor:pointer;
   }
   .emoji{
    font-size: 15pt;
   }
   .price {
      font-weight: bold;
      font-size: 16pt;
      color: #515151;
   }
   .price-title {
      font-weight:500;
      font-size: 16pt;
      color: #515151;
   }
   .price-block{
      border: 2px solid #94e5c7;
      border-radius: 15px;
      padding: 20px;
      width: 350px;
      margin: 30px auto 20px auto;
      text-align: center;
      background-color: #E1F0EA;
   }
   .link{
    color:#51C59A;
    text-decoration: none;
    font-weight: 700;
   }
   .savings{
    color:#51C59A;
   }
  @media only screen and (max-width: 768px) {
    .content-container{
        padding-top: 90px;
    }
      .content-block{
        width: 90%;
        padding:5%;
        margin: 0px;
      }
      .content-bloc-dark{
        width: 90%;
        padding:5%;
        margin: 0px;
    }
    .price-block{
      padding: 20px 2% 20px 2%;
      width: 90%;
      margin: 20px 3%;
      text-align: center;
   }
    .content-bloc-dark h2{
      font-size: 10pt;
    }
    .price {
      font-weight: 700;
      font-size: 12pt;
    }
    .price-title {
      font-weight:200;
      font-size: 12pt;
    }
  }