*,
:after,
:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#modalNotif {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 40px 30px;
    max-width: 780px;
    position: static
}
#modalNotif:after {
    content: " ";
    display: block;
    clear: both
}
@media (min-width:660px) {
    #modalNotif {
        width: 460px;
        margin-left: auto;
        margin-right: auto
    }
    #modalNotif:after {
        content: " ";
        display: block;
        clear: both
    }
}
@media (min-width:1040px) {
    #modalNotif {
        width: 780px;
        margin-left: auto;
        margin-right: auto
    }
    #modalNotif:after {
        content: " ";
        display: block;
        clear: both
    }
}
#modalNotif .container-3-7 div,
#modalNotif img {
    width: 100%
}
#modalNotif h3 {
    font-weight: 700;
    margin: 20px 0;
    line-height: 1.1
}
#modalNotif h4 {
    margin-top: 10px
}
#modalNotif table {
    width: 100%;
    margin-bottom: 20px
}
@media (min-width:320px) and (max-width:1040px) {
    #modalNotif table td:after,
    #modalNotif table td:first-child:before {
        content: ""
    }
    #modalNotif table {
        border: 0
    }
    #modalNotif table tbody tr:first-child,
    #modalNotif table thead {
        display: none
    }
    #modalNotif table tr {
        display: block;
        border-bottom: 2px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        margin-bottom: 10px
    }
    #modalNotif table td {
        display: block;
        border-bottom: 1px solid #d7d7d7;
        text-align: left
    }
    #modalNotif table td:after {
        display: table;
        clear: both
    }
    #modalNotif table td:first-child,
    #modalNotif table td:last-child {
        border-bottom: 0
    }
    #modalNotif table td:first-child {
        background-color: #27709b;
        text-align: left;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff
    }
    #modalNotif table td:first-child input[type=checkbox] {
        float: left;
        margin: 7px 7px 0 0
    }
    #modalNotif table td:first-child a {
        color: #fff;
        display: block;
        padding: 5px 0;
        margin-right: 30px;
        position: relative
    }
    #modalNotif table td:first-child a:after {
        font-family: myherbalife;
        content: "\e515";
        position: absolute;
        top: 5px;
        right: -30px
    }
    #modalNotif table td:before {
        content: attr(data-label);
        float: left;
        text-align: left;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 12px;
        line-height: 14px;
        max-width: 150px
    }
    #modalNotif table a.phone {
        margin-left: 15px
    }
}
@media (min-width:320px) and (max-width:1040px) and (min-width:660px) {
    #modalNotif table td:before {
        max-width: 300px
    }
}
#modalNotif .not-show-again-button {
    float: left
}
#modalNotif p {
    text-align: left
}
#modalNotif .container-3-7 {
    overflow: hidden
}
@media (min-width:1040px) {
    #modalNotif table td,
    #modalNotif table th {
        text-align: left
    }
    #modalNotif table td a.phone,
    #modalNotif table th a.phone {
        display: none
    }
    #modalNotif table td:last-child,
    #modalNotif table td:nth-child(6),
    #modalNotif table td:nth-child(7) {
        font-size: 16px
    }
    #modalNotif table td:nth-child(6) {
        color: #7ac143
    }
    #modalNotif table td:nth-child(7) {
        color: red
    }
    #modalNotif .container-3-7 div {
        width: 30%;
        float: left;
        margin: 0;
        border-right: 1px solid #e8e8e8
    }
    #modalNotif .container-3-7 div + div {
        width: 70%;
        float: right;
        margin-right: 0;
        padding-left: 20px;
        border: none
    }
}
#modalNotif .bottomActBtns a {
    width: 100%;
    margin: 0 0 20px
}
#modalNotif .bottomActBtns a:last-child {
    margin-bottom: 0
}
@media (min-width:1040px) {
    #modalNotif .bottomActBtns a {
        width: auto;
        max-width: 32%;
        margin-bottom: 0
    }
    #modalNotif .bottomActBtns a.right {
        margin-left: 10px
    }
}
#modalNotif .two-columns-logos img {
    width: auto
}
#modalNotif .close-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    float: right;
    color: #ccc
}