/* New homepage styles ################################################## */

/* ##### New homepage top section ##### */
.main-content{
padding-top: 0!important;
}
.hp-custom{
padding-top: 0;
}
.hp-top-section{
background: url(/wp-content/uploads/2015/12/main-bg-2.jpg) 0 0 no-repeat;
background-size: cover;
height: 480px;
margin-top: -20px;
}
.hp-top-section h1{
color: white;
padding: 40px 60% 0 40px
}
.hp-top-section h1 span{
font-size: 26px;
font-weight: normal;
font-style: italic;
}
.hp-top-section img{
margin: 0 0 20px 40px;
}
.hp-top-section p{
color: white;
padding: 0 60% 0 40px;
font-size: 16px;
}
.hp-top-section hr{
height: 3px;
width: 100px;
border: 0;
background-color: white;
}
.p-arrows{
height: 65px;
background: url(/wp-content/uploads/2015/11/arrows.png) bottom center no-repeat;
}
.hp-top-section ul{
margin-top: 120px!important;
}
.hp-top-section ul li{
list-style-type: none;
float: left;
margin-right: 20px;
}
.hp-top-section ul li.help{
padding: 20px 10px 0 40px;
color: white;
}
.hp-top-section ul li.help img{
margin: 0 0 0 3px;
}
.hp-top-section ul{
padding: 0;
margin: 0;
}
/* ##### New homepage logos ##### */
.hp-top-section ul li a{
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 0;
width: 260px;
text-align: center;
margin: 0 auto 0 auto;
color: #ffffff;
padding: 10px 0;
pointer: pointer;
font-size: 16px;
font-weight: bold;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
transition:all 0.3s ease;
}
.hp-top-section ul li.hp-top-btn1 a{
background-color: #8dc153;
}
.hp-top-section ul li.hp-top-btn2 a{
background-color: #8dc153;
}
.hp-top-section ul li.hp-top-btn3 a{
background-color: #8dc153;
}
.hp-top-section ul li a:hover{
display: block;
color: #d9e7c9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
transition:all 0.3s ease;
}
.logos h2{
margin: 33px 0 0 20px;
float: left;
font-size: 16px;
}
.logos img{
float: right;
margin-bottom: -20px;
}
/* ##### New homepage newsletter ##### */
.hp-newsletter{
background-color: #f4f4f4;
text-align: center;
}
.hp-newsletter h2{
font-size: 20px;
padding: 50px 0 0 0;
}
.hp-newsletter input.wpcf7-email{
width: 300px;
display: inline;
margin-right: 10px;
margin-bottom: 50px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 54px;
border: 1px solid #8dc153;
}
.hp-newsletter input.wpcf7-submit{
background-color: #8dc153;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 15px 20px;
margin-bottom: 40px;
font-size: 16px;
}
/* ##### New homepage reviews ##### */
.hp-reviews{
text-align: center;
padding-bottom: 50px;
}
.hp-reviews h2{
padding: 20px 0 20px 0;
}
.hp-reviews h3{
padding: 10px 0 20px 0;
font-size: 16px;
font-weight: normal;
clear: both;
margin-bottom: 0;
line-height: 1.4em;
}
.hp-review button{
margin: 10px 0 30px 0;
}
.hp-reviews ul{
margin: 0 0 30px 0;
padding: 0;
}
.hp-reviews ul li{
list-style-type: none;
float: left;
width: 30%;
margin-left: 2.5%;
margin-bottom: 50px;
}
/* ##### New homepage bottom ##### */
.hp-bottom-section{
background-color: #f4f4f4;
position: relative;
top: 35px;
margin-top: -60px;
float: left;
padding-bottom: 30px;
}
.hp-bottom{
width: 23%;
float: left;
margin-left: 2%;
margin-bottom: 10px;
text-align: center;
padding-top: 40px;
}
.hp-bottom h2{
font-size: 16px;
line-height: 1.4em;
}
.hp-bottom img{
margin-bottom: 10px;
}
.hp-bottom p{
margin-bottom: 30px;
}
/* ##### New homepage green buttons ##### */
button.green-btn{
border: 0;
background: none;
margin-left: 0;
padding: 0;
}
button.green-btn a{
display: block;
font-weight: bold;
color: white;
border: 0;
background-color: #8dc153;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 15px 20px;
margin-bottom: 40px;
margin-top: 10px;
font-size: 16px;
transition:all 0.3s ease;
}
button.green-btn span{
font-weight: normal;
display: block;
}
button.green-btn a:hover{
transition:all 0.3s ease;
box-shadow: inset 0 0 0 30px #6c953f;
}
/* ##### New homepage medium ##### */
@media all and (max-width: 1198px) and (min-width: 995px) {
.hp-top-section h1{
padding-right: 50%;
}
.hp-top-section ul{
margin-top: 120px!important;
}
.hp-top-section ul li a{
width: 200px;
font-size: 14px;
}
.logos img {
width: 800px;
margin-top: 8px;
}
.hp-bottom h2 {
height: 30px;
}
}
/* ##### New homepage Small ##### */
@media all and (max-width: 995px) {
.hp-top-section{
background: url(/wp-content/uploads/2015/12/main-bg-small.jpg) 0 0 no-repeat;
text-align: center;
}
.hp-top-section h1{
padding: 40px 10% 0 10%;
}
.hp-top-section p {
padding: 0 10% 0 10%;
}
.p-arrows{
background: none;
}
.hp-top-section ul{
margin-top: 80px!important;
}
.hp-top-section ul li{
width: 100%;
}
.hp-top-section ul li.help{
display: none;
}
.hp-top-section ul li a{
width: 60%;
margin: 0 auto 20px auto;
}
.logos h2 {
margin: 23px 0 0 20px;
float: none; 
text-align: center;
}
.logos img {
margin-top: 0;
}
.hp-reviews ul li{
width: 80%;
margin-left: 10%;
}
.hp-review h3{
font-size: 20px;
}
.hp-bottom {
width: 48%;
margin-left: 2%;
margin-bottom: 30px;
}
.hp-bottom h2 {
font-size: 16px!important;
}
}
/* ##### New homepage Extra Small ##### */
@media all and (max-width: 700px) {
.hp-top-section ul li a{
width: 90%;
}
.hp-bottom {
width: 90%;
margin-left: 5%;
}
.hp-bottom h2 {
font-size: 16px!important;
}
}
/* ##### category top ##### */
.category-guides h1{
border-bottom: 0;
font-size: 36px;
margin: 20px 0 0 0;
color: #555555;
}
.category-guides h1 span{
border-bottom: 0;
}
.category-guides .guides-p-top{
color: #555555;
margin-bottom: 30px;
}
.category-guides .wp-image-3511{
float: right;
margin: 10px 0 30px 40px;
}
/* Product review styles ################################################## */
/* ##### Review top section ##### */
.main-review-left{
padding: 0 40px;
}
.main-review-left h1{
color: black;
}
.main-stars{
width: 100%;
margin-top: -15px;
}
.main-stars p{
display: inline;
position: relative;
top: 3px;
left: 5px;
}
.main-review-left p{
font-size: 18px;
margin-bottom: 15px;
}
.main-review-right{
padding: 20px 20px 0 0;
}
/* ##### Review top CTA ##### */
.platform-cta p{
text-align: center;
}
.platform-cta{
background-color: #f4f4f4;
padding: 40px 0 20px 0;
}
.platform-cta p a{
background: url(/wp-content/uploads/2015/12/green-arrow.png) 0 0 no-repeat;
padding: 0 0 10px 45px;
font-size: 24px;
}
/* ##### Review content top ##### */
.product-review-embed{
float: right!important;
padding-right: 40px!important;
}
.product-review-embed h2{
font-size: 20px;
}
.product-review-embed .cwp-item-price{
font-size: 14px;
font-weight: 700;
position: relative;
top: 5px;
}
#review-statistics .review-wrap-up .review-wu-left .review-wu-grade{
border: 0!important;
}
#review-statistics .review-wu-bars{
border-top: 0!important;
border-right: 0!important;
}
.pros h2, .cons h2, .pros ul, .cons ul{
margin-left: 20px!important;
}
#review-statistics .review-wrap-up .review-wu-right ul li{
margin-left: 0!important;
line-height: 1.3em!important;
}
#review-statistics .review-wrap-up .review-wu-left .review-wu-grade, #review-statistics .review-wrap-up .review-wu-left .rev-wu-image{
height: 120px!important;
}
#review-statistics .rev-option.customBarIcon ul li i{
font-size: 16px!important;
}
.affiliate-button{
border-bottom: 5px solid #79b657!important;
padding-bottom: 20px!important;
}
.affiliate-button a{
display: none!important;
}
#review-statistics .review-wrap-up{
border: 0!important;
}
#review-statistics .rev-option.customBarIcon ul li{
width: 22px!important;
}
.product-review-content{
float: left!important;
padding: 15px 0 0 40px!important;
}
.product-review-content-full{
float: left;
padding: 0 40px;
}
@media all and (max-width: 995px) {
.main-review-left{
text-align: center;
}
.main-review-right{
text-align: center;
padding-right: 0;
}
.product-review-embed{
padding-right: 15px;
margin-top: -30px;
}
.product-review-content{
padding-right: 40px;
}
}
/* Review Category styles ################################################## */

