.mod-pricing { padding: 30px 0; text-align: center }

.mod-pricing * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mod-pricing .mod-pricing--title {
    margin: 0 0 1em;
    font-size: 2.857em;
    font-weight: 300;
    color: #43626c;
}

.mod-pricing .mod-pricing--options-option {
    background: #e6e8e8;
    padding: 15px 10px 130px;
    position: relative;
    margin-bottom: 30px;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.mod-pricing .mod-pricing--options-option:nth-child(even) {
    -webkit-transition: opacity 1s ease-in-out 0.25s, transform 1s ease-in-out 0.25s;
    -moz-transition: opacity 1s ease-in-out 0.25s, transform 1s ease-in-out 0.25s;
    -ms-transition: opacity 1s ease-in-out 0.25s, transform 1s ease-in-out 0.25s;
    -o-transition: opacity 1s ease-in-out 0.25s, transform 1s ease-in-out 0.25s;
    transition: opacity 1s ease-in-out 0.25s, transform 1s ease-in-out 0.25s;
}
.mod-pricing .mod-pricing--options-option:last-child { margin-bottom: 0 }
.mod-pricing .mod-pricing--options-option.animate-in {
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px);
}

.mod-pricing .mod-pricing--options-option-title {
    text-transform: uppercase;
    font-size: 1.786em;
    font-weight: 700;
}

