.insurance-offers {
    background: #fff
}

.insurance-offers .row {
    display: flex
}

.insurance-offers .row .columns._wrapper {
    padding-bottom: 1.25rem
}

@media screen and (max-width: 39.99875em) {
    .insurance-offers .row .columns._wrapper:first-child {
        padding-bottom: 0;
        margin-bottom: 4rem;
        position: relative
    }

    .insurance-offers .row .columns._wrapper:first-child:after {
        content: "";
        position: absolute;
        bottom: -2rem;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #f1edeb
    }

    .insurance-offers .row .columns._wrapper:first-child .insurance-offers-item {
        border: 1px solid #ee7f00
    }

    .insurance-offers .row .columns:not(:first-child) .insurance-offers-item .flex-wrapper--upper ul>li:not(:first-child) {
        display: none
    }

    .insurance-offers .row .columns:not(:first-child) .insurance-offers-item .flex-wrapper--bottom .price-wrapper {
        display: none
    }
}

.insurance-offers .columns.small-12.large-8 {
    display: flex;
    height: auto
}

.insurance-offers .section-header {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 2.25rem;
    text-align: center;
    color: #ee7f00;
    margin-bottom: 1rem
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .section-header {
        font-size: 3.125rem;
        margin-bottom: .875rem
    }
}

.insurance-offers .section-description {
    font-size: 1.125rem;
    text-align: center;
    margin-bottom: 3.75rem;
    line-height: 1.25
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .section-description {
        margin-bottom: 4.5rem
    }
}

.insurance-offers .section-description p {
    line-height: 1.3;
    font-weight: 300
}

.insurance-offers--title p,
.insurance-offers--description p {
    margin: 0
}

.insurance-offers .insurance-offers-item {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    margin: 0 auto;
    padding: 0;
    box-shadow: 0 4px 16px 0 rgba(65, 65, 65, .1)
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item {
        border: 1px solid transparent;
        border-bottom: 1px solid #ffebd5;
        box-shadow: none
    }
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item:hover {
        border-color: #ee7f00
    }
}

.insurance-offers .insurance-offers-item .img-responsive {
    background-size: cover;
    background-position: top center;
    min-height: 10.625rem
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item .img-responsive {
        min-height: 15.625rem
    }
}

.insurance-offers .insurance-offers-item .content {
    position: relative;
    padding: 2.875rem;
    height: 100%;
    min-height: 0;
    line-height: 1
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item .content {
        padding: 4rem 3.5rem
    }
}

.insurance-offers .insurance-offers-item .content--tags {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    transform: translate(0, -50%);
    width: 100%
}

.insurance-offers .insurance-offers-item .content--tags .badge {
    margin: .25rem 0
}

.insurance-offers .insurance-offers-item .content .flex-wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between
}

