.index-newsletters .alpha-container {
    min-height: 857.91px;
}
.newsletters_page.newsletter-signup-container2 {
    display: unset !important;
    border:none !important;
}
.index-newsletters .dos-col .alpha {
    margin: unset;
    padding: unset;
    border-right: unset;
}
/*new styles for landing page */
.newsletter-flex-layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap:15px;
}
.newsletter-flex-layout .newsletter-item {
    flex: 0 22%;
    border: solid 1px #dedede;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    cursor: pointer;
    position: relative;
}
.newsletter-flex-layout .newsletter-item.subscribed {
    border: solid 2px #11b802;
}
.newsletter-flex-layout .newsletter-item:hover {
    box-shadow: 2px 2px 3px #6b6b6b78;
    transition: all 0.5s ease-in-out;
}
.newsletter-flex-layout .newsletter-item.inactive-item:after {
    content: '';
    background: #00000054;
    position: absolute;
    width: 100%;
    height: 100%;
}
.newsletter-flex-layout .newsletter-image-container {
    position: relative;
    width: 45%;
    height: 120px;
    overflow: hidden;
    display: inline-block;
    margin-right: 15px;
}
.newsletter-flex-layout .newsletter-info {
    display: inline-block;
    position: relative;
    width: 47%;
}
.newsletter-flex-layout .icon {
    position: absolute;
    top: 10px;
    right: 4px;
    border: 1px #000 solid;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 11px;
}
.newsletter-flex-layout .icon:hover {
    /* background: #000;*/
    /*color: #fff;*/
}
.newsletter-flex-layout .newsletter-title {
    font-weight: bold;
}
.newsletter-flex-layout .newsletter-title {
    margin-top: 35px;
    font-size: 15px;
}
.newsletter-flex-layout .excerpt {
    font-size: 14px;
    font-weight: lighter;
    color: #999;
}
.newsletter-flex-layout .bg-image {
    width: 100%;
    height: 100%;
    background: #000;
}
.newsletter-flex-layout .bg-image:after {
    background: #0000005c;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
}
.newsletter-flex-layout .subscribed .bg-image:after{
    background: transparent;
}
.newsletter-flex-layout .newsletter-item.subscribed:after {
    content: '';
    background: #ffffffab;
    position: absolute;
    width: 100%;
    height: 100%;
}
.newsletter-flex-layout .newsletter-image-container:after {
    content: '';
    background: #fff;
    height: 100%;
    width: 58px;
    position: absolute;
    top: -3px;
    right: -51px;
    transform: rotate(
            354deg
    );
}
.newsletter-flex-layout .newsletter-item:hover .bg-image:after {
    background: transparent;
    transition: all 0.4s ease-in-out;
}
.newsletter-signup-modal.loading{
    /*background: #eaeaea;*/
}
.newsletter-signup-modal.loading:after{
    content: '';
    background: url('/asset/top/rcmg_users_v2/loader.gif') no-repeat center center/cover;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#toast-container {
    position: fixed;
    z-index: 999999999999999 !important;
    pointer-events: none;
}

/* #container{
    overflow:unset;
} */

.checkmark{
    content : '';
    background : url('/asset/img/newsletter_icons/iconmonstr-check-mark-1.svg') no-repeat center center/cover;
    background-size: 12px;
}

