:root{ --primary:orange; --accent:#00ff00; --danger:#82917f; --success:#dd3333; --notes:#82917f; --borders:#ccc; --lnki:#424242; --linke:#dd3333; --body:#111; --h1:32px; --h2:27px; --h3:22px; --h4:20px; --p:16px; --height:1.6; --elementmargin:20px; } .ks-block ol,.ks-block ul{margin: 0 0 20px 0; padding: 0;margin-bottom: var(--elementmargin);} .ks-block ul:last-child, .ks-block ol:last-child{margin-bottom:0;} .ks-block ol{ padding: 0 0 0 20px;} .right-sidebar.separate-containers .site-main {float: left;width: 70%;} aside#sidebar {margin-top: 20px;} .ks-block.block-video{max-width:720px; margin:0 auto;} .summary { border: 0px solid #eee; padding: 0px; margin-bottom:var(--elementmargin); } .summary ul{margin:0 !important} .summary li{border-bottom:1px solid #eee; padding: 14px 25px !important; font-weight:bold;} .summary li:last-child{border:0 !important} .ks-block .summary ul:not([class]) li:before{ font-size: 8px !important; left:8px !important; top:calc(50% - 6px) !important; content:"\f0c8" !important;} /* video */ .ks_video{position: relative; cursor: pointer; margin-bottom: var(--elementmargin); height:0; padding-top:56%; } .ks_video img{width:100%; height: 100%;object-fit: cover;position: absolute; top:0;left:0;} .ksvideo_play{ position: absolute; z-index: 20; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100px;} .ks_video:hover .ksvideo_play .ytp-large-play-button-bg{ fill: var(--primary);} .ksytplayer{position: absolute; width: 100%; height: 100%; left: 0; top: 0;} .ks-block{max-width: 850px;margin:0 auto; margin-bottom: var(--elementmargin); } .ks-block,.ks-block p{font-size: var(--p); color: var(--body);} .ks-block img{max-width: 100%;} .ks-row {display: flex;flex-direction: row; margin-bottom: var(--elementmargin); flex-wrap: wrap;} .ks-row:not(.auto)+.ks-row:not(.auto){margin-top: -5px;} .ks-block h2,.ks-block h3,.ks-block h4{ margin: 0px 0 20px; font-weight: bold; padding: 0;} .ks-block p{width: 100%; line-height: var(--height);margin:0; margin-bottom: var(--elementmargin); padding: 0; } .ks-block p:last-child{margin-bottom:0;} .ks-block p span{border: 2px solid var(--primary); background: #fff; padding: 15px; font-size: 20px; display: block; color:#000 !important; text-align: center; font-style: italic;} .ks-block blockquote{background: #fff; overflow: visible; min-height:70px; padding: 20px; font-size: 18px; margin: 20px 0 20px 100px; margin-bottom: var(--elementmargin); display: block; position: relative;border-left: 1px dashed #eee; box-sizing: border-box; box-shadow: 0 0 50px rgba(0,0,0,0.1);} .ks-block blockquote:before{content:"\0201C"; position: absolute; font-size: 200px; color: var(--primary); left: -100px; font-family: serif; top: 80px; line-height: 0.2; } .ks-block blockquote em{ padding:10px 0; color: #000; font-weight: bold; display: inline-block} .ks-block blockquote p{ padding:0px 0;margin: 0;} .block-sc_cta:not(:last-child), .ks-block .ks-row .ks-col.full{ margin-bottom: var(--elementmargin);} .ks-block .ks-row .ks-col.full, .ks-block.block-text:last-child,.ks-block .ks-row .ks-col.full.cta-col, .ks-block .ks-row:last-child{margin-bottom:0} .ks-block blockquote:first-child{margin-top:10px} .ks-block blockquote:last-child{margin-bottom:0} .ks-block p+blockquote{margin-top:5px;} .ks-row.i_Right {display: flex;flex-direction: row-reverse;} .ks-block h1{font-size: var(--h1);} .ks-block h2{font-size: var(--h2);} .ks-block h3{font-size: var(--h3);} .ks-block h4{font-size: var(--h4);} .ks-block hr{margin:20px 0; border:1px solid var(--borders);} .offertext{padding:0 10px;margin-bottom: var(--elementmargin); font-size:var(--p)} .ks-row.auto{ display: flex; flex:1; flex-direction: row; flex-wrap: nowrap;} .ks-col.final_cta{ padding: 0 20px;} .ks-col.full.cta-col a.ks_cta{margin-bottom:5px;} .ks-col {display: flex;flex-direction: column;width: 70%; box-sizing: border-box;} .block-section .ks-col{width: 60%;} .block-section .ks-col.Left,.block-section .ks-col.Right {width: 40%;} .border{ border-width:1px; border-style: solid; border-color: var(--borders); margin:0 5px; height:100%;} .ks-row.i_Bottom .ks-col,.ks-row.i_Top .ks-col, .ks-col.full{width: 100%;} .ks-col.full{ flex:none} .ks-col.Left,.ks-col.Right {width: 30%;} .ks-col.Right{ align-items: flex-end} .ks-col.Right a img, .ks-col.Right .ksbadge img{margin-left: 10%;} .ks-block .img-responsive{max-width: 90%; display: block; height: auto;} .ks-post-thumbnail img{ width:100%;} .ks-block .img-responsive.full {max-width: 100%; display: block; height: auto; margin: 20px 0;} .faq_block{border-bottom: 1px solid #eee; background: #fff;} .faq_block p{margin: 0;} .ks_question{border: 1px solid #eee;padding:10px 50px 10px 20px; font-weight: bold; font-size: 18px; line-height: 1.5; margin: 0; position: relative; cursor: pointer; background: #fefefe;} .ks_question:before{content: ''; position: absolute; right: 1px; top: 1px; width:40px; height: calc(100% - 2px); background: #eee;} .ks_question:after{content: '+'; position: absolute; right: 15px; top: 5px; font-size: 25px;} .ks_question.expanded:after{content: '-'; } .ks_question p{font-weight: bold; pointer-events: none} .ks_answer{ border-left: 1px solid #eee;border-right: 1px solid #eee; margin: 0; padding: 10px; font-size: 18px; background: #fff;} .ks_toc{background: var(--primary); font-weight:bold; color: #fff; text-align: center; margin: 0; padding: 10px; line-height: 1.6; width: 100%; } .ks_toc_list{ background: #eee; padding: 20px; } .ks_toc_list .toc_split{ margin: 0; padding: 0; -webkit-columns: 2;-moz-columns: 2;columns: 2;padding-left: 0; display:block !important;} .ks_toc_list .toc_lev .toc_lev a{ margin-left: 10px; padding: 0;} .ks_toc_list a:before{display: none; padding: 0 0 0 10px !important;} .ks-block .ks_toc_list a{color: var(--primary); text-decoration: none; display: block; } .ks_toc_list a{ margin: 0px; line-height: 1.5;display: block; font-size: 18px; color: var(--primary); -webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid; padding: 0 0 0px !important; font-weight:bold; } .ks_toc_list .toc_lev .toc_lev a{font-weight:normal;} .list_features.inline ul{margin-bottom: 0;} .list_features.inline li{ display: inline-block;} .ks-block .ks_cta{ text-decoration: none ; padding: 10px 20px; text-align: center; display: inline-block; margin: 0 auto; color: #000; margin-bottom: var(--elementmargin);} /* .ks-product.ks-row.i_Right{margin: 0;} */ .ks-product.ks-row.i_Right.auto{justify-content: space-between;} .ks-product.ks-row.i_Right.auto> .ks-col { border:2px solid var(--borders); display: flex; justify-content: center; align-items: center; width:calc(50% - 5px); padding:5px; position: relative;} .ks-product.ks-row.i_Right.auto> .ks-col:first-child:after { background:var(--wpr-bg-e0895c9b-888d-471d-ad60-185aa7100d11) no-repeat bottom right /auto 100% ; pointer-events: none; content:''; position: absolute; top:0; left:0;right:0;bottom:0;} .ks-product.ks-row.i_Right.auto> .ks-col .flexd{margin-top:10px;} .ks-product.ks-row.i_Right.auto> .ks-col .ks-product-image {max-width: 200px;align-self: end;margin: 20px;} .ks-product.ks-row.i_Right.auto .ks-reviewline.overall{ flex-direction: column-reverse; align-items: center; width:100%; margin:0 10px;;} .ks-product.ks-row.i_Right.auto .ks-reviewline.overall .overall-ellipsis{font-size: 22px; font-weight: bolder;} .ks-product.ks-row.i_Right.auto .ks-reviewline.overall .pbar{ height: 25px; } .ks-product.ks-row.i_Right.auto .ks-reviewline.overall span{display: inline-block !important;} .img-150{ max-width: 150px; height: auto;} .ksbadge{ position: relative; display: inline-block;} .ksbadge:after{ position: absolute; width: 40%; height: 0; padding-top: 40%; content: '';z-index: 1; display: block; top: 0%; left: 80%; transform: rotate(10deg);} .ks_line{height:2px; width:100%; background:var(--borders);margin:0 0 0px 0;} .ksbadge.-l-20:after{ left: -20%;} .ksbadge.-l-10:after{ left: -10%;} .ksbadge.l0:after{ left: 0%;} .ksbadge.l10:after{ left: 10%;} .ksbadge.l20:after{ left: 20%;} .ksbadge.l30:after{ left: 30%;} .ksbadge.l40:after{ left: 40%;} .ksbadge.l50:after{ left: 50%;} .ksbadge.l60:after{ left: 60%;} .ksbadge.l70:after{ left: 70%;} .ksbadge.t-20:after{ top: -20%;} .ksbadge.t-10:after{ top: -10%;} .ksbadge.t0:after{ top: 0%;} .ksbadge.t10:after{ top: 10%;} .ksbadge.t20:after{ top: 20%;} .ksbadge.t30:after{ top: 30%;} .ksbadge.t40:after{ top: 40%;} .ksbadge.t50:after{ top: 50%;} .ksbadge.t60:after{ top: 60%;} .ksbadge.t70:after{ top: 70%;} .ks-box{ background: #fff; border: 2px solid #0ca750 ; padding:10px;text-align: center; } .sidebar .ks-box{max-width: 250px;} .sb_cta{margin: 0 -15px; font-weight: bold; color: #000; padding-bottom: 0; margin-bottom: 0;} .sb_product_title{color: var(--primary); font-weight: bold; font-size: 20px; margin-bottom: 0; padding: 0; text-transform: uppercase; line-height: 100%;} .ks-box a{ display: block; margin: 10px auto;} .ks-box .img-responsive{ display: block; margin: 10px auto;} .ks_product_title strong{color: var(--primary);} .block-products>h2{text-align: center;} .block-products table{table-layout: auto;} .block-products table thead tr{ color: #fff; background:var(--primary); } .block-products table thead p{text-align: center; margin: 0 auto; padding: 0; display: block; font-weight: bold; color: #fff;line-height:2;} .block-products table td{vertical-align: middle;border: 1px solid #ddd; padding: 10px;} .block-products table tr{background: #fff;} .block-products table tr:nth-child(even){background: #f9f9f9;} .block-products .products_col{text-align: center; width: 220px;} .block-products .products_col img{margin: 10px auto; max-width: 120px;} .block-products .products_col .brand{margin:0 10px; font-weight: bold;} .block-products .products_col .brand strong{display: block;} .block-products .products_col .ks_cta{margin:10px 0;padding: 10px; line-height: 1;} .block-products .ks_highlight{border:2px solid gold; padding: 3px; display: inline-block; font-size: 14px; clear: both;} .ks_products_col .border{padding: 20px 15px 25px 15px;} .ks_products_col .border>span{font-size: 25px; line-height: 1.2; text-align: center; display: block; margin-bottom: 20px; } .ks_list{margin: 0; padding: 0; text-align: left; display: inline-block;} .ks_list li{margin: 0; padding: 0 0 0 30px; display: block; position: relative; line-height: var(--height);} .ks_list li i{position: absolute; left: 8px; top: 0; line-height: var(--height);} .block-final_cta{margin-bottom: var(--elementmargin);} .block-final_cta .ks-col{ align-items:center; justify-content:center;} .final_cta .ks_brand{ color: var(--primary); font-size: 24px; font-weight: bold; margin: 0 auto;} .final_cta .ks_highlight{ color: #000; font-size: 24px; font-weight: bold;} .ks-block ul:not([class]){margin: 2px 0 0px; margin-bottom: var(--elementmargin); padding: 0; text-align: left; display: inline-block; } .ks-block ul:not([class]) li{margin: 0; padding: 0 0 0 30px; display: block; position: relative; margin-bottom: 1px; line-height: var(--height);} .ks-block ul:not([class]) li:before{font-family: 'FontAwesome';content: "\f054";position: absolute; left: 8px; top: 2px; line-height: var(--height); color: var(--primary);} .ks-block ul:not([class]):last-child{margin-bottom:0;} .ks-block ul[class^="s-list-"] li{margin: 0; padding: 0 0 0 30px; display: block; position: relative; margin-bottom: 2px;line-height: var(--height);} .ks-block ul[class^="s-list-"] li:before{font-family: 'FontAwesome';content: "\f054";position: absolute; left: 8px; top: 2px; line-height: var(--height); color: var(--primary);} .ks_wrap{ position: relative; overflow: hidden; padding:0 10px;} .ks_cta { background-blend-mode:multiply ; background:var(--accent) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACECAYAAABRaEHiAAABfWlDQ1BJQ0MgUHJvZmlsZQAAKJF9kM9LAkEUx79qYajhoQ4dOgxlnVRsA7FLoBImeBAzyOqyrqsGui67GxVdOgRdhYKoS78O9RfUpUPQOQiCIohu/QNFXUK2N66hFfSG4X3mzXtfZr6A3S+qaqUrBFQVQ8skYmwuN8+cL3DBCzcmwERJV6PpdAoU3/lnfNzDxvNdgGv9vf833AVZlwBbD/GkpGoG8TTx8IqhcuZ6/Ro9iniDc8niHc55i8+aPdlMnPiSmEllsUD8ROyXyloVsHN9X76jp9TB1cqy1HoP/4lHVmZnKA/RHoSODBKIgSGJKcQRxhj5EqYVgIAgnWDIqwYfjtfUNW2pVDZYlJyQWVKRgn4mhATq4b7+9qtdqx0CkXfAUW/X8rvAxRYw8Niu+Q4A7yZwfq2KmtgsOWjbi0Xg9RTozQF9t4BrQS+OC9aPPDGg+9k030YA5zbQqJvm55FpNo5pmDy6UiyPWlo4eQCy60DqBtjbB0ZJ27v4BVQHZ0RMlxiGAAAACXBIWXMAAC4jAAAuIwF4pT92AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAS0lEQVQoFWOorKz8z3D37t3/TP/+/WOAEH///oWywGIILoKFJkESl0xTyNT2//9/BiYGIIAQjIyMQ44Ldv1QdDh+NxsYGCBHBTyOADNTirGgDGJ2AAAAAElFTkSuQmCC) no-repeat center center / 100% 100%; color: #fff !important; border-radius: 25px; padding: 10px 15px; font-size: 19px; font-weight: bold; display: inline-block; text-transform: uppercase; box-shadow: 0 19px 11px -10px rgba(0,0,0,0.2),0 -5px 5px -6x rgba(0,0,0,0.8) inset; } .ks_cta:hover{ background: var(--accent); box-shadow: 0 2px 0px -1px rgba(255,255,255,0.5) inset, 0 -60px 0px 0px rgba(0, 0, 0, 0.2) inset; } .ks-box{ border: 4px solid var(--primary) !important;border-radius: 0px;} .ks_list li i.fa-check{ color: #0ca750;} .ks_list li i.fa-exclamation-triangle{ color: var(--primary);} .ks-post-thumbnail{margin-bottom: var(--elementmargin);} .iwrap i{width:100%;} .ks_cta_box{margin:0 5px; border:3px solid #fff; padding:0px; } .ks_cta_box img{ margin:0 auto;} .block-columns{margin-bottom: var(--elementmargin);} .width-1{width:8.33%;} .width-2{width:16.66%;} .width-3{width:24.99%;} .width-4{width:33.32%;} .width-5{width:41.65%;} .width-6{width: 49.98%;} .width-7{width: 58.31%;} .width-8{width: 66.64%;} .width-9{width: 74.97%;} .width-10{width: 83.3%;} .width-11{width: 91.63%;} .width-12{width:100%;} .ks_cta_box .rate.rate_stars{width: 98px;font-size: 20px; height:25px;} .cta_title{ background:#01526d; padding:5px; color:#fff; font-weight:bold; text-align:center; margin: 0px; } .ks_cta_box img.img-responsive.full{margin:0} .ks_cta_box .ks_cta{margin-top:5px; width:100%;padding: 10px 15px;font-size: 16px; } html .split_2{columns:2; display: block !important} html .split_3{columns:3; display: block !important} .outline{ border:3px solid var(--primary); padding:10px !important; margin:15px 0 !important;} .block_table table tr:nth-child(odd) {background: #fcfcfc;} .block_table table th { background: var(--primary); color: #fff; } .block-sc_cta{display: flex; width: 95%; flex-direction: column; margin:0 auto;} .block-sc_cta div{text-align:center;} .block-sc_cta img{margin:0 auto; margin-bottom:-15px;} .sc_cta_title{color:var(--primary); font-size:16px;font-weight:bold;} .sc_cta_subtitle{color:#333; font-size:16px;font-weight:bold;} .block-sc_cta .ks_cta{margin-bottom:10px !important; font-size:17px; padding:10px 20px} .s-list-2{ columns:2;} .s-list-3{ columns:3;} .s-list-4{ columns:4;} .s-list-5{ columns:5;} .ks-block h2{color:var(--primary); } .cons .ks_list,.pros .ks_list{ margin-bottom: 0; } .pros>span, .pros li i:before{color:var(--success);} .cons>span, .cons li i:before{color:var(--danger);} .list_features li i::before{color:var(--notes);} .top-products .ks-product-image+span{padding-bottom: 10px;display: block;} .pbar{width:90px; height:100%; background:#ddd; position: relative; z-index: 1; text-align: left; outline: 2px solid #fff; outline-offset: -1px; } .pbar svg{width:100%; z-index: 2; box-shadow: 0 0 0 2px #fff;} .pgbr{ position: absolute; top:0; left:0;height:100%; background-color:orange; display: block; z-index: -1;} .ks-reviewline { display: flex; justify-content: space-between; margin: 0 10px; font-size: 14px; margin-bottom:5px; } .ks-reviewline.overall { margin-top:5px; border-top:2px solid #ddd; padding-top:10px; font-weight: bold; margin-top:auto; } .review-ellipsis { overflow: hidden; width: calc(100% - 114px); padding-right: -70px; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .rnumber{ position: absolute;width: 30px; text-align: right; right: 105%; top:0; font-weight:normal; font-size:12px; font-style: normal; line-height: 24px;;} .block-cta_box{padding-top:16px; margin-bottom: var(--elementmargin); margin-top:20px;} .block-cta_box *{box-sizing: border-box;} .block-cta_box .ks-box{border-color:var(--borders) !important; position: relative; padding-bottom:0;} .block-cta_box .ks-box p.ks_highlight{ background: var(--primary); margin:0; color:#fff; width:auto; position: absolute; bottom:calc(100% - 22px);margin-left:-4px; left:0; display: inline-block; padding:10px; text-transform: uppercase; font-size: 14px;} .block-cta_box .ks-box p.ks_highlight:after{ content:''; right:-20px; top:0; border: 10px solid var(--primary); filter: brightness(0.7); border-top-color: transparent; border-right-color: transparent; position: absolute; } .block-cta_box .ks-box >.ks-row{ margin:20px -13px 0; padding: 2px;;} .block-cta_box .ks-box .flexd{ min-width: 280px; justify-content: center; margin:15px auto;} .block-cta_box .ks-box .final_cta{border-bottom:4px solid var(--borders);margin-bottom: 10px;; } .block-cta_box .ks-box .final{border-top:4px solid var(--borders); margin-bottom: -2px; margin-top:-2px; padding-top:0;} .block-cta_box .ks-box .final .border{border:0; text-align: left; margin:0; padding:0;} .block-cta_box .ks-box .final .border > span{margin-top:20px;} .block-cta_box .ks-box .final .border ul{ margin:0 0 0px 0; padding:0 10px 20px 10px;} .block-cta_box .ks-box .final .border.pros{border-right:4px solid var(--borders); text-align: left;} .block-cta_box .final_cta .ks_brand{ padding:0 15px 10px 15px; text-align: left; color:#000;} .block-cta_box .ks_brand{ padding:0 15px 5px 15px; text-align: left; color:#000; font-size: 24px; font-weight: bold;} .block-cta_box .ks-final-border{margin-top:-15px !important;} .block-cta_box .ks-final-border>div{padding-top:20px;} .block-cta_box .ks-final-border .Left{border-right:4px solid var(--borders); margin-bottom:-2px;} .block-cta_box .ks-box.inline .ks_brand{ padding:20px 10px 0 20px; margin:0; margin-bottom: var(--elementmargin);} .block-cta_box .ks-box.inline .flexed{ margin:0;} .block-cta_box .ks-box.inline .note{color: var(--borders); padding:0 20px 10px; display: block;} .block-cta_box .ks_cta{width:90%;} .block-cta_box .ks_cards{margin-top:0px; margin-bottom: var(--elementmargin); text-align:center;} .block-cta_box .ks_cards img{ display:block; margin:0 auto;} .block-cta_box .ts-reviewline.overall{margin-top: 6px;} .block-cta_box .ks-box.final .ifCenter{ justify-content: center;} .block-cta_box .ks-product-image{margin:0 10px;} .ks-block a{color:var(--linki); text-decoration: underline;} .ks-block .table{margin:0;} .block_table table td{padding:5px 10px;} /* .single #primary article div:not(.ls-cta) a[href*=ttss], .single #primary article div:not(.ls-cta) a[target=_blank] {color:#000; text-decoration:underline;} .single #primary article div:not(.ls-cta) a[href*=amazon], html .single #primary article div:not(.ls-cta) a[href*='/product'] { color:#dd1c1a;text-decoration:underline; } */ svg .visa-style-1-st0 { fill: #3554A5;} svg .visa-style-1-st1 { fill: #FFFFFF;} svg .masterCard-style-1-st0 { fill: #1A2F59;} svg .masterCard-style-1-st1 { fill: #F16022;}svg .masterCard-style-1-st2 { fill: #EC1D25;} svg .masterCard-style-1-st3 { fill: #F9A11B;}svg .americanExpress-style-1-st1 { fill: #FFFFFF;} svg .americanExpress-style-1-st1 { fill: #FFFFFF;} svg .americanExpress-style-1-st0 { fill: #38A1D8;}svg .payPal-style-1-st0 { fill: #F3F3F3;}svg .payPal-style-1-st1 { fill-rule: evenodd; clip-rule: evenodd; fill: #02A2D3;}svg .payPal-style-1-st2 { fill-rule: evenodd; clip-rule: evenodd; fill: #234190;} /* top 3 */ .top-products { margin: 0px 70px 0 70px; margin-top: -241px; margin: 0; margin-top:60px; padding: 20px; background: #fff;z-index: 1; text-align: center; z-index: 1; border: 1px solid #ddd; box-shadow: 0 -10px 5px rgba(0,0,0,0.2);} .top-products img{margin: 0 auto; max-width: 170px;} .top-products span{ font-weight: bold; color: #000; font-size: 20px; margin:0px;} .top-products .ks-product-image{height: 240px;display: flex;align-items: center; justify-content: center;} .top-products .ks-product-image img{max-height: 180px; object-fit: scale-down; max-width:180px;} .top-products .ks-product-image a span{padding:0 !important;margin:0 auto;} .top-products .ks-row{margin-bottom: 0;} .top-products .w33:not(:last-child){ border-right: 1px solid #eee;} .top-products .w33{width: 33.33%;position: relative; transition: all 0.5s; justify-content: space-between;} .top-products .w33:hover{transform: scale(1.03);} .top-products .w33:hover .badge3{transform: translateX(-50%) translateY(8px) scale(0.97);} .badge3{ position: absolute; transition:all 500ms; padding: 10px; background:var(--primary); color:#fff; margin:-41px auto; left: 50%; top: 0; transform: translateX(-50%); font-size: 14px; font-weight: bold; color: #fff;} .badge3:before{ top: 0; left: -20px; border:10px solid var(--primary); filter:brightness(0.7); border-top-color: transparent; border-left-color: transparent; content: ''; position: absolute;} .review-ellipsis i{width:16px; height:16px; border-radius: 50%; line-height: 16px; margin-left:5px; font-size:14px; background-color: var(--borders); text-align:center;} @media(max-width:768px){ .sidebar .ks-box{ margin: 0 auto;} .ks-block .img-responsive{max-width: 100%;} .ks-product .ks-col.Right a{ margin: 0 auto;} .block-products table thead{display: none;} .block-products table td {vertical-align: middle;border: 0px solid #ddd;display: block;width: 100% !important;} .ks-col.Right a img, .ks-col.Right .ksbadge img {margin-left: 0;} .ks_wrap{ position: relative; padding: 0 10px;} .ks-row.auto, .ks-row.i_Right{flex-direction: column;} .block-section .ks-col, .block-section .ks-col.Left, .block-section .ks-col.Right, .ks-col, .ks-col.Left, .ks-col.Right{width: 100%;} .ks-block blockquote:before{ font-size: 100px; top: 10px; left: -40px;} .ks-block blockquote{ margin: 20px 0 20px 30px; } .ks-block img{margin-bottom: var(--elementmargin);} .ks-block .img-responsive{margin:0 auto;margin-bottom: var(--elementmargin);} .ks-col.final_cta { padding: 0;} .ks_toc_list .toc_split{columns:1;} .top-products .w33{width:100%;border:0;} html .split_2,html .split_3{columns:1;} .tablepress{overflow-x: scroll;} .s-list-2,.s-list-3,.s-list-4,.s-list-5{ columns:1;} .block-cta_box .ks-box .final .border.pros, .block-cta_box .ks-final-border .Left{border-right: 0 !important;} .block-cta_box .ks-box .final .border.pros{border-bottom: 4px solid var(--borders);} .block-cta_box .inline .ks-product-image img{margin-bottom:0} .block-cta_box .ks-box.inline .ks_brand{margin-top: -50px;} .ks-product.ks-row.i_Right.auto> .ks-col{width:100%} }