Veggie Burgers Reviewed ABC+PowerPack demo

/* flush setting */ /* margin settings */ #block-blog_editor_0 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-blog_editor_0 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-blog_editor_0 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-blog_editor_0 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-blog_editor_0 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695639090293 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639090293 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695639090293 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639090293 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695639090293 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695639118561 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639118561 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695639118561 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639118561 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695639118561 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695639215123 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639215123 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695639215123 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639215123 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695639215123 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695639890181 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639890181 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #FFFFFF; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695639890181 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639890181 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695639890181 { text-align: left; } } #block-1695639890181 .btn { border-color: #9b59b6; border-radius: 4px; background: #9b59b6; color: #ffffff; } #block-1695639890181 .btn--outline { background: transparent; color: #9b59b6; } #block-1695639890181 .card__footer { color: } /* flush setting */ /* margin settings */ #block-1695640041441 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640041441 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #FFFFFF; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695640041441 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640041441 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695640041441 { text-align: left; } } #block-1695640041441 .btn { border-color: #9b59b6; border-radius: 4px; background: #9b59b6; color: #ffffff; } #block-1695640041441 .btn--outline { background: transparent; color: #9b59b6; } #block-1695640041441 .card__footer { color: } /* flush setting */ /* margin settings */ #block-1695640149172 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640149172 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #FFFFFF; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695640149172 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640149172 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695640149172 { text-align: left; } } #block-1695640149172 .btn { border-color: #9b59b6; border-radius: 4px; background: #9b59b6; color: #ffffff; } #block-1695640149172 .btn--outline { background: transparent; color: #9b59b6; } #block-1695640149172 .card__footer { color: } /* flush setting */ /* margin settings */ #block-1695640272139 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640272139 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #FFFFFF; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695640272139 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640272139 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695640272139 { text-align: left; } } #block-1695640272139 .btn { border-color: #9b59b6; border-radius: 4px; background: #9b59b6; color: #ffffff; } #block-1695640272139 .btn--outline { background: transparent; color: #9b59b6; } #block-1695640272139 .card__footer { color: } /* flush setting */ /* margin settings */ #block-1695640466303 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640466303 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #FFFFFF; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695640466303 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640466303 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695640466303 { text-align: left; } } #block-1695640466303 .btn { border-color: #9b59b6; border-radius: 4px; background: #9b59b6; color: #ffffff; } #block-1695640466303 .btn--outline { background: transparent; color: #9b59b6; } #block-1695640466303 .card__footer { color: } /* flush setting */ /* margin settings */ #block-1695640536466 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640536466 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #FFFFFF; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695640536466 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640536466 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695640536466 { text-align: left; } } #block-1695640536466 .btn { border-color: #9b59b6; border-radius: 4px; background: #9b59b6; color: #ffffff; } #block-1695640536466 .btn--outline { background: transparent; color: #9b59b6; } #block-1695640536466 .card__footer { color: } /* flush setting */ /* margin settings */ #block-1695639636566 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639636566 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695639636566 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639636566 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695639636566 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695639661493 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639661493 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695639661493 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639661493 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695639661493 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695639726009 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639726009 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695639726009 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639726009 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695639726009 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695639749448 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639749448 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695639749448 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639749448 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695639749448 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695639783344 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639783344 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695639783344 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695639783344 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695639783344 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695640698953 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640698953 .block { /* border settings */ border: 1px solid #cccccc; border-radius: 4px; /* background color */ background-color: #f8f5f0; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695640698953 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695640698953 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695640698953 { text-align: center; } } #block-1695640698953 .feature__image, [data-slick-id="1695640698953"] .feature__image { width: 100px; border-radius: 0px; } #block-1695640698953 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695640698953 .revcirle, #block-1695640698953 .revtext {width: 100%;} #block-1695640698953 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695640698953 .revcirle, #block-1695640698953 .revtext {width: 100%;} #block-1695640698953 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695640698953 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1695640698953 .revtext span { float: right; } #block-1695640698953 .revtext span { position: relative;} #block-1695640698953 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695640698953 .item1 span::after {width: 70%;} #block-1695640698953 .item2 span::after {width: 0%;} #block-1695640698953 .item3 span::after {width: 30%;} #block-1695640698953 .item4 span::after {width: 40%;} #block-1695640698953 .item5 span::after {width: 25%;} #block-1695640698953 .item6 span::after {width: 100%;} #block-1695640698953 .item7 span::after {width: 100%;} #block-1695640698953 .item8 span::after {width: 100%;} #block-1695640698953 .item9 span::after {width: 100%;} #block-1695640698953 .item10 span::after {width: 100%;} #block-1695640698953 .even span::after {background-color: #f8f5f0;} #block-1695640698953 .uneven span::after {background-color: #f8f5f0;} #block-1695640698953 .fill, #block-1695640698953 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p75 .slice { clip: rect(auto, auto, auto, auto); } .c100.p75 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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); } .c100.p75 .bar:after, .c100.p75 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695640698953 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695640698953 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; 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; } #block-1695640698953 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.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: ; width: 0.84em; height: 0.84em; -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 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p75 .bar { -webkit-transform: rotate(270.0deg); -moz-transform: rotate(270.0deg); -ms-transform: rotate(270.0deg); -o-transform: rotate(270.0deg); transform: rotate(270.0deg); } #block-1695640698953 .c100:hover { cursor: default; } #block-1695640698953 .c100:hover span { color: #146129; } #block-1695640698953 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695640698953 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695641369003 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695641369003 .block { /* border settings */ border: 1px solid #cccccc; border-radius: 4px; /* background color */ background-color: #f8f5f0; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695641369003 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695641369003 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695641369003 { text-align: center; } } #block-1695641369003 .feature__image, [data-slick-id="1695641369003"] .feature__image { width: 100px; border-radius: 0px; } #block-1695641369003 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695641369003 .revcirle, #block-1695641369003 .revtext {width: 100%;} #block-1695641369003 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695641369003 .revcirle, #block-1695641369003 .revtext {width: 100%;} #block-1695641369003 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695641369003 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1695641369003 .revtext span { float: right; } #block-1695641369003 .revtext span { position: relative;} #block-1695641369003 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695641369003 .item1 span::after {width: 40%;} #block-1695641369003 .item2 span::after {width: 20%;} #block-1695641369003 .item3 span::after {width: 35%;} #block-1695641369003 .item4 span::after {width: 60%;} #block-1695641369003 .item5 span::after {width: 40%;} #block-1695641369003 .item6 span::after {width: 100%;} #block-1695641369003 .item7 span::after {width: 100%;} #block-1695641369003 .item8 span::after {width: 100%;} #block-1695641369003 .item9 span::after {width: 100%;} #block-1695641369003 .item10 span::after {width: 100%;} #block-1695641369003 .even span::after {background-color: #f8f5f0;} #block-1695641369003 .uneven span::after {background-color: #f8f5f0;} #block-1695641369003 .fill, #block-1695641369003 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p60 .slice { clip: rect(auto, auto, auto, auto); } .c100.p60 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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); } .c100.p60 .bar:after, .c100.p60 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695641369003 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695641369003 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; 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; } #block-1695641369003 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.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: ; width: 0.84em; height: 0.84em; -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 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p60 .bar { -webkit-transform: rotate(216.0deg); -moz-transform: rotate(216.0deg); -ms-transform: rotate(216.0deg); -o-transform: rotate(216.0deg); transform: rotate(216.0deg); } #block-1695641369003 .c100:hover { cursor: default; } #block-1695641369003 .c100:hover span { color: #146129; } #block-1695641369003 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695641369003 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695641494700 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695641494700 .block { /* border settings */ border: 1px solid #cccccc; border-radius: 4px; /* background color */ background-color: #f8f5f0; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695641494700 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695641494700 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695641494700 { text-align: center; } } #block-1695641494700 .feature__image, [data-slick-id="1695641494700"] .feature__image { width: 100px; border-radius: 0px; } #block-1695641494700 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695641494700 .revcirle, #block-1695641494700 .revtext {width: 100%;} #block-1695641494700 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695641494700 .revcirle, #block-1695641494700 .revtext {width: 100%;} #block-1695641494700 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695641494700 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1695641494700 .revtext span { float: right; } #block-1695641494700 .revtext span { position: relative;} #block-1695641494700 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695641494700 .item1 span::after {width: 10%;} #block-1695641494700 .item2 span::after {width: 60%;} #block-1695641494700 .item3 span::after {width: 35%;} #block-1695641494700 .item4 span::after {width: 60%;} #block-1695641494700 .item5 span::after {width: 35%;} #block-1695641494700 .item6 span::after {width: 100%;} #block-1695641494700 .item7 span::after {width: 100%;} #block-1695641494700 .item8 span::after {width: 100%;} #block-1695641494700 .item9 span::after {width: 100%;} #block-1695641494700 .item10 span::after {width: 100%;} #block-1695641494700 .even span::after {background-color: #f8f5f0;} #block-1695641494700 .uneven span::after {background-color: #f8f5f0;} #block-1695641494700 .fill, #block-1695641494700 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p65 .slice { clip: rect(auto, auto, auto, auto); } .c100.p65 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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); } .c100.p65 .bar:after, .c100.p65 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695641494700 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695641494700 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; 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; } #block-1695641494700 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.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: ; width: 0.84em; height: 0.84em; -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 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p65 .bar { -webkit-transform: rotate(234.0deg); -moz-transform: rotate(234.0deg); -ms-transform: rotate(234.0deg); -o-transform: rotate(234.0deg); transform: rotate(234.0deg); } #block-1695641494700 .c100:hover { cursor: default; } #block-1695641494700 .c100:hover span { color: #146129; } #block-1695641494700 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695641494700 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695641615947 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695641615947 .block { /* border settings */ border: 1px solid #cccccc; border-radius: 4px; /* background color */ background-color: #f8f5f0; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695641615947 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695641615947 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695641615947 { text-align: center; } } #block-1695641615947 .feature__image, [data-slick-id="1695641615947"] .feature__image { width: 100px; border-radius: 0px; } #block-1695641615947 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695641615947 .revcirle, #block-1695641615947 .revtext {width: 100%;} #block-1695641615947 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695641615947 .revcirle, #block-1695641615947 .revtext {width: 100%;} #block-1695641615947 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695641615947 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1695641615947 .revtext span { float: right; } #block-1695641615947 .revtext span { position: relative;} #block-1695641615947 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695641615947 .item1 span::after {width: 60%;} #block-1695641615947 .item2 span::after {width: 20%;} #block-1695641615947 .item3 span::after {width: 20%;} #block-1695641615947 .item4 span::after {width: 25%;} #block-1695641615947 .item5 span::after {width: 20%;} #block-1695641615947 .item6 span::after {width: 100%;} #block-1695641615947 .item7 span::after {width: 100%;} #block-1695641615947 .item8 span::after {width: 100%;} #block-1695641615947 .item9 span::after {width: 100%;} #block-1695641615947 .item10 span::after {width: 100%;} #block-1695641615947 .even span::after {background-color: #f8f5f0;} #block-1695641615947 .uneven span::after {background-color: #f8f5f0;} #block-1695641615947 .fill, #block-1695641615947 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p80 .slice { clip: rect(auto, auto, auto, auto); } .c100.p80 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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); } .c100.p80 .bar:after, .c100.p80 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695641615947 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695641615947 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; 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; } #block-1695641615947 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.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: ; width: 0.84em; height: 0.84em; -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 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p80 .bar { -webkit-transform: rotate(288.0deg); -moz-transform: rotate(288.0deg); -ms-transform: rotate(288.0deg); -o-transform: rotate(288.0deg); transform: rotate(288.0deg); } #block-1695641615947 .c100:hover { cursor: default; } #block-1695641615947 .c100:hover span { color: #146129; } #block-1695641615947 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695641615947 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695641837906 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695641837906 .block { /* border settings */ border: 1px solid #cccccc; border-radius: 4px; /* background color */ background-color: #f8f5f0; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695641837906 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695641837906 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695641837906 { text-align: center; } } #block-1695641837906 .feature__image, [data-slick-id="1695641837906"] .feature__image { width: 100px; border-radius: 0px; } #block-1695641837906 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695641837906 .revcirle, #block-1695641837906 .revtext {width: 100%;} #block-1695641837906 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695641837906 .revcirle, #block-1695641837906 .revtext {width: 100%;} #block-1695641837906 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695641837906 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1695641837906 .revtext span { float: right; } #block-1695641837906 .revtext span { position: relative;} #block-1695641837906 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695641837906 .item1 span::after {width: 30%;} #block-1695641837906 .item2 span::after {width: 40%;} #block-1695641837906 .item3 span::after {width: 40%;} #block-1695641837906 .item4 span::after {width: 70%;} #block-1695641837906 .item5 span::after {width: 30%;} #block-1695641837906 .item6 span::after {width: 100%;} #block-1695641837906 .item7 span::after {width: 100%;} #block-1695641837906 .item8 span::after {width: 100%;} #block-1695641837906 .item9 span::after {width: 100%;} #block-1695641837906 .item10 span::after {width: 100%;} #block-1695641837906 .even span::after {background-color: #f8f5f0;} #block-1695641837906 .uneven span::after {background-color: #f8f5f0;} #block-1695641837906 .fill, #block-1695641837906 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p70 .slice { clip: rect(auto, auto, auto, auto); } .c100.p70 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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); } .c100.p70 .bar:after, .c100.p70 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695641837906 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695641837906 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; 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; } #block-1695641837906 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.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: ; width: 0.84em; height: 0.84em; -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 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p70 .bar { -webkit-transform: rotate(252.0deg); -moz-transform: rotate(252.0deg); -ms-transform: rotate(252.0deg); -o-transform: rotate(252.0deg); transform: rotate(252.0deg); } #block-1695641837906 .c100:hover { cursor: default; } #block-1695641837906 .c100:hover span { color: #146129; } #block-1695641837906 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695641837906 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695642013377 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642013377 .block { /* border settings */ border: 1px solid #cccccc; border-radius: 4px; /* background color */ background-color: #f8f5f0; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695642013377 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642013377 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695642013377 { text-align: center; } } #block-1695642013377 .feature__image, [data-slick-id="1695642013377"] .feature__image { width: 100px; border-radius: 0px; } #block-1695642013377 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695642013377 .revcirle, #block-1695642013377 .revtext {width: 100%;} #block-1695642013377 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695642013377 .revcirle, #block-1695642013377 .revtext {width: 100%;} #block-1695642013377 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695642013377 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1695642013377 .revtext span { float: right; } #block-1695642013377 .revtext span { position: relative;} #block-1695642013377 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695642013377 .item1 span::after {width: 35%;} #block-1695642013377 .item2 span::after {width: 25%;} #block-1695642013377 .item3 span::after {width: 25%;} #block-1695642013377 .item4 span::after {width: 50%;} #block-1695642013377 .item5 span::after {width: 25%;} #block-1695642013377 .item6 span::after {width: 100%;} #block-1695642013377 .item7 span::after {width: 100%;} #block-1695642013377 .item8 span::after {width: 100%;} #block-1695642013377 .item9 span::after {width: 100%;} #block-1695642013377 .item10 span::after {width: 100%;} #block-1695642013377 .even span::after {background-color: #f8f5f0;} #block-1695642013377 .uneven span::after {background-color: #f8f5f0;} #block-1695642013377 .fill, #block-1695642013377 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p75 .slice { clip: rect(auto, auto, auto, auto); } .c100.p75 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; 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); } .c100.p75 .bar:after, .c100.p75 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695642013377 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695642013377 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; 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; } #block-1695642013377 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.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: ; width: 0.84em; height: 0.84em; -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 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p75 .bar { -webkit-transform: rotate(270.0deg); -moz-transform: rotate(270.0deg); -ms-transform: rotate(270.0deg); -o-transform: rotate(270.0deg); transform: rotate(270.0deg); } #block-1695642013377 .c100:hover { cursor: default; } #block-1695642013377 .c100:hover span { color: #146129; } #block-1695642013377 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695642013377 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695642235045 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642235045 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695642235045 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642235045 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695642235045 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ #block-1695642839145 { padding: 0; } /* margin settings */ #block-1695642839145 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642839145 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #597f64; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695642839145 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642839145 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695642839145 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ #block-1695642981110 { padding: 0; } /* margin settings */ #block-1695642981110 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642981110 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #FFFFFF; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695642981110 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642981110 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695642981110 { text-align: left; } } #block-1695642981110 .btn { border-color: #597f64; border-radius: 4px; background: #597f64; color: #ffffff; } #block-1695642981110 .btn--outline { background: transparent; color: #597f64; } #block-1695642981110 .card__footer { color: } /* flush setting */ /* margin settings */ #block-1695642344726 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642344726 .block { /* border settings */ border: 1px solid #ECF0F1; border-radius: 10px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695642344726 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695642344726 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695642344726 { text-align: center; } } #block-1695642344726 .feature__image, [data-slick-id="1695642344726"] .feature__image { width: 100px; border-radius: 100px; } /* CSS for the feature container */ .authorfeature { display: flex; align-items: flex-start; /* Align items to the top */ /* Add any other styles you need for the container */ position: relative; } /* CSS for the image container */ .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; /* Adjust the spacing between image and text */ /* Add any other styles you need for the image container */ } /* CSS for the image */ .authorfeature__image { max-width: 150px; /* Set the maximum width of the image */ height: auto; /* Maintain aspect ratio */ /* Add any other styles you need for the image */ } /* CSS for the text and button container */ .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ /* Add any other styles you need for the text and button container */ } }