.flip-container {
    perspective: 1000px;
}
/* flip the pane when hovered */
.state1:hover .flipper, .state1.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 125px;
    height: 125px;
}

/* flip speed goes here */
.flipper {
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
}

body{
    font-family: 'Muli', 'Segoe UI', Arial, sans-serif;
    background: url( ../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow-x:hidden;
    background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    font-weight: 500;
}

.white_box{height:125px; width: 350px; background-color:#fff; margin-left: 10px;margin-top:10px}
.green_box{height:125px; width: 350px; background-color:#B1D920; margin-left: 10px;margin-top:10px;}
.orange_box{height:125px; width: 350px; background-color: coral; margin-left: 10px;margin-top:10px;}
.yellow_box{height:125px; width: 350px; background-color: yellow; margin-left: 10px;margin-top:10px;}
#main_header{text-align: right}
@media only screen
and (min-device-width : 100px)
and (max-device-width : 699px)
{
    .white_box,.green_box,.orange_box{display:none;}

}
@media only screen
and (min-device-width : 700px)
and (max-device-width : 1015px)
{
    .green_box{
        display:none;
    }
    .orange_box{
        display:none;
    }
}
@media only screen
and (min-device-width : 1015px)
and (max-device-width : 1329px)
{
    .orange_box{
        display:none;
    }
}


.main-title{margin-right:20px;margin-left:20px;}
.state1
{
    height:125px;width:350px;background:#fff; margin-left: 10px;padding-left: 0px;padding-right: 0px;margin-top: 10px;

}


#Todays_uses
{
    height:27px;
    width:125px;
    background-color:#1AA169;
    float:left;
    clear:both;
    padding-left:6px;
    padding-right:6px;
    padding-top:3px;
    padding-bottom:3px;
    font-size:12px;
    position: absolute;
    top:58px;
    left:0px;
    color: #fff;
    text-align: center
}

.share_btn_coupon{
    background-image: url(../img/couponshare_off.png) !important;
    border-right: 1px solid #1AA169 !important;
}
.share_btn_coupon:hover{
    background-image: url(../img/couponshare_hover.png) !important;
}
.share_btn_sale{
    background-image: url(../img/saleshare_off.png) !important;
    border-right: 1px solid #932BA6 !important;
}
.share_btn_sale:hover{
    background-image: url(../img/saleshare_hover.png) !important;
}
.share_btn_print{
    background-image: url(../img/printshare_off.png) !important;
    border-right: 1px solid #FF7125 !important;
}
.share_btn_print:hover{
    background-image: url(../img/printshare_hover.png) !important;
}

.mail_btn_coupon{
    background-image: url(../img/codeshare_off.png) !important;
    border-right: 1px solid #1AA169 !important;
}
.mail_btn_coupon:hover{
    background-image: url(../img/codeshare_hover.png) !important;
}
.mail_btn_sale{
    background-image: url(../img/codeshare_off.png) !important;
    border-right: 1px solid #932BA6 !important;
}
.mail_btn_sale:hover{
    background-image: url(../img/saleemail_hover.png) !important;
}
.mail_btn_print{
    background-image: url(../img/codeshare_off.png) !important;
    border-right: 1px solid #FF7125 !important;
}
.mail_btn_print:hover{
    background-image: url(../img/printemail_hover.png) !important;
}

.fav_btn_coupon{ --fav-accent:#1AA169; }
.fav_btn_sale{ --fav-accent:#AB53BB; }
.fav_btn_print{ --fav-accent:#FF7125; }


#input1
{
    background-image: url(../img/couponshare_off.png);
    background-size:100% 100%;
    height:40px;
    width:40px;
    border-right: 1px solid #1AA169;
    border-top:none;
    border-left:none;
    border-bottom:none;
}
#input1:hover
{
    background-image: url(../img/couponshare_hover.png);}
#input2
{

    background-image: url(../img/codeshare_off.png);
    background-size:100% 100%;
    height:40px;
    width:40px;
    border-right: 1px solid #1AA169;
    border-top:none;
    border-left:none;
    border-bottom:none;
    margin-left: -2px;

}
#input2:hover
{
    background-image: url(../img/codeshare_press.png);}


#input3
{
    --fav-accent:#1AA169;
    background:#F4FBFF;
    height:40px;
    width:40px;
    border: 0px none;
    margin-left: -2px;
    padding:0;
    vertical-align:top;
    cursor:pointer;
    position:relative;
}
#input3:hover
{
    background:#fff;
}
.favorite_icon
{
    display:block;
    width:28px;
    height:28px;
    margin:6px auto;
}
.favorite_icon .fav-badge
{
    fill:#EAF4F4;
    stroke:#B8C9C9;
    stroke-width:1.5;
}
.favorite_icon .fav-heart
{
    fill:#9AAEAF;
    transition:fill .12s ease, transform .12s ease;
    transform-origin:20px 20px;
}
.favorite_icon .fav-snap
{
    fill:#5BC1F5;
}
#input3:hover .fav-badge,
#input3:focus .fav-badge
{
    stroke:var(--fav-accent);
}
#input3:hover .fav-heart,
#input3:focus .fav-heart
{
    fill:var(--fav-accent);
    transform:scale(1.06);
}
#input3:focus
{
    outline:none;
    box-shadow:inset 0 0 0 2px rgba(91,193,245,.55);
}
#Continue{
    text-align: center;
    left:25%;
    right:25%;
    position: absolute; bottom: 10px;background-color: transparent; border:1px solid #4DD09C;color: #4DD09C; padding:2px 8px 2px 8px !important; font-family: 'Oswald', sans-serif; font-weight:400; letter-spacing: 0.03em;
}
#Continue:hover{

    background-color: transparent; border:1px solid #FFF;color: #fff;
}

.Heading
{
    color: black;
    position:absolute;
    left:140px;
    right:95px;
    top:2px;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.Text
{
    position:absolute;left:140px;top:40px; line-height:1.000;
    font-weight: 600;
    font-size: 12px;
}

.worked_panel
{
    position:absolute; left:140px; right:10px; bottom:8px;
    display:flex; flex-direction:column; align-items:flex-start; gap:3px;
    font-size:10px; font-weight:bold; color:#0A365F; line-height:1.15;
}
.confidence_line,
.worked_line,
.worked_actions
{
    display:flex; align-items:center;
}
.confidence_line
{
    gap:4px;
}
.confidence_label,
.confidence_score
{
    color:#0A365F;
}
.worked_line
{
    gap:6px;
}
.worked_prompt
{
    color:#616667; font-weight:600;
}
.worked_actions
{
    gap:4px;
}
.worked_vote
{
    width:18px; height:18px; padding:0; border:1px solid #C7CDCA;
    border-radius:3px; background:#fff; color:#616667;
    font-size:10px; line-height:16px; text-align:center;
}
.worked_vote:focus
{
    outline:none;
}
.worked_vote:focus-visible
{
    outline:2px solid #75AEF0; outline-offset:1px;
}
.item2 .worked_panel
{
    bottom:8px;
}
.worked_yes.active
{
    border-color:#1AA169; background:#1AA169; color:#fff;
}
.worked_no.active
{
    border-color:#D95839; background:#D95839; color:#fff;
}
.Expdate
{
    position:absolute; top:7px; right:10px; max-width:90px;
    font-size:10px; font-weight:bold; color:#1AA169;
    text-align:right; white-space:nowrap;
}
.Star
{
    position:absolute;bottom:5px;left:140px;
}

#Todays_uses
{
    height:27px;
    width:125px;
    background-color:#1AA169;
    float:left;
    clear:both;
    padding-left:6px;
    padding-right:6px;
    padding-top:4px;
    padding-bottom:4px;
    font-weight:bold;
    font-size:14px;
}

#menu-toggle
{
    background-color: #488EC1;
    border-radius: 0px ;
    padding: 10px 10px 10px 10px !important;
    margin-top: 0px;
    border: 0px;
    width: 60px;
}
#menu-toggle:hover{background-color: #319be6;}
#filter_count
{
    position:absolute;
    top:2px;
    right:3px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:9px;
    background:#F5B825;
    color:#0A365F;
    font-family:'Muli', sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:17px;
}
#Searchbox
{
    float:left;
    vertical-align: middle;
    color: #fff;
    background-color:transparent;
    border-radius: 2px;
    font-size:12px;
    width:297px;
    height: 25px;
    border:1px solid #FFF;
    margin-left: 10px;
    margin-right: 10px;

}
.menu_search_wrap
{
    clear:both;
    float:left;
    width:100%;
    padding:10px 15px 8px;
}
#MenuSearchbox
{
    width:100%;
    height:40px;
    border:1px solid #75AEF0;
    border-radius:2px;
    background:#111718;
    color:#fff;
    font-family:'Muli', sans-serif;
    font-size:12px;
    padding:0 10px;
}
#MenuSearchbox::placeholder{ color:#9FA6A7; }
#MenuSearchbox:focus
{
    outline:none;
    border-color:#F5B825;
    box-shadow:0 0 0 2px rgba(245,184,37,.22);
}
.menu_actions
{
    clear:both;
    float:left;
    width:100%;
    padding:0 0 6px;
}
.menu_action
{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:44px;
    padding:8px 15px;
    border:0;
    border-top:1px solid rgba(255,255,255,.04);
    background:#2E2E2E;
    color:#E9EEEE;
    font-family:'Muli', sans-serif;
    font-size:14px;
    text-align:left;
    text-decoration:none;
}
.menu_action:hover,
.menu_action:focus
{
    color:#fff;
    background:#3B3D3D;
    outline:none;
    text-decoration:none;
}
.menu_action img
{
    width:21px;
    height:21px;
    object-fit:contain;
}
.menu_section
{
    clear:both;
    float:left;
    width:100%;
    border-top:1px solid rgba(255,255,255,.06);
}
.menu_section summary
{
    min-height:44px;
    padding:10px 15px;
    cursor:pointer;
    color:#fff;
    font-family:'Oswald', sans-serif;
    font-size:19px;
    font-weight:400;
    letter-spacing:.02em;
    list-style:none;
}
.menu_section summary::-webkit-details-marker{ display:none; }
.menu_section summary::after
{
    content:'+';
    float:right;
    color:#75AEF0;
    font-family:'Muli', sans-serif;
}
.menu_section[open] summary::after{ content:'-'; color:#F5B825; }
.menu_section summary:focus
{
    outline:2px solid #75AEF0;
    outline-offset:-2px;
}
.menu_options
{
    list-style:none;
    margin:0;
    padding:0 12px 10px 15px;
}
.menu_options li{ list-style:none; margin:0; padding:0; }
.menu_options button,
.menu_chip
{
    display:block;
    width:100%;
    min-height:44px;
    padding:8px 7px;
    border:0;
    border-radius:2px;
    background:transparent;
    color:#AEB7B8;
    font-family:'Muli', sans-serif;
    font-size:13px;
    font-weight:400;
    text-align:left;
    text-decoration:none;
}
.compact_options
{
    columns:2;
    column-gap:8px;
}
.compact_options li
{
    break-inside:avoid;
}
.menu_options button:hover,
.menu_options button:focus,
.menu_chip:hover,
.menu_chip:focus
{
    color:#fff;
    background:rgba(255,255,255,.08);
    outline:none;
    text-decoration:none;
}
.menu_options .sfilter_on,
.menu_action.sfilter_on,
.menu_chip.active_thintile
{
    color:#F5B825 !important;
    background:rgba(245,184,37,.12);
}
.view_options
{
    padding:0 15px 12px;
}
.menu_option_grid
{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
}
.menu_chip[aria-disabled="true"]
{
    color:#6F7879;
    cursor:not-allowed;
}
.menu_filter_bar
{
    position:sticky;
    bottom:0;
    clear:both;
    display:flex;
    gap:8px;
    width:100%;
    padding:10px 12px 14px;
    background:#212324;
    border-top:1px solid rgba(255,255,255,.12);
    z-index:2;
}
.menu_filter_bar button
{
    flex:1;
    min-height:44px;
    border:1px solid #75AEF0;
    border-radius:2px;
    background:transparent;
    color:#fff;
    font-family:'Oswald', sans-serif;
    font-size:15px;
    font-weight:400;
}
#apply_filters
{
    background:#75AEF0;
    color:#0A365F;
}
.menu_filter_bar button:focus
{
    outline:2px solid #F5B825;
    outline-offset:1px;
}

.footermenu {list-style-type: none;

}
.footermenu li{
    display: inline;
    margin-left: 10px;
    margin-top: 10px;
}
.footermenu .whats_trending a{
    color: #5BDEFF;
}
.footermenu li a
{
    color: #FFF;
    font-size:12px;
    font-weight:400;
    font-family: 'Muli', sans-serif;
    text-decoration: none;
    padding-right: 15px;

}
.footermenu li a:hover
{
    color: #6ee9ff;
}
li.activate a
{
    color:#2698C5;
}

.footer
{

    width:100%;
    background-color:#0A365F;
    color:#FFF;
    position:fixed;
    bottom:0px;
    padding-right: 3px; }

/*Menu*/

#user{
    margin-top:10px; color:#65F145;font-family: 'Oswald', sans-serif; font-size:26px;float:left;clear:both;margin-left:15px;font-weight: 400
}
#usermail
{
    color:#94FF7C; font-size:14px;float:left;clear:both;margin-left:15px;top:-10px;position:relative;font-family: 'Muli', sans-serif;font-weight: 400;
}
#favimg{float:left;clear:left;margin:12px 10px 12px 15px;vertical-align:middle;}

#Myfav{
    float:left;
    clear:right; 
    width: 100%;
    background-color: #2E2E2E;
    height: 45px;
}
#Myfav:hover,#Subdeal:hover{
    background-color: #4F5252;
}
#Myfav a,#Subdeal a
{
    color:#FFF;
    font-size:16px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-decoration: none;
    line-height: 45px;
    text-transform:none;
}

#Subdeal
{
    float:left; 
    clear:both; 
    width: 100%;
    background-color: #2E2E2E;
    height: 45px;
}

#tilelayout,#sorting
{
    font-size: 25px;
    font-weight:500;
    font-family: 'Oswald', sans-serif;
    float:left;
    clear:both;
    color:#FFF;
    margin-top:20px; 
    margin-left:15px;
    margin-bottom: 0px
}

#thintile
{
    color:#7F7D7D;
    font-size:20px;
    float:left;
    clear:both;
    margin-left:15px;

    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}
.active_thintile{
    color: #17D5F7 !important;
}
#thintile:hover
{
    color:#FFF; 
}
#thintileimg
{margin-left:45px;margin-top:8px;}
#squaretile
{
    color:#949494; font-size:15px; float:left; clear:both;margin-left:15px; margin-top:10px;}
#squaretileimg
{
    float:left;margin-top:15px; clear:right;margin-left:25px;}
#mapview
{
    color:#7F7D7D; font-size:20px; float:left; clear:both;margin-left:15px;margin-top:10px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    text-decoration: none;
}
#mapviewimg
{float:left; clear:right;margin-top:9px; margin-left:32px;}

.extra_line{
    float: left;
    clear: both;
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    color: #7D7E7E;
    font-weight: 400;
    margin-left: 15px;
    text-transform: none;
}
.menu_section .extra_line
{
    float:none;
    clear:none;
    margin:0 15px 6px;
    font-size:12px;
}

ul.main{list-style-type:none; }
ul.main li{list-style-type:none; display:inline;padding-right: 10px}
ul.main li a{color:#736F6F ;padding:0px; font-weight:400;text-decoration: none;font-size: 18px ;font-family: 'Oswald', sans-serif;letter-spacing: 0.02em }
ul.main li a:hover{color:#FFF }
ul.main li .active{color: #f5b825 !important;}


ul.submain{ list-style-type:none;padding-left: 11px;margin-bottom: 0px}
ul.submain li{ list-style-type:none; display:inline;}
ul.submain li a{color:#7D7E7E; font-family: 'Muli', sans-serif; font-size: 18px;padding:5px; font-weight:400;text-decoration: none;}
ul.submain li a:hover{color:#FFF;}
ul.submain .active a{color:#f4cd10 !important;}

ul.Savings_per{ list-style-type:none; margin-top:15px; float:left;padding-left:15px;}
ul.Savings_per li{ list-style-type:none; display:block;font-size: 14px; margin-top:10px;}
ul.Savings_per li a{color:#949494; text-decoration:none; padding:5px; font-weight:normal;font-size: 12px}
ul.Savings_per li a:hover{color:#FFF;text-decoration: none;}

.Savings_per h4
{
    color:#FFF;
    font-size: 17px
}

ul.Savings_rs{ list-style-type:none; margin-top:15px; float:left;}
ul.Savings_rs li{ list-style-type:none; display:block;font-size: 14px; margin-top:10px;}
ul.Savings_rs li a{color:#949494; text-decoration:none; padding:5px; font-weight:normal;font-size: 12px}
ul.Savings_rs li a:hover{color:#FFF;}

.Savings_rs h4
{
    color:#FFF;
    font-size: 17px;
}

@media only screen
and (min-device-width : 100px)
and (max-device-width : 480px)
{
    .container-fluid
    {
        padding-left: 0px !important;
    }
    #Searchbox
    {
        float:left;
        vertical-align: middle;
        color: #ffffff;
        background-color:transparent;
        border-radius: 2px;
        font-size:12px;
        width:320px;
        height: 25px;
        border:1px solid #FFF;
        margin-left: 10px;
        margin-right: 10px;

    }
}
.yelp_logo
{
    position:absolute;bottom:5px;left:140px;
}
.close_code
{
    position:absolute;top:0px; right:0px;
}

.item3 p{
    text-align:center; position: absolute; top:10px;left:30px; right:30px;font-size: 14px; font-weight: 300;color: #fff;
}
.item3 h4
{
    position:relative; top:45px; text-align: center; font-size: 20px; font-weight: 700; color: #fff;
}

.close_review
{
    right:5px; top: 10px; position: absolute;
}
.review_heading

{
    color:#fff; background-color: #1AA169; height:40px; font-size: 18px; padding: 5px 5px 5px 5px; font-weight: lighter;
}

.client_review
{
    margin-top:5px; width:280px;height:120px;float: left;
}
.client_review_left
{
    width:15%;float:left;
}
.client_review_right
{
    width:84%;float:left;
}

.review_box
{max-height:220px; padding: 5px;}
.reveiw_img
{
    float:left;clear:both; color: #FF7125; font-weight: 400;
}
.review_des
{
    float:left;clear:left;font-size: 12px;
}
.customer_img
{
    height:40px;width:40px;
}
.read_more
{
    text-decoration: none;color: #FF7125; font-size: 13px; font-weight:  600;
}



/*sidebar*/
.top-nav {
    height: 50px;
    position: fixed;
    width: inherit;
    z-index: 1029;
    background-color: yellow;
}
#search-page.col-xs-2 {
    width: 20%;
}
#page-content-wrapper {
    width: 100%;
}
/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/* Toggle Styles */
#wrapper {
    /*padding-left: 0px;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled {
    /*padding-left: 290px;*/
}
#sidebar-wrapper {
    position: fixed;
    left: 290px;
    width: 0px;
    height: 100%;
    margin-left: -290px;
    overflow-y: auto;
    overflow-x:hidden;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
#wrapper.toggled #sidebar-wrapper {
    width: 290px;
}
#page-content-wrapper {
    padding: 10px;
}
/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 0px;
    width: 300px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}
.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}
.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
    color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
@media(min-width:000px) {
    #wrapper {
        /*padding-left: 290px;*/
    }
    #wrapper.toggled {
        padding-left: 0px;
    }
    #sidebar-wrapper {
        width:297px;
        z-index: 9999;
        background-color:#212324;
        -webkit-box-shadow: 6px 0 12px -2px #4F5252;
            box-shadow: 6px 0 12px -2px #4F5252;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 0px;
    }
    #page-content-wrapper {
        padding: 10px;
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0px;
    }
}
/* Set the fixed height of the footer here */
#push, #footer {
    height: 60px;
}
#footer {
    background-color: #f5f5f5;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
/*
when .item:hover, show overlay.
overwrite .item-overlay."position"
*/

/*.state1:hover .item1
{
    display: none;

}
.state1:hover .item2
{
    display: block;
    margin-top: 0px;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;

}
.item1
{display: block;}
.item2
{
    display: none;
}*/
.item2{
    display: none;
}
.item3{
    display: none;
}
.item3-after{
    display: block;
    background-color:#1AA169;
    width: 345px;
    height:125px;
    position: absolute;
    top:0px;
}
.item5{
    max-height: 270px; width: 350px; position: absolute; background-color: #E2EAE7; top: 125px; z-index: 1000;right: 0px
}
.btn-signup{
    background-color: yellow;
    border-radius: 0px;
    border-bottom: 2px solid #000;
    color: #fff;
}
.btn-signup:hover{
    background-color: yellow;
    border-radius: 0px;
    border-bottom: 2px solid #000;
    color: #fff;
}
.todays_deals{
    font-size:30px;color:#FFF; font-weight: 500;font-family: 'Oswald', sans-serif;
}
#close_wrapper{
    float:right; cursor: pointer;font-family: 'Muli', sans-serif;color: #fff;font-size: 25px;font-weight: 600;margin-top: 10px;margin-right: 25px;
    background:transparent; border:0; padding:0;
}
#close_wrapper:focus{
    outline:2px solid #75AEF0;
    outline-offset:3px;
}
.user_detail_wp{
    float: left;width: 100%;background-image: url( ../img/menupattern1.png);
}
.dashed_brd_img{
    margin-top: -20px;
    margin-left: 10px;
    width: 265px;
}
#mrova-sign-up-img-control,#mrova-login-img-control,#logout{
    color: #fff !important;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    letter-spacing: 0.02em;
    font-size: 16px !important;
}
#mrova-sign-up-img-control:hover,#mrova-login-img-control:hover,#logout:hover{
    color: #3FF8FF !important;
}
.login_signup{
    margin-right: 0px
}
#sign_up,#forget_pass,#login{
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.96);
    transition: opacity .22s ease, transform .22s ease, visibility .22s;
    z-index: 3000;
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    /*border: 1px solid #3cb58c;*/
    padding: 8px 30px;
}
#sign_up.auth_popup_open,
#forget_pass.auth_popup_open,
#login.auth_popup_open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
}
#login,#sign_up{
    width: 340px;
    height: 370px;
    background-color: #042D54
}
#login center h4{
    color: #fff; font-size: 14px;font-family: 'Muli', sans-serif;font-weight: 700
}
.close_login{
    margin-right: -10px;text-align: right;color: #5BD2EC;font-family: 'Muli', sans-serif;font-size: 25px;font-weight: 700;cursor: pointer;line-height: 16px
}
.login_head_text{
    color:#97E0ED; font-size: 30px;font-family: 'Oswald', sans-serif;font-weight: 500;text-align: center
}
#forget_pass{
    background-image: url('../img/bgpattern1.png');
    width: 340px;
    height: 235px;
    padding: 10px 30px;
}
#forget_pass center h1{
    color:#0950AC; font-size: 25px;font-family: 'Oswald', sans-serif;font-weight: 500
}
#forget_pass center p{
    color:#393939; font-size: 15px;font-family: 'Muli', sans-serif;font-weight: 400
}
#forgot_pass{
    text-decoration:none;
    color:#6BD3FF;
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
}
#forgot_pass:hover{
    color: #fff
}
#login input[type="text"]:focus,
#login input[type="email"]:focus,
#login input[type="password"]:focus,
#ur_email:focus,
#sign_up input[type="password"]:focus,
#sign_up input[type="text"]:focus,
#sign_up input[type="email"]:focus
{
    width: 280px;
    height: 30px;
    background-color: #fff;
    border: 2px solid #60DCEE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #0950AC;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
#login input[type="text"],#login input[type="email"],#login input[type="password"],#ur_email,#sign_up input[type="password"],#sign_up input[type="text"],#sign_up input[type="email"]{
    color: #878787;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 280px;
    height: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.btn-login,.btn-send-mail,.btn-signup{
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.03em;
    position: relative;
    width: 95px;
    height: 36px;
    line-height: 36px;
    padding: 0px;
    color: #fff;
    text-align: center;
    background: #f7c200;
    border: 0px;
    border-bottom: 2px solid #ffdd61;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #ffdd61;
    box-shadow: inset 0 -2px #ffdd61;
    border-radius: 0px;
}
.btn-login:hover,.btn-send-mail:hover,.btn-signup:hover{
    background: #00b5c9;
    border: 0px;
    border-bottom: 2px solid #85e8ff !important;
    cursor: pointer;
    /*    -webkit-box-shadow: inset 0 -2px #85e8ff;
        box-shadow: inset 0 -2px #85e8ff;*/
    outline: none;
    color: #fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-weight: 600;
}
.btn-login:active,.btn-send-mail:active,.btn-signup:active{
    top: 1px;
    outline: none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.facebooksignin{
    background-image: url('../img/facebooksignin.png');
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: 40px 0px;
    display: block;
    height: 43px;
    width: 100%;
    margin-top: 10px;
}
.facebooksignin:hover{
    background-position: 40px -43px;
}
#close_forget_pass{
    color:#0950AC;
    font-size: 25px;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    margin-right: -10px;
    text-align: right;
    cursor: pointer;
}

.btn-send-mail{
    width: 88px !important;
}

.signup_head_text{
 color:#29D4F3; font-size: 30px;font-family: 'Oswald', sans-serif;font-weight: 500;text-align: center
}
.btn-signup{
 width: 170px;   
}
#sign_up center h4{
    color: #FFF; font-size: 14px;font-weight: 700;font-family: 'Muli', sans-serif
}
#sign_up center h3{
    font-size:11px; color: #fff;font-weight: 400;font-family: 'Muli', sans-serif;width: 75%;word-spacing: 3px
}
#sign_up center h3 span,#sign_up center h3 a{
    color:#5BD2F9;font-weight: 600;font-family: 'Muli', sans-serif;font-size: 11px;text-decoration: none;
}

