.offers-page .offers-list {
    font-size: 13px;
    font-family: Lato;
    color: #151b39
}

    .offers-page .offers-list .offer-banner-image .banner_img {
        width: 100%;
        border: #ececec solid 1px
    }

    .offers-page .offers-list .offer-lp .code {
        border: #ececec solid 1px;
        border-radius: 4px;
        padding: 10px;
        display: -webkit-box;
        margin-top: 10px
    }

        .offers-page .offers-list .offer-lp .code .code_name {
            color: #24aeb1;
            border: #ececec dashed 2px;
            display: inline-block;
            width: 50%;
            font-size: 20px;
            text-align: center;
            padding: 7px 0;
            float: right
        }

        .offers-page .offers-list .offer-lp .code #copy_code {
            background: #24aeb1;
            color: #fff;
            padding: 12px 16px;
            width: 300px;
            box-shadow: none;
            border: 0;
            border-radius: 4px;
            font-size: 16px;
            font-family: LatoBold;
            float: left
        }

    .offers-page .offers-list .offer-lp .offer_terms_and_conditions {
        font-family: Lato;
        font-size: 14px;
        color: #151b39;
        padding-top: 30px
    }

        .offers-page .offers-list .offer-lp .offer_terms_and_conditions ol, .offers-page .offers-list .offer-lp .offer_terms_and_conditions ul {
            padding: 0 16px
        }

            .offers-page .offers-list .offer-lp .offer_terms_and_conditions ol li, .offers-page .offers-list .offer-lp .offer_terms_and_conditions ul li {
                margin: 0 0 16px
            }

        .offers-page .offers-list .offer-lp .offer_terms_and_conditions h1 {
            font-size: 20px
        }

        .offers-page .offers-list .offer-lp .offer_terms_and_conditions h1, .offers-page .offers-list .offer-lp .offer_terms_and_conditions h2, .offers-page .offers-list .offer-lp .offer_terms_and_conditions h3, .offers-page .offers-list .offer-lp .offer_terms_and_conditions h4 {
            font-family: Latobold
        }

        .offers-page .offers-list .offer-lp .offer_terms_and_conditions p {
            padding: 0 0 15px;
            line-height: 20px;
            margin: 0;
            min-height: 1px
        }

        .offers-page .offers-list .offer-lp .offer_terms_and_conditions b {
            font-family: Latobold;
            font-weight: 400
        }

    .offers-page .offers-list .offer-lp .info {
        border: #ececec solid 0;
        border-radius: 8px;
        padding: 16px 24px;
        margin-top: 24px;
        font-family: Lato;
        background: #fff
    }

        .offers-page .offers-list .offer-lp .info .info-txt {
            line-height: 25px;
            padding: 10px 0
        }

            .offers-page .offers-list .offer-lp .info .info-txt h1 {
                font-size: 20px;
                font-family: LatoBold
            }

            .offers-page .offers-list .offer-lp .info .info-txt span {
                display: block;
                font-family: LatoBold
            }

        .offers-page .offers-list .offer-lp .info h5 {
            padding: 10px 0 0;
            position: relative;
            cursor: pointer;
            font-size: 16px;
            font-family: LatoBold;
            font-weight: 400;
            color: #02b7c2;
            margin: 10px 0 0;
            text-align: center
        }

            .offers-page .offers-list .offer-lp .info h5.active:after {
                top: 12px;
                border-color: transparent transparent #24aeb1 transparent
            }

            .offers-page .offers-list .offer-lp .info h5:after {
                position: absolute;
                width: 0;
                height: 0;
                border: solid;
                border-width: 5px;
                border-color: #24aeb1 transparent transparent transparent;
                content: '';
                top: 16px;
                margin-left: 10px
            }

    .offers-page .offers-list .offer-round {
        border: solid 1px #1db6c1;
        margin-bottom: 15px
    }

        .offers-page .offers-list .offer-round .banner_img {
            width: 100%
        }

        .offers-page .offers-list .offer-round h5 {
            padding: 10px 0 10px 20px;
            position: relative;
            cursor: pointer;
            font-size: 16px;
            font-family: LatoBold;
            font-weight: 400;
            color: #02b7c2;
            margin: 10px 0
        }

            .offers-page .offers-list .offer-round h5.active:after {
                top: 12px;
                border-color: transparent transparent #24aeb1 transparent
            }

            .offers-page .offers-list .offer-round h5:after {
                position: absolute;
                width: 0;
                height: 0;
                border: solid;
                border-width: 5px;
                border-color: #24aeb1 transparent transparent transparent;
                content: '';
                top: 16px;
                margin-left: 10px
            }

        .offers-page .offers-list .offer-round .offer-tab ol li {
            margin: 10px 10px 10px 0;
            font-size: 14px;
            line-height: 24px
        }

            .offers-page .offers-list .offer-round .offer-tab ol li b {
                font-family: LatoBold;
                font-weight: 400
            }