.insurance-offers .insurance-offers-item .content .flex-wrapper .flex-wrapper--upper {
    margin-bottom: 1.5rem
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item .content .flex-wrapper .flex-wrapper--upper {
        margin-bottom: 0
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item .content .flex-wrapper .flex-wrapper--upper {
        margin-bottom: 1.5rem
    }
}

.insurance-offers .insurance-offers-item .content .flex-wrapper ul {
    margin-bottom: 0;
    margin-left: 1rem
}

.insurance-offers .insurance-offers-item .content .flex-wrapper ul li {
    padding: 1rem 1rem .625rem 0
}

.insurance-offers .insurance-offers-item .content .flex-wrapper ul li:first-child {
    padding-top: .75rem
}

.insurance-offers .insurance-offers-item .content .flex-wrapper ul li p {
    margin: 0
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item .content .flex-wrapper ul li {
        padding: .5rem .75rem .5rem 0
    }

    .insurance-offers .insurance-offers-item .content .flex-wrapper ul li:first-child {
        padding-top: 1.875rem
    }

    .insurance-offers .insurance-offers-item .content .flex-wrapper ul li p {
        line-height: 1.3
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item .content .flex-wrapper ul li {
        padding: .625rem .75rem .75rem 0
    }

    .insurance-offers .insurance-offers-item .content .flex-wrapper ul li:first-child {
        padding-top: 1.5rem
    }
}

.insurance-offers .insurance-offers-item .content--title,
.insurance-offers .insurance-offers-item .content--title>a {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 2rem;
    color: #ee7f00
}

.insurance-offers .insurance-offers-item .content .price-wrapper {
    margin-top: 0;
    margin-bottom: 2rem
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item .content .price-wrapper {
        margin-top: 1rem;
        margin-bottom: 2rem
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item .content .price-wrapper {
        margin-top: .5rem;
        margin-bottom: 1.75rem
    }
}

.insurance-offers .insurance-offers-item .content .price-wrapper .price {
    text-align: center
}

.insurance-offers .insurance-offers-item .content .price-wrapper .price strong {
    color: #ee7f00;
    font-size: 2.5rem;
    font-family: "NNNittiGrotesk-Heading"
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item .content .price-wrapper .price strong {
        font-size: 3.125rem
    }
}

.insurance-offers .insurance-offers-item .content .button-wrapper {
    text-align: center;
    display: flex;
    justify-content: center
}

.insurance-offers .insurance-offers-item .content .button-wrapper .btn {
    width: 100%
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item .content .button-wrapper .btn {
        width: 8rem
    }
}

.insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary {
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary {
        flex-direction: row
    }
}

.insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary .btn {
    margin-bottom: 1rem
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary .btn {
        margin-bottom: 0
    }

    .insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary .btn:not(:last-child) {
        margin-right: 2rem
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary .btn:not(:last-child) {
        margin-right: 1rem
    }
}

.insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary .btn.bordered {
    margin-bottom: 0;
    box-shadow: inset 0 0 0 1px #ee7f00
}

@media(hover: hover) {

    .insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary .btn.bordered:hover,
    .insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary .btn.bordered:focus {
        box-shadow: inset 0 0 0 1px #bb6400
    }
}

.insurance-offers .insurance-offers-item .content .button-wrapper.__with-secondary .btn.bordered:hover:focus:active {
    box-shadow: inset 0 0 0 1px #bb6400
}

.insurance-offers .insurance-offers-item.__wide {
    margin: 0 auto
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item.__wide .content {
        padding: 3rem 2.25rem 3rem 3.5rem;
        display: flex;
        flex-direction: column;
        flex: 1 1 0%
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item.__wide .content--tags {
        text-align: left;
        left: 3.5rem
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item.__wide .content--title {
        margin-bottom: 1rem
    }
}

.insurance-offers .insurance-offers-item.__wide .img-responsive {
    min-height: 10.625rem
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .insurance-offers-item.__wide .img-responsive {
        min-height: 15.625rem
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item.__wide .img-responsive {
        min-height: 31.75rem
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item.__wide .flex-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        height: auto
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--upper {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper ul {
        margin-left: 1.25rem
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper ul li {
        padding: 0 0 .625rem
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        justify-content: space-around;
        padding: 2.125rem 0
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .price-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: .75rem;
        margin-top: .75rem
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .price-wrapper .price {
        white-space: nowrap
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .button-wrapper {
        position: static;
        transform: none;
        flex: 0 0 auto
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .button-wrapper .btn {
        width: 8rem
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .button-wrapper.__with-secondary {
        justify-content: space-around;
        align-items: center;
        flex-direction: column
    }
}

@media print,
screen and (min-width: 64em)and (min-width: 40em) {
    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .button-wrapper.__with-secondary {
        flex-direction: row
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .button-wrapper.__with-secondary .btn {
        margin-bottom: 1rem;
        position: static;
        bottom: 0
    }
}

@media print,
screen and (min-width: 64em)and (min-width: 40em) {
    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .button-wrapper.__with-secondary .btn {
        margin-bottom: 0
    }

    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .button-wrapper.__with-secondary .btn:not(:last-child) {
        margin-right: 2rem
    }
}

@media print,
screen and (min-width: 64em)and (min-width: 64em) {
    .insurance-offers .insurance-offers-item.__wide .flex-wrapper--bottom .button-wrapper.__with-secondary .btn:not(:last-child) {
        margin-right: 1rem
    }
}

.insurance-offers .ad-aside {
    display: flex;
    flex-direction: column;
    min-height: 26.875rem;
    height: 100%;
    overflow: hidden;
    flex: 1 1 auto
}

.insurance-offers .ad-aside .img-responsive {
    background-size: cover;
    background-position: center center;
    min-height: 10.625rem;
    border-radius: 5px 5px 0 0
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .ad-aside .img-responsive {
        min-height: 15.625rem
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .ad-aside .img-responsive {
        min-height: 21.875rem
    }
}

.insurance-offers .ad-aside .column-left {
    padding: 3.5rem 3rem 2.875rem 3.125rem;
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .ad-aside .column-left {
        padding: 3.5rem 3rem 2.875rem 3.125rem
    }
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .ad-aside .column-left {
        padding: 4rem 3.5rem
    }
}

.insurance-offers .ad-aside--title {
    font-family: "NNNittiGrotesk-Heading";
    color: #f39100;
    font-size: 3.125rem;
    text-align: left;
    padding-bottom: 1rem;
    word-break: break-word;
    margin-bottom: 0
}

@media print,
screen and (min-width: 40em) {
    .insurance-offers .ad-aside--title {
        font-size: 3.125rem
    }
}

.insurance-offers .ad-aside--title p {
    margin: 0
}

.insurance-offers .ad-aside--description {
    font-family: "NNNittiGrotesk-TextRegular";
    font-size: 1.5rem;
    color: #000;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 1.5rem;
    word-break: break-word;
    display: inline-block;
}

.insurance-offers .ad-aside .btn {
    width: 100%
}

@media print,
screen and (min-width: 64em) {
    .insurance-offers .ad-aside .btn {
        width: 12rem
    }
}