/*newsletter signup modal*/
.newsletter-signup-modal,
.mc-modal-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: #f5f5f5;
    border-radius: 10px;
    width: 300px;
    overflow: hidden;
    z-index: 9999999;
}
.newsletter-signup-modal .heading {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    /*border-bottom: 1px solid #dedede8c;*/
    padding-top: 13px;
    padding-bottom: 5px;
}
.newsletter-signup-modal .heading a {
    font-size: .8em;
}
.newsletter-signup-modal .heading strong {
    display: block;
    color: white;
    margin-top: 5px;
}
.newsletter-signup-modal .sign-up-form {
    margin-top: 0;
}
.newsletter-signup-modal .btn-submit {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 9px;
    background: #59b9fd;
    border: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
}
.newsletter-signup-modal .btn-submit:hover,
#mc_embed_signup .button:hover {
    background: #409ada !important;
}
.newsletter-signup-modal .email_address, .newsletter-signup-modal input {
    width: calc(100% - 18px);
    padding: 8px;
    border: 1px solid #b5b5b5ee;
    border-radius: 3px;
}
.newsletter-signup-modal .small-text {
    font-size: .7em;
    margin-top: 4px;
    color: #868686;
}
.newsletter-signup-modal label {
    font-size: .7em;
    font-weight: bold;
}
.newsletter-signup-modal .newsletter-form-sign-in-wrapper, .newsletter-signup-modal .newsletter-form-register-wrapper, .newsletter-signup-modal .newsletter-registration-confirmation {
    position: relative;
}
.newsletter-registration-confirmation .checkmark{
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: block;
    margin: auto;
    border: 1px solid #008e00;
    border-radius: 31px;
    padding: 10px;
}
.newsletter-signup-modal label[for=tos_accept] {
    position: relative;
    padding-top: 5px;
    display: inline-block;
}
.newsletter-signup-modal #tos_accept {
    display: inline-block;
    position: relative;
    width: 13px;
    height: 13px;
}
.newsletter-signup-modal .sub-heading {
    font-size: .8em;
    text-align: center;
    font-weight: bold;
    margin-top: 23px;
    margin-bottom: 5px;
    border-bottom: 2px solid #dedede;
    padding-bottom: 20px;
}
.newsletter-signup-modal .sub-heading.success {
    color: #21a921;
}
.newsletter-signup-modal .sign_in_form_errors{
    font-size: .8em;
    font-weight: bold;
    color: #a92121;
}

.newsletter-signup-modal .user-options {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap:10px;
    margin-top: 15px;
}
.newsletter-signup-modal .btn-option {
    padding: 7px 15px;
    border: 1px solid #59b9fd;
    border-radius: 3px;
    color: #59b9fd;
    cursor: pointer;
}
.newsletter-signup-modal .btn-option:hover{
    color: #fff !important;
}
.newsletter-signup-modal .sub-heading .btn-option{
    margin-top:5px;
}

/*
black overlay
*/
.active-subscribe-modal,
.mc-modal-underlay {
    position: fixed;
    background: #00000057;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999999;
}
.newsletter-signup-modal .close-icon,
.mc-modal-container .close-icon{
    background: url('/asset/img/newsletter_icons/close.svg') no-repeat center center;
    width: 15px;
    height: 15px;
    position: absolute;
    cursor: pointer;
}
.newsletter-signup-modal .right,
.mc-modal-container .right{
    right: 10px;
    top: 10px;
}

.newsletter-signup-modal .promo-info {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}

.newsletter-signup-modal a.btn.btn-signup:before {
    position: absolute;
    content: '';
    border: solid 1px #ffffff85;
    left: .2rem;
    top: .2rem;
    right: .2rem;
    bottom: .2rem;
}
.newsletter-signup-modal a.btn.btn-signup {
    display: block;
    padding: 7px;
    background: #409ada;
    color: #fff;
    text-align: center;
    position: relative;
    margin-top: 20px;
}

@media only screen and (max-width: 768px) {
    .newsletter-flex-layout .newsletter-item {
        flex: 0 47%;
    }
}


@media only screen and (max-width: 600px) {

    .newsletter-flex-layout .newsletter-item {
        flex: 1 100%;
    }

}
@media only screen and (max-width: 414px) {
    .newsletter-signup-modal,
    .mc-modal-container {
        width: 280px;
    }
    .index-newsletters .alpha-container {
        min-height: 2676.91px;
    }
}

/* Beta Widget */