.mod-pricing .mod-pricing--options-option-price {
    background: #fff;
    width: 220px;
    height: 220px;
    margin: 20px auto;
    font-weight: 400;
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.mod-pricing .mod-pricing--options-option-price-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.mod-pricing .mod-pricing--options-option-price-before { font-size: 1.5em; line-height: 1.2em; }
.mod-pricing .mod-pricing--options-option-price-amount {
    font-size: 5.071em;
    font-family: "din-2014", sans-serif;
    line-height: 60px;
    margin: 5px 0;
}
.mod-pricing .mod-pricing--options-option-price-after-large { font-size: 1.5em; line-height: 1.2em; }

.mod-pricing .mod-pricing--options-option-link {
    position: absolute;
    left: 0;
    right: 0;
    background: #3a7882;
    color: #fff;
    font-weight: 700;
    font-size: 1.429em;
    text-transform: uppercase;
    padding: 25px;
    bottom: 0;
    border-top: 3px solid #fff;
    line-height: 1.2em;
    -webkit-transition: background 1s linear, bottom 1s linear;
    -moz-transition: background 1s linear, bottom 1s linear;
    -ms-transition: background 1s linear, bottom 1s linear;
    -o-transition: background 1s linear, bottom 1s linear;
    transition: background 1s linear, bottom 1s linear;
}
.mod-pricing .mod-pricing--options-option-link:hover { text-decoration: none; color: #fff; }

.mod-pricing .mod-pricing--options-option-content { font-size: 1.286em; font-weight: 400; line-height: 1.4em; }

.mod-pricing.mod-pricing--blue .mod-pricing--options-option { background: #52c1e8; color: #fff }
.mod-pricing.mod-pricing--blue .mod-pricing--options-option:nth-child(even) { background: #cdebf7; color: #049ddf }
.mod-pricing.mod-pricing--blue .mod-pricing--options-option .mod-pricing--options-option-title { color: #fff }
.mod-pricing.mod-pricing--blue .mod-pricing--options-option:nth-child(even) .mod-pricing--options-option-title { color: #049ddf }
.mod-pricing.mod-pricing--blue .mod-pricing--options-option .mod-pricing--options-option-price { color: #049ddf }
.mod-pricing.mod-pricing--blue .mod-pricing--options-option:nth-child(even) .mod-pricing--options-option-price { background: #049ddf; color: #fff }
.mod-pricing.mod-pricing--blue .mod-pricing--options-option-link { background: #049ddf }
.mod-pricing.mod-pricing--blue .mod-pricing--options-option-link:hover { background: #1783b5 }

.mod-pricing.mod-pricing--red .mod-pricing--options-option { background: #ea8383; color: #fff }
.mod-pricing.mod-pricing--red .mod-pricing--options-option:nth-child(even) { background: #f7dcdc; color: #e24d4d }
.mod-pricing.mod-pricing--red .mod-pricing--options-option .mod-pricing--options-option-title { color: #fff }
.mod-pricing.mod-pricing--red .mod-pricing--options-option:nth-child(even) .mod-pricing--options-option-title { color: #e24d4d }
.mod-pricing.mod-pricing--red .mod-pricing--options-option .mod-pricing--options-option-price { color: #e24d4d }
.mod-pricing.mod-pricing--red .mod-pricing--options-option:nth-child(even) .mod-pricing--options-option-price { background: #e24d4d; color: #fff }
.mod-pricing.mod-pricing--red .mod-pricing--options-option-link { background: #e24d4d }
.mod-pricing.mod-pricing--red .mod-pricing--options-option-link:hover { background: #ba3e3e }

.mod-pricing.mod-pricing--green .mod-pricing--options-option { background: rgba(91, 170, 123, 0.9); color: #fff }
.mod-pricing.mod-pricing--green .mod-pricing--options-option:nth-child(even) { background: rgba(91, 170, 123, 0.4);; color: rgb(28, 142, 104) }
.mod-pricing.mod-pricing--green .mod-pricing--options-option .mod-pricing--options-option-title { color: #fff }
.mod-pricing.mod-pricing--green .mod-pricing--options-option:nth-child(even) .mod-pricing--options-option-title { color: rgb(28, 142, 104) }
.mod-pricing.mod-pricing--green .mod-pricing--options-option .mod-pricing--options-option-price { color: rgb(28, 142, 104) }
.mod-pricing.mod-pricing--green .mod-pricing--options-option:nth-child(even) .mod-pricing--options-option-price { background: rgb(28, 142, 104); color: #fff }
.mod-pricing.mod-pricing--green .mod-pricing--options-option-link { background: rgb(28, 142, 104) }
.mod-pricing.mod-pricing--green .mod-pricing--options-option-link:hover { background: #ba3e3e }

.mod-pricing.mod-pricing--orange .mod-pricing--options-option { background: rgba(243,143,34, 0.9); color: #fff }
.mod-pricing.mod-pricing--orange .mod-pricing--options-option:nth-child(even) { background: rgba(243,143,34, 0.4);; color: rgb(243,143,34) }
.mod-pricing.mod-pricing--orange .mod-pricing--options-option .mod-pricing--options-option-title { color: #fff }
.mod-pricing.mod-pricing--orange .mod-pricing--options-option:nth-child(even) .mod-pricing--options-option-title { color: rgb(243,143,34) }
.mod-pricing.mod-pricing--orange .mod-pricing--options-option .mod-pricing--options-option-price { color: rgb(243,143,34) }
.mod-pricing.mod-pricing--orange .mod-pricing--options-option:nth-child(even) .mod-pricing--options-option-price { background: rgb(243,143,34); color: #fff }
.mod-pricing.mod-pricing--orange .mod-pricing--options-option-link { background: rgb(243,143,34) }
.mod-pricing.mod-pricing--orange .mod-pricing--options-option-link:hover { background: #ba3e3e }

@media only screen and (min-width: 768px) {
    .mod-pricing { padding: 55px 0; }

    .mod-pricing .mod-pricing--options-option {
        float: left;
        width: 48%;
        margin-left: 4%;
        margin-bottom: 50px;
    }

    .mod-pricing .mod-pricing--options-option:nth-child(2n+1) { clear:left; margin-left: 0 }
    .mod-pricing .mod-pricing--options-option:nth-last-child(-n+2) { margin-bottom: 0 }

    .mod-pricing.mod-pricing--single .mod-pricing--options-option { margin: auto; float: none; }
}

@media only screen and (min-width: 1020px) {
    .mod-pricing .mod-pricing--options-option { padding: 15px 45px 100px; }
}