a.primary {
    color: #25313e
}

a.primary {
    color: #cec451
}

a.primary {
    color: #2b2b28
}

.divider {
    margin: 1rem 0rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    line-height: 1;
    height: 0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.divider {
    position: absolute;
    border: none;
    height: 0em;
    margin: 0em;
    background-color: transparent;
    font-size: 0.875rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.8)
}

.divider {
    position: relative;
    top: 0%;
    left: 0%;
    margin: 1rem 1.5rem;
    height: auto;
    padding: 0em;
    line-height: 1
}

.divider:before,
.divider:after {
    position: absolute;
    content: " ";
    z-index: 3;
    width: 50%;
    top: 50%;
    height: 0%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8)
}

.divider:before {
    left: 0%;
    margin-left: -1.5rem
}

.divider:after {
    left: auto;
    right: 0%;
    margin-right: -1.5rem
}

.background-filter::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.background-filter::before {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    background-size: cover;
    background-image: inherit;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    z-index: -2
}

.background-filter {
    z-index: 1;
    overflow: hidden;
    position: relative
}

.ribbon-wrapper {
    z-index: 1;
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px
}

.ribbon {
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Montserrat Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: 0.05em;
    line-height: 15px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    right: -11px;
    top: 10px;
    width: 100px;
    height: 28px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #dedede;
    background-image: -webkit-linear-gradient(top, #ffffff 45%, #dedede 100%);
    background-image: -o-linear-gradient(top, #ffffff 45%, #dedede 100%);
    background-image: linear-gradient(to bottom, #ffffff 45%, #dedede 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdedede', GradientType=0)
}

.ribbon:before,
.ribbon:after {
    content: "";
    border-top: 3px solid #9e9e9e;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}

.ribbon:before {
    left: 0
}

.ribbon:after {
    right: 0
}

.ribbon.green {
    background-color: #2da285;
    background-image: -webkit-linear-gradient(top, #2da285 45%, #227a64 100%);
    background-image: -o-linear-gradient(top, #2da285 45%, #227a64 100%);
    background-image: linear-gradient(to bottom, #2da285 45%, #227a64 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff2da285', endColorstr='#ff227a64', GradientType=0)
}

.ribbon.green:before,
.ribbon.green:after {
    border-top: 3px solid #113e33
}

.ribbon.red {
    background-color: #bc1a3a;
    background-image: -webkit-linear-gradient(top, #a61733 45%, #bc1a3a 100%);
    background-image: -o-linear-gradient(top, #a61733 45%, #bc1a3a 100%);
    background-image: linear-gradient(to bottom, #a61733 45%, #bc1a3a 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa61733', endColorstr='#ffbc1a3a', GradientType=0)
}

.ribbon.red:before,
.ribbon.red:after {
    border-top: 3px solid #8f142c
}

.ribbon.blue {
    background-color: #1a8bbc;
    background-image: -webkit-linear-gradient(top, #177aa6 45%, #1a8bbc 100%);
    background-image: -o-linear-gradient(top, #177aa6 45%, #1a8bbc 100%);
    background-image: linear-gradient(to bottom, #177aa6 45%, #1a8bbc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#177aa6', endColorstr='#ff1a8bbc', GradientType=0)
}

.ribbon.blue:before,
.ribbon.blue:after {
    border-top: 3px solid #115979
}

.tooltiptext {
    transform: translateX(-50%);
    width: 90px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 50%;
    transition: opacity 0.3s;
    font-size: 14px;
    font-family: gotham-light
}

.tooltiptext:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent
}

a:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.m-t-0,
.m-v-0,
.m-0 {
    margin-top: 0px !important
}

.m-b-0,
.m-v-0,
.m-0 {
    margin-bottom: 0px !important
}

.m-l-0,
.m-h-0,
.m-0 {
    margin-left: 0px !important
}

.m-r-0,
.m-h-0,
.m-0 {
    margin-right: 0px !important
}

.p-t-0,
.p-v-0,
.p-0 {
    padding-top: 0px !important
}

.p-b-0,
.p-v-0,
.p-0 {
    padding-bottom: 0px !important
}

.p-l-0,
.p-h-0,
.p-0 {
    padding-left: 0px !important
}

.p-r-0,
.p-h-0,
.p-0 {
    padding-right: 0px !important
}

.m-t-5,
.m-v-5,
.m-5 {
    margin-top: 5px !important
}

.m-b-5,
.m-v-5,
.m-5 {
    margin-bottom: 5px !important
}

.m-l-5,
.m-h-5,
.m-5 {
    margin-left: 5px !important
}

.m-r-5,
.m-h-5,
.m-5 {
    margin-right: 5px !important
}

.p-t-5,
.p-v-5,
.p-5 {
    padding-top: 5px !important
}

.p-b-5,
.p-v-5,
.p-5 {
    padding-bottom: 5px !important
}

.p-l-5,
.p-h-5,
.p-5 {
    padding-left: 5px !important
}

.p-r-5,
.p-h-5,
.p-5 {
    padding-right: 5px !important
}

.m-t-10,
.m-v-10,
.m-10 {
    margin-top: 10px !important
}

.m-b-10,
.m-v-10,
.m-10 {
    margin-bottom: 10px !important
}

.m-l-10,
.m-h-10,
.m-10 {
    margin-left: 10px !important
}

.m-r-10,
.m-h-10,
.m-10 {
    margin-right: 10px !important
}

.p-t-10,
.p-v-10,
.p-10 {
    padding-top: 10px !important
}

.p-b-10,
.p-v-10,
.p-10 {
    padding-bottom: 10px !important
}

.p-l-10,
.p-h-10,
.p-10 {
    padding-left: 10px !important
}

.p-r-10,
.p-h-10,
.p-10 {
    padding-right: 10px !important
}

.m-t-15,
.m-v-15,
.m-15 {
    margin-top: 15px !important
}

.m-b-15,
.m-v-15,
.m-15 {
    margin-bottom: 15px !important
}

.m-l-15,
.m-h-15,
.m-15 {
    margin-left: 15px !important
}

.m-r-15,
.m-h-15,
.m-15 {
    margin-right: 15px !important
}

.p-t-15,
.p-v-15,
.p-15 {
    padding-top: 15px !important
}

.p-b-15,
.p-v-15,
.p-15 {
    padding-bottom: 15px !important
}

.p-l-15,
.p-h-15,
.p-15 {
    padding-left: 15px !important
}

.p-r-15,
.p-h-15,
.p-15 {
    padding-right: 15px !important
}

.m-t-20,
.m-v-20,
.m-20 {
    margin-top: 20px !important
}

.m-b-20,
.m-v-20,
.m-20 {
    margin-bottom: 20px !important
}

.m-l-20,
.m-h-20,
.m-20 {
    margin-left: 20px !important
}

.m-r-20,
.m-h-20,
.m-20 {
    margin-right: 20px !important
}

.p-t-20,
.p-v-20,
.p-20 {
    padding-top: 20px !important
}

.p-b-20,
.p-v-20,
.p-20 {
    padding-bottom: 20px !important
}

.p-l-20,
.p-h-20,
.p-20 {
    padding-left: 20px !important
}

.p-r-20,
.p-h-20,
.p-20 {
    padding-right: 20px !important
}

.center {
    margin-right: auto;
    margin-left: auto
}

.strong {
    font-weight: bold
}

.uppercase {
    text-transform: uppercase
}

.img-responsive {
    display: inline-block
}

.v-middle {
    vertical-align: middle
}

ol.no-bullet,
ul.no-bullet {
    list-style: none;
    padding-left: 0px
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mask {
    overflow: hidden
}

.circle {
    border-radius: 100%
}

.bordered-circle {
    border: 8px solid
}

.bordered-primary {
    border-color: #25313e
}

.bordered-secondary {
    border-color: #cec451
}

a {
    color: #000000
}

.btn-link {
    color: #000000
}

a.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #25313e;
    background-color: #fff
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #25313e
}

.progress-bar {
    color: #fff;
    background-color: #25313e;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    color: #fff;
    background-color: #25313e;
    border-color: #25313e
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    background-color: #25313e
}

.navbar-default .navbar-nav>li>a {
    color: #25313e
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #25313e
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #eee;
    border-color: #25313e
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #25313e
}

.pagination>li>a,
.pagination>li>span {
    color: #25313e;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #fff;
    background-color: #25313e;
    border-color: #25313e
}

.form-control:focus {
    border-color: #cec451;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(206, 196, 81, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(206, 196, 81, 0.6)
}

option {
    color: #000000
}

.bg-grey {
    background-color: #f4f4f2
}

.text-primary {
    color: #25313e
}

.bg-primary {
    color: #fff;
    background-color: #25313e
}

.bg-primary a {
    color: #fff
}

.btn-primary {
    color: #fff !important;
    background-color: #25313e;
    border-color: #25313e
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #25313e;
    border-color: #25313e
}

.btn-primary .badge {
    color: #25313e;
    background-color: #fff
}

.label-primary {
    background-color: #25313e
}

.panel-primary {
    border-color: #25313e
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #25313e;
    border-color: #25313e
}

.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #25313e
}

.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #25313e
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #073d3a !important;
    border-color: #073d3a
}

.outline.primary {
    background: none;
    border: 2px #25313e solid;
    color: #25313e
}

.text-secondary {
    color: #cec451
}

.bg-secondary {
    color: #fff;
    background-color: #cec451
}

.bg-secondary a {
    color: #fff
}

.btn-secondary {
    color: #fff !important;
    background-color: #cec451;
    border-color: #cec451
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
    background-color: #cec451;
    border-color: #cec451
}

.btn-secondary .badge {
    color: #cec451;
    background-color: #fff
}

.label-secondary {
    background-color: #cec451
}

.panel-secondary {
    border-color: #cec451
}

.panel-secondary>.panel-heading {
    color: #fff;
    background-color: #cec451;
    border-color: #cec451
}

.panel-secondary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #cec451
}

.panel-secondary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #cec451
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    color: #fff;
    background-color: #968400 !important;
    border-color: #968400
}

.outline.secondary {
    background: none;
    border: 2px #cec451 solid;
    color: #cec451
}

.text-inverse {
    color: #2b2b28
}

.bg-inverse {
    color: #fff;
    background-color: #2b2b28
}

.bg-inverse a {
    color: #fff
}

.btn-inverse {
    color: #fff !important;
    background-color: #2b2b28;
    border-color: #2b2b28
}

.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
    background-color: #2b2b28;
    border-color: #2b2b28
}

.btn-inverse .badge {
    color: #2b2b28;
    background-color: #fff
}

.label-inverse {
    background-color: #2b2b28
}

.panel-inverse {
    border-color: #2b2b28
}

.panel-inverse>.panel-heading {
    color: #fff;
    background-color: #2b2b28;
    border-color: #2b2b28
}

.panel-inverse>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #2b2b28
}

.panel-inverse>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #2b2b28
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
    color: #fff;
    background-color: #2b2b28 !important;
    border-color: #2b2b28
}

.outline.inverse {
    background: none;
    border: 2px #2b2b28 solid;
    color: #2b2b28
}

.btn {
    padding: 6px 16px
}

.bg-light-gray {
    background-color: #efefef
}

h5 {
    color: #25313e
}

.navbar {
    margin-bottom: 0;
    background: #ffffff;
    padding: 15px 0;
    border-bottom: 4px #25313e solid;
    border-top: 0px #25313e solid;
    border-left: 0px;
    border-right: 0px
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: none
}

@media (min-width:768px) {
    .navbar-nav {
        float: right
    }
}

.navbar .separator {
    border-right: 1px solid #25313e
}

.navbar-brand.logo {
    padding-top: 0px;
    padding-bottom: 0px
}

footer a,
footer .text-secondary {
    color: #cec451
}

footer a:hover {
    color: #ffffff
}

footer {
    border-bottom: 0px none solid;
    border-top: 4px #e6e6e6 solid;
    border-left: 0px;
    border-right: 0px;
    background-color: #25313e;
    color: #ffffff;
    padding: 20px
}

footer h4 {
    border-bottom: 2px #cec451 solid;
    line-height: 2
}

.tooltip-inner {
    border-radius: 0px
}

.img-thumbnail {
    border-radius: 0px
}

code {
    border-radius: 0px
}

pre {
    border-radius: 0px
}

.form-control {
    border-radius: 0px
}

.btn {
    border-radius: 0px
}

.dropdown-menu {
    border-radius: 0px
}

.input-group-addon {
    border-radius: 0px
}

.nav-tabs>li>a {
    border-radius: 0px 0px 0 0
}

.nav-tabs.nav-justified>li>a {
    border-radius: 0px
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-radius: 0px 0px 0 0
    }
}

.nav-pills>li>a {
    border-radius: 0px
}

.nav-tabs-justified>li>a {
    border-radius: 0px
}

@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-radius: 0px 0px 0 0
    }
}

@media (min-width:768px) {
    .navbar {
        border-radius: 0px
    }
}

.navbar-toggle {
    border-radius: 0px
}

.breadcrumb {
    border-radius: 0px
}

.pagination {
    border-radius: 0px
}

.thumbnail {
    border-radius: 0px
}

.alert {
    border-radius: 0px
}

.progress {
    border-radius: 0px
}

.panel {
    border-radius: 0px
}

.panel-group .panel {
    border-radius: 0px
}

.well {
    border-radius: 0px
}

.tooltip-inner {
    border-radius: 0px
}

@media (max-width:480px) {
    h2 {
        margin-top: 10px;
        margin-bottom: 5px
    }
}

.section-heading h2 {
    font-size: 20px
}

@media (min-width:480px) {
    .section-heading h2 {
        font-size: 20px
    }
}

@media (min-width:992px) {
    .section-heading h2 {
        font-size: 38px
    }
}

.section-heading {
    padding: 10px 15px
}

.section-heading {
    text-align: center;
    margin-bottom: 50px
}

.section-heading .heading-line {
    margin: 0 auto;
    display: block;
    height: 1px;
    width: 80px;
    background: #333;
    margin-top: 5px;
    margin-bottom: 10px
}

@media (min-width:480px) {
    .section-heading .heading-line {
        margin-top: 10px;
        margin-bottom: 20px
    }
}

.beauty-radio label {
    padding-left: 35px
}

.beauty-radio {
    display: block;
    position: relative;
    padding-left: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.beauty-radio input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.beauty-radio label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%
}

.beauty-radio label.active:before {
    background-color: #ff0000
}

.beauty-radio label.active:after {
    display: block
}

.beauty-radio label:after {
    content: "";
    position: absolute;
    display: none
}

.beauty-radio label:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white
}

.stepbar {
    counter-reset: step
}

.stepbar li {
    list-style: none;
    display: inline-block;
    width: 30.33%;
    position: relative;
    text-align: center
}

.stepbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    background-color: #fff
}

