.comparison {
max-width: 1024px;
margin: 0 auto;
margin-bottom: 20px;
margin-top: -61px;
font: 13px/1.4 "Open Sans", sans-serif;
text-align: center;
padding: 10px;
}
.comparison td, .comparison td img {
vertical-align: middle;
}
.comparison table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
}
.comparison td,
.comparison th {
border-right: 1px solid #f0f0f0;
empty-cells: show;
padding: 10px;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
color: #808080;
font-size: 15px;
font-family: Open Sans;
}
.comparison .compare-row {
background: #F7F7F7;
}
.comparison .fa-check {
color: #00b073;
}
.comparison .tiptip {
float: right;
}
.comparison th {
font-weight: normal;
padding: 0;
border-top: 0px solid #f0f0f0;
border-bottom: 0px solid #f0f0f0;
}
.comparison tr td:first-child {
text-align: left;
padding: 15px;
border-left: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
min-width: 27%;
}
.comparison .product,
.comparison .tl {
color: #FFF;
padding: 10px;
font-size: 14px;
}
.comparison .tl2 {
border-right: 0;
}
.comparison .product {
background: #00b073;
height: 40px;
font-size: 22px;
}
.comparison .price-info {
padding: 15px;
}
.comparison .price-now,
.comparison .price-now span {
color: #808080;
}
.comparison .price-now span {
font-size: 48px;
color: #4B555D;
}
.comparison .price-now p {
font-size: 14px;
text-align: center;
line-height: 16px;
display: block;
color: #CBD5D7;
}
.comparison .price-buy {
background: #EC671A;
padding: 10px 20px;
font-size: 14px;
display: inline-block;
color: #fff;
text-decoration: none;
border-radius: 3px;
text-transform: uppercase;
margin: 5px 0 10px 0;
letter-spacing: 1px;
cursor: pointer;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
.comparison .price-buy:hover {
background: #E84D00;
}
.comparison .mobileview {
display: none;
}
.comparison .trheading {
background: #F7F7F7;
}
.comparison a.feature-button, .comparison input.feature-button, .comparison a.signup-button, .comparison input.signup-button, .comparison a.attention-op-button, .comparison input.attention-op-button {
padding: 4px 14px !important;
font-size: 14px;
min-width: 100%;
margin-right: 0px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
.table_ul li {
letter-spacing: 0px;
}
.comparison .price-now span {
font-size: 32px;
}
.comparison .price-now p {
display: block;
}
.comparison .tiptip {
display: none;
}
.hide-mobile {
display: none;
}
}
@media screen and (max-width: 720px) {
.table_ul {
padding: 0px;
}
.table_ul li {
font-size: 10px;
line-height: 16px;
padding: 3px 0;
}
.comparison {
max-width: 100%;
margin-top: 30px;
padding: 0;
}
.comparison table {
table-layout: fixed;
}
.comparison td:first-child,
.comparison th:first-child {
display: none;
}
.comparison tbody .mobileview{
display: table-row;
background: #F7F7F7;
}
.comparison .row {
background: #FFF;
}
.comparison td,
.comparison th {
border: 1px solid #f0f0f0;
border-top: none;
padding: 10px;
}
.comparison .product {
font-size: 14px;
}
.price-info {
border-top: 0 !important;
padding: 10px 0 !important;
}
.price-info p {
line-height: 12px;
font-size: 12px !important;
}
.comparison .compare-row {
background: #ffffff;
}
.comparison .price-now p {
display: block;
}
.comparison .price-now span {
font-size: 24px;
}
.comparison .qbse {
font-size: 1.2em;
}
.comparison td {
font-size: 12px;
}
.comparison th {
font-size: 12px;
}
.comparison .trheading , .comparison  .trheading .lighttd , .comparison  .trheading .darktd, .hide-mobile {
display: none;
}
.comparison .mobileview {
display: table-row;
}
.comparison tbody .mobileview td {
font-size: 14px;
font-weight: 600;
}
.comparison a.feature-button, .comparison input.feature-button, .comparison a.signup-button, .comparison input.signup-button, .comparison a.attention-op-button, .comparison input.attention-op-button {
font: 600 12px/1.5 "Open Sans",sans-serif;
margin-right: 0px;
padding: 8px 4px !important;
height: auto;
max-width: 80%;
}
.homehero {
min-height: 190px !important;
padding-bottom: 0px;
overflow: hidden;
}
.homehero h2 {
margin: 0px 0px 30px 0px !important;
}
}#tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999}#tiptip_holder.tip_top{padding-bottom:5px}#tiptip_holder.tip_bottom{padding-top:5px}#tiptip_holder.tip_right{padding-left:5px}#tiptip_holder.tip_left{padding-right:5px}#tiptip_content:hover{cursor:point}#tiptip_content{font-size:14px;color:#4b555d;padding:10px;line-height:1.5;border:1px solid rgba(255,255,255,.25);background-color:#fff;background-color:rgba(255,255,255,.92);background-image:-webkit-gradient(linear,255% 255%,255% 100%,from(transparent),to(#fff));border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 10px #ccc;-webkit-box-shadow:0 0 10px #ccc;-moz-box-shadow:0 0 10px #ccc}#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0}#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:rgba(255,255,255,.35)}#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,.35)}#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:rgba(255,255,255,.35)}#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;border-left-color:rgba(255,255,255,.35)}#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:#fff;border-top-color:rgba(255,255,255,.92)}#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,.92)}#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:#fff;border-right-color:rgba(255,255,255,.92)}#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:#fff;border-left-color:rgba(255,255,255,.92)}@media screen and (-webkit-min-device-pixel-ratio:0){#tiptip_content{padding:4px 8px 5px;background-color:rgba(255,255,255,.88)}#tiptip_holder.tip_bottom #tiptip_arrow_inner{border-bottom-color:rgba(255,255,255,.88)}#tiptip_holder.tip_top #tiptip_arrow_inner{border-top-color:rgba(255,255,255,.92)}}