/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .blocker {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    overflow: auto;
    z-index: 99;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.78);
    text-align: center;
  }
  .blocker:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
  }
  .blocker.behind {
    background-color: transparent;
  }
  .modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 618px;
    box-sizing: border-box;
    width: 90%;
    /* background: #fff; */
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iIiBoZWlnaHQ9IiIgdmlld0JveD0iMCAwIDYxOSA0MDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5Qb3B1cCBCRzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJwb3B1cC1mYWN0b3J5LWJnIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGVza3RvcC1IRC0tLUhvbWUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MTIuMDAwMDAwLCAtMzQ0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iUG9wdXAtc3RlcC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC40OTg3NjgsIC0wLjk2NDg0NCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQyNy4xMjI1MTIsMzU0LjE0OTcyMSBMNTQ3LjM1NDU0NywzNDUuMzA4NTk0IEw2MzAuNDIzMjQxLDM2Mi45OTA4NDggTDcxNC40OTI3NjMsMzU0LjE0OTcyMSBMNzkwLjU1NTY2MywzNTQuMTQ5NzIxIEw4NzQuMTI0NzcxLDM2Mi45OTA4NDggTDk1MC42ODgwODUsMzQ1LjMwODU5NCBMMTAzMC43NTQzLDM0NS4zMDg1OTQgTDEwMTYuMjQyMyw0MTEuNDEyOTY5IEwxMDMwLjc1NDMsNDkwLjg0ODE5OSBMMTAxNi4yNDIzLDU3Ni45MTI5OTQgTDEwMTMuNzQwMjMsNjI3LjY0MDYwNCBMMTAzMC43NTQzLDY3NC41ODM3OTYgTDEwMjUuNzUwMTYsNzM1LjY5ODA2NiBMOTUwLjY4ODA4NSw3NDMuODA5OTc1IEw4NzAuNjIxODc0LDczNS42OTgwNjYgTDc2MS4xNDQ2MjMsNzQzLjgwOTk3NSBMNjUwLjQzOTc5NCw3MzUuNjk4MDY2IEw1NTAuMzU3MDMsNzQ4LjUxMzE3NSBMNTIwLjMzMjIwMSw3NDMuODA5OTc1IEw0OTQuMzEwNjgzLDc1My4zMDg1OTQgTDQ0My4yNjg0NzMsNzM1LjY5ODA2NiBMNDEyLjc1NDI5Niw3NDMuODA5OTc1IEM0MjAuMzg5MDU3LDcwNC44NzczNjUgNDI0LjIwNjQzOCw2ODUuNDExMDYgNDI0LjIwNjQzOCw2ODUuNDExMDYgQzQyNC4yMDY0MzgsNjg1LjQxMTA2IDQyNS4wOTgyNzYsNjc1LjQ3NjM5MSA0MjYuODgxOTU0LDY1NS42MDcwNTIgTDQxNC4yNTI4NDUsNTgyLjk1NTA4NSBMNDI5LjMzNzA2OSw1MjQuOTYyNjIgTDQyNC42OTc4NTQsNDQwLjA0NTQ0NiBDNDMxLjIxMTI0OSw0MjAuOTU3MTI4IDQzNC4zODYwNDMsNDExLjQxMjk2OSA0MzQuMjIyMjM4LDQxMS40MTI5NjkgQzQzNC4wNTg0MzIsNDExLjQxMjk2OSA0MzEuNjkxODU3LDM5Mi4zMjUyMTkgNDI3LjEyMjUxMiwzNTQuMTQ5NzIxIFoiIGlkPSJQb3B1cC1CRyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    box-shadow: none;
    padding: 15px 30px;
    text-align: left;
  }
  
  .modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYxLjIgKDg5NjUzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5DbG9zZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJEZXNrdG9wLUhELS0tSG9tZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMDMuMDAwMDAwLCAtMzMwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iUG9wdXAtc3RlcC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC40OTg3NjgsIC0wLjk2NDg0NCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IkNsb3NlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAzLjQ5ODc2OCwgMzMwLjk2NDg0NCkiPgogICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiNGNzk0MUUiIGN4PSIyMCIgY3k9IjIwIiByPSIyMCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0LjI3MDEwMzksMjcuMjQ3Nzg2IEMyNC41OTA5NzQ4LDI3LjI0Nzc4NiAyNC45MTE4NDU3LDI3LjExOTQzNzcgMjUuMTQyODcyOCwyNi44ODg0MTA2IEwyNi44ODg0MTA2LDI1LjE0Mjg3MjggQzI3LjExOTQzNzcsMjQuOTExODQ1NyAyNy4yNDc3ODYsMjQuNTkwOTc0OCAyNy4yNDc3ODYsMjQuMjcwMTAzOSBDMjcuMjQ3Nzg2LDIzLjk0OTIzMyAyNy4xMTk0Mzc3LDIzLjYyODM2MjEgMjYuODg4NDEwNiwyMy4zOTczMzUgTDIzLjExNDk2ODYsMTkuNjIzODkzIEwyNi44ODg0MTA2LDE1Ljg1MDQ1MSBDMjcuMTE5NDM3NywxNS42MTk0MjQgMjcuMjQ3Nzg2LDE1LjI5ODU1MyAyNy4yNDc3ODYsMTQuOTc3NjgyMSBDMjcuMjQ3Nzg2LDE0LjY1NjgxMTIgMjcuMTE5NDM3NywxNC4zMzU5NDAzIDI2Ljg4ODQxMDYsMTQuMTA0OTEzMiBMMjUuMTQyODcyOCwxMi4zNTkzNzU0IEMyNC45MTE4NDU3LDEyLjEyODM0ODQgMjQuNTkwOTc0OCwxMiAyNC4yNzAxMDM5LDEyIEMyMy45NDkyMzMsMTIgMjMuNjI4MzYyMSwxMi4xMjgzNDg0IDIzLjM5NzMzNSwxMi4zNTkzNzU0IEwxOS42MjM4OTMsMTYuMTMyODE3NCBMMTUuODUwNDUxLDEyLjM1OTM3NTQgQzE1LjYxOTQyNCwxMi4xMjgzNDg0IDE1LjI5ODU1MywxMiAxNC45Nzc2ODIxLDEyIEMxNC42NTY4MTEyLDEyIDE0LjMzNTk0MDMsMTIuMTI4MzQ4NCAxNC4xMDQ5MTMyLDEyLjM1OTM3NTQgTDEyLjM1OTM3NTQsMTQuMTA0OTEzMiBDMTIuMTI4MzQ4NCwxNC4zMzU5NDAzIDEyLDE0LjY1NjgxMTIgMTIsMTQuOTc3NjgyMSBDMTIsMTUuMjk4NTUzIDEyLjEyODM0ODQsMTUuNjE5NDI0IDEyLjM1OTM3NTQsMTUuODUwNDUxIEwxNi4xMzI4MTc0LDE5LjYyMzg5MyBMMTIuMzU5Mzc1NCwyMy4zOTczMzUgQzEyLjEyODM0ODQsMjMuNjI4MzYyMSAxMiwyMy45NDkyMzMgMTIsMjQuMjcwMTAzOSBDMTIsMjQuNTkwOTc0OCAxMi4xMjgzNDg0LDI0LjkxMTg0NTcgMTIuMzU5Mzc1NCwyNS4xNDI4NzI4IEwxNC4xMDQ5MTMyLDI2Ljg4ODQxMDYgQzE0LjMzNTk0MDMsMjcuMTE5NDM3NyAxNC42NTY4MTEyLDI3LjI0Nzc4NiAxNC45Nzc2ODIxLDI3LjI0Nzc4NiBDMTUuMjk4NTUzLDI3LjI0Nzc4NiAxNS42MTk0MjQsMjcuMTE5NDM3NyAxNS44NTA0NTEsMjYuODg4NDEwNiBMMTkuNjIzODkzLDIzLjExNDk2ODYgTDIzLjM5NzMzNSwyNi44ODg0MTA2IEMyMy42MjgzNjIxLDI3LjExOTQzNzcgMjMuOTQ5MjMzLDI3LjI0Nzc4NiAyNC4yNzAxMDM5LDI3LjI0Nzc4NiBaIiBpZD0iY3Jvc3MiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
  }
  
  .modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px;
  }
  
  .modal-spinner > div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
  
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
  }
  
  .modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }
  
  .modal-spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }
  
  .modal-spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
  
  @-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
    20% { -webkit-transform: scaleY(1.0) }
  }
  
  @keyframes sk-stretchdelay {
    0%, 40%, 100% {
      transform: scaleY(0.5);
      -webkit-transform: scaleY(0.5);
    }  20% {
      transform: scaleY(1.0);
      -webkit-transform: scaleY(1.0);
    }
  }

  #signup-response {
    text-align: center;
  }

  #signup-response.response-error {
    color: #F79419;
  }

  #signup-response.response-success {
    color: #2DC498;
  }

.ob-coupon-code {
  border: 2px dashed #979797;
  font-family: Roboto-Medium;
  font-size: 30px;
  color: #2DC498;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  margin: 0 auto;
  padding: 8px 16px;
  position: relative;
}

.ob-copy-coupon-code {
	display: block;
  text-align: center;
}

.ob-coupon-copied {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  left: 0;
  top: 0;
  color: #2DC498;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}


.ob-subscribe-coupon-code-wrap a.redem-on-amazon {
	margin: 30px auto;
	display: inline-block;
	font-family: 'umbrage', Arial Bold, sans-serif;
	font-size: 36px;
	color: white;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-style: normal;
	border-color: transparent;
	background-color: transparent;
	border-radius: 0;
	background-image: url('./img/btn-bg-blue.svg');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 0 21px;
}

.ob-subscribe-coupon-code-wrap {
	text-align: center;
}

.modal.popup-large {
  max-width: 1200px;
}