.beta .rc-newsletter-widget-new {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.beta .recommended-newsletter .recommended-item{
    width: 100%;
    display: flex;
    flex: 1 100%;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #dededede;
}
.beta .recommended-newsletter .recommended-item-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000005c;
    transition: all .3s ease-in-out;
}
.beta .recommended-newsletter .recommended-image-container:after {
    content: '';
    background: #fff;
    height: 100%;
    width: 58px;
    position: absolute;
    top: -3px;
    right: -51px;
    transform: rotate(
        354deg
    );
}
.beta .recommended-newsletter .recommended-item-title {
    font-weight: bold;
    font-size: 1.1em;
}
.beta .recommended-newsletter .recommended-excerpt {
    color: #8f8f8f;
    font-size: .8em;
}
.beta .recommended-newsletter .recommended-item-image {
    width: 90px;
    height: 90px;
}
.beta .recommended-newsletter{
    margin: 0 !important;
}
.beta .newsletter-heading {
    background: #dc0000;
    padding: 18px;
    color: #fff;
}
.beta .recommended-newsletter .recommended-image-container {
    position: relative;
    overflow: hidden;
}
.beta .recommended-newsletter .recommended-item-info {
    margin-top: 5px;
    margin-left: 13px;
    margin-top: 17px;
    width: 62%;
}
.beta .newsletter-heading .heading {
    font-weight: bold;
}
.recommended-newsletter .recommended-item.subscribed {
    border: solid 1px #11b802;
}
.recommended-newsletter .recommended-item.subscribed:after {
    content: '';
    background: #ffffffab;
    position: absolute;
    width: 100%;
    height: 100%;
}
.recommended-newsletter .recommended-item:hover .recommended-item-image:after {
    background: transparent !important;
}
.rc-newsletter-widget-new {
    margin: 20px 0;
}

.beta .icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 15px;
    height: 15px;
    z-index: 1;
    border-radius: 9px;
}
.beta .icon.checkmark{
    background-size: 9px;
    border: solid 1px #008e00;
}

/* MailChimp Modal start */

/* 
This modal reuses some css, which you can find in the css above 
CSS in here is just for the MC modal
added MailChimp's css here since their cdn would fail sometimes
*/

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px;}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #59b9fd; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: 100%;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

.mc-modal-container,
.mc-modal-underlay {
    display: none;
}

.mc-modal-container .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mc-modal-container ul {
    max-height: 270px;
    overflow-y: auto;
}

.mc-modal-container .subscribe_txt {
    font-weight: bold;
    color: #008e00;
    font-size: 1.2em;
    text-align: center;
}
.mc-modal-container .subscribe_txt.error {
    color: #e85c41;
}

.mc-modal-preselect-msg {
    font-size: 0.8em;
    text-align: center;
}

/* scroll down animation */
.mouse_scroll *, 
.mouse_scroll *:before, 
.mouse_scroll *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
  
.mouse_scroll {
    display: block;
    position: absolute;
    right: 0;
    bottom: 40%;
    transform: translate(10%, 50%);
}
  
.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
        
    border-right: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    margin: 0 0 3px 4px;

    width: 16px;
    height: 16px;
}
  
.one {
    margin-top: 1px;
}
  
.one, .two, .three {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}
  
.one {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;

    animation-direction: alternate;
    animation-delay: alternate;
}
  
.two {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;

    animation-delay: .2s;
    animation-direction: alternate;
    margin-top: -6px;
}
  
.three {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;

    animation-delay: .3s;
    animation-direction: alternate;
    margin-top: -6px;
}
  
.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid #aaa;
    top: 170px;
}
  
.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: #aaa;
    position: relative;

    height: 4px;
    width: 4px;
    border: 2px solid #aaa;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
  
.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}
  
@-webkit-keyframes mouse-wheel{
    0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    }
  
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-moz-keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px;}
    75% { top: 2px;}
    100% { top: 1px;}
}
@-o-keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px;}
    75% { top: 2px;}
    100% { top: 1px;}
}
@keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px;}
    75% { top: 2px;}
    100% { top: 1px;}
}
  
@-webkit-keyframes mouse-scroll {
    0%   { opacity: 0;}
    50%  { opacity: .5;}
    100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}
@keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}
/* MailChimp Modal end */
.fb-likes-wrapper {
    position: relative;
}