?
áEÓê¤ÎïLwebshll2019
.pricing {
.bg-overlay {
background-color: rgba(0,0,0,.3);
}
.row {
margin-left: -30px;
margin-right: -30px;
}
[class*="col-"] {
padding-left: 30px;
padding-right: 30px;
}
}
.pricing-slider {
.pricing-item {
margin-left: 30px;
margin-right: 30px;
}
}
.pricing-item {
background-color: #fff;
border: 5px solid #ebebeb;
margin-top: 40px;
.item-heading {
position: relative;
padding: 23px 15px;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 9;
&.bg-1 {
background-image: url(../images/pricing/1.jpg);
}
&.bg-2 {
background-image: url(../images/pricing/2.jpg);
}
&.bg-3 {
background-image: url(../images/pricing/3.jpg);
}
&:after {
content: '';
display: block;
position: absolute;
width: 100%; height: 100%;
top: 0; left: 0;
background-color: rgba(0,0,0,.7);
z-index: -1;
}
.h4 {
font-weight: 400;
font-size: 18px;
color: #fff;
letter-spacing: 0.15em;
margin: 0;
}
}
.item-price {
color: #242424;
padding: 21px 15px;
background-color: #ebebeb;
.currency {
font-family: $ms;
font-size: 20px;
vertical-align: 17px;
}
.amount {
font-family: $la;
font-size: 48px;
font-weight: 900;
letter-spacing: 0.02em;
line-height: 1em;
}
.mo {
position: relative;
top: -2px;
font-family: $ms;
font-size: 20px;
&:before {
content: '/ ';
}
}
}
.item-body {
padding: 35px 20px 30px 20px;
ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 14px;
color: #666;
li {
line-height: 1.5em;
border-bottom: 1px solid #ebebeb;
padding: 14px 0;
&:last-child {
border: 0;
}
}
}
}
.item-footer {
margin-bottom: 32px;
.on-btn {
min-width: 115px;
}
}
&.light-item {
.item-price {
color: #fff;
background-color: $color;
}
}
}