#popup-container, .popup-container {
  background: rgba( 0, 0, 0, 0.6);
  display: none;
  position: fixed;
  z-index: 1000000000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  opacity: 0;
  overflow: auto;
  padding: 4em;
}
#popup, #popupTwo {
  background: white;
  box-shadow: 0 1px 5px black;
  display: block;
  max-width: 50%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 1em;
  right: 1em;
  font: 400 100% "proxima-nova", helvetica neue,  helvetica, arial, sans-serif;
}
@media (max-width: 1600px) {
  #popup, #popupTwo {
    max-width: 60%;
  }
  #popupTwo.newsletter-complete {
    max-width: 60%;
  }
}
@media (max-width: 1024px) {
  #popup, #popupTwo {
    max-width: 80%;
  }
}
@media (max-width: 800px) {
  #popup, #popupTwo {
    max-width: 90%;
  }
}

/* IE */

.ie .popup-style-2 input.email {
    background-color: white;
    border: 2px solid #199fde;
    display: block;
    width: 80%;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 auto 1rem;
    padding: 1.5rem;
    text-align: center;
}

/* Close
   -------------------------------------------------------------------------- */

#popup #close, #popupTwo #close, .popup-close {
  background-image: url(../images/cross.png);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: block;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
#popupTwo #close {
 top: 2rem;
 right: 2rem;
}



/* Style 1
   -------------------------------------------------------------------------- */

.popup-style-1 {
  display: block;
  max-width: 800px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 1em;
  right: 1em;
}
.popup-container.facebook .popup-style-1, .popup-container.web .popup-style-1, .popup-container.twitter .popup-style-1, .popup-container.emails .popup-style-1, .popup-container.youtube .popup-style-1, .popup-container.hard-copy .popup-style-1  {
  background-color: #3b5999;
  padding: 2rem;
  color: #fff;
  position: relative;
  width: 100%;
  max-width: 97%;
}
.popup-container.web .popup-style-1 {
  background-color: #000;
}
.popup-container.twitter .popup-style-1 {
  background-color: #1da1f2;
}
.popup-container.emails .popup-style-1 {
  background-color: #ddd;
}
.popup-container.youtube .popup-style-1 {
  background-color: #cd201f;
}
.popup-container.hard-copy .popup-style-1 {
  background-color: #199fde;
}
.popup-style-1 img {
  display: block;
  width: 100%;
  height: auto;
}
.popup-style-1 form {
  width: 90%;
  margin: 0 auto;
  bottom: 4em;
  right: 0;
  left: 0;
}
.popup-style-1.main-popup form {
  position: initial!important;
  width: 100%;
  margin-top: 1rem;
  float: left;
}
.popup-style-1.main-popup .container {
  padding: 3.5rem 7rem;
  float: left;
  width: 100%;
}
@media (max-width: 1024px) {
  .popup-style-1.main-popup .container {
    padding: 3.5rem;
  }
}
.popup-style-1.main-popup h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 900;
  letter-spacing: 5px;
  padding-bottom: 2rem;
}
.popup-style-1.main-popup h1:after {
  content: '';
  display: block;
  border-bottom: 1px solid #eaeaea;
  width: 60%;
  margin: 0 auto;
  margin-top: 1rem;
}
.popup-style-1.newsletter-thanks h1, .popup-style-1.newsletter-complete h1 {
  padding-bottom: 0.5rem;
}
.popup-style-1.newsletter-thanks h1:after,.popup-style-1.newsletter-complete h1:after {
  display: none;
}
.popup-style-1.newsletter-thanks h2, .popup-style-1.newsletter-complete h2 {
  text-align: center;
  font-weight: 100;
  font-style: italic;
  padding-bottom: 2rem;
}
.popup-style-1.newsletter-thanks h2:after {
  content: '';
  display: block;
  border-bottom: 1px solid #eaeaea;
  width: 60%;
  margin: 0 auto;
  margin-top: 1rem;
}
.popup-style-1.newsletter-thanks h3 {
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 5px;
  padding-top: 2rem;
  text-align: center;
  text-transform: uppercase;
}
.popup-style-1.newsletter-thanks h3:before {
  content: '';
  display: block;
  border-bottom: 1px solid #eaeaea;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.popup-style-1.main-popup p {
  font-size: 22px;
  margin-bottom: 1rem;
}
.popup-style-1.newsletter-complete p {
  font-size: 28px;
  text-align: center;
}
.popup-style-1.newsletter-complete ul {
  margin-bottom: 3rem;
  float: left;
  margin-top: 1rem;
  width: 100%;
}
.popup-style-1.newsletter-complete ul li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 40px;
}
.popup-style-1.newsletter-complete ul li a {
  color: #000;
}
.popup-style-1.newsletter-complete #check-out {
  width: 100%;
  float: left;
}
.popup-style-1.newsletter-complete #check-out .box {
  width: 25%;
  float: left;
}
@media (max-width: 450px) {
  .popup-style-1.main-popup p {
    font-size: 16px;
  }
  .popup-style-1.main-popup h1 {
    font-size: 24px;
  }
}
.popup-style-1.main-popup form input[type='email'] {
  border: 1px solid #a6a6a6;
  border-right: 0;
  width: 75%;
}
.popup-style-1 form input[type='submit'] {
  border-radius: 0;
  display: block;
  font-size: 30px;
  float: left;
  background-color: #285653;
  color: #fff;
  padding: 0.5rem 2rem;
  margin-bottom: 1rem;
  font-weight: 300;
}
.popup-style-1.main-popup form input[type='submit'] {
  border: 1px solid #a6a6a6;
  border-left: 0;
  width: 25%;
}
@media (max-width: 1200px) {
  .popup-style-1.main-popup form input[type='submit'] {
    width: 30%;
  }
  .popup-style-1.main-popup form input[type='email'] {
    width: 70%;
  }
}
@media (max-width: 450px) {
  .popup-style-1.main-popup form input[type='submit'] {
    width: 100%;
    border: 1px solid #a6a6a6;
  }
  .popup-style-1.main-popup form input[type='email'] {
    width: 100%;
    border: 1px solid #a6a6a6;
    border-bottom: 0;
  }
  .popup-style-1 form input[type='email'] {
    width: 65%;
  }
}