.offer_Lblock {
    width: 18.5%;
    float: left;
    min-height: 1px;
    position: relative;
    margin-right: 18px
}

    .offer_Lblock .white-bg {
        padding: 16px;
        margin-bottom: 36px;
        border-radius: 8px
    }

        .offer_Lblock .white-bg ul {
            padding: 0;
            margin: 0
        }

            .offer_Lblock .white-bg ul li {
                list-style: none;
                padding: 0;
                margin: 0;
                border-bottom: 1px solid rgba(21,27,57,.04)
            }

                .offer_Lblock .white-bg ul li:last-child {
                    border-bottom: 0 solid rgba(21,27,57,.04)
                }

                .offer_Lblock .white-bg ul li a.offer-cat-title {
                    font-family: LatoBold;
                    font-size: 12px;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.33;
                    letter-spacing: .5px;
                    color: rgba(21,27,57,.6);
                    margin-bottom: 16px;
                    display: block;
                    text-transform: uppercase
                }

                .offer_Lblock .white-bg ul li ul {
                    padding: 0;
                    margin: 0
                }

                    .offer_Lblock .white-bg ul li ul li {
                        list-style: none;
                        padding: 0;
                        margin: 0
                    }

.offer_Rblock {
    width: calc(100% - 20%);
    float: left;
    min-height: 1px;
    position: relative
}

    .offer_Rblock .white-bg {
        padding: 16px;
        margin-bottom: 36px;
        border-radius: 8px
    }

.offers-page .offer-title {
    font-family: LatoBold;
    margin: 0 16px 16px
}

.offers-page .offers-list .lOffer-Block {
    float: left;
    width: 232px;
    background: #fff;
    border-radius: 8px;
    margin-right: 24px;
    padding: 16px 24px
}

    .offers-page .offers-list .lOffer-Block h1 {
        margin: 0 0 16px;
        font-size: 12px;
        font-family: LatoBold;
        color: rgba(21,27,57,.6);
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 0
    }

    .offers-page .offers-list .lOffer-Block ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .offers-page .offers-list .lOffer-Block ul li {
            padding: 0;
            margin: 0 0 16px;
            line-height: normal;
            color: #151b39;
            font-size: 14px
        }

            .offers-page .offers-list .lOffer-Block ul li:last-child {
                margin-bottom: 0
            }

            .offers-page .offers-list .lOffer-Block ul li label {
                width: 100%;
                display: block;
                margin: 0;
                height: 18px;
                color: rgba(21,27,57,.6);
                line-height: 19px
            }

                .offers-page .offers-list .lOffer-Block ul li label.active {
                    color: #151b39;
                    font-family: LatoBold
                }

                .offers-page .offers-list .lOffer-Block ul li label input[type=checkbox] {
                    margin-right: 8px
                }

                    .offers-page .offers-list .lOffer-Block ul li label input[type=checkbox]:after {
                        color: rgba(0,0,0,.2);
                        top: 0;
                        left: 0;
                        position: relative;
                        background: #fff;
                        content: '\f096';
                        display: inline-block;
                        visibility: visible;
                        font-family: FontAwesome;
                        font-size: 19px;
                        border-radius: 0;
                        box-shadow: none
                    }

                    .offers-page .offers-list .lOffer-Block ul li label input[type=checkbox]:checked:after {
                        content: '\f14a';
                        color: #24aeb1
                    }