/* Map CSS */
 
#canvas_holder{
position: absolute;
top: 0px;
left: 0px;
width:100%;

}
 
#map_canvas{
width:100%;
height:100%;
position: absolute;
top: 0px;
left: 0px;

}
 
#map
{
position: relative;
width: 100%;
height:100%;
}

.info
{
width: 370px;
height: 200px;
}


.info img
{
width: 150px;
height: 100px;
}
#ajax_subcontent .mix{
    display: none;
}
/* ===== interactive deal cards (2026-07-05) ===== */

/* flip-panel description: cap at 2 lines so it never runs into the code text */
.item3 p{
    top:8px; left:26px; right:26px; font-size:11px; line-height:1.3; font-weight:400;
    max-height:29px; overflow:hidden;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

/* favorited card marker (absolute — never shifts the card text) */
.state1.faved .fav_input{
    background:#FFF8DB;
    box-shadow:inset 0 0 0 2px #F5B825;
    border-radius:4px;
}
.state1.faved .favorite_icon .fav-badge{
    fill:#FFF3BF;
    stroke:#F5B825;
}
.state1.faved .favorite_icon .fav-heart{
    fill:#F5B825;
}
.state1.faved .favorite_icon .fav-snap{
    fill:#0A365F;
}
.state1.faved::after{
    content:'\2665'; position:absolute; top:2px; right:8px;
    color:#F5B825; font-size:13px; line-height:1; pointer-events:none;
}

/* active sidebar filter links */
.Savings_per li a.sfilter_on,
.Savings_rs li a.sfilter_on,
#my_fav_link.sfilter_on,
.deal_type_filter.sfilter_on,
.multi_filter.sfilter_on,
.store_filter.sfilter_on,
.sort_filter.sfilter_on,
.pct_filter.sfilter_on,
.amt_filter.sfilter_on{
    color:#F5B825 !important;
}

/* comment popup */
#comment_overlay{
    position:fixed; inset:0; background:rgba(4,17,31,.62); z-index:4000;
    display:flex; align-items:center; justify-content:center; padding:16px;
}
#comment_overlay[hidden]{ display:none; }
#comment_modal{
    position:relative; width:400px; max-width:100%; max-height:86vh; overflow-y:auto;
    background:#fff; border-radius:6px; padding:18px 20px 20px;
    box-shadow:0 18px 50px rgba(0,0,0,.4);
    font-family:'Muli', sans-serif;
}
#comment_modal h4{
    margin:0 24px 2px 0; font-size:20px; color:#0A365F;
}
#comment_sub{ font-size:12px; color:#6b7773; margin-bottom:12px; }
#comment_close{
    position:absolute; top:8px; right:12px; background:none; border:0; cursor:pointer;
    font-size:24px; line-height:1; color:#0950AC; font-weight:700;
}
#comment_list{
    max-height:240px; overflow-y:auto; margin-bottom:14px; font-size:13px; color:#444;
    border-top:1px dashed #d8ddda; padding-top:10px;
}
.comment_row{ margin-bottom:12px; }
.comment_row p{ margin:2px 0 0; font-size:13px; color:#333; }
.comment_head strong{ font-size:12px; color:#0A365F; }
.comment_when{ font-size:11px; color:#98a29e; margin-left:8px; }
.worked_chip{
    display:inline-block; margin-left:8px; padding:0 6px; border-radius:8px;
    font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
}
.worked_chip.yes{ background:#DFF5EA; color:#1AA169; }
.worked_chip.no{ background:#FDE8E0; color:#D64516; }
#comment_form input[type="text"], #comment_form textarea{
    width:100%; border:1px solid #cfd6d2; border-radius:3px; padding:7px 9px;
    font-family:'Muli', sans-serif; font-size:13px; margin-bottom:8px; color:#333;
}
#comment_form textarea{ resize:vertical; }
#worked_row{ font-size:12px; color:#444; margin-bottom:12px; }
#worked_row span{ font-weight:700; margin-right:10px; }
#worked_row label{ margin-right:12px; font-weight:400; cursor:pointer; }
#comment_submit{
    font-family:'Oswald', sans-serif; font-weight:500; letter-spacing:.03em; font-size:16px;
    background:#f7c200; border:0; border-bottom:2px solid #ffdd61; border-radius:0;
    color:#fff; padding:6px 18px; cursor:pointer;
}
#comment_submit:hover{ background:#00b5c9; border-bottom-color:#85e8ff; }

/* toast */
#sd_toast{
    position:fixed; left:50%; bottom:64px; transform:translateX(-50%) translateY(8px);
    background:#0A365F; color:#fff; font-family:'Muli', sans-serif; font-size:13px;
    padding:9px 18px; border-radius:20px; box-shadow:0 6px 18px rgba(0,0,0,.35);
    opacity:0; pointer-events:none; transition:opacity .25s ease, transform .25s ease;
    z-index:5000; max-width:90vw;
}
#sd_toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

/* company logo slot: center real brand art, don't stretch small favicons to 125px */
.logo_box{
    position:absolute; left:0; top:0; width:125px; height:125px;
    background:#fff; display:flex; align-items:center; justify-content:center;
    overflow:hidden;
}
.logo_box img{ object-fit:contain; }