elementstylesV2.0.css

.K2-pros-cons{display:flex;max-width:700px;margin:32px auto;box-shadow:0 4px 16px -4px rgba(0,0,0,.4)}.K2-pros-cons .heading{font-size:20px;text-align:center;color:#fff;margin:0;padding:16px 24px}.K2-pros-cons .pros-container .heading{background:#02c39a}.K2-pros-cons .cons-container .heading{background:#e63946}.K2-pros-cons .pros-container ul li::before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:700;padding-right:16px;color:#02c39a;display:block}.K2-pros-cons .cons-container ul li::before{content:"\f00d";font-family:"Font Awesome 5 Free";font-weight:700;padding-right:16px;color:#e63946;display:block}.K2-pros-cons .cons-container,.K2-pros-cons .pros-container{flex:1}.K2-pros-cons .pros{border-right:1px solid #eee}.K2-pros-cons ul{padding:8px 0;list-style:none;margin:0}.K2-pros-cons ul li{padding:16px 32px;font-size:16px;line-height:2;display:flex}@media (max-width:530px){.K2-pros-cons{flex-direction:column}.K2-pros-cons ul li:nth-of-type(2n){background:#eee}}.rwd-table{margin:auto;min-width:300px;max-width:100%;border-collapse:collapse}.rwd-table tr:first-child{border-top:none;background:#428bca;color:#fff}.rwd-table tr{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f5f9fc}.rwd-table tr:nth-child(odd):not(:first-child){background-color:#ebf3f9}.rwd-table th{display:none}.rwd-table td{display:block}.rwd-table td:first-child{margin-top:.5em}.rwd-table td:last-child{margin-bottom:.5em}.rwd-table td:before{content:attr(data-th) ": ";font-weight:700;width:120px;display:inline-block;color:#000}.rwd-table td,.rwd-table th{text-align:left}.rwd-table{color:#333;border-radius:.4em;overflow:hidden}.rwd-table tr{border-color:#bfbfbf}.rwd-table td,.rwd-table th{padding:.5em 1em}@media screen and (max-width:601px){.rwd-table tr:nth-child(2){border-top:none}}@media screen and (min-width:600px){.rwd-table tr:hover:not(:first-child){background-color:#d8e7f3}.rwd-table td:before{display:none}.rwd-table td,.rwd-table th{display:table-cell;padding:.25em .5em}.rwd-table td:first-child,.rwd-table th:first-child{padding-left:0}.rwd-table td:last-child,.rwd-table th:last-child{padding-right:0}.rwd-table td,.rwd-table th{padding:1em!important}}.BSReview-summary{position:absolute;z-index:2;bottom:0;font-size:14px;left:14px;right:14px}.BSReview-summary{opacity:1}.BSReview-summary h3,.BSReview-summary p{margin:0}.BSReview-summary h3{font-size:20px}.BSReview-summary p{padding:10px}.BSReview-summary a{color:#fff}.bs-review{border:1px solid #e7e7e7;margin-bottom:15px}.item-summary:first-child,.review-item{border-bottom:1px solid #e7e7e7}.review-item{padding:12px}.review-item:last-child{border-bottom:0}.rev-value-outer{background-color:rgba(0,0,0,.1);overflow:hidden;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.rev-value{height:10px;background-color:#e74c3c;box-shadow:0 0 5px rgba(0,0,0,.3)}.review-circle{padding-bottom:5px;overflow:hidden;font-size:14px}.review-circle span{font-weight:400;float:right}.review-box{width:75%}.review-box{display:review-box;vertical-align:middle;margin-top:0;margin-bottom:0;float:left;margin:10px 0;margin-right:2%}.review-wrapper .review-box{display:block;width:20%}.item-summary{overflow:hidden;text-align:justify}.item-summary h4{margin:0 0 10px;display:inline-block;padding:3px 8px;background-color:#e74c3c;color:#fff;text-transform:uppercase;font-size:16px}.item-summary span{display:block}.review-circle-place{padding:10px 12px;vertical-align:top}.review-wrapper{border-left:1px solid #e7e7e7;width:140px;text-align:center;font-weight:600;padding:10px 10px 20px;vertical-align:bottom;background-color:rgba(0,0,0,.03)}.rev-score{font-size:50px}.srev-place{position:absolute;top:0;right:0;color:#e74c3c;font-size:30px;font-weight:600;width:50px;height:50px;text-align:center;line-height:50px;background-color:rgba(255,255,255,.5)}.items .srev-place{right:auto;left:0;font-size:17px;width:30px;height:30px;line-height:30px}.c100.p100 .slice,.c100.p51 .slice,.c100.p52 .slice,.c100.p53 .slice,.c100.p54 .slice,.c100.p55 .slice,.c100.p56 .slice,.c100.p57 .slice,.c100.p58 .slice,.c100.p59 .slice,.c100.p60 .slice,.c100.p61 .slice,.c100.p62 .slice,.c100.p63 .slice,.c100.p64 .slice,.c100.p65 .slice,.c100.p66 .slice,.c100.p67 .slice,.c100.p68 .slice,.c100.p69 .slice,.c100.p70 .slice,.c100.p71 .slice,.c100.p72 .slice,.c100.p73 .slice,.c100.p74 .slice,.c100.p75 .slice,.c100.p76 .slice,.c100.p77 .slice,.c100.p78 .slice,.c100.p79 .slice,.c100.p80 .slice,.c100.p81 .slice,.c100.p82 .slice,.c100.p83 .slice,.c100.p84 .slice,.c100.p85 .slice,.c100.p86 .slice,.c100.p87 .slice,.c100.p88 .slice,.c100.p89 .slice,.c100.p90 .slice,.c100.p91 .slice,.c100.p92 .slice,.c100.p93 .slice,.c100.p94 .slice,.c100.p95 .slice,.c100.p96 .slice,.c100.p97 .slice,.c100.p98 .slice,.c100.p99 .slice{clip:rect(auto,auto,auto,auto)}.c100 .bar,.c100.p100 .fill,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill{position:absolute;border:.08em solid #e74c3c;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.c100.p100 .bar:after,.c100.p100 .fill,.c100.p51 .bar:after,.c100.p51 .fill,.c100.p52 .bar:after,.c100.p52 .fill,.c100.p53 .bar:after,.c100.p53 .fill,.c100.p54 .bar:after,.c100.p54 .fill,.c100.p55 .bar:after,.c100.p55 .fill,.c100.p56 .bar:after,.c100.p56 .fill,.c100.p57 .bar:after,.c100.p57 .fill,.c100.p58 .bar:after,.c100.p58 .fill,.c100.p59 .bar:after,.c100.p59 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p61 .bar:after,.c100.p61 .fill,.c100.p62 .bar:after,.c100.p62 .fill,.c100.p63 .bar:after,.c100.p63 .fill,.c100.p64 .bar:after,.c100.p64 .fill,.c100.p65 .bar:after,.c100.p65 .fill,.c100.p66 .bar:after,.c100.p66 .fill,.c100.p67 .bar:after,.c100.p67 .fill,.c100.p68 .bar:after,.c100.p68 .fill,.c100.p69 .bar:after,.c100.p69 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p71 .bar:after,.c100.p71 .fill,.c100.p72 .bar:after,.c100.p72 .fill,.c100.p73 .bar:after,.c100.p73 .fill,.c100.p74 .bar:after,.c100.p74 .fill,.c100.p75 .bar:after,.c100.p75 .fill,.c100.p76 .bar:after,.c100.p76 .fill,.c100.p77 .bar:after,.c100.p77 .fill,.c100.p78 .bar:after,.c100.p78 .fill,.c100.p79 .bar:after,.c100.p79 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p81 .bar:after,.c100.p81 .fill,.c100.p82 .bar:after,.c100.p82 .fill,.c100.p83 .bar:after,.c100.p83 .fill,.c100.p84 .bar:after,.c100.p84 .fill,.c100.p85 .bar:after,.c100.p85 .fill,.c100.p86 .bar:after,.c100.p86 .fill,.c100.p87 .bar:after,.c100.p87 .fill,.c100.p88 .bar:after,.c100.p88 .fill,.c100.p89 .bar:after,.c100.p89 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.c100.p91 .bar:after,.c100.p91 .fill,.c100.p92 .bar:after,.c100.p92 .fill,.c100.p93 .bar:after,.c100.p93 .fill,.c100.p94 .bar:after,.c100.p94 .fill,.c100.p95 .bar:after,.c100.p95 .fill,.c100.p96 .bar:after,.c100.p96 .fill,.c100.p97 .bar:after,.c100.p97 .fill,.c100.p98 .bar:after,.c100.p98 .fill,.c100.p99 .bar:after,.c100.p99 .fill,.pie-fill{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.c100{position:relative;font-size:120px;width:1em;height:1em;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;margin:0 15px 10px;border:9px solid #dcdcdc;border:9px solid rgba(0,0,0,.1)}.c100 *,.c100 :after,.c100 :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.c100>.rev-score{position:absolute;width:100%;z-index:1;left:-.28em;top:-.28em;width:3.35em;line-height:3.35em;font-size:.3em;display:block;text-align:center;white-space:nowrap;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.c100:after{position:absolute;top:.08em;left:.08em;display:block;content:" ";-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:transparent;width:.85em;height:.85em;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em);top:-.074em;left:-.074em}.c100:hover{cursor:default}.c100:hover>.rev-score{color:#e74c3c;-webkit-transform:scale(1.35)}.c100:hover:after{top:.04em;left:.04em;width:.92em;height:.92em}.top-revscrore{float:left;width:150px;text-align:center;height:150px;margin-right:10px;font-weight:600}.highlight-background{padding:1.25em 2.375em}.lightpink{background-color:#faecec}.lightblue{background-color:#e6eff6}.lightgrey{background-color:#f2f2f2}.lightgreen{background-color:#e6f7e4}.note-header{background:#333!important;color:#fff!important;border-left:50px solid #e3393a;padding:10px}