@charset "UTF-8";* {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}html {  font-size: 16px;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}@-webkit-viewport {  width: device-width;}@-moz-viewport {  width: device-width;}@-ms-viewport {  width: device-width;}@-o-viewport {  width: device-width;}@viewport {  width: device-width;}*, *:before, *:after {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {  display: block;}audio, canvas, video {  display: inline-block;  *display: inline;  *zoom: 1;}audio:not([controls]) {  display: none;  height: 0;}[hidden] {  display: none;}html, button, input, select, textarea {  font-family: sans-serif;}body {  margin: 0;}a:focus {  outline: thin dotted;}a:active,a:hover {  outline: 0;}ul, ol, dd, menu, dl, figure, pre, table, fieldset, legend, hr,h1, h2, #displayBlogStories #displayBlogStory .blogPost .blogTitle, h3, h4, h5, h6, p, a {  margin: 0;  padding: 0;}b, strong {  font-weight: bold;}pre {  white-space: pre;  white-space: pre-wrap;  word-wrap: break-word;}q {  quotes: none;}q:before, q:after {  content: '';  content: none;}sub, sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sup {  top: -0.5em;}sub {  bottom: -0.25em;}nav ul, nav ol {  list-style: none;  list-style-image: none;}li > ul,li > ol {  margin-bottom: 0;}img {  border: 0;  -ms-interpolation-mode: bicubic;  max-width: 100%;  min-height: auto;  height: auto;  vertical-align: middle;}svg:not(:root) {  overflow: hidden;}figure {  margin: 0;}figure > img {  display: block;}form {  margin: 0;}fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}legend {  border: 0;  padding: 0;  white-space: normal;  *margin-left: -7px;}button,input,select,textarea {  font-size: 100%;  margin: 0;  vertical-align: baseline;  *vertical-align: middle;}button,input {  line-height: normal;}button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;  *overflow: visible;}button[disabled],input[disabled] {  cursor: default;}input[type="checkbox"],input[type="radio"] {  box-sizing: border-box;  padding: 0;  *height: 13px;  *width: 13px;}input[type="search"] {  -webkit-appearance: textfield;  -moz-box-sizing: content-box;  -webkit-box-sizing: content-box;  box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0;}textarea {  overflow: auto;  vertical-align: top;  resize: vertical;}table {  border-collapse: collapse;  border-spacing: 0;}.chromeframe {  background: #ccc;  color: #000;  margin: 0.2em 0;  padding: 0.2em 0;}@font-face {  font-family: 'OpenSansLight';  src: url("../fonts/OpenSans-Light-webfont.eot");  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");  font-weight: normal;  font-style: normal;}@font-face {  font-family: 'OpenSansRegular';  src: url("../fonts/OpenSans-Regular-webfont.eot");  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");  font-weight: normal;  font-style: normal;}@font-face {  font-family: 'OpenSansItalic';  src: url("../fonts/OpenSans-Italic-webfont.eot");  src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");  font-weight: normal;  font-style: normal;}@font-face {  font-family: 'OpenSansBold';  src: url("../fonts/OpenSans-Bold-webfont.eot");  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");  font-weight: normal;  font-style: normal;}@font-face {  font-family: 'OpenSansExtrabold';  src: url("../fonts/OpenSans-ExtraBold-webfont.eot");  src: url("../fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg");  font-weight: normal;  font-style: normal;}@font-face {  font-family: 'OpenSansSemibold';  src: url("../fonts/OpenSans-Semibold-webfont.eot");  src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg");  font-weight: normal;  font-style: normal;}h1 {  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, Sans-serif;  font-size: 1.875rem;  margin-bottom: 1.875rem;  font-weight: normal;  line-height: 2.625rem;  color: #0f5588;}h2, #displayBlogStories #displayBlogStory .blogPost .blogTitle {  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, Sans-serif;  font-size: 1.5rem;  margin-bottom: 0.625rem;  line-height: 1.75rem;  font-weight: normal;  color: #0f5588;}h3 {  font-family: "OpenSansBold", "Helvetica Neue", Helvetica, Arial, Sans-serif;  font-size: 1rem;  margin-bottom: 0.625rem;  line-height: 1.25rem;  font-weight: normal;}.tight {  letter-spacing: -1px;}.text-r {  text-align: right;}.text-c {  text-align: center;}/*------------------------------------*$HELPER\*------------------------------------*//*** A series of helper classes to use arbitrarily. Only use a helper class if an* element/component doesn’t already have a class to which you could apply this* styling, e.g. if you need to float `.main-nav` left then add `float:left;` to* that ruleset as opposed to adding the `.float--left` class to the markup.** A lot of these classes carry `!important` as you will always want them to win* out over other selectors.*//*** Add/remove floats*/.float--right {  float: right !important;  margin-left: 15px;  margin-left: 0.9375rem;}.float--left {  float: left !important;  margin-right: 15px;  margin-right: 0.9375rem;}.float--none {  float: none !important;  margin: 0;}.push--left {  padding-left: 120px;  padding-left: 7.5rem;}/*** Text alignment*/.text--left {  text-align: left !important;}.text--center {  text-align: center !important;}.text--right {  text-align: right !important;}/*** Font weights*/.weight--light {  font-weight: 300 !important;}.weight--normal {  font-weight: 400 !important;}.weight--semibold {  font-weight: 600 !important;}a {  text-decoration: none;}a:link {  color: #8dbc2e;  outline: 0;  -webkit-transition: color 0.5s ease;  -moz-transition: color 0.5s ease;  transition: color 0.5s ease;}a:visited {  color: #8dbc2e;}a:hover {  color: #0f5588;  -webkit-transition: color 0.8s ease;  -moz-transition: color 0.8s ease;  transition: color 0.8s ease;}/** jQuery FlexSlider v2.0* http://www.woothemes.com/flexslider/** Copyright 2012 WooThemes* Free to use under the GPLv2 license.* http://www.gnu.org/licenses/gpl-2.0.html** Contributing author: Tyler Smith (@mbmufffin)*//* Browser Resets */.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {  outline: none;}.slides,.flex-control-nav,.flex-direction-nav {  margin: 0;  padding: 0;  list-style: none;}/* FlexSlider Necessary Styles*********************************/.flexslider {  margin: 0;  padding: 0;}.flexslider .slides > li {  display: none;  -webkit-backface-visibility: hidden;  /* Hide the slides before the JS is loaded. Avoids image jumping */}.flexslider .slides img {  width: 100%;  display: block;}.flexslider .slides:after {  content: ".";  display: block;  clear: both;  /* Clearfix for the .slides element */  visibility: hidden;  line-height: 0;  height: 0;}.flex-pauseplay span {  text-transform: capitalize;}html[xmlns] .slides {  display: block;}* html .slides {  height: 1%;}/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you* include js that eliminates this class on page load */.no-js .slides > li:first-child {  display: block;}/* FlexSlider Theme*********************************/.flexslider {  background: #fff;  margin: 0 0 20px;  zoom: 1;  margin-bottom: 1.875rem;}.flexslider .slides {  zoom: 1;  overflow: hidden;}.flexslider .slides li {  position: relative;}.flexslider .slides li img {  bottom: 0;  max-height: 400px;}.flex-viewport {  max-height: 2000px;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  transition: all 1s ease;}.loading .flex-viewport {  max-height: 300px;}.carousel li {  margin-right: 5px;}/* Direction Nav */.flex-direction-nav {  display: none;  *height: 0;}.flex-direction-nav .flex-next {  background-position: 100% 0;  right: -36px;}.flex-direction-nav .flex-next:hover {  opacity: 1;}.flex-direction-nav .flex-prev {  left: -36px;}.flex-direction-nav .flex-prev:hover {  opacity: 1;}.flex-direction-nav:hover {  transition: all .5s ease;}.flex-direction-nav:hover .flex-next {  opacity: 0.8;  right: 5px;}.flex-direction-nav:hover .flex-prev {  opacity: 0.8;  left: 5px;}.flex-direction-nav .flex-disabled {  cursor: default;  filter: alpha(opacity=30);  opacity: 0.3 !important;}/* Control Nav */.flex-control-nav {  display: none;  bottom: -35px;  position: absolute;  text-align: center;  width: 100%;}.flex-control-paging li {  display: inline-block;  margin: 0 6px;  zoom: 1;  *display: inline;  -webkit-transition: all 0.8s ease;  -moz-transition: all 0.8s ease;  transition: all 0.8s ease;}.flex-control-paging li a {  background: white;  cursor: pointer;  display: block;  height: 10px;  text-indent: -9999px;  width: 10px;  -webkit-transition: all 0.8s ease;  -moz-transition: all 0.8s ease;  transition: all 0.8s ease;}.flex-control-paging li a:hover {  background: #0f5588;}.flex-control-paging li a.flex-active {  background: #0f5588;  cursor: default;  height: 10px;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}.flex-control-thumbs {  margin: 5px 0 0;  position: static;  overflow: hidden;}.flex-control-thumbs li {  float: left;  margin: 0;  width: 25%;}.flex-control-thumbs img {  cursor: pointer;  display: block;  opacity: .7;  width: 100%;}.flex-control-thumbs img:hover {  opacity: 1;}.flex-control-thumbs .flex-active {  background-color: #0f5588;  opacity: 1;  cursor: default;}@media screen and (max-width: 860px) {  .flex-direction-nav .flex-prev {    opacity: 1;    left: 0;  }  .flex-direction-nav .flex-next {    opacity: 1;    right: 0;  }}.container {  max-width: 1200px;  margin: 0 auto;  padding:0px;}.container:after {  content: "";  display: table;  clear: both;}.g-8 li {  padding:5px 0px;}.container-l {  max-width: 100%;  margin: 0 auto;}.container-l:after {  content: "";  display: table;  clear: both;}.end {  margin-right: 0 !important;}.g-12 {  float: left;  display: block;  margin-right: 2.35765%;  width: 100%;}.g-12:last-child {  margin-right: 0;}.g-11 {  float: left;  display: block;  margin-right: 2.35765%;  width: 91.4702%;}.g-11:last-child {  margin-right: 0;}.g-10 {  float: left;  display: block;  margin-right: 2.35765%;  width: 82.94039%;}.g-10:last-child {  margin-right: 0;}.g-9 {  float: left;  display: block;  margin-right: 2.35765%;  width: 74.41059%;}.g-9:last-child {  margin-right: 0;}.g-8 {  float: left;  display: block;  margin-right: 2.35765%;  width: 65.88078%;}.g-8:last-child {  margin-right: 0;}.g-7 {  float: left;  display: block;  margin-right: 2.35765%;  width: 57.35098%;}.g-7:last-child {  margin-right: 0;}.g-6 {  float: left;  display: block;  margin-right: 2.35765%;  width: 48.82117%;}.g-6:last-child {  margin-right: 0;}.g-5 {  float: left;  display: block;  margin-right: 2.35765%;  width: 40.29137%;}.g-5:last-child {  margin-right: 0;}.g-4 {  float: left;  display: block;  margin-right: 2.35765%;  width: 31.76157%;}.g-4:last-child {  margin-right: 0;}.g-3 {  float: left;  display: block;  margin-right: 2.35765%;  width: 23.23176%;}.g-3:last-child {  margin-right: 0;}.g-2 {  float: left;  display: block;  margin-right: 2.35765%;  width: 14.70196%;}.g-2:last-child {  margin-right: 0;}.g-1 {  float: left;  display: block;  margin-right: 2.35765%;  width: 6.17215%;}.g-1:last-child {  margin-right: 0;}.g-8 {  padding:0px 0px 0px 20px;}.shift-1 {  margin-left: 8.5298%;}.shift-2 {  margin-left: 17.05961%;}.shift-3 {  margin-left: 25.58941%;}.shift-4 {  margin-left: 34.11922%;}.shift-5 {  margin-left: 42.64902%;}.shift-6 {  margin-left: 51.17883%;}.shift-7 {  margin-left: 59.70863%;}.shift-8 {  margin-left: 68.23843%;}.shift-9 {  margin-left: 76.76824%;}.shift-10 {  margin-left: 85.29804%;}.shift-11 {  margin-left: 93.82785%;}#header {  margin-top: 1.875rem;}#header #contact-details {  margin-top: 1.5625rem;  margin-left:10px;  list-style: none;  color: #0f5588;  fill: #0f5588;}#header #contact-details a {  color: #0f5588;}#header #contact-details li {  margin-bottom: 1.25rem;}.logo {  display: inline-block;  text-align: right;  margin-bottom: 1.25rem;  margin-right:10px;}#nav {  background-color: #8dbc2e;  color: white;  padding: 1.25rem;  margin-bottom: 1.25rem;}#nav a {  color: white;  fill: white;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}#nav a:hover {  color: #0f5588;  fill: #0f5588;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}#nav #menu {  list-style: none;  margin-bottom: 0;}#nav #menu li {  float: left;  border-right: 1px solid #fff;  margin: 0.625rem;  padding-right: 1.25rem;}#nav #menu li:last-of-type {  border-right: 0px;}#nav #social {  list-style: none;  margin-bottom: 0;  margin-top: 0.3125rem;}#nav #social li {  float: left;  margin: 0 0.625rem;}#nav #social li a svg {  width: 1.875rem;}.contact-icon {  width: 1.5rem;  float: left;  margin-right: 1.25rem;  margin-top: -0.1875rem;}html {  height: 100%;  min-height: 100%;  min-width: 1200px;}body {  font-size: 1rem;  font-family: "OpenSansSemibold", "Helvetica Neue", Helvetica, Arial, Sans-serif;  height: 100%;  min-height: 100%;  color: #333333;  line-height: 1.25rem;}body img {  max-width: 100%;  height: auto;}ol, ul, p {  margin-bottom: 1.25rem;}ol, ul {  list-style: outside;}#main_content iframe {  min-height: 5000px;}.group {  zoom: 1;}.group:before, .group:after {  content: "\0020";  display: block;  height: 0;  overflow: hidden;}.group:after {  clear: both;}.relative {  position: relative;}.hide {  display: none;}.centered {  display: inline-block;  text-align: center;}#services {  margin-bottom: 1.875rem;}#services .service {  max-height: 17.5rem;  overflow: hidden;  position: relative;  padding-top: 25%;}#services .service a {  position: absolute;  bottom: 0px;  left: 0;  text-align: center;  width: 100%;  padding: 1.875rem 1.25rem;  color: white;  font-size: 1.5rem;  line-height: 1.75rem;  background-color: rgba(141, 188, 46, 0.9);  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}#services .service a:hover {  background-color: #8dbc2e;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;  padding-bottom: 2.5rem;}.flexslider p {  margin-bottom: 0;}#accreditations {  text-align: center;}#accreditations .cycle-slideshow {  margin-bottom: 1.875rem;  height: 5rem;  position: relative;}#accreditations .cycle-slideshow img {  margin: 0 2.5rem;}#accreditations .cycle-slideshow .cycle-prev svg, #accreditations .cycle-slideshow .cycle-next svg {  width: 2rem;  cursor: pointer;  position: absolute;}#accreditations .cycle-slideshow .cycle-prev svg {  left: 0;}#accreditations .cycle-slideshow .cycle-right svg {  right: 0;}#contact-us {  height: 17.1875rem;  padding: 0.9375rem 4.375rem;  color: white;  background-image: url(/smartelectricalsystems-co-uk/_img/img/contact-us.jpg);  margin-bottom: 1.875rem;}.nudge {margin-bottom: 0.7rem;}#contact-us p {  margin-bottom: 0.3125rem;}#contact-us a {  color: white;}#contact-us h1 {  color: white;  text-align: center;  margin-bottom: 1.5625rem;}#contact-us .map {  display: inline-block;  margin-top: -3.75rem;  text-align: right;}#contact-us svg {  fill: white;}.green-box {  background-color: #8dbc2e;  color: white;  padding: 1.25rem;}.green-box h1, .green-box h2, .green-box #displayBlogStories #displayBlogStory .blogPost .blogTitle, #displayBlogStories #displayBlogStory .blogPost .green-box .blogTitle, .green-box h3 {  color: white;}.green-box p {  margin-bottom: 3px;}.green-box a {  color: white;}.green-box a:hover {  color: #0f5588;}.defaultForm {  background-color: #ccc;  padding: 1.25rem;}.defaultForm label {  float: left;  width: 33%;}.defaultForm input, .defaultForm textarea {  float: left;  width: 66%;  margin-left: 1%;  margin-bottom: 0.625rem;  border-radius: 0.1875rem;  padding: 0.3125rem;  border-width: 0px;}.defaultForm .inputset {  position: relative;}.defaultForm .form_submit {  text-align: right;}.defaultForm .form_submit input {  float: none;  color: white;  background-color: #8dbc2e;  border: 1px solid white;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}.defaultForm .form_submit input:hover {  background-color: white;  border-color: #8dbc2e;  color: #8dbc2e;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}.form_error_wrap {  display: none;}.form_error_specific {  position: absolute;  top: 0px;  right: 5px;  font-size: 0.625rem;  color: #8dbc2e;}#preloader {  position: fixed;  top: 0;  left: 0;  bottom: 0;  right: 0;  background: #8dbc2e;  z-index: 999;}#preloader img {  width: 64px;  height: 64px;  position: absolute;  top: 50%;  margin-top: -32px;  left: 50%;  margin-left: -32px;  z-index: 9999;}form[name="pageHeader"] {  margin-bottom: 20px;  padding-bottom: 15px;  border-bottom: 1px solid #8dbc2e;}form[name="pageHeader"]:after {  content: "";  display: table;  clear: both;}form[name="pageHeader"] .pagination ul {  margin: 0;  padding: 0;}form[name="pageHeader"] .pagination ul li {  list-style: none;  display: inline-block;  margin-right: 5px;}form[name="pageHeader"] .pagination ul li a {  text-decoration: none;}form[name="pageFooter"] {  margin-top: 20px;  padding-top: 15px;  border-top: 1px solid #8dbc2e;}form[name="pageFooter"]:after {  content: "";  display: table;  clear: both;}form[name="pageFooter"] .pagination ul {  margin: 0;  padding: 0;}form[name="pageFooter"] .pagination ul li {  list-style: none;  display: inline-block;  margin-right: 5px;}form[name="pageFooter"] .pagination ul li a {  text-decoration: none;}#displayBlogStories:after {  content: "";  display: table;  clear: both;}#displayBlogStories #displayBlogStory {  margin-bottom: 20px;  padding-bottom: 20px;  border-bottom: 1px solid #8dbc2e;}#displayBlogStories #displayBlogStory .blogPost .blogDate, #displayBlogStories #displayBlogStory .blogPost .blogSummaryImageTop {  display: none;}#displayBlogStories #displayBlogStory .blogPost .blogSummaryImageBottom {  margin-bottom: 1.25rem;}#displayBlogStories #displayBlogStory .blogPost .blogTitle a {  text-decoration: none;}#displayBlogStories #displayBlogStory .blogPost .blogBody p {  display: inline-block;  text-decoration: none;  margin-left: 0.625em;  margin-bottom: 0;}#displayBlogStories #displayBlogStory .blogPost .blogBody p a {  text-decoration: none;}#displayIndividualBlogStory #displayBlogStory #blogSummaryImageStoryId {  margin-bottom: 1.25rem;}#displayIndividualBlogStory #displayBlogStory .newsInfoWrap {  display: none;}.blogArchiveYearWrap .blogArchiveMonthWrap {  margin-bottom: 1.25em;}.blogArchiveYearWrap .blogArchiveYear {  display: none;}.blogArchiveYearWrap .blogArchiveMonth {  margin-bottom: 0.625em;  padding-bottom: 0.625em;  border-bottom: 1px solid #0f5588;  font-weight: bold;}.blogArchiveYearWrap .blogArchiveItemWrap .blogArchiveItemWrapImage {  display: none;}.blogArchiveYearWrap .blogArchiveItemWrap .blogArchiveItemWrapTitle {  font-size: 1em;  line-height: 1.2;  margin-bottom: 0.3125em;}.blogArchiveYearWrap .blogArchiveItemWrap .blogArchiveItemWrapTitle:before {  content: "- ";}.blogArchiveYearWrap .blogArchiveItemWrap .blogArchiveItemWrapTitle a {  text-decoration: none;  color: white;}.blogArchiveYearWrap .blogArchiveItemWrap .blogArchiveItemWrapDescription {  display: none;}.blogArchiveYearWrap .blogArchiveItemWrap .blogArchiveItemWrapDate {  display: none;}.blogArchiveYearWrap .blogArchiveItemWrap .blogArchiveItemWrapLink {  display: none;}#footer {  color: #0f5588;  padding-bottom: 1.25rem;}#footer p {  font-size: 0.875rem;}#footer a {  color: #0f5588;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}#footer a:hover {  color: #7b93b7;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  transition: all 0.5s ease;}#footer #menu {  width:496px;  margin: 1.25rem auto;}#footer #menu:after {  content: "";  display: table;  clear: both;}#footer #menu li {  float: left;  list-style: none;  padding: 0 0.425rem;  font-size: 1.125rem;  border-right: 1px solid #0f5588;}#footer #menu li:last-of-type {  border-right: 0px;}.editable { position: absolute; bottom: 20px; left: 100px; background:rgba(0, 0, 0, 0.5); padding: 10px 20px 0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }.editable p { font-size: 36px; line-height:41px; font-family: "OpenSansExtrabold", "Helvetica Neue", Helvetica, Arial, Sans-serif; margin-bottom: 10px; color: white; }.covid {width: 100%; padding: 15px; background: #ff0000; text-align: center;}.covid a {color: #fff; text-decoration: underline;}
/* not required */