@charset "UTF-8";
/* CSS Document */

.receive-email-checkbox { position: relative; }
.receive-email-checkbox::before { content: ''; 
            position: absolute; top: -32px; left: -3px; 
            /*background-image: url('/core/assets/receive-email-arrow.svg');*/
              background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;fill:%23914a19" xml:space="preserve"><path class="st0" d="M306.9,0L486,0c13.3,0,24,10.8,24,24s-10.7,24-26.7,24H304.2c-56.4,0-103.1,46.7-103.1,104v271.5l109.8-127.2 c8.6-10,23.8-11.1,33.8-2.5c5.5,4.8,8.3,11.4,8.3,18.2c0,5.6-1.9,11.2-5.8,15.7l-151.1,176C191.6,509,185,512,178,512 c-7,0-13.6-3.9-19-8.3L7.9,327.7c-8.7-10-7.6-25.2,2.5-33.9c10-8.7,25.2-7.6,33.8,2.5L154,423.5V152C154,68.2,222.2,0,306.9,0z"/></svg>');
            background-size: 30px 30px;
            height: 30px;
            width: 30px; }
.receive-email-checkbox::after { content: 'Oops, you might miss some interesting email from us.'; width: auto; min-width: 250px; position: absolute; top: -55px; left: 25px; background-color: #914a19; color: #fff; padding: 6px 12px; font-size: 80%; box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); -webkit-box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); -moz-box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29);  }
                
        
.receive-email-pop { display: flex; top: -50px; left: 25px; flex-direction: row; align-items: stretch; width: auto; position: absolute; background-color: #914a19; color: #fff; font-size: 80%; box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); -webkit-box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); -moz-box-shadow: 5px 7px 11px 0px rgba(0,0,0,0.29); }
.receive-email-pop span { display: flex; padding: 0; line-height: 1.2; align-self: stretch; }
.receive-email-pop span:first-child { padding: 8px 12px; }
.receive-email-pop::before { content: ''; 
            position: absolute; top: 23px; left: -28px; 
            /*background-image: url('/core/assets/receive-email-arrow.svg');*/
              background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;fill:%23914a19" xml:space="preserve"><path class="st0" d="M306.9,0L486,0c13.3,0,24,10.8,24,24s-10.7,24-26.7,24H304.2c-56.4,0-103.1,46.7-103.1,104v271.5l109.8-127.2 c8.6-10,23.8-11.1,33.8-2.5c5.5,4.8,8.3,11.4,8.3,18.2c0,5.6-1.9,11.2-5.8,15.7l-151.1,176C191.6,509,185,512,178,512 c-7,0-13.6-3.9-19-8.3L7.9,327.7c-8.7-10-7.6-25.2,2.5-33.9c10-8.7,25.2-7.6,33.8,2.5L154,423.5V152C154,68.2,222.2,0,306.9,0z"/></svg>');
            background-size: 30px 30px;
            height: 30px;
            width: 30px; }
        
.yes, .no { width: 60px; min-width: 60px; min-height: 100%; background-color: #fff; color: #914a19; line-height: 60px; padding: 6px 12px; text-align: center; align-items: center; justify-content: center; position: relative; cursor: pointer; transition: all 1s; }
        
.yes:hover, .no:hover { background-color: #ccc; color: #fff; }
.yes::after { content: ''; display: block; position: absolute; right: 0; width: 1px; height: 100%; background-color: #914a19; z-index: 100; opacity: .3 }


.submitting { opacity: .3; pointer-events: none; }
.submitting::after,
.btn-primary.submitting::after {  -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite; width: 25px; }


@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}