<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .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.pnew60 .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.pnew80 .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, .c100.pnew100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .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.pnew60 .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.pnew80 .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, .c100.pnew100 .fill {
  position: absolute;
  border: 0.18em solid #307bbb;
  width: 0.64em;
  height: 0.64em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-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.pnew60 .bar:after, .c100.pnew60 .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.pnew80 .bar:after, .c100.pnew80 .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, .c100.pnew100 .bar:after, .c100.pnew100 .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 0.1em 0.1em 5px;
  background-color: #ebebeb;
}



@media (min-width: 200px) and (max-width: 368px) {
    .c100 {
  
 
  margin-left: 0!important;
 
}
}

@media (min-width: 993px) and (max-width: 1200px) {
    .c100 {
  
  margin-left: 0!important;
 
}
}


.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 62px;
}

.c100.maptooltip{
    font-size: 45px;
}

.c100.tiny {
  font-size: 42px;
}

.c100.minute{
    font-size: 40px;
}

.c100.xtra-minute{
    font-size: 28px;
}

@media (min-width: 270px) and (max-width: 480px) {
    .internal-ratings .c100.small {
  font-size: 54px;

        
    }
}

.c100.xsmall {
  font-size: 45px;
  
}
.c100 &gt; span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 3.2em;
  line-height: 3em;
  font-size: 0.32em;
  color: #FFFFFF;
  font-weight:600;
  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: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.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 &gt; span.price {
width: 2.8em!important;
    line-height: 2.4em!important;
    font-size: 0.42em!important;

}


.c100:after {
  position: absolute;
  top: 0.18em;
  left: 0.18em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #2c4251;
  width: 0.64em;
  height: 0.64em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.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.pricing {
  background: none!important;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.pnew20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.pnew40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.pnew60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.pnew80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.pnew100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100old:hover &gt; span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100old:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #13222b;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark &gt; span {
  color: #FFF;
}
.c100.dark:after {
  background-color: #2c4251;
}
.c100.dark:hover &gt; span {
  color: #c6ff00;
}

/* colour scale */

/* Excellent  -  Green 100% */
.c100.x100 .bar, .c100.x100 .fill {
  border-color: #66BB6A !important;
}
.c100.x100:hover &gt; span {
  color: #66BB6A;
}
.c100.x100.dark .bar, .c100.x100.dark .fill {
  border-color: #66BB6A !important;
}
.c100.x100.dark:hover &gt; span {
  color: #66BB6A;
}
/* Very Good  -  Green Yellow 80% */
.c100.x80 .bar, .c100.x80 .fill {
  border-color: #9CCC65 !important;
}
.c100.x80:hover &gt; span {
  color: #9CCC65;
}
.c100.x80.dark .bar, .c100.x80.dark .fill {
  border-color: #9CCC65!important;
}
.c100.x80.dark:hover &gt; span {
  color: #9CCC65;
}

/* Good  -  Yellow 60% */
.c100.x60 .bar, .c100.x60 .fill {
  border-color: #CAE058 !important;
}
.c100.x60:hover &gt; span {
  color: #CAE058;
}
.c100.x60.dark .bar, .c100.x60.dark .fill {
  border-color: #CAE058!important;
}
.c100.x60.dark:hover &gt; span {
  color: #CAE058;
}

/* Fair  -  Orange 40% */

.c100.x40 .bar, .c100.x40 .fill {
  border-color: #ffb819 !important;
}
.c100.x40:hover &gt; span {
  color: #ffb819;
}
.c100.x40.dark .bar, .c100.x40.dark .fill {
  border-color: #ffb819 !important;
}
.c100.x40.dark:hover &gt; span {
  color: #ffb819;
}

/* Poor  -  Red Orange 20% */

.c100.x20 .bar, .c100.x20 .fill {
  border-color: #FF7043!important;
}
.c100.x20:hover &gt; span {
  color: #FF7043;
}
.c100.x20.dark .bar, .c100.x20.dark .fill {
  border-color: #FF7043!important;
}
.c100.x20.dark:hover &gt; span {
  color: #FF7043;
}

.internal-ratings .c100 &gt; span {

  color: #333;
  
}

/* End Colours */


.internal-ratings .c100:after {
  background-color: #FFF;
}
@media (max-width: 380px) {
.internal-ratingsxx .rating-price{
    display:block!important;
        display: block!important;
    overflow: hidden;
    width: 60px;
    margin: 0 auto;
}
}

/*  SERPS rating colour change */

/* colour scale */

/* Excellent  -  Green 100% */
.serps .c100.x100 .bar, .serps .c100.x100 .fill {
  border-color: #31708f !important;
}
.serps .c100.x100:hover &gt; span {
  color: #31708f;
}
.serps .c100.x100.dark:hover &gt; span {
  color: #31708f;
}
/* Very Good  -  Green Yellow 80% */
.serps .c100.x80 .bar, .serps .c100.x80 .fill {
  border-color: #31708f !important;
}
.serps .c100.x80:hover &gt; span {
  color:#31708f;
}
.serps .c100.x80.dark .bar, .serps .c100.x80.dark .fill {
  border-color: #31708f!important;
}
.serps .c100.x80.dark:hover &gt; span {
  color: #31708f;
}

/* Good  -  Yellow 60% */
.serps .c100.x60 .bar, .serps .c100.x60 .fill {
  border-color: #31708f !important;
}
.serps .c100.x60:hover &gt; span {
  color: #31708f;
}
.serps .c100.x60.dark .bar, .serps .c100.x60.dark .fill {
  border-color: #31708f!important;
}
.serps .c100.x60.dark:hover &gt; span {
  color: #31708f;
}

/* Fair  -  Orange 40% */

.serps .c100.x40 .bar, .serps .c100.x40 .fill {
  border-color: #31708f !important;
}
.serps .c100.x40:hover &gt; span {
  color: #31708f;
}
.serps .c100.x40.dark .bar, .serps .c100.x40.dark .fill {
  border-color: #31708f!important;
}
.serps .c100.x40.dark:hover &gt; span {
  color:#31708f;
}

/* Poor  -  Red Orange 20% */

.serps .c100.x20 .bar,.serps .c100.x20 .fill {
  border-color: #31708f!important;
}
.serps .c100.x20:hover &gt; span {
  color:#31708f;
}
.serps .c100.x20.dark .bar, .serps .c100.x20.dark .fill {
  border-color:#31708f!important;
}
.serps .c100.x20.dark:hover &gt; span {
  color: #31708f;
}</pre></body></html>