.offers-page .offers-list .rOffer-Block {
    float: left;
    width: calc(100% - 256px)
}

    .offers-page .offers-list .rOffer-Block .offer-section {
        width: 48.4%;
        float: left;
        background: #fff;
        border-radius: 8px;
        padding: 0 0 16px
    }

        .offers-page .offers-list .rOffer-Block .offer-section.odd {
            margin-right: 24px;
            margin-bottom: 24px
        }

        .offers-page .offers-list .rOffer-Block .offer-section.even {
            margin-bottom: 24px
        }

        .offers-page .offers-list .rOffer-Block .offer-section .offer_sub_img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            margin-bottom: 18px
        }

        .offers-page .offers-list .rOffer-Block .offer-section .offer-top {
            position: relative;
            height: 175px;
            overflow: visible
        }

            .offers-page .offers-list .rOffer-Block .offer-section .offer-top p {
                margin: 12px 16px 0;
                font-family: Lato;
                height: 115px;
                overflow: hidden
            }

            .offers-page .offers-list .rOffer-Block .offer-section .offer-top .offer-code {
                float: left;
                margin-left: 16px;
                margin-right: 8px;
                font-family: Lato
            }

                .offers-page .offers-list .rOffer-Block .offer-section .offer-top .offer-code .offer-coupon {
                    display: block;
                    color: #151b39;
                    font-size: 20px;
                    letter-spacing: .25px
                }

                .offers-page .offers-list .rOffer-Block .offer-section .offer-top .offer-code small {
                    display: block;
                    color: rgba(21,27,57,.6);
                    font-size: 12px
                }

            .offers-page .offers-list .rOffer-Block .offer-section .offer-top .copy-code {
                float: right;
                width: 98px;
                height: 48px;
                margin-right: 16px;
                text-align: center
            }

                .offers-page .offers-list .rOffer-Block .offer-section .offer-top .copy-code button {
                    background-color: rgba(36,174,177,.08);
                    color: #24aeb1;
                    padding: 0;
                    font-family: LatoBold;
                    text-transform: uppercase;
                    font-size: 12px;
                    height: 32px;
                    border: 0;
                    width: 98px;
                    border-radius: 3px;
                    margin: 8px 0
                }

        .offers-page .offers-list .rOffer-Block .offer-section hr {
            border: 0;
            border-top: 2px solid rgba(21,27,57,.05);
            margin: 16px
        }

        .offers-page .offers-list .rOffer-Block .offer-section .offer-bottom {
            position: relative;
            min-height: 1px;
            padding: 0 16px;
            font-family: Lato;
            font-size: 12px;
            height: 18px
        }

            .offers-page .offers-list .rOffer-Block .offer-section .offer-bottom .offer-valid {
                float: left;
                color: #378f30;
                font-family: LatoBold;
                letter-spacing: 1px;
                text-transform: uppercase
            }

            .offers-page .offers-list .rOffer-Block .offer-section .offer-bottom .view-offer {
                float: right
            }

                .offers-page .offers-list .rOffer-Block .offer-section .offer-bottom .view-offer a {
                    color: rgba(21,27,57,.6)
                }

.offers-page .offers-list .offer-top {
    background: #fff;
    border-radius: 8px;
    overflow: hidden
}

    .offers-page .offers-list .offer-top .offer-banner-image {
        border-radius: 8px;
        overflow: hidden
    }

    .offers-page .offers-list .offer-top .offer-code-section {
        position: relative;
        height: 48px;
        margin: 16px 16px 0
    }

        .offers-page .offers-list .offer-top .offer-code-section .offer-code {
            float: left;
            margin-left: 16px;
            margin-right: 8px;
            font-family: Lato
        }

            .offers-page .offers-list .offer-top .offer-code-section .offer-code .offer-coupon {
                display: block;
                color: #151b39;
                font-size: 20px;
                letter-spacing: .25px
            }

            .offers-page .offers-list .offer-top .offer-code-section .offer-code small {
                display: block;
                color: rgba(21,27,57,.6);
                font-size: 12px
            }

        .offers-page .offers-list .offer-top .offer-code-section .copy-code {
            float: right;
            width: 98px;
            height: 48px;
            margin-right: 16px;
            text-align: center
        }

            .offers-page .offers-list .offer-top .offer-code-section .copy-code button {
                background-color: rgba(36,174,177,.08);
                color: #24aeb1;
                padding: 0;
                font-family: LatoBold;
                text-transform: uppercase;
                font-size: 12px;
                height: 32px;
                border: 0;
                width: 98px;
                border-radius: 3px;
                margin: 8px 0
            }

    .offers-page .offers-list .offer-top hr {
        border: 0;
        border-top: 2px solid rgba(21,27,57,.05);
        margin: 16px 16px 0
    }

    .offers-page .offers-list .offer-top .offer-bottom {
        position: relative;
        min-height: 1px;
        padding: 16px;
        font-family: Lato;
        font-size: 12px
    }

        .offers-page .offers-list .offer-top .offer-bottom .offer-valid {
            float: left;
            color: #378f30;
            font-family: LatoBold;
            letter-spacing: 1px;
            text-transform: uppercase
        }