.cp-header{
text-align: center;
font-family: 'Roboto', sans-serif;
color: #414042;
font-weight: 400;
margin-top: 40px;
}
.cp-header h1{
color: #62accb;
font-size: 36px;
font-weight: 400;}
a.cp-link{
color: #62accb;
} .cp_plan-conatiner{
text-align: center;
margin: 40px 0 0 0;
}
.cp-resume-plan{
font-family: 'Roboto', sans-serif;
text-align: center;
color: #414042;
font-weight: 400;
font-size: 14px; vertical-align: top;
width: 240px;
margin: 0 12px;
display: inline-block;
}
.cp-resume-plan h2 {
font-size: 40px;
font-weight: 400;
margin-bottom: 32px;
}
.cp-price {
color: #62accb;
font-weight: 400;
font-size: 36px;
text-align: center;
min-height: 74px;
}
.cp-price span {
font-size: 24px;
}
.cp-price-text {
color: #62accb;
width: 115px;
margin: 26px auto;
font-weight: 400;
font-size: 26px;
min-height: 64px;
}
h3.cp-numbers {
font-size: 18px;
font-weight: 500;
}
.cp-resume-row h3 {
margin-bottom: 0;
}
.cp-resume-row p {
margin-top: 0;
margin-bottom: 20px;
}
.cp-resume-row img {
margin-bottom: 5px;
}
.cp-txt-green {
color: #5aae4e;
}
.cp-button {
margin: 8px auto;
padding: 12px;
font-weight: 400;
text-align: center;
cursor: pointer;
max-width: 150px;
background: #62accb;
font-size: 12px;
padding: 5px 4px 2px 4px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #4b9fc3;
}
.cp-button.highlighted{
margin: 8px auto;
padding: 12px;
font-weight: 400;
text-align: center;
cursor: pointer;
max-width: 150px;
background: #30b582;
background: -moz-linear-gradient(top, #20df96 0%, #30b582 100%);
background: -webkit-linear-gradient(top, #20df96 0%,#30b582 100%);
background: linear-gradient(to bottom, #20df96 0%,#30b582 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20df96', endColorstr='#30b582',GradientType=0 );
font-size: 12px;
padding: 5px 4px 2px 4px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #2ba174;
}
.cp-button a {
color: #fff;
text-decoration: none; font-size: 16px;
font-weight: 400;
}
.cp-button a:hover {
opacity: 0.7;
} .cp-table{
font-family: 'Roboto', sans-serif;
color: #414042;
font-weight: 400;
margin: auto;
margin-bottom: 100px;
border-collapse: collapse;
}
.cp-table thead{
vertical-align: top;
}
.cp-table thead h2{
font-weight: 400;
margin-bottom: 0;
text-align: center;
}
.cp-table thead p{
margin: 15px auto;
vertical-align: middle; text-align: center;
}
.cp-table .cp-price{
padding-top:10px;
}
.cp-table tbody th{
width: 240px;
font-weight: 400;
margin: 20px 12px;
text-align: center;
}
.cp-table tbody tr{
height: 60px;
border: 1px solid #e8e7e7;
border-left: none;
border-right: none;
}
.cp-table th.cp-first-column{
text-align: left;
padding-left: 20px;
border-right: 1px solid #e8e7e7;
}
.cp-table th img { width: 24px;
border-radius: 50%;
}
.cp-special-row{
background-color: #dfe6f0;
}
.cp-table-pghead{
margin: 80px 0;
}
.cp-table tbody tr.cp-button-row{
height: 100px;
border: none;
}
.cp-button-row th{
text-align: center;
} .cp-button-line{
border: 1px solid #62accb;
color: #62accb;
font-weight: 400;
padding: 10px;
margin: 10px auto;
font-size: 22px;
width: 240px;
font-family: 'Roboto', sans-serif;
cursor: pointer;
}
.cp-button-line:active, .cp-btn-select{
color: #fff;
background-color: #62accb;
}
.cp-mb-section{ display: none; }
.cp-nonactive-plan{
display: none;
}
.cp-active-plan{
display: block;
}
.cp-mb-plan-btns{
text-align: center;
margin: 16px 0 80px 0;
} @media (min-width: 886px) and (max-width: 1083px){
.cp-resume-plan {
width: 190px;}
}
@media (min-width: 554px) and (max-width: 885px){
.cp-table{
display: none;
}
.cp-mb-section{
display: block;
}
.cp-button-line {
width: 120px;
display: inline-block;
margin: 0 5px;
font-size: 16px;}
.cp-resume-plan{
width: 350px;
margin: 40px auto;
font-size: 16px;
}
.cp-mb-plan{
text-align: center;
}
.cp-extended-row p, .cp-extended-row img {
display: table-cell;
vertical-align: middle;
}
.cp-extended-row {
display: table;
position: relative;
vertical-align: middle;
height: 50px;
width: 100%;
align-items: center;
border-top: 1px solid #e8e7e7;
border-left: none;
border-right: none;
}
.cp-button, .cp-button.cp-button.highlighted {
margin: 24px auto;
}
.cp-extended-row p {
margin: 0;
}
.cp-extended-row img {
width: 22px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
}
@media only screen and (max-width: 554px){
.cp-table{
display: none;
}
.cp-table-pghead{
margin: 60px 0 40px 0;
}
.cp-table-pghead p{
padding: 0 10px;
}
.cp-mb-section{
display: block;
}
.cp-mb-plan{ text-align: center;
}
.cp-extended-row{
display: table;
position: relative;
vertical-align: middle;
height: 40px;
width: 100%;
align-items: center;
border-top: 1px solid #e8e7e7;
border-left: none;
border-right: none;
}
.cp-extended-row p, .cp-extended-row img {
display: table-cell;
vertical-align: middle;
}
.cp-extended-row p{
margin: 0;
}
.cp-extended-row img{
width: 22px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.cp-button{
margin-top: 24px;
}
.cp-price-text {
width: 100%;
margin: auto
}
}
@media screen and (min-width: 886px) and (max-width: 1199px){
.cp-resume-plan h2{
font-size: 24px;
}
.cp-price-text{
font-size: 16px;
}
.cp-price{
font-size: 24px;
}
.cp-resume-plan h2{
margin-bottom: 16px;
}
.cp-price, .cp-price-text{
min-height: 36px;
margin: 14px auto;
}
.cp-price span{
font-size: 14px;
}
.cp-resume-row p{
margin-bottom: 16px;
}
.cp-button a{
font-size: 16px;
}
}
.cp-price span.trial-period-legend{
display: block;
font-size: 16px;
margin: 6px;
}