.popup-style-1 form .blue-button:hover {
  color: #fff;
}
.popup-style-1 ::-webkit-input-placeholder {
   color: #9b9b9b;
   font-weight: 300;
}
.popup-style-1 :-moz-placeholder {
   color: #9b9b9b;
   font-weight: 300;
}
.popup-style-1 ::-moz-placeholder {
   color: #9b9b9b;
   font-weight: 300;
}
.popup-style-1 :-ms-input-placeholder {
   color: #9b9b9b;
   font-weight: 300;
}
@media (max-width: 640px) {
  .popup-style-1 form {
    bottom: 2em;
  }
  .popup-style-1 form input {
    font-size: 1.2em !important;
  }
  .popup-style-1 form input[type='submit'] {
    background-size: auto 40%;
  }
}



/* Style 2
   -------------------------------------------------------------------------- */

.popup-style-2 {
  display: block;
  max-width: 800px;
  height: auto;
}
.popup-style-2 img {
  display: block;
  width: 100%;
  height: auto;
}
.popup-style-2 form {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 50%;
}
.popup-style-2 form input[type='email'] {
  background-color: white;
  border: 2px solid #199fde;
  display: block;
  width: 80%;
  font-size: 1.2em;
  font-weight: 700;
  margin: 0 auto 1rem;
  padding: 1.5rem;
  text-align: center;
}
.popup-style-2 form input[type='submit'] {
  background-image: url( '../images/text-yeah.png' );
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 40%;
  border-radius: 0;
  display: block;
  width: 40%;
  margin: 0 auto 2rem;
  padding: 1.5rem;
  text-indent: -9999px;
}
.popup-style-2 ::-webkit-input-placeholder {
   color: #bbb;
   font-weight: 400;
}
.popup-style-2 :-moz-placeholder {
   color: #bbb;
   font-weight: 400;
}
.popup-style-2 ::-moz-placeholder {
   color: #bbb;
   font-weight: 400;
}
.popup-style-2 :-ms-input-placeholder {
   color: #bbb;
   font-weight: 400;
}
@media (max-width: 640px) {
  .popup-style-2 form input[type='email'] {

  }
  .popup-style-2 form input {
    margin-bottom: 1rem !important;
    padding: 1em !important;
  }
}



/* Custom Style
   -------------------------------------------------------------------------- */

.popup-style-custom {
  display: block;
  width: 450px;
  height: auto;
}
.popup-style-custom img {
  display: block;
  width: 100%;
  height: auto;
}
.popup-style-custom form {
  width: 90%;
  margin: 0 auto;
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
}
.popup-style-custom form input[type='email'] {
  background-color: white;
  border: 2px solid #199fde;
  display: block;
  width: 62%;
  float: left;
  font-size: 1.4em;
  font-weight: 700;
  padding: 1.5rem;
  text-align: center;
}
.popup-style-custom form input[type='submit'] {
  background-image: url( '../images/text-yeah.png' );
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 40%;
  border: 2px solid #199fde;
  border-radius: 0;
  display: block;
  width: 38%;
  font-size: 1.4em;
  padding: 1.5rem;
  text-indent: -9999px;
}
.popup-style-custom ::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
}
.popup-style-custom :-moz-placeholder {
  color: #bbb;
  font-weight: 400;
}
.popup-style-custom ::-moz-placeholder {
  color: #bbb;
  font-weight: 400;
}
.popup-style-custom :-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
}
@media (max-width: 640px) {
  .popup-style-custom {
    width: 340px;
  }
  .popup-style-custom input {
    padding: 1em !important;
  }
}

/*checkbox*/

/* Core */

.filters input {
  display: none;
}

.filters .icon {
  text-align: center;
  display: inline-block;
}

.filters .icon .fa {
  visibility: hidden;
  color: #a6a6a6;
}