.stepbar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    top: 15px;
    left: -50%;
    z-index: -1
}

.stepbar li:first-child:after {
    content: none
}

.stepbar li.active:before {
    border-color: #25313e;
    background-color: #25313e;
    color: #fff
}

.stepbar li.active+li:after {
    background-color: #25313e
}

body {
    font-family: Gotham-Book, 微软雅黑
}

.text-light {
    font-family: 'Gotham-XLight' !important
}

.text-large {
    font-size: 150%
}

.text-sm {
    font-size: 80%
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Gotham-Medium', "微软雅黑"
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    display: block
}

.main-banner {
    background: url("images/my-image.png") no-repeat;
    background-size: 100%;
    height: 0;
    padding-bottom: 32.9188002926%;
    display: block
}

.main-banner-caption {
    line-height: 1
}

@media (min-width:1024px) {
    .main-banner-caption .text-responsive {
        font-size: 150%
    }
}

@media (max-width:600px) {
    .main-banner-caption {
        display: none
    }
}

.price {}

.price del {
    text-decoration: none;
    position: relative;
    font-size: 35px;
    position: absolute;
    top: 0
}

.price del:before {
    content: " ";
    display: block;
    width: 100%;
    border-top: 3px solid rgba(255, 0, 0, 0.8);
    height: 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-24deg)
}

.price del:after {
    margin-bottom: 10px
}

.intro-text {
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 0;
    color: white;
    transform: translateY(-50%);
}

footer h4 {
    color: white;
    font-size: 18px;
}