/* ##### background section ##### */
.review-background{
background: url(/wp-content/uploads/2015/12/category-test.jpg) 0 0 no-repeat;
}
.page-id-3084 .site-content{
background: url(/wp-content/uploads/2016/01/platforms-bg-4.jpg) center 0 no-repeat;
}
.page-id-3148 .site-content{
background: url(/wp-content/uploads/2015/12/hosting-main-img2.png) center 0 no-repeat;
}
.page-id-2680 .site-content{
background: url(/wp-content/uploads/2016/01/seo-features-main-5.png) center 0 no-repeat;
}
.page-id-3183 .site-content{
background: url(/wp-content/uploads/2016/01/shop-image-2.png) center 0 no-repeat;
}
.page-id-3225 .site-content{
background: url(/wp-content/uploads/2016/01/ecommerce-web-main.png) center 0 no-repeat;
}
.page-id-3231 .site-content{
background: url(/wp-content/uploads/2016/01/consultant-main.png) center 0 no-repeat;
}
.page-template-review-category .site-content{
padding-top: 310px!important;
}
.page-template-review-category h1{
margin-top: 45px!important;
}
.review-category-main h1, .review-category-main p, .review-category-main h2{
position: relative;
top: -280px;
color: #555555;
width: 50%;
}
.review-category-main h1{
margin-top: 45px;
}
.review-category-main h2{
color: #555555;
font-weight: normal;
font-style: italic;
}
.feature-page-top{
margin-top: -250px!important;
padding: 40px!important;
}
.page-id-3183 h3{
margin-top: 60px;
}
.page-id-3183 .hp-reviews h3{
margin-top: 20px;
}
.page-id-3183 h1, .page-id-3183 h2{
color: #555555;
}
/* ##### Features ##### */
.features-hr{
border: 0;
width: 139px;
height: 20px;
margin: 30px 0;
background: url(/wp-content/uploads/2016/01/squiggle-hr.png) 0 0 no-repeat;
}
.features-half-img{
width: 50%; 
float: right; 
margin: 40px 0 60px 40px;
}
.features-form{
background-color: #f4f4f4;
text-align: center;
}
.features-form p{
padding: 50px 0 0 0;
margin: 0 0 -20px 0;
font-weight: bold;
}
.features-form input{
width: 50%!important;
display: inline;
margin-left: 25%;
margin-bottom: 0;
-webkit-border-radius: 3px!important;
-moz-border-radius: 3px!important;
border-radius: 3px!important;
height: 54px!important;
border: 1px solid #8dc153!important;
}
.features-form textarea{
width: 50%!important;
display: inline;
margin-bottom: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #8dc153;
}
.features-form input.wpcf7-submit {
background-color: #8dc153;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 15px 20px;
margin-bottom: 40px;
font-size: 16px;
margin-left: 0;
width: auto!important;
}
.features-after-form{
padding: 40px!important;
}
/* ##### Comparison table section ##### */
.comparison-table{
margin-top: -265px;
}
.comparison-table td{
padding: 30px 0;
}
.comparison-table tr{
border-bottom: 4px solid #f8f8f8;
padding-bottom: 30px;
}
.comparison-table tr.last{
border-bottom: 0;
padding-bottom: 0;
}
.comparison-table thead{
display: none;
}
.comparison-table h2{
position: relative;
top: -40px;
margin-bottom: -40px;
background-color: white;
padding: 10px 20px;
display: inline-block;
font-size: 18px;
}
.footable .foo-site{
text-align: center;
}
.footable td{
position: relative;
}
.footable .foo-site{
padding: 0 30px;
}
.footable .foo-site p{
position: absolute;
top: 0;
left: 0;
width: 34px;
height: 34px;
padding-top: 5px;
text-align: center;
background-color: #f8f8f8;
}
.footable .foo-rating img{
margin-bottom: 10px;
}
.footable .foo-rating ul{
margin: 0;
padding: 0 40px 0 0;
}
.footable .foo-rating ul li{
list-style-type: none;
}
.footable .foo-details{
padding: 0 20px;
}
.footable .foo-overview{
padding: 0 20px;
}
.footable .foo-overview ul{
margin: 0;
padding: 0 0 0 20px;
}
.footable .foo-features ul{
margin: 0;
padding: 0;
}
.footable .foo-features ul li{
list-style-type: none;
text-align: left;
padding-left: 30px;
}
.footable .foo-features ul li div{
line-height: 1em;
width: 100px;
float: left;
text-align: right;
padding-top: 4px;
}
.footable .foo-features span{
width: 55px;
text-align: left;
padding-left: 100px;
}
.footable .divider{
position: absolute;
height: 80%;
top: 20px;
right: 20px;
width: 4px;
background-color: #f8f8f8;
}
.rating-10{
background: url(/wp-content/uploads/2015/12/table-rating-10.png) 5px 6px no-repeat;
}
.rating-9-5{
background: url(/wp-content/uploads/2016/01/table-rating-9-5.png) 5px 6px no-repeat;
}
.rating-9{
background: url(/wp-content/uploads/2015/12/table-rating-9.png) 5px 6px no-repeat;
}
.rating-8-5{
background: url(/wp-content/uploads/2016/01/table-rating-8-5.png) 5px 6px no-repeat;
}
.rating-8{
background: url(/wp-content/uploads/2015/12/table-rating-8.png) 5px 6px no-repeat;
}
.rating-7{
background: url(/wp-content/uploads/2015/12/table-rating-7.png) 5px 6px no-repeat;
}
.rating-6{
background: url(/wp-content/uploads/2015/12/table-rating-6.png) 5px 6px no-repeat;
}
.rating-5{
background: url(/wp-content/uploads/2016/01/table-rating-5.png) 5px 6px no-repeat;
}
.rating-4{
background: url(/wp-content/uploads/2016/01/table-rating-4.png) 5px 6px no-repeat;
}
/* ##### Platform reviews section ##### */
.reviews-blank{
height: 100px;
width: 100%;
background-color: #f4f4f4;
}
.platform-review-list h2{
position: relative;
top: -110px;
background-color: white;
padding: 10px 20px;
display: inline-block;
font-size: 18px;
margin-bottom: -80px;
}
.platform-review-item{
clear: both;
margin-bottom: 80px;
}
.platform-review-item-top{
margin-top: -70px;
}
.platform-review-item img{
float: left;
width: 36%;
margin: 0 40px;
}
.platform-review-item h3{
font-size: 20px;
}
.platform-review-item h3 a{
display: block;
font-size: 14px;
text-decoration: underline;
}
.platform-review-item button{
float: right;
margin: 0 40px 220px 20px;
}
/* ##### Posts ##### */
.single-post .image-overlay{
margin: 40px 0 50px 0;
}
.single-post .dt_sidebar{
margin: 20px 0 0 0;
}
.single-post .dt_cat{
padding-bottom: 40px;
}
.single-post .post-content .size-full{
margin: 40px 0;
}
.single-post .post-content div{
margin: 3em 0!important;
}
.single-post .post-content div div{
margin: .5em 0!important;
}
.single-post .post-content p{
margin-bottom: 30px;
}
.single-post .post-content ul, .single-post .post-content ol{
margin: 30px 0;
}
/* ##### Footer ##### */
footer #text-1 img{
margin-top: 12px;
}
/* ##### Media Queries ##### */
@media all and (max-width: 1198px){
.platform-review-item{
text-align: center!important;
}
.platform-review-item img{
width: 50%;
}
.review-category-main{
text-align: left!important;
}
.review-category-main p{
margin-left: 0!important;
}
.comparison-table h2{
top: -63px;
}
.footable tr{
border-bottom: 0;
}
.footable .divider{
position: relative;
left: -5000px;
}
.footable-toggle{
position: relative;
left: -2000px;
}
.footable-row-detail-inner{
width: 100%;
}
.footable-row-detail-name{
display: none!important;
}
.footable-row-detail-value ul{
width: 30%;
float: left;
margin-top: -20px;
}
.footable-row-detail-value ul li{
list-style-type: none;
}
.footable-row-detail-value span{
padding-left: 60px;
}
.footable-row-detail-value .green-btn{
float: right;
margin: -190px 40px 0 0;
}
.footable-row-detail-value .divider{
right: -2000px;
}
.foo-rating{
text-align: center;
}
.foo-rating ul li a {
background-color: #8dc153;
padding: 5px;
text-align: center;
display: block;
border-radius: 3px;
margin-bottom: 5px;
color: white;
}
.foo-rating img{
margin-left: -30px;
}
.footable-row-
.platform-review-item{
text-align: center;
}
.platform-review-item img{
text-align: center;
margin: 0 auto;
float: none;
}
.platform-review-item div{
width: 100%;
float: none;
padding: 0 40px;
}
.platform-review-item button{
float: none;
margin: 5px 0 -40px 0;
}
.platform-review-list h2{
top: -110px;
}
}
@media all and (max-width: 998px){
.platform-review-list h2{
top: -100px;
}
.features-form input, .features-form textarea{
width: 100%!important;
margin-left: 0!important;
}
@media all and (max-width: 720px) {
#review-statistics .rev-option.customBarIcon ul li i {
font-size: 28px!important;
}
#review-statistics .rev-option.customBarIcon ul li {
    width: 35px!important;
}
.pros, .cons{
float: left;
width: 50%;
}
.pros h2, .cons h2, .pros ul, .cons ul{
margin-left: 0!important;
}
.page-template-review-category .site-content{
background: none!important;
}
.review-category-main h1{
font-size: 24px!important;
}
.review-category-main h1, .review-category-main p, .review-category-main h2{
width: 100%!important;
}
.comparison-table h2{
top: -50px!important;
}
.platform-review-list h2{
top: -95px!important;
}
.page-id-3183 .site-content{
padding-top: 260px!important;
}
.page-id-3183 .review-category-main h1, .page-id-3183 .review-category-main h2, .page-id-3183 .review-category-main p{
top: -260px!important;
}
.features-half-img{
width: 100%!important; 
margin: 0 0 40px 40px!important;
}
.reviews-blank{
height: 40px;
}
}