/* Block: usnews-simple */


.us_overlay {
    display:flex!important;
	background: rgba(0, 0, 0,0);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--us-margin);
    display: none;
    align-items: center;
    z-index: 999999 !important;
    box-sizing: border-box;
    overflow: auto;
	transition:var(--us-transition);
	pointer-events:none;
	will-change: all;
	transition-delay:.33s;
}


.us_overlay * {
    box-sizing:border-box
}

.us_overlay_box {
    background: #FFF;
    box-shadow: var(--us-box-shadow);
    border-radius: var(--us-radius);
    padding: 0;
    position: relative;
    margin: auto;
    font-size:14px;
	opacity:0;
	transform:scale(0.66);
	transition:0.5s cubic-bezier(0.36, 0, 0.66, -0.56);
	transition-delay:0s;

	will-change: all;
}

.us_overlay.open{background: rgba(0, 0, 0, .85);pointer-events:all;transition-delay:0s;}
.us_overlay.open .us_overlay_box{transform:scale(1);opacity:1;transition:cubic-bezier(0.34, 1.56, 0.64, 1) 350ms;transition-delay:.33s;}

.us_overlay.open:hover{}
.us_overlay.open:hover .us_overlay_box{}



.us_overlay_message {
    padding:var(--us-margin)
}

.us_overlay_message.has-icon .icon {
    padding-top: var(--us-margin);
    padding-bottom: var(--us-margin);
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color:#9F1F2C
}

.us_overlay_message.has-icon.red .icon {
    color:#C00
}

.us_overlay_message.has-icon.green .icon {
    color:#418E3B
}

.us_overlay_message .content {
    text-align:center
}

.us_overlay_box.twoflex .us_overlay_left, .us_overlay_box.twoflex .us_overlay_right {
    padding:var(--us-margin)
}

.us_overlay_box.twoflex .us_overlay_left {
    border-bottom:1px solid rgba(0, 0, 0, .1)
}


.us_overlay_box p {
    margin:20px 0 20px 0
}


.us_overlay_box div.form {
    margin:20px 0 0 0
}

.us_overlay_box div.form.floating div.usfield.half {
    width: calc((100% - 20px) / 2);
    margin-right:20px
}

.us_overlay_box div.form.floating div.usfield.half.last {
    margin-right:0
}

.us_overlay_box div.form.floating div.usfield.one {
    width: 100%;
    padding-bottom:0 !important
}

.us_overlay_box div.form.floating div.usfield.one input {
    width:100% !important
}

.us_overlay_close {
    position:absolute;
    top:10px;
    right:10px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:var(--us-secondary-color);
    border-radius:50%;
    cursor:pointer;text-align:center
}

.us_overlay_close i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color:#FFF !important
}

.us_overlay_box h3 {
    display: block;
    padding: 0;
    margin: 0 0 var(--us-margin) 0;
    line-height: 36px;
    font-size: 26px;
    color: #9F1F2C;
    font-weight:300
}

.us_overlay_message.has-icon.red h3 {
    color:#C00
}

.us_overlay_message.has-icon.green h3 {
    color:#418E3B
}

@media only screen and (min-width: 414px) {
    .us_overlay_box h3 {
        line-height: 42px;
        font-size: 32px;
        color: #9F1F2C;
        font-weight:300
    }
}

@media only screen and (min-width: 768px) {
    .us_overlay_box {
        font-size: 16px;
        max-width:960px
    }

    .us_overlay_box.small {
        max-width:560px
    }

    .us_overlay_box.full {
        max-width:100%
    }

    .us_overlay_message {
        display: flex;
        align-items:stretch
    }

    .us_overlay_message.has-icon .icon {
        flex-basis: 120px;
        padding: 0;
        align-self: flex-start;
        padding-right:var(--us-margin)
    }

    .us_overlay_message.has-icon .content {
        flex-basis: calc(100% - 120px);
        text-align:left
    }

    .us_overlay_message.has-icon .content a.button {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        margin-top: var(--us-margin) !important;
        margin-left: 0;
        transform:translate(0, 0)
    }

    .us_overlay_message .content a.button {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        margin-left: auto;
        transform:translate(0, 0)
    }

    .us_overlay_close {
        position: absolute;
        top: -20px;
        right:-20px
    }
}

@media only screen and (min-width: 860px) {
    .us_overlay_box.twoflex{display:flex;justify-content:center;margin-left:auto;margin-right:auto;padding:0}
    .us_overlay_box.twoflex .us_overlay_left, .us_overlay_box.twoflex .us_overlay_right{flex-basis:50%;position:relative;padding-bottom:108px !important}
    .us_overlay_box.twoflex .no-button{padding-bottom:var(--us-margin)!important}
    .us_overlay_box.twoflex .us_overlay_left{border-bottom:0;border-right:1px solid rgba(0, 0, 0, .1)}
    .us_overlay_box.twoflex .btn-holder {
        position: absolute;
        bottom: 0;
        left: 0;/*50%*/
        /*transform: translate(-50%, 0);*/
        padding: 32px 32px;
        margin-top:0 !important
    }
}

/* TIMER */

strong.timer{display:flex;align-items:center;justify-content:space-between;background:#f2f2f2;border:1px solid rgba(0,0,0,.1);border-radius:3px;padding:8px 0 8px 0;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -53px 0 0px rgba(0,0,0,.02);text-shadow:0 0 6px #FFFFFF;}
strong.timer > span{display:block;width:100%;margin:0 0 0 8px;padding:8px;background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.15);font-size:26px;font-weight:300;line-height:40px;box-sizing:border-box;text-shadow:0 1px 0 #FFFFFF;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.77),0 1px 0 rgba(255,255,255,.1);}
	strong.timer > span:last-child{margin-right:8px;}
strong.timer > span > span{display:block;font-size:10px;line-height:normal;opacity:.66;}

@media only screen and (min-width:414px) {
	strong.timer{padding:16px 0 16px 0;}
	strong.timer > span{margin:0 0 0 16px;font-size:32px;}
		strong.timer > span:last-child{margin-right:16px;}
	strong.timer > span > span{font-size:12px;}
}