.pricingTable{
background: #9A2832;
font-family: 'Lato', sans-serif;
text-align: center;
padding: 15px;
}
.pricingTable .pricingTable-header{
color: #fff;
margin-bottom: 13px;
}
.pricingTable .title{
font-size: 45px;
font-weight: 600;
margin: 0;
}
.pricingTable .duration{
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
}
.pricingTable .pricing-content{
background-color: #fff;
padding: 10px;
border-radius: 40px;
}
.pricingTable .price-value{
color: #fff;
background-color: #8D0E29;
font-size: 50px;
margin: 0 0 15px 0;
border-radius: 33px;
}
.pricingTable .pricing-content .inner-content{
color: #8D0E29;
font-size: 18px;
font-weight: 600;
line-height: 40px;
letter-spacing: 1px;
padding: 0;
margin: 0 0 15px 0;
list-style: none;
}
.pricingTable .pricingTable-signup a{
color: #fff;
background-color: #8D0E29;
font-size: 30px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
padding: 6px 5px;
border-radius: 30px;
border: 5px solid #8D0E29;
display: block;
position: relative;
z-index: 1;
transition: all 0.3s;
}
.pricingTable .pricingTable-signup a:hover{
color: #8D0E29;
background-color: #fff;
box-shadow: 0 0 15px #555 inset;
}
.pricingTable .pricingTable-signup a:before,
.pricingTable .pricingTable-signup a:after{
content: '';
background-color: rgba(255,255,255,0.5);
height: 50%;
width: 0;
transform: translateY(-50%);
position: absolute;
left: 0;
top: 50%;
z-index: -1;
transition: all 0.3s;
}
.pricingTable .pricingTable-signup a:after{
left: auto;
right: 0;
}
.pricingTable .pricingTable-signup a:hover:before,
.pricingTable .pricingTable-signup a:hover:after{
width: 100%;
opacity: 0;
}
.pricingTable.blue{ background: #27317B; }
.pricingTable.blue .price-value{ background-color: #202B58; }
.pricingTable.blue .pricing-content .inner-content{ color: #202B58; }
.pricingTable.blue .pricingTable-signup a{
background-color: #202B58;
border-color: #202B58;
}
.pricingTable.blue .pricingTable-signup a:hover{
color: #202B58;
background-color: #fff;
}
.pricingTable.green{ background: #07a8b7; }
.pricingTable.green .price-value{ background-color: #00b2b2; }
.pricingTable.green .pricing-content .inner-content{ color: #00b2b2; }
.pricingTable.green .pricingTable-signup a{
background-color: #00b2b2;
border-color: #00b2b2;
}
.pricingTable.green .pricingTable-signup a:hover{
color: #00b2b2;
background-color: #fff;
}
@media only screen and (max-width: 990px){
.pricingTable{ margin: 0 0 40px; }
}