.filters input:checked + .icon .fa {
  visibility: visible;
}


/* IE8 and lower disabling hack because it does not support the :checked selector */

.filters input {
  display: inline\9;
}

.filters .icon {
  display: none\9;
}


/* Optional */

.filters {
  /* prevent accidental selection when clicking */
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.filters label {
  cursor: pointer;
}


/* Checkbox styling */

.filters input {
    margin: 0 .1em; /* Use something similar to .icon */
}

.filters .icon {
  background: #fff;
  border: 1px solid;
  border-color:#a6a6a6;
  border-radius: 0;
  text-align: center;
  font-size: .8em;
  color: #111;
  margin: 0 .1em;
  height: 1.5em;
  width: 1.5em;
  padding: 0.15em;
  line-height: 1.1em;
    /**
     * Values for height, width and line-height
     * may need to be adjusted depending on your font.
     */
}


/* Inline menu styling */

.filters {
  list-style: none;
     padding: 8px;
     display: inline-block;
     margin: 0!important;
     padding: 0;
     margin-top: 1.5rem!important;
}

.filters li {
  display: inline-block;
  margin-right: 0.3em;
  margin-left:  0!important;
}

/* STATS */

#template .stats-information h2 {
  border-bottom: 5px solid #fff;
  color: #fff;
  margin-top: 0;
  padding-bottom: 1rem;
  font-size: 60px;
}
#template .stats-information h2:after {
  display: none;
}
.popup-stats-section, .popup-ages {
  width: 100%;
  float: left;
}
#your-brand .popup-stats-section .percircle {
  margin: 0;
}
#template .stats-information h3 {
  font-size: 30px;
  margin: 2rem 0;
  font-family: 'Proxima N W01 Bold';
  text-transform: uppercase;
}
.popup-stat-circle {
  background-color: #fff;
  font-family: 'Proxima N W01 Bold';
}
.popup-stat-circle .medium-text {
  font-size: 30px!important;
}
.popup-stat-circle span {
  color: #fff!important;
  margin-top: -2rem!important;
}
.popup-container.facebook .percircle:after {
  background-color: #3b5999;
}
.popup-container.web .percircle:after {
  background-color: #000;
}
.popup-container.twitter .percircle:after {
  background-color: #1da1f2;
}
.popup-container.emails .percircle:after {
  background-color: #ddd;
}
.popup-container.youtube .percircle:after {
  background-color: #cd201f;
}
.popup-container.hard-copy .percircle:after {
  background-color: #199fde;
}
.popup-stats-section .stat {
  width: 16.66%;
  float: left;
  text-align: center;
  padding: 0 1rem;
}
.popup-stats-section .stat.big {
  width: 25%;
}
.popup-stats-section .stat span {
  display: block;
  font-family: 'Proxima N W01 Bold';
  text-transform: uppercase;
}
.popup-stats-section .stat span.large-text {
  font-size: 60px;
}
.popup-stats-section .stat span.medium-text {
  font-size: 20px;
  margin-top: 0;
}
.popup-stat-circle.small-medium span {
  margin-top: -1.75rem!important;
}
.popup-stat-circle.income span {
  margin-top: -2.75rem!important;
}
@media (max-width: 1300px) {
  .popup-stats-section .stat {
    width: 20%;
  }
}
@media (max-width: 1300px) {
  .popup-stats-section .stat {
    width: 25%;
    padding: 1rem 3rem;
  }
  .popup-stats-section .stat.big {
    margin-top: 0!important;
  }
}
@media (max-width: 1200px) {
  .popup-container.hard-copy .popup-style-1 .stat {
    width: 33.33%;
  }
}
@media (max-width: 930px) {
  .popup-container.facebook .popup-style-1, .popup-container.web .popup-style-1, .popup-container.twitter .popup-style-1, .popup-container.emails .popup-style-1, .popup-container.youtube .popup-style-1, .popup-container.hard-copy .popup-style-1 {
    max-width: 100%;
  }
  .popup-container.hard-copy .popup-style-1 .stat {
    width: 50%;
  }
  .popup-container.hard-copy .popup-style-1 .stat .percircle {
    float: none;
    margin: 0 auto!important;
    display: block;
  }
}
@media (max-width: 900px) {
  .popup-stats-section .stat {
    width: 33.33%;
  }
  #your-brand .percircle {
    margin-right: 1rem;
  }
  #template .stats-information h2 {
    line-height: 30px;
    font-size: 30px;
  }
}
@media (max-width: 740px) {
  .popup-stats-section .stat {
    width: 50%;
    padding: 1rem;
  }
}
@media (max-width: 680px) {
  .popup-container.hard-copy .popup-style-1 .stat {
    width: 100%;
  }
  .popup-stats-section .stat .percircle, .popup-ages .percircle {
    margin: 0 auto!important;
    display: block;
    float: none;
  }
  .popup-ages .percircle {
    margin-bottom: 1rem!important;
  }
}
@media (max-width: 570px) {
  .popup-stats-section .stat {
    width: 100%;
  }
}