@charset "UTF-8";
:root {
  --page-max-width: 1280px;
  --font-playfair: "Playfair Display", serif;
  --font-georgia: "Georgia", "Tinos", serif;
  --font-work-sans: "Work sans", sans-serif;
  --font-sans: var(--font-work-sans);
  --font-serif: var(--font-georgia);
  --font-cursive: var(--font-playfair);
  --colour-salmon: #F77D66;
  --colour-orange: #ff8400;
  --colour-medium-grey: #3f3f3f;
  --colour-primary: var(--colour-salmon);
  --colour-secondary: var(--colour-orange);
  --colour-teal-green: #034146;
  --colour-coral: #F77D67;
  --colour-wine: #3B1527;
  --colour-breeze: #BCE0D9;
  --colour-petal: #FFDBD1;
  --colour-pale-petal: #fceee7;
  --colour-citrus: #FFE17B;
}

/*------------------------------------*
  RESET
*------------------------------------*/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
}

i, em {
  font-style: italic;
}

nav div > ul > li > a {
  color: black !important;
  font-weight: 400 !important;
  font-size: 10pt !important;
}

nav div > ul > li > a {
  text-transform: uppercase;
}

nav div > ul > li > ul > li, nav div > ul > li > ul > li.parent {
  background: #faf9f4 !important;
  color: var(--colour-salmon);
}

nav div > ul > li {
  position: relative;
}

ol {
  font-family: var(--font-serif);
}

p.no-spam {
  margin-top: 1em;
}

p.tags {
  text-align: center;
}

.download-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/wp-content/themes/lighttheme/images/icons/open-link.png) rgba(158, 29, 34, 0.9098039216);
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
}

.btn-download1 a {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  position: relative;
  display: block;
  border: 1px solid #9e1d22;
  background: #9e1d22;
}

.btn-download1 a:hover .download-overlay {
  display: block;
}

.blog-page-b {
  background: white !important;
}

.dl-table {
  margin: 0 !important;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  table-layout: fixed;
}

.dl-table tr td {
  vertical-align: middle;
  border: 0 !important;
  color: white;
  font-size: 12pt;
  font-weight: 500;
}

.dl-table tr td:first-of-type {
  width: 120px;
  padding: 0;
}

.dl-table tr td:last-of-type {
  padding-left: 20px;
}

.dl-img {
  width: 120px;
  background-size: cover !important;
  background-position: center top !important;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.btn-download a {
  text-transform: none !important;
  background: url(/wp-content/themes/lighttheme/images/icons/download.png) #9e1d22 !important;
}

.download-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(143, 143, 143, 0.5);
  margin-bottom: 0;
  color: white;
  font-size: 1.8em;
  padding: 1em;
}

@media (min-width: 450px) {
  .newsletter-thumb,
  .brochure-thumb {
    width: 50%;
    float: left;
    padding: 1em;
    box-sizing: border-box;
  }
}
.btn-download a {
  text-transform: none !important;
  background: url(/wp-content/themes/lighttheme/images/icons/download.png) #9e1d22 !important;
  background-size: 20px !important;
  background-position: 12px center !important;
  background-repeat: no-repeat !important;
  text-align: left !important;
  padding-left: 44px !important;
  font-size: 12pt !important;
  display: table !important;
  width: auto !important;
  margin: 0 !important;
  margin-top: 0.5em !important;
}

.btn-download a:hover {
  background: url(/wp-content/themes/lighttheme/images/icons/download.png) #6a358f !important;
  background-size: 20px !important;
  background-position: 12px center !important;
  background-repeat: no-repeat !important;
}

/********* EVENTS PAGE ********/
.events-header {
  height: 300px;
  background: url(/wp-content/themes/lighttheme/images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
}

.past-events {
  width: 84%;
  float: none;
  margin: 0 auto;
}

.upcoming-events {
  width: 84%;
  float: none;
  margin: 0 auto;
}

.past-events h2 {
  margin-top: 2em;
}

.past-events h2,
.upcoming-events h2 {
  color: #003d6a;
  font-size: 1.8em;
  text-align: center;
  font-weight: lighter;
  text-transform: uppercase;
}

.event-page {
  position: relative;
  padding: 3.5em 1em 2em 1em;
  border: 1px solid #dcdcdc;
  margin-top: 3em;
  text-align: center;
  background: #f8f7f5;
  box-shadow: 2px 2px 5px #b5b5b5;
}

.event-page .event-date-outer {
  position: absolute;
  top: -2.2em;
  left: 50%;
  margin-left: -37.5px;
}

.event-speakers div {
  width: 98%;
  float: left;
  margin: 1%;
}

.event-speakers img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 200px;
  margin: 0 auto;
}

.event-speakers span {
  margin: 1em 0 1em 0;
  font-size: 1.2em;
  line-height: 1.4em;
  display: block;
}

.event-speakers p {
  font-size: 1em;
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
}

.event-speaker-spacer {
  clear: both;
  float: none;
  width: 100% !important;
  display: block;
}

.event-past-videos div {
  width: 98%;
  float: left;
  margin: 1%;
}

.event-past-videos span {
  margin: 1em 0 1em 0;
  font-size: 1.2em;
  line-height: 1.4em;
  display: block;
  height: 50px;
}

.event-past-videos iframe {
  width: 100%;
  min-height: 300px;
  max-width: 500px;
}

.event-agenda {
  width: 98%;
  float: left;
  margin: 1%;
}

.event-agenda span {
  color: #266890;
}

.event-agenda img {
  max-width: 50px;
  display: block;
  margin: 0 auto;
}

.event-agenda table {
  text-align: left;
}

.event-venue {
  width: 98%;
  float: left;
  margin: 1%;
  padding: 1em;
  text-align: left;
  font-size: 1.3em;
  line-height: 1.4em;
  table-layout: fixed;
  color: #888;
}

.event-venue td {
  padding: 1em;
}

.event-page h2 {
  color: #003d6a;
  font-size: 2.8em;
  text-align: center;
  font-weight: lighter;
}

.event-page h3 {
  color: #003d6a;
  font-size: 2.3em;
  text-align: center;
  font-weight: lighter;
}

.event-item {
  position: relative;
  padding: 2.5em 1em 2em 1em;
  border: 1px solid #dcdcdc;
  margin-top: 3em;
  text-align: center;
  background: #f8f7f5;
  box-shadow: 2px 2px 5px #b5b5b5;
}

.event-item p,
.event-item ul {
  font-size: 1em !important;
  margin-bottom: 1em;
  color: #888;
}

.event-item ul {
  text-align: left;
}

.event-date-outer {
  position: absolute;
  top: -2.2em;
  left: -2.2em;
}

.event-date {
  width: 75px;
  height: 75px;
  border-radius: 37.5px;
  background-color: white;
  position: relative;
  border: 1px solid #266890;
}

.upcomming-date {
  background-color: #266890;
  color: white;
}

.event-date span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -22.5px;
  text-align: center;
  line-height: 1.5em;
  font-weight: lighter;
  height: 45px;
  width: 60px;
}

.event-date span b {
  font-weight: bold;
}

.read-hidden {
  display: none;
}

[data-template="index-giveaway-items.php"] .blog-l-text-out {
  margin-top: 0 !important;
}

[data-template="index-giveaway-items.php"] header {
  height: initial !important;
}

.giveaway-pop-inner {
  background: var(--colour-salmon);
  padding: 1em 3em 2em 3em;
  padding-top: 1em;
}

.giveaway-pop-inner-top {
  padding-top: 0em;
  /* border-top-left-radius: 250%; */
  /* border-top-right-radius: 250%; */
  /* background: var(--colour-salmon); */
  height: 160px;
  /* padding: 1em; */
  margin-bottom: -56px;
}

.giveaway-pop-inner-top h2, .giveaway-pop-inner h3 {
  color: black;
  text-align: center;
  font-family: var(--font-cursive);
}

.giveaway-pop-inner-top h2 {
  padding-top: 45px;
  border-bottom: 1px solidblack;
  margin-bottom: 0 !important;
  padding-bottom: 10px;
  font-size: 20pt !important;
  line-height: 20pt !important;
  position: absolute;
  top: 0;
  left: 1em;
  right: 1em;
}

.giveaway-pop-inner h3 {
  font-style: italic;
  margin-bottom: 1em;
  font-size: 14pt !important;
  line-height: 15pt !important;
  margin-top: 0;
}

.giveaway-pop-inner .button-expert {
  max-width: 180px;
}

.giveaway-outer-close {
  width: 30px;
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.give-border {
  /*
    --b: 5px;
    --c: white;
    --w: 80px;
    border: var(--b) solid black0;
    --_g: black0 90deg, var(--c) 0;
    --_p: var(--w) var(--w) border-box no-repeat;
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: conic-gradient(from 90deg at top var(--b) left var(--b),var(--_g)) 0 0 / var(--_p), conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);
  */
  background: url(/wp-content/themes/lighttheme/images/rb-corner-br-white.png), url(/wp-content/themes/lighttheme/images/rb-corner-tl-white.png);
  background-position: bottom right, top left;
  background-repeat: no-repeat;
  background-size: 80px;
}

.giveaway-outer {
  padding: 1em;
  margin: 1em;
  background: white;
}

.giveaway-inner {
  border: 3px solid #183f44;
  padding: 2em;
}

.giveaway-outer h3:not(.post-sub h3) {
  color: black;
  text-align: center;
  font-size: 22pt !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-weight: 100;
  margin-top: 0 !important;
}

.giveaway-outer p {
  color: black;
  text-align: center;
  font-size: 10pt !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-weight: 500;
  margin-top: 0 !important;
  font-style: italic;
}

.giveaway-outer p a {
  text-decoration: underline;
}

.giveaway-thanks {
  background: #BCE0D9;
}

.giveaway-thanks .giveaway-inner {
  border: 3px solid black;
}

.giveaway-sub-thanks {
  background: #034146;
}

.giveaway-sub-thanks .giveaway-inner {
  border: 3px solid white;
}

.giveaway-sub-thanks h3, .giveaway-sub-thanks p {
  color: white;
}

.giveaway-inner hr {
  max-width: 400px;
  margin: 0 auto;
  border-bottom: 4px solid;
}

.giveaway-inner-form h3 {
  color: var(--colour-salmon) !important;
  font-style: italic;
  font-size: 23pt !important;
}

.giveaway-inner-form h4 {
  color: black;
  font-style: italic;
  text-align: center;
  font-family: var(--font-cursive);
  font-size: 16pt !important;
}

.giveaway-outer-form {
  background: none !important;
}

.giveaway-outer-form .giveaway-inner-form {
  border: none !important;
  padding-bottom: 0;
}

.giveaway-inner-form form > div, .giveaway-inner-form form button br {
  display: none;
}

.giveaway-inner-form form .fd-form-content {
  display: block !important;
}

.giveaway-inner-form form button {
  background: black !important;
  margin: 0 auto;
  display: block;
  border-radius: 0;
  font-size: 8pt !important;
  font-weight: 100;
  padding: 0 60px;
}

.giveaway-inner-form form button:hover {
  background: black !important;
  opacity: 0.8;
}

.giveaway-inner-form form input[type=text] {
  background: transparent;
  border: 0 !important;
  border-bottom: 2px solid black !important;
  font-size: 10pt;
  border-radius: 0;
}

.giveaway-inner-form form input[type=text]::placeholder {
  color: black !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  font-weight: 500;
}

.giveaway-inner-form .fd-form-content label {
  display: none;
}

.giveaway-inner-form .fd-form-content label.fd-form-check {
  display: inline-block;
  height: 26px;
  margin-right: 10px;
}

.giveaway-outer-form p {
  display: inline-block;
  vertical-align: middle;
}

.giveaway-outer-form .post-share-btn {
  display: none !important;
}

.giveaway-outer-form .post-share-items {
  display: block !important;
  display: table !important;
  margin: 0 auto;
}

.giveaway-outer-form h5 {
  color: black;
  font-weight: bold;
  text-align: center;
  margin-top: 2em;
}

.giveaway-outer-form p {
  color: #444;
}

h3.date-giveaways {
  color: #b1b1b1 !important;
  font-size: 8pt !important;
}

h3.category-giveaways {
  margin-bottom: 0 !important;
}

.giveaway-items_pageItem .blog-p-text .wpb-content-wrapper .wpb_single_image:first-of-type:after {
  content: "";
  background: url(/wp-content/themes/lighttheme/images/rb-corner-br.png), url(/wp-content/themes/lighttheme/images/rb-corner-tl.png);
  background-position: bottom right, top left;
  background-repeat: no-repeat;
  background-size: 80px;
  padding: 8px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.calendar-outer {
  background: #c82b25;
  margin-left: 1%;
  margin-right: 1%;
  width: 98%;
}

.calendar-outer p {
  font-size: 12pt !important;
  text-transform: uppercase;
  color: white !important;
  text-align: left;
  margin-left: 1%;
  margin-right: 1%;
  width: 98%;
}

#calendar-outer .panel-grid-cell {
  padding: 1em 0 !important;
}

.cal-outer span, .cal-outer a {
  display: inline-block;
  color: white;
  vertical-align: middle;
}

@media (max-width: 800px) {
  .cal-outer span {
    float: none !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 1em;
  }
  .cal-outer a {
    float: none !important;
    margin-bottom: 5px !important;
  }
}
.cal-outer a {
  border: 1px solid white;
  color: white;
  text-transform: uppercase;
  /* width: 100px; */
  font-size: 10pt;
  padding: 5px 10px;
  font-weight: 600;
  display: inline-block;
  float: right;
  margin-left: 5px;
}

.cal-outer span {
  border: 1px solid #c82b25;
  color: white;
  text-transform: uppercase;
  /* width: 100px; */
  font-size: 10pt;
  padding: 5px 10px;
  font-weight: 500;
  display: inline-block;
  /* float: right; */
  /* margin-left: 5px; */
  text-align: left;
  float: left;
}

/* events 
------------------------------------------*/
.events .rss-link {
  float: right;
  position: relative;
  top: 3em;
}

.events .rss-link a {
  padding-left: 20px;
  background: url("/images/rss.png") 0 50% no-repeat;
  color: var(--colour-medium-grey);
  font: 300 1.231em var(--font-sans);
}

.events .rss-link a:hover {
  color: var(--colour-orange);
}

.events-head {
  overflow: hidden;
  padding: 1.5em 1em;
  border: 1px solid #dfdfdf;
  border-width: 1px 0;
}

.events-head a {
  color: var(--colour-medium-grey);
}

.events-head a:hover {
  color: var(--colour-orange);
}

.events-head a.prev {
  float: left;
  height: 18px;
  margin-top: 5px;
  line-height: 18px;
}

.events-head a.next {
  float: right;
  height: 18px;
  margin-top: 5px;
  line-height: 18px;
}

.events-head a span {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 18px;
  margin: 0 5px;
  background: url("/images/slider2-controls.png") no-repeat;
  text-indent: -50em;
  vertical-align: middle;
}

.events-head a.prev span {
  margin-right: 10px;
  background-position: 0 50%;
}

.events-head a.next span {
  margin-left: 10px;
  background-position: 100% 50%;
}

.events-head h2 {
  margin: 0;
  font-size: 1.846em;
  text-align: center;
}

ul.event-list {
  list-style: none;
  padding: 0;
}

ul.event-list li {
  overflow: hidden;
  margin: 0 0 1em;
  padding: 0 0 0 45px;
}

ul.event-list p.date {
  float: left;
  width: 32px;
  margin: 0 0 0 -45px;
  text-align: center;
}

ul.event-list p.date span:first-child {
  display: block;
  background: var(--colour-orange);
  color: white;
  font: 300 1.231em/28px var(--font-sans);
}

ul.event-list p.date span + span {
  color: #999;
  font-size: 0.769em;
  text-transform: uppercase;
}

ul.event-list h4 {
  margin: 0;
  font-size: 1.231em;
  line-height: 1.2em;
}

ul.event-list h4 a {
  color: var(--colour-medium-grey);
}

ul.event-list h4 a:hover {
  color: var(--colour-orange);
}

ul.event-list h4 + p {
  margin: 0;
  color: #999;
  font-size: 0.923em;
  line-height: 1.3em;
}

table.calendar {
  border: none;
  margin: 0 1px;
  max-width: 99.8%;
}

.calendar th {
  padding: 1em 0;
  border-bottom: none;
  color: #999;
  font: 300 1.231em var(--font-sans);
  text-align: center;
}

.calendar td {
  width: 12%;
  padding: 5px 1% 10px;
  border: 1px solid #dfdfdf;
  font-size: 0.923em;
  vertical-align: top;
}

.calendar td.empty {
  border: none;
}

.calendar td span.day, .calendar td a.day {
  float: left;
  width: 32px;
  height: 27px;
  margin: -5px 10px 10px 0;
  background: #ccc;
  color: white;
  font: 400 1.231em/27px var(--font-sans);
  text-align: center;
}

.calendar td span.hours {
  color: #999;
  font-size: 0.917em;
}

.calendar td a.day {
  background: var(--colour-medium-grey);
}

.calendar td a.day:hover {
  background: var(--colour-orange);
  color: white;
}

.calendar td p {
  clear: left;
  margin: 0;
  padding: 5px 0;
  line-height: 1.3em;
}

@media (max-width: 560px) {
  table.calendar {
    max-width: 99%;
  }
}
.event-giveaway-outer {
  background: #044146;
}

.event-giveaway-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 4em 2em 4em 2em;
}

.event-giveaway-inner .blog-top-ban-podcast {
  padding: 1em !important;
  background: #044146;
  margin-bottom: 0 !important;
}

.event-giveaway-inner .blog-top-ban .blog-l-text-out {
  background: #044146;
  padding-top: 0;
}

.event-giveaway-inner .blog-top-ban .blog-l-text-out .blog-l-text a h3 {
  color: white;
  font-size: 18pt !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-weight: 100;
  font-style: italic;
}

.event-giveaway-inner .blog-top-ban .blog-l-text-out .blog-l-text h2 {
  color: white !important;
}

.event-giveaway-inner .blog-top-ban .blog-l-img {
  margin-top: 0 !important;
}

.event-giveaway-inner .button-expert {
  background: transparent;
  border: 1px solid white;
}

.event-giveaway-inner .blog-top-ban-podcast .blog-l-img a:last-of-type {
  background: transparent;
}

.event-giveaway-inner .blog-top-ban .blog-l-text-out .blog-l-text > h4 {
  color: white;
  text-transform: capitalize;
  font-weight: 400 !important;
}

.event-giveaway-outer-light-bg {
  background: white;
}

.event-giveaway-outer-light-bg .event-giveaway-inner {
  padding: 0 !important;
}

.event-giveaway-outer-light-bg .event-giveaway-inner .blog-top-ban-podcast, .event-giveaway-outer-light-bg .event-giveaway-inner .blog-top-ban .blog-l-text-out {
  background: white !important;
}

.event-giveaway-outer-light-bg .event-giveaway-inner .blog-top-ban .blog-l-text-out .blog-l-text h2, .event-giveaway-outer-light-bg .event-giveaway-inner .blog-top-ban .blog-l-text-out .blog-l-text a h3, .event-giveaway-outer-light-bg .event-giveaway-inner .blog-top-ban .blog-l-text-out .blog-l-text > h4 {
  color: black !important;
}

.event-giveaway-outer-light-bg .event-giveaway-inner .button-expert {
  background: black;
}

#loadMore, #loadNext {
  border: 8px solid #d1d1d1;
  border-radius: 50%;
  border-top: 8px solid #e8836d;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: block;
  margin: 0 auto;
}

.loadingmoreOuter .blogs-loop {
  padding-bottom: 0 !important;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#menu-mainmenu {
  padding: 0;
}

#menu-item-22898,
#menu-item-32022 {
  display: none !important;
}

.mobile-nav-subscibe {
  background: #044146;
  color: white;
  padding: 1em;
  display: none;
  width: calc(100% - 40px);
  padding: 2.5em;
  max-width: 400px;
  font-size: 9pt;
  text-transform: uppercase;
  padding-left: 62px;
  background-image: url(/wp-content/themes/lighttheme/images/subscribe-white.png);
  background-size: 18px;
  background-position: 26px center;
  background-repeat: no-repeat;
  height: 75px;
}

/** -------------------------------------------------------------------
 *  .pagination
 */
.pagination {
  text-align: center;
  margin-top: 1em !important;
  box-shadow: none;
  margin-bottom: 3vw;
  float: none;
}
.pagination a, .pagination span {
  position: relative;
  padding: 0.2em 0.5em;
}

/** -------------------------------------------------------------------
 *  breadcrumb
 */
.top-breadcrumb {
  position: absolute;
  /* top: 155px; */
  top: 0 !important;
  padding-left: 2.5em;
  color: white;
  font-size: 10pt;
  /* text-shadow: 1px 1px #787878; */
  position: absolute;
  /* top: 100px; */
  padding-left: 2.5em;
  color: white;
  font-size: 10pt;
  /* text-shadow: 1px 1px #787878; */
  background: #c6b29b;
  padding: 0.5em 1em;
  width: 100%;
  left: 0;
  position: relative;
}

@media (min-width: 1000px) {
  .top-breadcrumb {
    top: 125px;
  }
}
.breadcrumb-inner {
  max-width: 1000px;
  margin: 0 auto;
}

@media (min-width: 1350px) {
  .top-breadcrumb {
    padding-left: 10px;
  }
}
.top-breadcrumb a {
  text-transform: capitalize;
  /* text-decoration: underline; */
  text-shadow: none;
  color: #929292;
  right: 0;
  /* position: absolute; */
  /* bottom: -42px; */
  text-transform: uppercase;
  color: white;
  background: url(/wp-content/themes/lighttheme/images/bk-lnk-img.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  font-size: 12pt;
}

.desktop-menu {
  display: none;
}

.mobile-menu {
  display: block;
}

/** -------------------------------------------------------------------
 *  .secondary-menu-outer
 */
.secondary-menu-outer {
  display: block;
  position: fixed;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: black;
  display: none;
  /* background-image: linear-gradient(to bottom,#9e9e9e 0,#77757a 100%); */
  padding: 1em;
  background: #5b5b5b;
}

li.parent:hover > .secondary-menu-outer {
  display: block;
}

.secondary-menu-outer .secondary {
  display: block;
  height: auto;
  position: relative;
  width: 100%;
  /* background: #545454; */
  border: 1px solid #6f6f6f;
  box-shadow: 0px 0px 20px 0px #6f6f6f;
  background: url(/wp-content/themes/lighttheme/images/logo_opa.png), linear-gradient(to bottom, #626262 0, #6e6e6e 100%);
  /* background-image: url(/resources/themes/simple/images/logo_opa.png); */
  background-position: bottom right, 100%;
  background-repeat: no-repeat, repeat;
  background-size: 150px, 100%;
}

.secondary-menu-outer .secondary > li {
  width: auto;
  max-width: 17%;
  padding: 0 0.5em 0 0.5em;
  border-right: 1px solid #8c8c8c;
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 1em;
  vertical-align: top;
  margin-right: -4px;
}

.secondary-menu-outer ul.secondary > li:last-of-type {
  border-right: 0;
}

.secondary-menu-outer ul.secondary > li:first-of-type {
  /*margin-left: 0.5em;*/
}

.secondary-menu-outer .secondary > li > a {
  font-weight: 700;
  font-size: 9pt;
  padding: 0;
}

.secondary-menu-outer .secondary > li > a:hover, .secondary-menu-outer .secondary .third > li > a:hover {
  background: none !important;
}

.secondary-menu-outer .secondary .third {
  display: block;
  position: relative;
  left: 0;
  width: 100%;
  padding-bottom: 0;
  /*background: rgba(255,255,255, 0.17);*/
  background: none;
}

.secondary-menu-outer .third li a {
  white-space: unset !important;
}

.secondary-menu-outer .secondary .third li a {
  font-size: 10pt;
  line-height: 1.6em;
  padding: 0 0 0.3em 0;
  color: white;
  font-weight: 100;
}

.secondary-menu-outer .secondary .third li a:hover {
  color: #424242;
}

.secondary-menu-outer .secondary .third li {
  background: 0;
  list-style-type: disc !important;
}

.secondary-menu-inner {
  position: relative;
}

/** -------------------------------------------------------------------
 *  .menu-sub-text
 */
.menu-sub-text {
  width: 450px;
  padding: 1em;
  float: left;
  border-right: 1px solid #6f6f6f;
}
.menu-sub-text h3 {
  color: white;
  font-size: 1.2em;
}
.menu-sub-text p {
  color: white;
  font-size: 0.9em;
}

.read-more-blog {
  /* text-align: right; */
  display: inline-block;
  text-decoration: underline;
  height: 25px;
  width: 40px;
  background-image: url(/wp-content/themes/lighttheme/images/icons/link-o.png);
  background-position: center;
  background-size: contain;
  font-size: 0;
  background-repeat: no-repeat;
}

/** -------------------------------------------------------------------
 *  .studio-tab
 */
@media (max-width: 1200px) {
  .studio-tab {
    padding: 1em 1.3em !important;
    font-size: 0.8em !important;
  }
}
@media (max-width: 720px) {
  .studio-tab {
    padding: 1em 1em !important;
    font-size: 0.4em !important;
  }
}
.studios-outer {
  margin-top: 3.5em;
  margin-bottom: 3.5em;
}

.studio-tab {
  width: auto;
  padding: 1em 0.6em;
  font-size: 1.1em;
  border-left: 1px solid #b4b4b4;
  border-top: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4;
  display: inline-block;
  cursor: pointer;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background: #e6f1fd;
}

.studio-tab:hover {
  background: #e4e4e4;
}

.studio-tab-active {
  background: white;
  bottom: -1px;
  position: relative;
}

.studio {
  padding: 2em;
  border: 1px solid #b4b4b4;
  background: white;
  border-radius: 25px;
}

.back-to-top {
  background: 0 0;
  border: none;
  bottom: 14em;
  color: white;
  cursor: pointer;
  display: flex;
  font-size: 0.5em;
  /* height: 35px; */
  /* width: 35px; */
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  z-index: 15;
  /* background: #1d1e1f; */
  /* padding: 6px 6px 6px 6px; */
  max-width: 45px;
  background: var(--colour-primary);
  border-radius: 0;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
}

.back-to-top img {
  width: 30px;
}

.back-to-top:hover {
  opacity: 0.8;
}

/** -------------------------------------------------------------------
 *  .toggle-submenu
 */
.toggle-submenu {
  background: url(/wp-content/themes/lighttheme/images/icons/submenu-lvl-2.png) no-repeat !important;
  height: 26px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  z-index: 3;
  background-position: 50% 50% !important;
  background-size: 15px 15px !important;
  cursor: pointer;
  transition: all 0.25s ease;
}
.toggle-submenu.opened {
  transform: rotate(180deg);
}

@media (min-width: 1000px) {
  .toggle-submenu {
    display: none;
  }
  .menu > li:hover > ul {
    display: block !important;
  }
}
/** -------------------------------------------------------------------
 *  nav
 */
/*****************   NAV   *****************/
/*********************************
******      GENERAL      ********
********************************/
nav {
  background: rgb(244, 244, 244);
  border-bottom: 1px solid #D3D0E1;
  display: none;
  overflow-y: auto;
  padding-bottom: 57px;
  position: fixed;
  text-align: left;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: rgba(29, 29, 27, 0.72) !important;
  background: #faf9f4 !important;
}

@media (min-width: 700px) {
  nav {
    background: rgb(250, 249, 244) !important;
  }
}
nav ul {
  list-style: none;
}

nav div > ul li a {
  color: white;
  display: inherit;
  height: 100%;
  width: 100%;
  padding: 3px 10px;
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: 0.1px;
  font-weight: 400;
  text-transform: uppercase;
  color: black;
}

/* Give the "parent" list items a dropdown arrow to indicate they can be expanded to show a sub-menu */
nav div > ul li.parent {
  /*background-size: ;*/
}

/* Don't show any child menus initially. We only want these to appear if the user taps button to display them */
nav div > ul li ul {
  display: none;
}

/* Add dividing line between menu items - not necessary for the very last one */
nav > div > ul > li {
  border-bottom: 1px solid #edede9;
}

/* If the list item is a parent, reduce the width of the hyperlink contained within it.
   This reveals the li below, allowing us to use it as a fake button which when clicked displays its child menu */
nav div > ul li.parent > a {
  width: 80%;
}

nav div ul li.selected > a, .current-menu-parent > a, .current-page-ancestor > a {
  text-decoration: underline;
  border-bottom: 0;
  color: var(--colour-salmon) !important;
}

nav div ul li.current-menu-item > a {
  border-bottom: 0;
  text-decoration: underline;
  color: var(--colour-salmon);
}

@media (min-width: 1000px) {
  #menu-mainmenu > li.current_page_item > a, #menu-mainmenu > li.current-menu-parent > a, #menu-mainmenu > li.current_page_ancestor > a {
    color: var(--colour-salmon) !important;
    text-decoration: underline;
  }
}
/*********************************
******     1st LEVEL     ********
********************************/
nav div > ul > li > a {
  color: white;
}

nav div > ul > li.parent {
  background: rgba(90, 90, 90, 0.9);
  background-size: 15px 15px;
  position: relative;
  clear: both;
}

nav div > ul > li {
  clear: both;
}

/*********************************
******     2nd LEVEL     ********
********************************/
/*@2nd-level-color: #f4f4f4;*/
nav div > ul > li > ul > li.parent {
  background: #f4f4f4;
  background-size: 15px 15px;
}

@media (min-width: 1000px) {
  .sub-menu > .menu-item {
    max-width: 30%;
  }
}

/*********************************
******     3rd LEVEL     ********
********************************/
nav div > ul > li > ul > li > ul > li.parent {
  background: #dfdfdf;
  background-size: 15px 15px;
}

/** -------------------------------------------------------------------
 *  .scroll-down
 */
.scroll-down {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -25px;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: rgba(199, 199, 199, 0.3);
  border-radius: 25px;
  z-index: 2;
  opacity: 0.55;
}

.scroll-down:hover {
  background: rgba(151, 151, 151, 0.3);
}

.close {
  position: absolute;
  background: url(/resources/themes/simple/images/icons/close.png) 0 0 no-repeat;
  width: 24px;
  height: 27px;
  display: block;
  text-indent: -9999px;
  top: -7px;
  right: -7px;
}

.year {
  width: 100%;
  text-align: center;
}

.next {
  position: absolute;
  bottom: 0;
  right: 0;
}

.prev {
  position: absolute;
  bottom: 0;
  left: 0;
}

.index-btn-middle {
  margin: 0 auto;
  display: table;
  margin-top: 2em !important;
  font-size: 14pt;
  font-weight: 600;
  padding: 0.5em 1.5em;
}

.btn-middle-inline {
  margin: 0 auto;
  display: inline-block;
  margin-top: 2em !important;
}

.default-button,
button,
#catwebformbutton {
  /*border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: white;
    background-color: #f7931d;
    border-color: #f7931d;
    font-weight: bold;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 0.5em;
    padding: 0.7em 2.1em 0.7em 2.1em;
    -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    text-transform: uppercase;
    white-space: normal !important;*/
}

.default-button:hover,
button:hover,
#catwebformbutton:hover {
  /*background-color: #2c92bd;*/
}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox,
textarea.cat_textbox {
  max-width: 250px !important;
  width: 100% !important;
}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox,
textarea.cat_textbox,
select {
  padding: 0.4em 1.5em 0.4em 1.5em !important;
  border-radius: 3px;
  font-size: 0.9em !important;
}

ul ul .toggle-submenu {
  display: block;
}

@media (min-width: 1000px) {
  .desktop-menu {
    display: block;
  }
  .mobile-menu {
    display: none;
  }
}
.breadcrumb {
  border-bottom: 1px solid #e6e6e6;
  background-color: #ececec;
}

.breadcrumb p {
  max-width: 940px;
  margin: 0 auto;
  padding: 1em 0;
  color: #999;
  font-size: 0.846em;
}

.breadcrumb p a {
  display: inline-block;
  margin-right: 5px;
  padding-right: 14px;
  background: url("/images/bcrumb-arrow.gif") 100% 50% no-repeat;
  color: var(--colour-medium-grey);
}

.breadcrumb p a:hover {
  color: #999;
}

.prev-next {
  display: flex;
  justify-content: space-between;
}

/* tabs */
ul.tabs {
  margin: 0 0 1em;
  border-bottom: 1px solid #dfdfdf;
}

ul.tabs:after {
  clear: both;
  display: block;
  height: 0;
  content: " ";
}

ul.tabs li {
  float: left;
  margin: 2px 4px 0 0;
}

ul.tabs li a {
  float: left;
  border: 1px solid #dfdfdf;
  color: var(--colour-medium-grey);
  margin: 0 0 -1px;
  padding: 0 10px;
  font: 300 1.231em/35px var(--font-sans);
}

ul.tabs a.selected {
  padding-bottom: 2px;
  border: 1px solid #DDDDDD;
  border-bottom: 3px solid #CCCCCC;
  background: #DDDDDD;
  color: var(--colour-medium-grey);
  line-height: 31px;
}

.tab-content h2 {
  font-weight: 300;
  font-size: 1.538em;
}

@media (max-width: 600px) {
  ul.tabs li {
    float: none;
    margin: 0;
  }
  ul.tabs li a {
    float: none;
    display: block;
    margin: 0;
  }
  ul.tabs li a.selected {
    border-bottom-color: #CCCCCC;
  }
  ul.tabs {
    height: auto;
  }
}
.tabbed.alt ul.tabs {
  float: left;
  width: 25%;
  height: auto;
  margin: 0;
}

.tabbed.alt ul.tabs li {
  float: none;
  margin: 0;
}

.tabbed.alt ul.tabs li a {
  float: none;
  display: block;
  border-right: none;
  border-top: none;
}

.tabbed.alt ul.tabs li:first-child a {
  border-top: 1px solid #dfdfdf;
}

.tabbed.alt ul.tabs li:first-child a.selected {
  border-top: none;
}

.tabbed.alt .tab-content {
  overflow: hidden;
  width: 74%;
  padding: 0 0 0 5%;
  border-left: 1px solid #dfdfdf;
}

/* pagination */
.wp-pagenavi {
  display: block;
  clear: both;
  margin: 1em 0;
  font-size: 1.308em;
}

.wp-pagenavi span.current {
  display: inline-block;
  margin-right: 5px;
  padding: 0 5px;
  color: var(--colour-orange);
}

.wp-pagenavi a {
  display: inline-block;
  margin-right: 5px;
  padding: 0 5px;
  color: var(--colour-medium-grey);
}

.wp-pagenavi a:hover {
  color: var(--colour-orange);
}

.wp-pagenavi a.nextpostslink {
  padding-right: 20px;
  background: url("/images/more.png") right center no-repeat;
  font-size: 0.706em;
}

.wp-pagenavi a.previouspostslink {
  padding-left: 20px;
  background: url("/images/back.png") left center no-repeat;
  font-size: 0.706em;
}

/* accordion */
ul.accordion {
  border-top: 1px solid #e5e5e5;
}

ul.accordion li {
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
}

ul.accordion li > a {
  display: block;
  padding: 5px 0 5px 25px;
  color: var(--colour-medium-grey);
  font: 300 1.333em var(--font-sans);
  outline: none;
}

ul.accordion li > a:before {
  float: left;
  position: relative;
  margin: -3px -20px 0;
  color: #999999;
  font: 400 1.308em var(--font-sans);
  content: "+";
}

ul.accordion li > a.expanded:before {
  color: #aeaeae;
  content: "-";
}

ul.accordion li > div {
  display: none;
}

.cat-archive {
  padding-left: 6px;
}

.cat-archive > section {
  position: relative;
  overflow: visible;
  margin-bottom: 30px;
}

.cat-archive > section > h3:first-child {
  position: absolute;
  left: -6px;
  top: 10px;
  z-index: 5;
  padding: 0 10px;
  border: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  background: var(--colour-orange);
  color: white;
  font-size: 1.538em;
  font-weight: 400;
  line-height: 40px;
}

.cat-archive > section > h3:first-child:before {
  position: absolute;
  left: 0;
  top: 40px;
  width: 0;
  height: 0;
  border-right: 3px solid #c76700;
  border-top: 3px solid #c76700;
  border-left: 3px solid white;
  border-bottom: 3px solid white;
  content: " ";
}

.cat-archive ul {
  list-style: none;
}

.cat-archive ul li {
  margin: 0.75em 0;
  font: 300 1.231em var(--font-sans);
}

.cat-archive ul li p {
  margin: 1em 0 2em;
  font: 400 0.813em/1.3em var(--font-sans);
}

.cat-archive ul li a {
  color: var(--colour-medium-grey);
}

.cat-archive ul li a:hover {
  color: #999999;
  text-decoration: none;
}

.cat-archive ul li:first-child {
  margin-bottom: 1em;
  border-bottom: 1px solid #dfdfdf;
}

.cat-archive ul li:first-child h4 {
  margin: 0.5em 0;
  font-size: 1.25em;
}

.cat-list li {
  margin: 0;
  padding: 0;
  font-size: 0.923em;
}

.cat-list a {
  color: var(--colour-medium-grey);
  font-size: 1.083em;
}

.cat-list a:hover {
  color: var(--colour-orange);
}

/* Luke Twomey - add hamburger menu to mobile layout - 17/03/2016 */
.hamburger {
  position: absolute;
  right: 8px;
  top: 23px;
  cursor: pointer;
  padding: 10px;
  width: 30px;
}

header nav > ul {
  display: block;
}

nav.mainmenu {
  display: none;
}

header nav .select {
  display: none;
}

header.h1 nav.mainmenu > ul {
  padding-top: 0;
}

header nav ul ul li {
  display: block;
  position: relative;
  margin: 0;
  width: 100%;
}

header.h1 nav.mainmenu > ul > li {
  display: inline-block;
  width: 100%;
  float: left;
  position: relative;
  height: auto;
  margin: 0;
  border-left: none;
}

nav.mainmenu > ul > li > a {
  line-height: 40px;
  width: auto;
  text-align: left;
  float: left;
  height: 40px;
  padding: 0 19px;
  border-left: none;
  border-bottom: 3px solid white;
  color: var(--colour-medium-grey);
}

nav.mainmenu > ul > li:hover > a,
.h1 nav.mainmenu > ul > li.current-menu-item:hover > a,
.h1 nav.mainmenu > ul > li.current-menu-item:hover {
  height: 40px;
  line-height: 40px;
  padding-bottom: 0;
}

header nav > ul ul {
  box-shadow: none;
  display: block;
  position: static;
  width: 100%;
  text-align: left;
  left: 0;
  top: 100%;
  margin: 0;
  padding: 0;
}

header nav ul ul ul {
  box-shadow: none;
  position: static;
  width: 100%;
  text-align: left;
  left: 0;
  top: 100%;
  margin: 0;
  padding: 0;
}

nav.mainmenu > ul > li > ul {
  font-size: 0.75em;
}

nav.mainmenu > ul > li > ul > li > ul {
  font-size: 0.85em;
}

header nav ul ul ul li a {
  padding: 5px 10px;
}

header[role=banner] .searchform {
  margin: 20px auto 15px;
}

.content .main li a {
  text-decoration: underline;
}

nav.mainmenu > ul > li.selected > a {
  height: 40px;
  border-bottom: 3px solid var(--colour-medium-grey);
  background: #e6e6e6;
  color: var(--colour-medium-grey);
  line-height: 40px;
}

header nav ul ul li.selected > a {
  color: var(--colour-medium-grey);
}

@media (min-width: 600px) {
  .hamburger {
    right: 8px;
    top: 50px;
  }
}
@media (min-width: 800px) {
  .hamburger {
    display: none;
  }
  header nav ul ul ul {
    display: none;
    left: 100%;
    font-size: 1em;
  }
  header nav ul ul li {
    float: none;
    width: auto;
  }
  nav.mainmenu {
    display: block;
  }
  header.h1 nav.mainmenu > ul > li {
    display: block;
    width: auto;
  }
  header.h12 nav.mainmenu > ul > li > a {
    width: auto;
  }
  header nav > ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 150px;
    margin: 0;
    padding: 10px 0 10px;
    background: white;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    font-weight: 400;
  }
  nav.mainmenu > ul > li > ul,
  nav.mainmenu > ul > li > ul > li > ul {
    font-size: 0.923em;
  }
  header[role=banner] .searchform {
    margin-left: 0;
    margin-right: 0;
    margin-top: 18px;
    margin-bottom: 10px;
  }
}
.navigation-footer-sec {
  background: #f0f9f7;
  width: calc(100% - 40px);
  max-width: 400px;
  display: none;
  padding: 2em 1em;
}
.navigation-footer-sec ul {
  padding: 0 !important;
}
.navigation-footer-sec ul > li {
  background: transparent !important;
}
.navigation-footer-sec span {
  color: black;
  font-weight: 500;
  font-size: 9pt;
  text-align: left;
  display: block;
  letter-spacing: 0;
}
.navigation-footer-sec ul > li > a {
  line-height: 18px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  display: table !important;
  width: auto;
  margin: 0;
}
.navigation-footer-sec .footer-links {
  margin-top: 0 !important;
}
.navigation-footer-sec .social-icons {
  display: block !important;
  position: relative !important;
  right: 0px !important;
  top: 0px !important;
  margin-top: 1em;
  margin-bottom: 2em;
}
.navigation-footer-sec .social-icons a {
  width: 17px !important;
  height: 17px !important;
  display: inline-block !important;
  padding: 0 0.4em !important;
  margin: 0 !important;
  text-align: center !important;
  margin-right: 0.1em !important;
  text-transform: lowercase !important;
}
.navigation-footer-sec .social-icons-txt, .navigation-footer-sec .navigation-footer-sec .social-icons-txt a {
  color: black;
  font-size: 0;
  display: none !important;
  margin-bottom: 1em;
  width: 25px;
}

@media (max-width: 1000px) {
  .navigation-footer-sec {
    display: block;
  }
  nav {
    background: rgb(244, 244, 244);
    border-bottom: 1px solid #D3D0E1;
    display: none;
    overflow-y: auto;
    /* padding-bottom: 57px; */
    position: fixed;
    text-align: left;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: rgba(29, 29, 27, 0.72) !important;
    background: #faf9f4 !important;
    background: rgba(250, 249, 244, 0.66) !important;
    padding-bottom: 0;
    display: block;
    left: -100%;
    top: 80px;
  }
  .menu-mainmenu-container {
    background: #faf9f4;
    min-height: 100%;
    width: calc(100% - 40px);
    padding: 0 1em;
    max-width: 400px;
    position: relative;
  }
  .menu-mainmenu-container ul {
    margin-top: 0;
  }
  .menu-mainmenu-container .m-menu {
    position: absolute;
    top: 0;
    right: -40px;
    left: unset;
  }
  #menu-mainmenu > li > .toggle-submenu {
    background: url(/wp-content/themes/lighttheme/images/icons/submenu-lvl-1.png) no-repeat !important;
    height: 39px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    z-index: 3;
    background-position: 50% 50% !important;
    background-size: 15px 15px !important;
    cursor: pointer;
  }
  .menu-mainmenu-container > ul > li > a {
    padding-left: 0.1em !important;
  }
  .menu-mainmenu-container > ul > li.menu-item-has-children > a {
    padding-right: 10px !important;
    background: none !important;
    background-size: 14px !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    margin-right: 0 !important;
  }
  .menu-mainmenu-container > ul > li > ul {
    border-top: 0 !important;
  }
  .menu-mainmenu-container > ul > li > ul {
    border-bottom: 0 !important;
  }
}
@media (min-width: 1000px) {
  nav {
    left: 0 !important;
  }
}
.category-outer {
  background: #361826;
  color: white;
  padding: 1em;
  display: block;
  padding-bottom: 3em;
  margin-bottom: 2em;
  margin-top: 2em;
}
.category-outer > h2 {
  color: inherit;
}

.category-text {
  margin-top: -130px;
  background: black;
  padding: 1em;
  position: absolute;
  left: -0.5em;
  right: -0.5em;
  font-family: var(--font-cursive);
}

.category-summary {
  position: relative;
}
.category-summary img[src*="/uploads"] {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.category-text .category-inner h2 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-size: 22pt !important;
  color: black;
  font-style: italic;
}

.category-text .category-inner h3 {
  font-size: 10pt !important;
  text-align: center;
  text-decoration: underline;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  margin-top: 5px !important;
}

.category-text .category-inner h2.light-col, .category-text .category-inner h3.light-col {
  color: white;
}

.category-outer .slick-dots li button {
  background: transparent;
  border-radius: 50%;
  background: none !important;
  border: 1px solid white !important;
  height: 6px !important;
  width: 6px !important;
  font-size: 0 !important;
}

.category-outer .slick-dots li.slick-active button {
  background: white !important;
}

.category-outer .slick-dots li button:before {
  display: none;
}

.category-outer .slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.category-inner-pop-text {
  overflow-y: auto;
  bottom: 0;
  position: absolute;
  top: 62px;
}

.category-inner-pop-text::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.category-inner-pop-text::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.category-inner-pop-text::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.category-inner-pop-text::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.category-outer .slick-list .ex-car-pop-inner .category-text {
  margin-top: 0;
  position: relative;
  left: 0;
  right: 0;
}

.category-outer .slick-list .ex-car-pop-inner p {
  color: white !important;
  text-align: center;
  font-size: 11pt !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-style: italic;
  font-weight: 100;
}

.category-inner-pop-text {
  padding: 2em;
}

.category-inner-pop-text h3 {
  font-size: 10pt !important;
  text-align: center;
  text-decoration: underline;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  margin-top: 5px !important;
  margin-top: 1em !important;
  color: #afafaf;
}

@media (max-width: 1000px) {
  .toggle-submenu.opened, .toggle-submenu {
    height: 34px;
  }
}
#breadcrumbs {
  text-align: center;
  margin-top: 4em;
  margin-bottom: 2em;
}

#breadcrumbs li {
  list-style: none;
  text-transform: uppercase;
  padding: 0;
  display: inline-block;
  padding: 5px;
  color: #f57e66;
}

#breadcrumbs li:not(#breadcrumbs li:last-of-type):after {
  content: " > ";
  padding: 5px;
  color: #f57e66;
}

#fil-list-header {
  max-width: 1000px;
  margin: 0 auto;
  font-family: var(--font-cursive);
  text-align: left;
  font-style: italic;
  margin-top: 1em !important;
  border-top: 1px solid #d7d7d7;
  margin-bottom: 1em !important;
  padding-top: 1em;
}

.logged-in-as {
  display: none;
}

.toggle-submenu-h1 {
  background: url(/wp-content/themes/lighttheme/images/icons/submenu-lvl-2.png) no-repeat !important;
  height: 22px;
  margin: 0;
  /* position: absolute; */
  top: 0;
  right: 0;
  width: 40px;
  z-index: 3;
  background-position: 50% 50% !important;
  background-size: 20px !important;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}

.h1-submenu {
  position: absolute;
  background: #faf9f4;
  padding: 10px;
  width: 100%;
  display: none;
}

.h1-submenu ul {
  list-style: none;
  font-size: 12pt;
  line-height: 12pt;
  padding: 0;
  text-align: left;
}

.h1-submenu ul li a {
  font-size: 12pt;
  line-height: 12pt;
  padding: 10px;
  display: block;
}

a.searchBack button {
  /* padding: 10px 15px; */
  display: table;
  background: var(--colour-salmon);
  text-align: center;
  color: black !important;
  margin: 1px auto;
  width: 100%;
  max-width: 300px;
  background: var(--colour-salmon) !important;
  margin-top: 2em;
  text-transform: uppercase;
  max-width: 150px !important;
  font-weight: 600;
  border: 0;
}

.searchBack button:hover {
  opacity: 0.8;
  background: var(--colour-salmon) !important;
}

#menu-footermenu-2, footer table tr:nth-child(2) td:nth-child(2) span {
  margin: unset !important;
  margin-left: auto !important;
}

.slick-list {
  margin: 0 28px !important;
}

.blog-home-page-outer .slick-next {
  background: url(/wp-content/themes/lighttheme/images/slick-next.png);
  width: 19px !important;
  height: 33px;
  background-size: contain;
}

.blog-home-page-outer .slick-next:hover {
  background: url(/wp-content/themes/lighttheme/images/slick-next.png);
  width: 19px !important;
  height: 33px;
  background-size: contain;
  opacity: 0.8;
}

.blog-home-page-outer .slick-prev {
  background: url(/wp-content/themes/lighttheme/images/slick-prev.png);
  width: 19px !important;
  height: 33px;
  background-size: contain;
}

.blog-home-page-outer .slick-prev:hover {
  background: url(/wp-content/themes/lighttheme/images/slick-prev.png);
  width: 19px !important;
  height: 33px;
  background-size: contain;
  opacity: 0.8;
}

.slick-prev, .slick-next {
  z-index: 9;
}

.slick-next {
  right: 0 !important;
}

.slick-prev {
  left: 0 !important;
}

.flexslider .slides li:after {
  content: "";
  background: rgba(11, 10, 9, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.home-sponsors .so-widget-sow-post-carousel-default-8b94ca7e34fe .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a, .so-widget-sow-post-carousel-default-8b94ca7e34fe .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item .sow-carousel-thumbnail a span.overlay {
  width: auto;
  height: 130px;
  background-size: 100%;
}

.home-sponsors .so-widget-sow-post-carousel-default-8b94ca7e34fe .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item {
  width: 220px;
}

.home-sponsors .sow-carousel-items {
  text-align: center;
}

.home-sponsors .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item {
  display: inline-block;
  vertical-align: middle;
}

.home-sponsors .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item h3 {
  display: none;
}

.slider1 .banner-text {
  position: relative;
  z-index: 9;
  -ms-transform: translate(-50%, -50%);
  /* -webkit-transform: translate(-50%, -50%); */
  /* transform: translate(-50%, -50%); */
  left: 60%;
  /* top: 98px; */
  width: 80%;
  max-width: 556px;
  /* background: rgb(255 255 255 / 81%); */
  /* padding: 2em 3em; */
  /* position: absolute; */
  z-index: 9;
  -ms-transform: translate(-50%, -50%);
  /* -webkit-transform: translate(-50%, 50%); */
  /* transform: translate(-50%, 0%); */
  left: 60%;
  /* bottom: 25%; */
  width: 80%;
  max-width: 556px;
  /* background: rgb(255 255 255 / 81%); */
  /* padding: 2em 3em; */
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  left: unset;
  height: 700px;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  font-size: 0;
}

/*
.slick-prev, .flex-prev{
    width: 50px !important;
    height: 50px !important;
    /*background: url(/wp-content/themes/lighttheme/images/icons/slide-arrow-left.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.8;
}

.slick-next, .flex-next{
    width: 50px !important;
    height: 50px !important;
    background: url(/wp-content/themes/lighttheme/images/icons/slide-arrow-right.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.8;
}
.slick-prev:hover, .banner-back .flex-prev:hover{
	opacity: 1;
	background:  url(/wp-content/themes/lighttheme/images/icons/slide-arrow-left.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

}

.flex-next{
	right: -10px !important;
}

.slick-next:hover, .banner-back .flex-next:hover{
	opacity: 1;
	background:  url(/wp-content/themes/lighttheme/images/icons/slide-arrow-right.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;

}

.slick-disabled, .banner-back .slick-disabled:hover{
	opacity: 0.4 !important;
}



.slick-next{
	right: -50px !important;
}

*/
.slick-prev:before {
  content: " " !important;
}

.slick-next:before {
  content: " " !important;
}

.slick-slide {
  margin: 1em;
}

.rt-wpls .slick-dots {
  background: none;
}

.image-sliders {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2em;
}

.flex-direction-nav a:before {
  color: white !important;
  font-size: 30px;
}

.flexslider .slides {
  /*margin-bottom: 1em;*/
  text-align: center;
}

#carousel .flex-viewport,
#carousel2 .flex-viewport {
  margin-bottom: 1em;
  margin-top: 1em;
}

#carousel .flex-viewport .slides li,
#carousel2 .flex-viewport .slides li {
  margin-right: 1em;
  float: none !important;
  display: inline-block !important;
}

#carousel .flex-viewport .slides,
#carousel2 .flex-viewport .slides {
  width: 100% !important;
}

.slides li:last-child {
  margin-right: 0;
}

#carousel1 .flex-active-slide {
  max-width: 80px !important;
}

/* sliders in content */
.content-slider {
  overflow: hidden;
}

.content-slider > h2:first-child {
  margin-bottom: 0.75em;
  border-bottom: 1px solid #dfdfdf;
  font-weight: 300;
}

.content-slider.related > h2:first-child {
  font-size: 1.846em;
}

.content-slider > div.slider-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px;
  margin: 0;
  padding: 0;
}

.content-slider .next-prev {
  position: relative;
  top: -50px;
  float: right;
  overflow: hidden;
  margin: 0 0 -15px;
  padding: 0;
}

.content-slider h2 + .next-prev {
  top: -65px;
}

.content-slider .next-prev li {
  float: left;
  margin: 0;
  width: 22px;
}

.content-slider .next-prev a {
  float: left;
  overflow: hidden;
  width: 22px;
  height: 22px;
  background: url("/images/slider2-controls.png");
  text-indent: -1000px;
  outline: none;
}

.content-slider .next-prev .prev a {
  background-position: 0 0;
}

.content-slider .next-prev .next a {
  background-position: -22px 0;
}

.content-slider > div {
  padding: 0;
}

.content-slider > div > div {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
}

.content-slider article {
  display: inline-block;
  width: 220px;
  margin: 0 20px 0 0;
  vertical-align: top;
}

.content-slider article h3 {
  margin: 0.5em 0;
  font-size: 1.231em;
}

.content-slider.related article h3 {
  font-size: 1.385em;
}

.content-slider article h3 a {
  color: var(--colour-medium-grey);
}

.content-slider article h3 a:hover {
  color: var(--colour-orange);
}

.content-slider article p {
  margin: 0;
  color: #999;
}

.content-slider article img {
  width: 100%;
  max-width: 220px;
}

.content-slider.related > div {
  height: 250px;
}

.content-slider.related article > div {
  position: relative;
  overflow: hidden;
}

.content-slider.related article div div {
  display: none;
}

.content-slider.related article div:hover div {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255, 132, 0, 0.8);
}

.content-slider.related article div ul {
  overflow: hidden;
  position: relative;
  z-index: 3;
  top: 60px;
  list-style: none;
  width: 70px;
  margin: 0 auto;
  padding: 5px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
}

.content-slider.related article div ul li {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 0;
}

.content-slider.related article div ul li:first-child {
  margin-left: 0;
}

.content-slider.related article div ul li a {
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  margin: 0;
  background: url("/images/actions.png");
  text-indent: -500em;
  vertical-align: middle;
}

.content-slider.related article div ul li a.view {
  background-position: 0 0;
}

.content-slider.related article div ul li a.go {
  background-position: -34px 0;
}

.main .content-slider > div.slider-box {
  height: 220px;
}

.main .content-slider article {
  width: 155px;
  height: 210px;
}

.main .content-slider article p {
  margin-top: 1em;
  line-height: 1.2em;
  color: var(--colour-medium-grey);
}

.main .content-slider.big > div.slider-box {
  height: 280px;
}

.main .content-slider.big article {
  width: 210px;
  height: 280px;
  font: 300 1.231em var(--font-sans);
}

/* sliders
------------------------------------------ */
.slider {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.slider div.video {
  overflow: hidden;
  height: auto;
}

.slider > * {
  opacity: 0;
}

.slider1, .bannerimg {
  width: 100%;
  background: #2c2c2c;
  overflow: hidden;
  max-height: 600px;
}

.bannerimg {
  /*-webkit-filter: grayscale(40%);
  -moz-filter: grayscale(40%);
  -ms-filter: grayscale(40%);
  -o-filter: grayscale(40%);
  filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
  filter: grayscale(40%);
  filter: gray;*/
}

.boxed .slider1 {
  width: 100%;
  padding: 0;
}

.slider1 article {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 430px;
  margin: 0;
}

@media (min-width: 1000px) {
  .banner-text-inner {
    /*max-width: 700px !important;*/
    text-align: center;
  }
}
.slider1 .banner-text table {
  margin: 0 auto;
  min-height: 118px;
}

.slider1 .banner-text table tr td {
  width: 100%;
}

.slider1 .banner-text table tr td {
  padding: 3em;
  border: none;
  border-bottom: 0px solid #e5e5e5;
  text-align: left;
  vertical-align: middle;
}

.slider1 .banner-text table tr td:last-of-type {
  max-width: 275px;
}

.slider1 .banner-text-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.boxed .slider1 article div {
  margin: 0 0 0 -450px;
}

.slider1 article div.video {
  width: 960px;
  margin-left: -480px;
}

.slider11 h2 {
  margin: 0;
  color: var(--colour-medium-grey);
  font-size: 3em;
  line-height: 1.2em;
  margin-bottom: 0.5em;
  text-align: center !important;
  text-shadow: 0px 0px 20px #cdcdcd;
}

.slider1 h3 {
  margin: 0;
  color: var(--colour-medium-grey);
  font-size: 2.254em;
  line-height: 1.2em;
}

.slider1 h3 strong {
  color: var(--colour-orange);
  font-weight: 300;
}

.slider1 p {
  color: white;
  font-size: 14pt;
  max-width: 600px;
  margin: 0 auto;
  font-weight: bold;
  text-align: left;
  font-weight: 300;
}

.slider1 p.cta {
  width: 254px;
  padding: 0 5px; /*background: url("/images/slider-cta-bg.png") no-repeat; */
}

.slider1 p.cta a {
  color: var(--colour-medium-grey);
}

.slider1 p.cta a:hover {
  color: var(--colour-orange);
}

.slider1 p.cta a.button {
  border: none;
  color: white;
  float: left;
}

.slider1 .flex-direction-nav {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: 2;
  margin: 0;
  padding: 0;
  list-style: none;
}

.slider1 .flex-direction-nav li {
  position: absolute;
  top: 50%;
  margin: 0;
  width: 30px;
  margin-top: -15px;
}

.slider1 .flex-direction-nav .flex-nav-prev {
  left: 0;
}

.slider1 .flex-direction-nav .flex-nav-next {
  right: 0;
}

.slider1 .flex-direction-nav a {
  font-size: 0;
  display: block;
  position: absolute;
  top: 50%;
  overflow: hidden;
  width: 30px;
  height: 100px;
  margin: -50px 0 0 0;
  background: url("/wp-content/themes/lighttheme/images/slider1-controls1.png");
  text-indent: -1000px;
  outline: none;
}

.slider1 .flex-direction-nav .flex-nav-prev a {
  background-position: 0 0;
  opacity: 0.6;
}

.slider1 .flex-direction-nav .flex-nav-prev a:hover {
  opacity: 1;
}

.slider1 .flex-direction-nav .flex-nav-next a {
  background-position: -30px 0;
  opacity: 0.6;
}

.slider1 .flex-direction-nav .flex-nav-next a:hover {
  opacity: 1;
}

.slider1 .slider-pager {
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 20px;
  z-index: 50;
  margin: 0 0 0 -480px;
  padding: 0;
  list-style: none;
}

.slider11 h2, .slider1 h3 {
  color: black;
  /*text-shadow: 1px 1px 10px black;*/
  text-align: left;
  margin: 0;
}

@media (min-width: 0px) {
  .slider11 h2 {
    font-size: 3em;
  }
  .slider1 h3 {
    font-size: 1.2em;
  }
  .slider1 .banner-text table tr td:nth-child(2) {
    max-width: unset;
  }
  .slider1 .banner-text table {
    width: 100%;
  }
  .slider1 .banner-text table tr td:last-of-type {
    max-width: unset !important;
  }
  .slider1 .banner-text table tr td {
    width: 100%;
    display: block;
    padding: 0.5em 0;
  }
  .slider1 .banner-text-inner {
    padding: 1.5em;
  }
}
@media (min-width: 750px) {
  .slider1 .banner-text table {
    width: unset;
  }
  .slider1 .banner-text-inner {
    padding: unset;
  }
  .slider11 h2 {
    font-size: 4em;
  }
  .slider1 h3 {
    font-size: 1.4em;
  }
  .slider1 .banner-text table tr td:nth-child(2) {
    min-width: 300px;
  }
  .slider1 .banner-text table tr td:last-of-type {
    max-width: 275px !important;
  }
  .slider1 .banner-text table tr td {
    padding: 3em;
    display: table-cell;
    width: unset;
  }
}
@media (min-width: 950px) {
  .slider1 h3 {
    font-size: 1.9em;
  }
  .slider1 .banner-text table tr td:nth-child(2) {
    min-width: 350px;
  }
}
@media (min-width: 1100px) {
  .slider11 h2 {
    font-size: 6em;
  }
  .slider1 h3 {
    font-size: 2.254em;
  }
  .slider1 .banner-text table tr td:nth-child(2) {
    min-width: 500px;
  }
}
/*Visible when hover for slider 4*/
/*
.slider1 .next-prev {
display: none;
}

.slider1:hover .next-prev {
display: block;
}*/
.boxed .slider1 .slider-pager {
  margin-left: -430px;
}

.slider-pager li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.slider-pager a {
  float: left;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background: url("/images/paginator-silver.png") -13px 50% no-repeat;
  text-indent: 500px;
  outline: none;
}

.slider-pager a.selected {
  background-position: 4px 50%;
}

@media (max-width: 1260px) {
  .slider1 article {
    left: 0;
    margin-left: 0;
  }
  .slider1 .slider-pager {
    left: auto;
    right: 20px;
    margin-left: 0;
  }
}
@media (max-width: 1080px) {
  .slider1 article {
    left: 0;
    margin: 0 -20px 0 0;
    padding: 0 20px;
  }
  .slider1 article div, .boxed .slider1 article div {
    width: 50%;
    top: 30px;
    left: 40px;
    margin-left: 0;
  }
  .slider1 article p {
    font-size: 1em;
    line-height: 1.3em;
  }
}
@media (max-width: 940px) {
  .slider1 article div {
    top: 1em;
  }
}
@media (max-width: 790px) {
  .slider1 .next-prev {
    display: none;
  }
  .slider1 article {
    padding: 0;
  }
  .slider1 article div, .boxed .slider1 article div {
    left: 20px;
  }
}
@media (max-width: 650px) {
  .slider1 article h3 {
    font-size: 2.308em;
  }
}
.slider2 {
  max-width: 940px;
  height: 351px;
  margin: 0 auto;
  padding: 20px;
}

.slider2 article {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 100%;
  max-width: 940px;
  margin-left: -470px;
}

@media (max-width: 960px) {
  .slider2 article {
    left: 0;
    margin-left: 0;
  }
}
.slider2 article img, .slider2 article div.video {
  position: static;
  width: 100%;
}

.slider2 article div {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 94%;
  margin: 0 3%;
  background: rgba(255, 255, 255, 0.8);
}

.slider2 article div h3 {
  width: 80%;
  margin: 0 auto;
  padding: 10px 0;
  color: var(--colour-medium-grey);
  font-size: 1.769em;
  text-align: center;
}

.slider2 .slider-pager {
  display: none;
}

.slider2 .next-prev {
  position: absolute;
  left: 0;
  bottom: 85px;
  z-index: 50;
  width: 88%;
  height: 0;
  margin: 0 6%;
}

.slider2 .next-prev li {
  position: absolute;
  top: 10px;
  margin: 0;
  width: 22px;
}

.slider2 .next-prev .prev {
  left: 0;
}

.slider2 .next-prev .next {
  right: 0;
}

.slider2 .next-prev a {
  display: block;
  overflow: hidden;
  width: 22px;
  height: 22px;
  background: url("/images/slider2-controls.png");
  text-indent: -1000px;
  outline: none;
}

.slider2 .next-prev .prev a {
  background-position: 0 0;
}

.slider2 .next-prev .next a {
  background-position: -22px 0;
}

@media (max-width: 800px) {
  .slider2 article div h3 {
    font-size: 1.077em;
    line-height: 2em;
  }
}
@media (max-width: 400px) {
  .slider2 article div h3 {
    font-size: 0.923em;
  }
}
.slider3 {
  width: 100%;
  padding: 25px 0 30px;
  background: #ebebeb;
}

.slider3 .slider {
  height: 370px;
  overflow: visible !important;
}

.slider3 > div {
  position: relative;
  overflow: visible;
  width: 94%;
  max-width: 940px;
  margin: 0 auto;
  padding-bottom: 15px;
  background: url("/images/slider3-shadow.png") 50% 100% no-repeat;
}

.slider3 article {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.slider3 .img-border, .slider3 .video {
  float: left;
  width: 75%;
  max-width: 700px;
  margin: 0 20px 0 10px;
}

.slider3 .img-border img {
  width: 100%;
}

.slider3 h3 {
  margin: 0.5em 0;
  font-size: 2.615em;
  font-weight: 500;
  line-height: 1em;
}

.slider3 h3, .slider3 p {
  margin-right: 10px;
}

.slider3 p {
  font-size: 1.077em;
}

.slider3 p a.button {
  font-size: 0.929em;
}

.slider3 .next-prev {
  position: absolute;
  left: -30px;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 70px;
  margin: 0;
  padding: 0 30px;
}

.slider3 .next-prev li {
  position: absolute;
  top: 0;
  height: 370px;
  margin: 0;
  padding: 0;
}

.slider3 .next-prev li.next {
  right: 0;
}

.slider3 .next-prev li.prev {
  left: 0;
}

.slider3 .next-prev a {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 70px;
  margin-top: -35px;
  background: url("/images/slider3-controls.png");
  text-indent: -50em;
  opacity: 0.5;
}

.slider3 .next-prev a:hover {
  opacity: 1;
}

.slider3 .next-prev .next a {
  right: 0;
  background-position: -30px 0;
}

.slider3 .next-prev .prev a {
  left: 0;
  background-position: 0 0;
}

.slider3 .slider-pager {
  position: absolute;
  z-index: 50;
  left: 0;
  top: auto;
  bottom: -25px;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* uncomment to hide arrows for boxed version */
.boxed .slider3 .next-prev {
  display: none;
}

@media (max-width: 1045px) {
  .slider3 h3 {
    font-size: 2em;
  }
  .slider3 p {
    font-size: 1em;
  }
}
@media (max-width: 980px) {
  .slider3 {
    margin-left: -20px;
    margin-right: -20px;
    padding: 25px 20px 45px;
  }
}
@media (max-width: 940px) {
  .slider3 h3 {
    font-size: 1.692em;
  }
  .slider3 > div {
    background-image: none;
  }
}
@media (max-width: 900px) {
  .slider3 h3 {
    font-size: 1.538em;
  }
  .slider3 .img-border {
    max-width: 60%;
  }
  .slider3 > div {
    background: none;
  }
}
@media (max-width: 770px) {
  .slider3 .img-border {
    display: block;
    float: none;
    width: auto;
    max-width: 770px;
    margin: 0;
  }
  .slider3 h3, .slider3 p {
    margin-left: 10px;
    margin-right: 10px;
  }
  .slider3 article {
    margin: 0 -10px;
    padding: 10px;
  }
  .slider3 .next-prev .next a {
    right: -10px;
  }
  .slider3 .next-prev .prev a {
    left: -10px;
  }
}
.slider4 {
  width: 100%;
  padding: 25px 0 45px;
  background: #ececec;
}

.slider4 .slider {
  height: 308px;
  overflow: visible !important;
}

.slider4 > div {
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.slider4 article {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  padding: 0;
}

.slider4 article > div {
  float: right;
  width: 63%;
  max-width: 600px;
  margin: 0 20px 0 10px;
  padding: 5px 0 15px;
  background: url("/images/slider4-shadow.png") 50% 100% no-repeat;
}

.slider4 article > div > span {
  display: block;
}

.slider4 article > div > span, .slider4 article > div > div.video {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.slider4 .img-border, .slider4 .video {
  border: 10px solid white;
}

.slider4 .img-border img {
  width: 100%;
}

.slider4 h3 {
  margin: 0.5em 0;
  font-size: 2.846em;
  font-weight: 400;
  line-height: 1em;
}

.slider4 h3, .slider4 p {
  margin-right: 10px;
}

.slider4 p {
  font-size: 1.077em;
}

.slider4 h3 + p {
  color: var(--colour-medium-grey);
  font: 300 1.643em/1.2em var(--font-sans);
}

.slider4 p a.button {
  font-size: 0.929em;
}

.slider4 .next-prev {
  display: none;
}

.slider4 .slider-pager {
  position: absolute;
  top: auto;
  bottom: -40px;
  z-index: 50;
  width: 100%;
  margin: 0;
  text-align: center;
}

/* uncomment to hide arrows for boxed version */
/*.boxed .slider4 .next-prev {display:none;}*/
@media (max-width: 1045px) {
  .slider4 h3 {
    font-size: 2em;
  }
  .slider4 p + p {
    font-size: 1em;
  }
}
@media (max-width: 980px) {
  .slider4 {
    margin-left: -20px;
    margin-right: -20px;
    padding: 25px 20px 45px;
  }
}
@media (max-width: 940px) {
  .slider4 h3 {
    font-size: 1.692em;
  }
  .slider4 article > div {
    background-image: none;
  }
}
@media (max-width: 900px) {
  .slider4 h3 {
    font-size: 1.538em;
  }
  .slider4 h3 + p {
    font-size: 1.385em;
  }
}
@media (max-width: 770px) {
  .slider4 .img-border {
    display: block;
    float: none;
    width: auto;
    max-width: 770px;
    margin: 0;
  }
}
@media (max-width: 600px) {
  .slider4 article > span {
    float: none;
    width: 100%;
  }
  .slider4 article > div {
    float: none;
    width: auto;
    margin: 0;
  }
}
.slider5 {
  background: #4b3d30;
}

.slider5 > div {
  overflow: hidden;
  width: auto;
  max-width: 940px;
  margin: 0 auto;
  padding: 25px 0 10px;
}

.slider5 form {
  float: left;
  width: 45%;
  max-width: 420px;
  height: 320px;
}

.slider5 .slider {
  position: relative;
  float: right;
  width: 52%;
  max-width: 480px;
  padding: 0 0 23px;
  border: 10px solid white;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.slider5 article {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0;
}

.slider5 article .img-border, .slider5 article .video {
  position: relative;
  z-index: 0;
}

.slider5 article .img-border img {
  width: 100%;
}

.slider5 h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font: 300 1.385em/1em var(--font-sans);
  text-align: center;
}

.slider5 .next-prev {
  display: none;
}

.slider5 .slider-pager {
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  margin: 0;
  text-align: center;
}

.home .slider5 h2:first-child, .slider5 h2:first-child, .home .slider5 h2 {
  margin-top: 0em;
  margin-bottom: 0.5em;
  border: none;
  color: white;
  font-size: 3em;
  line-height: 1.2em;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}

.slider5 h2 strong {
  color: var(--colour-orange);
  font-weight: 500;
}

.slider5 h2 + p {
  margin-bottom: 0.5em;
  color: white;
  font: 300 1.438em var(--font-sans);
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}

.slider5 p.input {
  display: inline-block;
  width: 46%;
  margin: 0 10px 10px 0;
}

.slider5 p.input input {
  width: 90%;
  margin: 0;
  padding: 10px 5%;
  border: none;
  border-radius: 2px;
  font-size: 1.077em;
}

.slider5 p.textarea {
  width: 92%;
  margin: 0 0 10px;
}

.slider5 p.textarea textarea {
  width: 96%;
  max-width: 96%;
  height: 70px;
  min-height: 70px;
  margin: 0;
  padding: 10px 3%;
  border: none;
  border-radius: 2px;
  font-size: 1.077em;
}

.slider5 p.submit {
  margin: 0;
}

.slider5 form {
  height: auto;
}

@media (max-width: 980px) {
  .slider5 {
    margin: 0 -20px;
    padding: 0 20px;
  }
  .slider5 > div {
    margin: 0 -20px;
    padding: 25px 20px;
  }
  .slider5 .slider {
    margin-right: 0;
  }
  .home .slider5 h2:first-child, .slider5 h2:first-child, .home .slider5 h2 {
    font-size: 2em;
  }
  .slider5 h2:first-child {
    margin-right: 10px;
  }
}
@media (min-width: 601px) and (max-width: 670px) {
  .home .slider5 h2:first-child, .slider5 h2:first-child, .home .slider5 h2 {
    font-size: 1.5em;
  }
  .slider5 h2 + p {
    font-size: 1em;
  }
  .slider5 p.input {
    width: 95%;
  }
  .slider5 p.input input {
    padding: 3px 5%;
  }
  .slider5 form {
    height: auto;
  }
  .slider5 h2:first-child {
    margin-right: 10px;
  }
}
@media (max-width: 600px) {
  .slider5 .slider, .slider5 form {
    float: none;
    width: auto;
    margin: 0 auto 1em;
  }
  .slider5 form {
    height: auto;
  }
}
.slider6 {
  padding: 25px 0 10px;
  background: #ebebeb;
}

.slider6 > div {
  width: 95%;
  max-width: 940px;
  margin: 0 auto;
  padding-bottom: 15px;
  background: url("/images/slider6-shadow.png") 50% 100% no-repeat;
}

.slider6 > div > div {
  border: 10px solid white;
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.slider6 .slides {
  float: left;
  position: relative;
  width: 81% !important;
  max-width: 750px;
  height: 344px;
}

.slider6 article {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.slider6 article:after {
  clear: both;
}

.slider6 article:first-child {
  display: block;
}

.slider6 article .img {
  overflow: hidden;
  width: 100%;
}

.slider6 article img {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0;
}

.slider6 article h3 {
  position: absolute;
  left: -16px;
  bottom: 23px;
  z-index: 2;
  margin: 0;
  padding: 10px 30px;
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  color: #747474;
  font: 300 2.154em/1em var(--font-sans);
}

.slider6 article h3:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: -10px;
  content: " ";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-top: 5px solid #aeaeae;
  border-right: 3px solid #aeaeae;
  border-bottom: 5px solid transparent;
}

.slider6 .img-border, .slider6 .video {
  display: block;
}

.slider6 .menu {
  float: right;
  position: relative;
  width: 18% !important;
}

.slider6 .menu a.prev {
  display: block;
  overflow: hidden;
  height: 16px;
  background: white url("/images/up-down.png") 50% 0 no-repeat;
  text-indent: -50em;
}

.slider6 .menu a.next {
  display: block;
  overflow: hidden;
  height: 16px;
  background: white url("/images/up-down.png") 50% 100% no-repeat;
  text-indent: -50em;
}

.slider6 .menu div {
  overflow: hidden;
  position: relative;
  height: auto;
  margin-top: 6px;
}

.slider6 .menu ul {
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 97% !important;
}

.slider6 .menu li {
  width: 100%;
  margin: 0 0 6px;
  padding: 0;
}

.slider6 .menu li .img-border, .slider6 .menu li .img-border img {
  max-width: 100%;
}

.slider6 .caroufredsel_wrapper {
  width: 100% !important;
  height: 100% !important;
}

@media (max-width: 980px) {
  .slider6 {
    margin: 0 -20px;
    padding: 25px 20px 10px;
  }
}
@media (max-width: 960px) {
  .slider6 > div {
    background: none;
  }
}
@media (max-width: 600px) {
  .slider6 article h3 {
    font-size: 1.385em;
  }
}
@media (max-width: 650px) {
  .slider6 .menu ul {
    width: 100%;
  }
  .slider6 .menu {
    margin-right: -4px;
  }
}
.slider7 {
  overflow: hidden;
  margin: 0;
  background: white;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, white 0%, #f0f0f0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f0f0f0));
  background: -webkit-linear-gradient(top, white 0%, #f0f0f0 100%);
  background: -o-linear-gradient(top, white 0%, #f0f0f0 100%);
  background: -ms-linear-gradient(top, white 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, white 0%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="white", endColorstr="#f0f0f0", GradientType=0);
}

.slider7 > div {
  margin: 0 -5px;
  padding: 0 5px;
  box-shadow: inset 0 -3px 2px 2px rgba(0, 0, 0, 0.05);
}

.slider7 > div > div {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 25px 0;
}

.slider7 .slider {
  position: relative;
  z-index: 2;
  float: right;
  width: 68%;
  max-width: 650px;
  height: 360px;
  margin: 0;
  padding: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.slider7 article {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: white;
}

.slider7 article img, .slider7 article div.video {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
}

.slider7 article img {
  height: 100%;
  width: auto;
}

.slider7 article div.video {
  position: static;
  width: 100%;
  height: 100%;
}

.slider7 article div {
  position: relative;
  z-index: 2;
  float: right;
  width: 40%;
  padding: 40px 20px 0;
}

.slider7 h3 {
  margin: 0 0 0.5em;
  color: white;
  font-size: 2.462em;
}

.slider7 article p {
  color: white;
  font-size: 1.077em;
}

.slider7 .next-prev, .slider7 .slider-pager {
  display: none;
}

.slider7 .controls {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 33%;
  margin-left: 0;
}

.slider7 .controls .button {
  margin: 0 15px;
}

.slider7 .controls ul {
  margin: 10px 0 3em;
}

.slider7 .controls ul li {
  margin: 0;
  padding: 0;
}

.slider7 .controls ul a {
  display: block;
  padding: 15px 0;
  color: var(--colour-medium-grey);
  font: 300 1.385em/1em var(--font-sans);
  outline: none;
}

.slider7 .controls ul a:hover, .slider7 .controls ul .active a {
  background: rgba(0, 0, 0, 0.12);
}

.slider7 .controls ul a:before {
  float: left;
  width: 30px;
  height: 30px;
  margin: -5px 10px 0 15px;
  border-radius: 16px;
  background-color: #999;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: " ";
}

.slider7 .controls ul .active a:before {
  background-color: var(--colour-orange);
}

.slider7 .controls ul a:before {
  background-image: url("/images/icon-camera.png");
}

.slider7 .controls ul a.info:before {
  background-image: url("/images/icon-info.png");
}

.slider7 .controls ul a.cart:before {
  background-image: url("/images/icon-cart.png");
}

.slider7 .controls ul a.people:before {
  background-image: url("/images/icon-people.png");
}

.slider7 .controls ul a.mail:before {
  background-image: url("/images/icon-mail.png");
}

@media (max-width: 1000px) and (min-width: 651px) {
  .slider7 {
    margin: 0 -20px;
    padding: 0 20px;
  }
  .slider7 > div {
    margin: 0 -20px;
  }
  .slider7 .controls ul a {
    font-size: 1.077em;
  }
  .slider7 .controls ul a:before {
    margin-top: -8px;
  }
}
@media (max-width: 880px) and (min-width: 651px) {
  .slider7 .controls {
    left: -10px;
  }
  .slider7 .slider {
    margin-right: 10px;
  }
  .slider7 h3 {
    font-size: 1.385em;
  }
}
@media (max-width: 840px) and (min-width: 651px) {
  .slider7 .slider {
    width: 60%;
  }
  .slider7 .controls {
    width: 40%;
  }
  .slider7 .controls ul {
    margin-bottom: 1em;
  }
}
@media (max-width: 800px) and (min-width: 651px) {
  .slider7 .controls ul a {
    padding: 12px 0;
  }
}
@media (max-width: 700px) and (min-width: 651px) {
  .slider7 .controls ul {
    margin: 0;
  }
  .slider7 .controls ul a:before {
    display: none;
  }
  .slider7 .controls ul a {
    padding: 10px;
  }
  .slider7 article div {
    padding: 20px 10px 0;
  }
  .slider7 h3 {
    font-size: 1.154em;
  }
  .slider7 article p {
    font-size: 1em;
    line-height: 1.2em;
  }
}
@media (max-width: 650px) {
  .slider7 {
    margin: 0 -20px;
    padding: 0 20px;
  }
  .slider7 > div {
    margin: 0 -20px;
  }
  .slider7 .controls {
    position: static;
    float: none;
    clear: both;
    width: 100%;
    margin-left: 0;
  }
  .slider7 .slider {
    float: none;
    width: 100%;
  }
}
@media (max-width: 650px) {
  .slider7 h3 {
    font-size: 1.462em;
  }
  .slider7 article div {
    padding: 20px 10px 0;
  }
}
@media (max-width: 450px) {
  .slider7 h3 {
    font-size: 1.231em;
    line-height: 1.2em;
  }
  .slider7 article p {
    font-size: 1em;
    line-height: 1.2em;
  }
}
.slider8 {
  position: relative;
  width: 100%;
  height: 542px;
}

.slider8 article {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
}

.slider8 article > div {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 940px;
  height: 100%;
  margin: 0 auto;
}

.slider8 article > div > div {
  float: right;
  width: 28%;
  height: 100%;
  max-width: 275px;
  margin: 0;
  padding: 1px 20px;
  background: rgba(0, 0, 0, 0.75);
  color: white;
}

.slider8 img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}

.slider8 h3 {
  margin: 1em 0 0.5em;
  color: white;
  font-size: 2.769em;
  font-weight: 300;
  line-height: 1em;
}

.slider8 h3 strong {
  color: var(--colour-orange);
  font-weight: 300;
}

.slider8 p a.cta {
  display: inline-block;
  height: 30px;
  padding: 0 30px 0 20px;
  background: url("/images/slider-cta-bg.png") 100% 50% no-repeat;
  color: var(--colour-medium-grey);
  font-size: 0.929em;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
}

.slider8 .next-prev {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 50;
  width: 100%;
  height: 0;
  margin: -30px 0 0;
}

.slider8 .next-prev li {
  margin: 0;
  width: 30px;
}

.slider8 .next-prev .prev {
  float: left;
}

.slider8 .next-prev .next {
  float: right;
}

.slider8 .next-prev a {
  display: block;
  overflow: hidden;
  width: 30px;
  height: 60px;
  background: url("/images/slider8-controls.png") no-repeat;
  background-color: rgba(255, 255, 255, 0.9);
  text-indent: -1000px;
  outline: none;
}

.slider8 .next-prev a:hover {
  background-color: white;
}

.slider8 .next-prev .prev a {
  background-position: 0 50%;
}

.slider8 .next-prev .next a {
  background-position: -30px 50%;
}

.slider8 .slider-pager {
  position: absolute;
  z-index: 50;
  left: 50%;
  z-index: 100;
  top: auto;
  bottom: 30px;
  width: 275px;
  margin: 0 0 0 170px;
  padding: 0 20px;
}

.slider8 .slider-pager li {
  display: inline-block;
  width: 18px;
  margin: 0;
  padding: 0;
}

.slider8 .slider-pager a {
  float: left;
  overflow: hidden;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.4);
  text-indent: 500px;
  outline: none;
}

.slider8 .slider-pager a.selected {
  background: rgb(255, 255, 255);
}

/* uncomment to hide arrows for boxed version */
/* .boxed .slider8 .next-prev {display: none;} */
@media (max-width: 1000px) {
  .slider8 .slider-pager {
    left: auto;
    right: 0;
    bottom: 10px;
    width: 28%;
  }
}
@media (max-width: 980px) {
  .slider8 {
    margin: 0 -20px;
    padding: 0 20px;
  }
}
@media (max-width: 960px) {
  .slider8 article > div > div {
    width: 50%;
    max-width: 50%;
    padding-right: 40px;
  }
  .slider8 .slider-pager {
    width: auto;
  }
}
@media (max-width: 800px) {
  .slider8 h3 {
    font-size: 2em;
  }
}
@media (max-width: 650px) {
  .slider8 article > div > div {
    width: 75%;
    max-width: 75%;
  }
  .slider8 h3 {
    font-size: 1.5em;
  }
  .slider8 p {
    line-height: 1.2em;
  }
}
@media (max-width: 580px) {
  .slider8 h3 {
    font-size: 1.3em;
  }
  .slider8 p {
    font-size: 0.917em;
    line-height: 1.2em;
  }
}
@media (max-width: 420px) {
  .slider8 h3 {
    font-size: 1em;
  }
  .slider8 p {
    font-size: 0.769em;
  }
  .slider8 p a.cta {
    padding: 0;
    height: auto;
    background: none;
    color: white;
    line-height: 1em;
  }
}
@media (max-width: 400px) {
  .slider8 .next-prev li.prev {
    padding-left: 10px;
  }
  .slider8 .next-prev li.next {
    padding-right: 10px;
  }
  .slider8 h3 {
    margin-bottom: -0.5em;
    font-size: 0.923em;
  }
}
.slider9 {
  position: relative;
  width: 100%;
  padding: 30px 0 65px;
  background: #f6f6f6;
}

.slider9 .slider {
  max-width: 940px;
  height: 347px;
  overflow: visible !important;
}

.slider9 > div {
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.slider9 article {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  padding: 0;
}

.slider9 article > div {
  float: right;
  width: 60%;
  max-width: 580px;
  margin: 2px 2px 2px 0;
  padding: 0 0 15px;
  background: url("/images/slider4-shadow.png") 50% 100% no-repeat;
}

.slider9 article > div > div {
  position: relative;
  padding: 10px;
  background: white;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.slider9 .img-border {
  border: none;
}

.slider9 .video {
  width: auto;
}

.slider9 .img-border img {
  width: 100%;
}

.slider9 h3 {
  margin: 0.5em 0;
  font-size: 2.615em;
  font-weight: 400;
  line-height: 1em;
}

.slider9 h3, .slider9 p {
  margin-right: 10px;
}

.slider9 h3 + p {
  font: 300 1.385em/1.2em var(--font-sans);
}

.slider9 p a.button {
  margin-right: 20px;
  font-size: 0.929em;
}

.slider9 p .more {
  white-space: nowrap;
}

.slider9 .next-prev {
  display: none;
}

.slider9 .slider-pager {
  display: none;
}

.slider9 .slider-titles {
  position: absolute;
  z-index: 21;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  margin: 0;
  border-bottom: 1px solid #636363;
  background: #747474;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
  list-style: none;
  text-align: center;
}

.slider9 .slider-titles li {
  display: inline-block;
  height: 50px;
  margin: 0;
}

.slider9 .slider-titles li:hover, .slider9 .slider-titles li.active {
  background: var(--colour-medium-grey);
}

.slider9 .slider-titles a {
  display: inline-block;
  height: 50px;
  padding: 0 20px;
  color: white;
  font: 300 1.154em/50px var(--font-sans);
}

.slider9 .slider-titles .active > a {
  margin-top: -6px;
  padding-top: 6px;
  background: url("/images/arrow-up-gray.png") 50% 0 no-repeat;
}

@media (max-width: 980px) {
  .slider9 {
    margin-left: -20px;
    margin-right: -20px;
    padding: 25px 30px 65px;
  }
  .slider9 .slider-titles li a {
    padding: 0 10px;
  }
}
@media (max-width: 900px) {
  .slider9 h3 {
    font-size: 2em;
  }
  .slider9 .slider-titles a {
    font-size: 1em;
  }
}
@media (max-width: 770px) {
  .slider9 .img-border {
    display: block;
    float: none;
    width: auto;
    max-width: 770px;
    margin: 0;
  }
  .slider9 {
    padding-bottom: 25px;
  }
  .slider9 article > div {
    float: none;
    width: auto;
    max-width: 770px;
    margin: 0;
  }
  .slider9 .slider-titles {
    display: none;
  }
  .slider9 .slider-pager {
    display: block;
    position: absolute;
    top: auto;
    bottom: -17px;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .slider9 h3 {
    font-size: 1.538em;
  }
  .slider9 h3 + p {
    font-size: 1em;
  }
}
.slider10 {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1070px;
  height: 330px;
  margin: 0 auto;
  padding: 40px 0 0;
}

.slider10 ul {
  overflow-x: scroll;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding: 0 0 20px;
  list-style: none;
  white-space: nowrap;
}

.slider10 li {
  display: inline-block;
  margin: 0 16px 0 0;
  padding: 0;
}

.slider10 li:last-child {
  margin-right: 0;
}

.slider10 > a {
  display: block;
  position: absolute;
  z-index: 10;
  top: 40px;
  overflow: hidden;
  width: 60px;
  height: 300px;
  background: white url("/images/slider10-controls.png") 0 50% no-repeat;
  text-indent: -50em;
}

.slider10 > a.prev {
  left: 0;
  background-position: 0 50%;
}

.slider10 > a.next {
  right: 0;
  background-position: 100% 50%;
}

/* comment or remove this line to show navigation arrows */
.boxed .slider10 > a {
  display: none;
}

@media (max-width: 1070px) {
  .slider10 > a {
    width: 30px;
  }
}
@media (max-width: 960px) {
  .slider10 > a {
    display: none;
  }
}
.slider11 {
  border-bottom: 1px solid #ececec;
  background: #f7f7f7;
}

.slider11 > div {
  position: relative;
  width: auto;
  max-width: 940px;
  height: 430px;
  margin: 0 auto;
}

.slider11 article {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  min-height: 362px;
  max-width: 590px;
  padding: 25px 350px 0 0;
}

.slider11 article div {
  float: left;
  width: 44.3%;
  padding-right: 4%;
}

.slider11 article img {
  float: left;
  width: 51.7%;
  max-width: 305px;
}

.slider11 .next-prev {
  display: none;
}

.slider11 .slider-pager {
  position: absolute;
  left: 0;
  bottom: 25px;
  margin: 0;
}

.slider11 h3 {
  margin-top: 1em;
  font-size: 2.615em;
  font-weight: 400;
}

.slider11 h3 + p {
  color: #747474;
  font: 300 1.385em var(--font-sans);
}

.slider11 p.more {
  font-size: 0.923em;
}

@media (max-width: 980px) {
  .slider11 {
    margin: 0 -20px;
    padding: 0 20px;
  }
  .slider11 article {
    width: 60%;
    max-width: 60%;
  }
}
@media (max-width: 920px) {
  .slider11 article {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding-right: 0;
  }
}
@media (max-width: 630px) {
  .slider11 h3 {
    margin-top: 0;
    font-size: 1.846em;
  }
  .slider11 h3 + p {
    font-size: 1.077em;
  }
  .slider11 article {
    height: auto;
  }
}
@media (max-width: 450px) {
  .slider11 article {
    text-align: center;
  }
  .slider11 article div {
    float: none;
    width: 100%;
    margin: 0 auto 1em;
    text-align: left;
  }
  .slider11 article img {
    float: none;
    margin: 1em 0;
  }
}
.slider12 {
  position: relative;
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #e4e4e4;
  background: #f6f6f6;
}

.slider12 .slider {
  position: relative;
  width: 100%;
  max-width: 940px;
  height: 360px;
  margin: 0 auto;
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.15);
}

.slider12 article {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 940px;
  overflow: hidden;
}

.slider12 .img {
  float: left;
  width: 65%;
  max-width: 610px;
}

.slider12 .img img, .slider12 .video {
  width: 100%;
}

.slider12 .text {
  float: right;
  width: 29%;
  padding: 0 3% 0 0;
  color: white;
}

.slider12 h3 {
  color: white;
  font-weight: 300;
  font-size: 2em;
}

.slider12 p {
  color: #ccc;
}

.slider12 article a {
  color: white;
  text-decoration: none;
}

.slider12 article a:hover {
  color: #ccc;
}

.slider12 .next-prev {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 31;
  height: 50px;
  padding: 0;
  margin: 0 10px 0 0;
}

.slider12 .next-prev li {
  float: left;
  margin: 0;
  padding: 0;
}

.slider12 .next-prev li a {
  float: left;
  overflow: hidden;
  width: 30px;
  height: 50px;
  background: url("/images/slider12controls.png") no-repeat;
  text-indent: -50em;
}

.slider12 .next-prev li.prev a {
  background-position: 10px 0;
}

.slider12 .next-prev li.prev a:hover {
  background-position: 10px -50px;
}

.slider12 .next-prev li.next a {
  background-position: -20px 0;
}

.slider12 .next-prev li.next a:hover {
  background-position: -20px -50px;
}

.slider12 .slider-pager {
  position: absolute;
  left: 65%;
  bottom: 0;
  z-index: 30;
  width: 40%;
  height: 50px;
  margin: 0;
  padding: 0 0 0 3%;
  background: rgba(0, 0, 0, 0.4);
  line-height: 50px;
}

.slider12 .slider-pager li {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.slider12 .slider-pager a {
  background: url("/images/paginator-slider12.png") -12px 4px no-repeat;
}

.slider12 .slider-pager a.selected {
  background-position: 5px 4px;
}

@media (max-width: 980px) {
  .slider12 {
    margin: 0 -25px;
    padding: 25px;
  }
}
@media (max-width: 880px) {
  .slider12 h3 {
    font-size: 1.25em;
  }
  .slider12 p {
    font-size: 0.923em;
    line-height: 1.3em;
  }
}
@media (max-width: 720px) {
  .slider12 h3 {
    margin: 0.5em 0;
  }
}
@media (max-width: 675px) {
  .slider12 .img {
    width: 50%;
  }
  .slider12 .text {
    width: 45%;
  }
  .slider12 h3 {
    font-size: 1em;
  }
  .slider12 .slider-pager {
    left: 50%;
    padding-left: 2%;
    width: 50%;
    height: 35px;
    line-height: 35px;
  }
  .slider12 .next-prev, .slider12 .next-prev li a {
    height: 35px;
  }
  .slider12 .next-prev li.prev a {
    background-position: 10px -7px;
  }
  .slider12 .next-prev li.prev a:hover {
    background-position: 10px -57px;
  }
  .slider12 .next-prev li.next a {
    background-position: -20px -7px;
  }
  .slider12 .next-prev li.next a:hover {
    background-position: -20px -57px;
  }
}
@media (max-width: 675px) {
  .slider12 .slider {
    padding-bottom: 50px;
  }
  .slider12 .img, .slider12 .text {
    float: none;
    width: auto;
  }
  .slider12 .text {
    padding: 10px 20px;
  }
  .slider12 h3 {
    font-size: 2em;
  }
  .slider12 p {
    font-size: 1em;
  }
  .slider12 .slider-pager {
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
  .slider12 .next-prev, .slider12 .next-prev li a {
    height: 50px;
  }
  .slider12 .next-prev li.prev a {
    background-position: 10px 0;
  }
  .slider12 .next-prev li.prev a:hover {
    background-position: 10px -50px;
  }
  .slider12 .next-prev li.next a {
    background-position: -20px 0;
  }
  .slider12 .next-prev li.next a:hover {
    background-position: -20px -50px;
  }
}
@media (max-width: 400px) {
  .slider12 h3 {
    font-size: 1.25em;
  }
  .slider12 p {
    font-size: 0.923em;
  }
}
.slider.portfolio-slider {
  overflow: hidden;
  max-width: 940px;
  height: 410px;
  margin: 30px auto;
}

.slider.portfolio-slider article {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}

.slider.portfolio-slider img {
  position: static;
  width: 100%;
}

.slider.portfolio-slider div {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 280px;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.7);
}

.slider.portfolio-slider div p {
  color: white;
}

.slider.portfolio-slider div h3 {
  margin: 0.5em 0;
  color: white;
  font-size: 1.385em;
}

.slider.portfolio-slider .next-prev {
  display: none;
}

.slider.portfolio-slider .slider-pager {
  position: absolute;
  left: auto;
  right: 20px;
  bottom: 15px;
  z-index: 3;
  overflow: hidden;
  margin: 0;
  padding: 8px;
  border-radius: 13px;
  background: rgba(0, 0, 0, 0.5);
  line-height: 26px;
}

.slider.portfolio-slider .slider-pager li {
  float: left;
  margin: 0 0 0 7px;
  padding: 0;
}

.slider.portfolio-slider .slider-pager li:first-child {
  float: left;
  margin: 0;
}

.slider.portfolio-slider .slider-pager li a {
  float: left;
  overflow: hidden;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background: #b6b4b2;
  text-indent: -50em;
}

.slider.portfolio-slider .slider-pager li a.selected {
  background: white;
}

@media (max-width: 550px) {
  .slider.portfolio-slider div {
    padding: 5px 10px;
  }
  .slider.portfolio-slider div p {
    font-size: 0.923em;
    line-height: 1.2em;
  }
  .slider.portfolio-slider div h3 {
    margin: 0;
  }
}
.with-icons > h2 {
  border-bottom: 1px solid #dfdfdf;
}

.sl-wrapper .sl-close, .sl-prev, .sl-next {
  background: none !important;
  color: #9e1d22 !important;
}

.sl-wrapper .sl-close:hover, .sl-prev:hover, .sl-next:hover {
  background: none !important;
  color: #9e1d22 !important;
  opacity: 0.8 !important;
}

.slick-list {
  overflow: inherit !important;
}

.slick-center .spotlight-sign {
  display: block;
}

.slick-list {
  overflow: visible !important;
}

.slick-center .expert-text {
  margin-top: -70px;
}

.test-home-outer {
  background: #f8f8f8;
  padding: 2em;
}

.test-back {
  max-width: 900px;
  margin: 0 auto;
}

.test-container {
  position: relative;
}

.test-tbl {
  max-width: 900px;
  margin: 0 auto;
}

.test-text {
  text-align: center;
  font-size: 18pt;
  padding: 2em;
  color: white;
  line-height: 20pt;
  max-width: 650px;
  font-weight: 100;
}

.test-back .flex-control-nav {
  width: 100%;
  list-style: none;
  right: 0;
  text-align: right;
}

.test-container .slides {
  display: flex;
  align-items: center;
}

.test-home-outer {
  background: url(/wp-content/themes/lighttheme/images/hp-testimonials.jpg) !important;
}

.test-home-outer .test-back {
  border: 1px solid #c6b29b;
  padding: 1em;
  margin: 1em auto;
}

.test-home-outer .test-back > h3 {
  color: #c6b29b;
  font-size: 10pt !important;
  text-transform: uppercase;
  font-weight: 500 !important;
  text-align: center;
}

.test-home-outer .test-back > h2 {
  color: #c6b29b;
  font-weight: 500 !important;
  text-align: center;
  margin-bottom: 0;
}

.test-home-outer .flex-control-paging li a.flex-active {
  background: #c6b29b !important;
}

.oth-strip-in p {
  font-size: 12pt;
  color: white;
}

.hm-cont-itm h1 {
  color: #131415 !important;
  /* font-size: 21pt !important; */
  margin-bottom: 1em !important;
}

.hm-test-itm:before {
  color: #545454;
  content: '"';
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  position: absolute;
  left: 16px;
  top: 40px;
  display: none;
}

.home-test-sec {
  text-align: center;
}

.hm-test-itm img {
  width: 28px;
}

.hm-test-itm {
  border: 1px solid #efefef;
  margin-bottom: 1em;
  box-shadow: 1px 1px 19px #efefef;
  background: white;
  padding: 1em;
  text-align: center;
  /* width: 29%; */
  display: inline-block;
  margin: 1em;
  vertical-align: top;
  /* max-width: 300px; */
  position: relative;
  text-align: left;
  padding-top: 2em;
}

.test-h3 {
  color: black;
  text-align: center !important;
  font-size: 2.5em;
  font-weight: bold;
  text-transform: uppercase;
}

.test-outer h3 {
  display: none;
}

.test-inner .home-blog-itm table tr:last-of-type {
  display: none;
}

.test-inner .home-blog-itm table tr:first-of-type td:first-of-type {
  display: none;
}

.test-inner .home-blog-itm table tr:nth-child(1) {
  display: table-footer-group;
}

.test-inner .home-blog-itm table tr:nth-child(2) {
  display: table-header-group;
}

.test-inner .home-blog-itm table tr:nth-child(3) {
  display: none;
}

.test-outer {
  background: black;
  margin: 0 auto;
  margin-top: 4em;
  margin-bottom: 4em;
  transform: rotate(-2deg);
  width: 120%;
  padding: 5em;
  position: relative;
  overflow: hidden;
  left: -10%;
  right: 0;
}

.test-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2em;
  width: 90%;
  transform: rotate(2deg);
  text-align: center;
}

.test-inner .home-blog-itm {
  width: 98%;
  margin: 1%;
  display: inline-block;
  vertical-align: top;
  background: black;
  background: url(/images/quote.png);
  background-position: top left;
  padding-left: 50px;
  background-repeat: no-repeat;
  color: white !important;
}

.test-inner .home-blog-itm h4, .test-inner .home-blog-itm p {
  color: white !important;
  text-align: left;
}

.test-inner .home-blog-itm p {
  font-size: 1.4em;
  margin-bottom: 1em !important;
}

@media (min-width: 750px) {
  .test-inner .home-blog-itm {
    width: 47%;
  }
}
.cta-cont {
  width: 100%;
  background: #9e1d22;
  border-radius: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 4em;
}

.cta-cont a {
  color: white;
  font-size: 14pt;
  font-weight: 300;
  padding: 1em;
  display: inline-block;
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
}

.cta-cont a:hover {
  background: #602c84;
  border-radius: 3px;
}

@media (max-width: 600px) {
  .cta-cont a {
    display: block;
    margin: 0 auto !important;
    width: auto;
  }
  .post-follow-us-inner .cat-links {
    font-size: 10pt !important;
  }
  .post-follow-us-inner p {
    margin-top: 1em;
  }
  .post-follow-us-inner {
    padding: 0 !important;
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }
  .post-follow-us-inner .social-icons:not(.social-icons-txt) {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .post-follow-us-inner .cat-links {
    margin-top: 3em;
  }
  .post-follow-us {
    padding: 1em !important;
  }
  .post-follow-us-inner .cat-links a {
    padding: 0 5px 0 5px !important;
  }
}
.hm-cont-itm .widget-title {
  padding: unset !important;
  font-weight: 500 !important;
}

.hm-cont-itm .widget-title:before {
  content: "";
  width: 100%;
  height: 12pt;
  background: white;
  display: inline-block;
  width: 90%;
  margin-left: -86px;
  margin-right: 16px;
  vertical-align: middle;
  width: -webkit-calc(10% - 100px);
  width: -moz-calc(10% - 100px);
  width: 70px;
  margin-bottom: 4px;
  display: none;
}

.page-content .awards-cta-inner {
  padding-right: 0 !important;
  text-align: center;
}

.social-icons-txt a {
  width: auto !important;
  height: auto !important;
  background-size: contain;
}

.social-icons-txt .instagram {
  background-position: left center;
  background-size: 17px;
  padding-left: 20px !important;
}

.social-icons-txt .ticktok {
  background-position: left center;
  background-size: 17px;
  padding-left: 20px !important;
}

.hm-cont-itm .widget-title, .full-width-title-hp h3 {
  width: 100%;
  padding: 1em;
  color: #d9ad47;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.facebook-cont {
  background: url(/wp-content/themes/lighttheme/images/icons/facebook.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 30px;
  font-size: 0;
  display: inline-block;
}

.agy a.btn.btn-beta {
  background: #888 !important;
}

.agy .box .box-right p {
  color: #7c7c7c;
  height: auto !important;
  display: block;
  height: unset !important;
  margin-bottom: 1em !important;
  display: block;
}

.agy .decor-line span {
  background: white;
  color: #7c7c7c;
  position: relative;
  top: unset !important;
  padding: 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 900;
  margin-bottom: 1em !important;
  display: block;
}

.agy .decor-line {
  height: 40px !important;
  display: block;
  margin-bottom: 1em !important;
  border: 0;
  border-top: 0 !important;
}

.textwidget h3 {
  margin-top: 0 !important;
  font-weight: bold;
}

.home-cntct {
  font-size: 16pt;
  color: white;
}

.home-cntct a {
  color: white;
  text-decoration: none;
}

.hp-twitter {
  overflow-y: scroll;
}

/**************************************************************
***********         CALL TO ACTION - CTA          *************
**************************************************************/
.cta-outer {
  background: white;
}

.cta-inner {
  padding: 2em 2em 3em 2em;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.cta-outer img {
  display: block;
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: 1em;
}

/* captcha */
.captcha-area {
  position: relative;
  width: 225px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #efefef;
}

iframe {
  /* width: 235px; */
  margin: 0 auto !important;
  overflow: hidden;
  display: block;
  position: relative;
}

.captcha-img {
  width: 58px;
  position: absolute;
  top: 10px;
  right: 2px;
}

.g-recaptcha {
  width: 235px;
  height: 70px;
  overflow: hidden;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0;
}

.g-recaptcha div {
  width: auto !important;
  margin-left: -5px;
  margin-top: -5px;
}

.rc-anchor-normal .rc-anchor-pt {
  margin: 4px 20px 0 0;
}

.rc-anchor-normal {
  width: 286px !important;
}

.rc-anchor-logo-portrait {
  margin: 10px 0 0 2px !important;
}

.rc-anchor-normal .rc-anchor-pt {
  margin: 4px 13px 0 0 !important;
  width: 141px !important;
}

.widgets {
  margin-bottom: 1em;
}

.follow-mm-head {
  padding: 1em 4px;
  border-top: 1px solid #a2a2a2;
  font-size: 10pt;
  font-weight: 500;
  letter-spacing: 1px;
  margin-top: 1.5em;
  padding-top: 1.5em;
  margin-bottom: 1.5em;
}

.social-links-ex {
  text-align: center;
  padding: 1em;
}

.social-links-ex a {
  width: 25px;
  height: 25px;
  display: inline-block !important;
  padding: 0 0.4em;
  margin: 0;
  text-align: center;
  margin-right: 0.1em;
}

.subtitle-ex {
  font-size: 14pt;
  text-align: center;
  color: var(--colour-salmon) !important;
  /* font-size: 18pt; */
  line-height: 18pt;
  text-transform: none !important;
  /* max-width: 640px; */
  /* border-bottom: 4px solid var(--colour-salmon); */
  padding-bottom: 14px;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-style: italic;
}

.visit-links-ex .button-expert {
  max-width: 200px;
  margin-bottom: 1em;
}

.share-button-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
}

.share-button-wrapper ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.share-button-wrapper ul a {
  color: black !important;
  font-size: 15px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  margin: 0 1.2em;
  text-decoration: none !important;
}

.sharing-box {
  text-align: center;
  margin-top: 4em;
}
.sharing-box h4 {
  font-size: 1.8em;
  font-family: var(--font-sans);
  font-weight: 300;
  color: var(--colour-medium-grey);
}

.offer-outer {
  border: 1px solid #efefef;
  padding: 1em;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 1em;
}

.featured-sign {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  font-size: 12px;
  color: white;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -40px;
  margin-top: -40px;
  z-index: 2;
}

.featured-sign p {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  color: black;
  text-transform: uppercase;
  font-size: 7pt !important;
  text-align: center !important;
}

.featured-sign p span {
  font-family: var(--font-cursive);
  text-transform: capitalize;
  font-size: 10pt;
  font-weight: 600;
  font-style: italic;
  text-align: center;
  display: inline;
}

#subscribe-outer {
  background: #f3f9f8;
  max-width: 900px;
  margin: 0 auto;
  position: fixed;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: 99;
  display: none;
  border: 1px solid #e1e1e1;
}

#subscribe-outer .post-follow-us-inner h2, #subscribe-outer .post-follow-us-inner .cat-links, #subscribe-outer .post-follow-us-inner .cat-links a, #subscribe-outer p {
  color: black !important;
}

#subscribe-outer .post-follow-us-inner h2 {
  font-size: 20pt !important;
  margin-bottom: 1em;
  font-weight: 600;
}

#subscribe-outer .post-follow-us-inner .cat-links, #subscribe-outer .post-follow-us-inner hr {
  margin-bottom: 1em;
}

#subscribe-outer p {
  font-family: var(--font-cursive);
  font-style: italic;
  text-transform: capitalize;
  border-bottom: 2px solid #dcdcdc;
  padding-bottom: 1.5em;
}

#subscribe-outer .wdform-label, #form8 .wdform-label {
  text-transform: uppercase;
  text-align: center;
}

.subscribe-outer-img {
  width: 34%;
  margin-right: 5%;
  display: inline-block;
  vertical-align: middle;
}

.subscribe-outer-txt {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
}

#subscribe-outer button {
  padding: 10px 15px;
  /* display: table; */
  background: var(--colour-salmon) !important;
  text-align: center;
  color: black;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  background: var(--colour-salmon);
  margin-top: 2em;
  text-transform: uppercase;
  max-width: 230px;
  font-weight: 600;
  border: 0;
}

#subscribe-outer .wdform-element-section > .wd-flex-row, #form8 .wdform-element-section > .wd-flex-row {
  max-width: 290px;
  margin: 0 auto;
  margin-top: 1em;
}

.strong-large {
  font-size: 19pt;
}

.subscribe-outer-close {
  width: 50px;
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer;
}

#subscribe-outer input[type=text] {
  background: transparent;
  border: 0 !important;
  border-bottom: 1px solid #474747 !important;
  font-size: 10pt;
}

#subscribe-outer input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--colour-medium-grey);
  opacity: 1; /* Firefox */
}

#subscribe-outer input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--colour-medium-grey);
}

#subscribe-outer input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--colour-medium-grey);
}

#giveaway-pop-outer {
  width: 300px;
  position: fixed;
  bottom: 0;
  z-index: 99;
  left: 1em;
  display: none;
}

.search-filter-outer {
  max-width: 800px;
  position: relative;
  margin: 0 auto;
}

.filter-outer {
  display: inline-block;
  position: absolute;
  margin-top: 8px;
  z-index: 9;
  top: 0;
  display: none;
}

.filter-btn {
  padding-left: 30px;
  background: url(/wp-content/themes/lighttheme/images/filter-img.png);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.filter-btn:hover {
  opacity: 0.8;
}

.filter-options {
  border-top: 1px solid black;
  background: #faf9f5;
  position: relative;
  margin-top: 1em;
  max-width: 300px;
  display: none;
}

.filter-options-inner {
  padding: 1em;
}

.filter-search-btn {
  border-top: 1px solid black;
  padding-top: 1em;
  padding: 1em;
}

.dont-show-again {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.dont-show-again label {
  display: inline-block;
  color: black;
  font-weight: 300;
  font-size: 8pt;
}

#e-about-top {
  background: white;
  margin-bottom: 320px;
  padding: 1em;
  text-align: center;
}

@media (max-width: 800px) {
  #e-about-top {
    margin-bottom: 44%;
  }
}
#e-about-top .vc_single_image-wrapper {
  position: relative;
  margin-bottom: -50%;
}

#e-about-top .vc_single_image-wrapper:before {
  content: "";
  /*         --b: 5px;
  --c: var(--colour-salmon);
  --w: 80px;
  border: var(--b) solid black0;
  --_g: black0 90deg, var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  display: block;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: conic-gradient(from 90deg at top var(--b) left var(--b),var(--_g)) 0 0 / var(--_p), conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p); */
  background: url(/wp-content/themes/lighttheme/images/rb-corner-br.png), url(/wp-content/themes/lighttheme/images/rb-corner-tl.png);
  background-position: bottom right, top left;
  background-repeat: no-repeat;
  background-size: 80px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

@media (max-width: 620px) {
  #subscribe-outer {
    padding: 1em;
  }
  .subscribe-outer-txt, .subscribe-outer-img {
    width: 100%;
  }
  .subscribe-outer-img {
    display: none;
  }
  #subscribe-outer .post-follow-us-inner {
    padding: 1em;
  }
  .quiz-inner-in, .quiz-inner, .quiz-outer {
    padding: 1em;
  }
}
@media (max-width: 830px) {
  .filter-options {
    border-top: 1px solid black;
    background: #faf9f5;
    position: absolute;
    min-width: 300px;
    display: none;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100%;
  }
  .filter-btn {
    display: table;
    margin: 0 auto;
    margin-bottom: 1em;
  }
  .is-search-form {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 2em;
    width: 272px;
    margin: 0;
    margin-bottom: 2em;
    margin-left: 1em;
  }
  .filter-options {
    border-top: 1px solid black;
    background: #faf9f5;
    position: absolute;
    min-width: 300px;
    display: none;
    margin: 0 auto;
    left: unset;
    right: 0;
    width: 100%;
  }
}
@media (max-width: 830px) {
  .search-filter-outer {
    max-width: 400px;
  }
  .page-content-blg .is-search-form {
    margin: 0 auto;
    margin-bottom: 1em;
  }
}
/* buttons
---------------------------------*/
a.btn {
  display: inline-block;
  height: 30px;
  margin: 2px;
  padding: 0 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: white;
  font: bold 1.077em/30px var(--font-sans);
  text-transform: uppercase;
}

a.btn.large {
  height: 40px;
  line-height: 40px;
}

a.btn.orange {
  border-color: #de6200;
  background: #ff9f00;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjcxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff9f00 0%, #ff7100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9f00), color-stop(100%, #ff7100));
  background: -webkit-linear-gradient(top, #ff9f00 0%, #ff7100 100%);
  background: -o-linear-gradient(top, #ff9f00 0%, #ff7100 100%);
  background: -ms-linear-gradient(top, #ff9f00 0%, #ff7100 100%);
  background: linear-gradient(to bottom, #ff9f00 0%, #ff7100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9f00", endColorstr="#ff7100", GradientType=0);
  text-shadow: 0 -1px 0 #de6200;
}

a.btn.orange:hover {
  background: #ff7100;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjlmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff7100 0%, #ff9f00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7100), color-stop(100%, #ff9f00));
  background: -webkit-linear-gradient(top, #ff7100 0%, #ff9f00 100%);
  background: -o-linear-gradient(top, #ff7100 0%, #ff9f00 100%);
  background: -ms-linear-gradient(top, #ff7100 0%, #ff9f00 100%);
  background: linear-gradient(to bottom, #ff7100 0%, #ff9f00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7100", endColorstr="#ff9f00", GradientType=0);
}

a.btn.green {
  border-color: #6f9911;
  background: #accf37;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjY2YzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MWIxMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #accf37 0%, #81b114 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #accf37), color-stop(100%, #81b114));
  background: -webkit-linear-gradient(top, #accf37 0%, #81b114 100%);
  background: -o-linear-gradient(top, #accf37 0%, #81b114 100%);
  background: -ms-linear-gradient(top, #accf37 0%, #81b114 100%);
  background: linear-gradient(to bottom, #accf37 0%, #81b114 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#accf37", endColorstr="#81b114", GradientType=0);
  text-shadow: 0 -1px 0 #6f9911;
}

a.btn.green:hover {
  background: #81b114;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYjExNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhY2NmMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #81b114 0%, #accf37 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81b114), color-stop(100%, #accf37));
  background: -webkit-linear-gradient(top, #81b114 0%, #accf37 100%);
  background: -o-linear-gradient(top, #81b114 0%, #accf37 100%);
  background: -ms-linear-gradient(top, #81b114 0%, #accf37 100%);
  background: linear-gradient(to bottom, #81b114 0%, #accf37 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#81b114", endColorstr="#accf37", GradientType=0);
}

a.btn.turquoise {
  border-color: #249e6d;
  background: #3acd94;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhY2Q5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNWFmNjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #3acd94 0%, #15af64 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3acd94), color-stop(100%, #15af64));
  background: -webkit-linear-gradient(top, #3acd94 0%, #15af64 100%);
  background: -o-linear-gradient(top, #3acd94 0%, #15af64 100%);
  background: -ms-linear-gradient(top, #3acd94 0%, #15af64 100%);
  background: linear-gradient(to bottom, #3acd94 0%, #15af64 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3acd94", endColorstr="#15af64", GradientType=0);
  text-shadow: 0 -1px 0 #249e6d;
}

a.btn.turquoise:hover {
  background: #15af64;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1YWY2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYWNkOTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #15af64 0%, #3acd94 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #15af64), color-stop(100%, #3acd94));
  background: -webkit-linear-gradient(top, #15af64 0%, #3acd94 100%);
  background: -o-linear-gradient(top, #15af64 0%, #3acd94 100%);
  background: -ms-linear-gradient(top, #15af64 0%, #3acd94 100%);
  background: linear-gradient(to bottom, #15af64 0%, #3acd94 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#15af64", endColorstr="#3acd94", GradientType=0);
}

a.btn.azure {
  border-color: #0098ab;
  background: #00c6db;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE1YzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #00c6db 0%, #00a5c3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00c6db), color-stop(100%, #00a5c3));
  background: -webkit-linear-gradient(top, #00c6db 0%, #00a5c3 100%);
  background: -o-linear-gradient(top, #00c6db 0%, #00a5c3 100%);
  background: -ms-linear-gradient(top, #00c6db 0%, #00a5c3 100%);
  background: linear-gradient(to bottom, #00c6db 0%, #00a5c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00c6db", endColorstr="#00a5c3", GradientType=0);
  text-shadow: 0 -1px 0 #0098ab;
}

a.btn.azure:hover {
  background: #00a5c3;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTVjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #00a5c3 0%, #00c6db 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a5c3), color-stop(100%, #00c6db));
  background: -webkit-linear-gradient(top, #00a5c3 0%, #00c6db 100%);
  background: -o-linear-gradient(top, #00a5c3 0%, #00c6db 100%);
  background: -ms-linear-gradient(top, #00a5c3 0%, #00c6db 100%);
  background: linear-gradient(to bottom, #00a5c3 0%, #00c6db 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a5c3", endColorstr="#00c6db", GradientType=0);
}

a.btn.blue {
  border-color: #3579be;
  background: #61aef2;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxYWVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTgzZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #61aef2 0%, #3183e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61aef2), color-stop(100%, #3183e8));
  background: -webkit-linear-gradient(top, #61aef2 0%, #3183e8 100%);
  background: -o-linear-gradient(top, #61aef2 0%, #3183e8 100%);
  background: -ms-linear-gradient(top, #61aef2 0%, #3183e8 100%);
  background: linear-gradient(to bottom, #61aef2 0%, #3183e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#61aef2", endColorstr="#3183e8", GradientType=0);
  text-shadow: 0 -1px 0 #3579be;
}

a.btn.blue:hover {
  background: #3183e8;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxODNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MWFlZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #3183e8 0%, #61aef2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3183e8), color-stop(100%, #61aef2));
  background: -webkit-linear-gradient(top, #3183e8 0%, #61aef2 100%);
  background: -o-linear-gradient(top, #3183e8 0%, #61aef2 100%);
  background: -ms-linear-gradient(top, #3183e8 0%, #61aef2 100%);
  background: linear-gradient(to bottom, #3183e8 0%, #61aef2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3183e8", endColorstr="#61aef2", GradientType=0);
}

a.btn.purple {
  border-color: #7c6bb2;
  background: #a693e3;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2OTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTYyZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #a693e3 0%, #7962d0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a693e3), color-stop(100%, #7962d0));
  background: -webkit-linear-gradient(top, #a693e3 0%, #7962d0 100%);
  background: -o-linear-gradient(top, #a693e3 0%, #7962d0 100%);
  background: -ms-linear-gradient(top, #a693e3 0%, #7962d0 100%);
  background: linear-gradient(to bottom, #a693e3 0%, #7962d0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a693e3", endColorstr="#7962d0", GradientType=0);
  text-shadow: 0 -1px 0 #7c6bb2;
}

a.btn.purple:hover {
  background: #7962d0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5NjJkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNjkzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #7962d0 0%, #a693e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7962d0), color-stop(100%, #a693e3));
  background: -webkit-linear-gradient(top, #7962d0 0%, #a693e3 100%);
  background: -o-linear-gradient(top, #7962d0 0%, #a693e3 100%);
  background: -ms-linear-gradient(top, #7962d0 0%, #a693e3 100%);
  background: linear-gradient(to bottom, #7962d0 0%, #a693e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7962d0", endColorstr="#a693e3", GradientType=0);
}

a.btn.pink {
  border-color: #c3488a;
  background: #f568b6;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1NjhiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjM3OGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f568b6 0%, #ef378d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f568b6), color-stop(100%, #ef378d));
  background: -webkit-linear-gradient(top, #f568b6 0%, #ef378d 100%);
  background: -o-linear-gradient(top, #f568b6 0%, #ef378d 100%);
  background: -ms-linear-gradient(top, #f568b6 0%, #ef378d 100%);
  background: linear-gradient(to bottom, #f568b6 0%, #ef378d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f568b6", endColorstr="#ef378d", GradientType=0);
  text-shadow: 0 -1px 0 #c3488a;
}

a.btn.pink:hover {
  background: #ef378d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMzc4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTY4YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ef378d 0%, #f568b6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef378d), color-stop(100%, #f568b6));
  background: -webkit-linear-gradient(top, #ef378d 0%, #f568b6 100%);
  background: -o-linear-gradient(top, #ef378d 0%, #f568b6 100%);
  background: -ms-linear-gradient(top, #ef378d 0%, #f568b6 100%);
  background: linear-gradient(to bottom, #ef378d 0%, #f568b6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef378d", endColorstr="#f568b6", GradientType=0);
}

a.btn.red {
  border-color: #c34f4f;
  background: #f57171;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1NzE3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f57171 0%, #ef4040 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f57171), color-stop(100%, #ef4040));
  background: -webkit-linear-gradient(top, #f57171 0%, #ef4040 100%);
  background: -o-linear-gradient(top, #f57171 0%, #ef4040 100%);
  background: -ms-linear-gradient(top, #f57171 0%, #ef4040 100%);
  background: linear-gradient(to bottom, #f57171 0%, #ef4040 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f57171", endColorstr="#ef4040", GradientType=0);
  text-shadow: 0 -1px 0 #c34f4f;
}

a.btn.red:hover {
  background: #ef4040;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTcxNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ef4040 0%, #f57171 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef4040), color-stop(100%, #f57171));
  background: -webkit-linear-gradient(top, #ef4040 0%, #f57171 100%);
  background: -o-linear-gradient(top, #ef4040 0%, #f57171 100%);
  background: -ms-linear-gradient(top, #ef4040 0%, #f57171 100%);
  background: linear-gradient(to bottom, #ef4040 0%, #f57171 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef4040", endColorstr="#f57171", GradientType=0);
}

a.btn.brown {
  border-color: #9e7c52;
  background: #cca674;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjYTY3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTc5NDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #cca674 0%, #ae7943 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cca674), color-stop(100%, #ae7943));
  background: -webkit-linear-gradient(top, #cca674 0%, #ae7943 100%);
  background: -o-linear-gradient(top, #cca674 0%, #ae7943 100%);
  background: -ms-linear-gradient(top, #cca674 0%, #ae7943 100%);
  background: linear-gradient(to bottom, #cca674 0%, #ae7943 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cca674", endColorstr="#ae7943", GradientType=0);
  text-shadow: 0 -1px 0 #9e7c52;
}

a.btn.brown:hover {
  background: #ae7943;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlNzk0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2E2NzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ae7943 0%, #cca674 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae7943), color-stop(100%, #cca674));
  background: -webkit-linear-gradient(top, #ae7943 0%, #cca674 100%);
  background: -o-linear-gradient(top, #ae7943 0%, #cca674 100%);
  background: -ms-linear-gradient(top, #ae7943 0%, #cca674 100%);
  background: linear-gradient(to bottom, #ae7943 0%, #cca674 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae7943", endColorstr="#cca674", GradientType=0);
}

a.btn.dark-gray {
  border-color: #545454;
  background: #929292;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTYxNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #929292 0%, #616161 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #929292), color-stop(100%, #616161));
  background: -webkit-linear-gradient(top, #929292 0%, #616161 100%);
  background: -o-linear-gradient(top, #929292 0%, #616161 100%);
  background: -ms-linear-gradient(top, #929292 0%, #616161 100%);
  background: linear-gradient(to bottom, #929292 0%, #616161 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#929292", endColorstr="#616161", GradientType=0);
  text-shadow: 0 -1px 0 #545454;
}

a.btn.dark-gray:hover {
  background: #616161;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNjE2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjkyOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #616161 0%, #929292 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #616161), color-stop(100%, #929292));
  background: -webkit-linear-gradient(top, #616161 0%, #929292 100%);
  background: -o-linear-gradient(top, #616161 0%, #929292 100%);
  background: -ms-linear-gradient(top, #616161 0%, #929292 100%);
  background: linear-gradient(to bottom, #616161 0%, #929292 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#616161", endColorstr="#929292", GradientType=0);
}

a.btn.light-gray {
  border-color: #c9c9c9;
  background: #f5f5f5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #e7e7e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#e7e7e7", GradientType=0);
  text-shadow: 0 1px 0 white;
  color: #555;
}

a.btn.light-gray:hover {
  background: #e7e7e7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #e7e7e7 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7", endColorstr="#f5f5f5", GradientType=0);
}

.cf-outer button {
  background: #0088a5 !important;
  border-color: #0088a5 !important;
  text-transform: uppercase;
}

.cf-outer button:hover {
  background: #037891 !important;
}

.button-form input[type=email] {
  display: inline-block;
  width: 80%;
  height: 34px !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.button-form button {
  display: inline-block;
  width: 20% !important;
  height: 34px !important;
  background: none !important;
  border: 1px solid #ccc !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0 !important;
  /* margin-left: -1px; */
  border-radius: 5px;
}

.listen-btns {
  text-align: left;
}

.listen-btns a {
  border: 1px solid var(--colour-salmon);
  padding: 10px 15px;
  display: inline-block;
  text-align: center;
  color: var(--colour-salmon);
  margin: 0 auto;
  width: 100%;
  text-decoration: none;
  border: 1px solid var(--colour-salmon);
  margin: 0;
  margin-top: 0.5em;
  text-transform: uppercase;
}

.float-btn {
  position: fixed;
  bottom: 69px;
  right: 5em;
}
.float-btn a {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

html {
  box-sizing: border-box;
  font-size: 1em;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background: #f8f7f5;
  color: black;
  /*font-family: @mainFont;*/
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  /*font-feature-settings: "kern","liga";*/
  -webkit-font-smoothing: antialiased;
  font-family: var(--font-sans);
}

#fouc {
  overflow-x: hidden;
}

p {
  margin-bottom: 1em;
}
p > br:first-child:last-child {
  display: none;
}

/* =============================================================================
 * Paragraphs
 */
p,
ul,
ol {
  font-size: 1em;
  line-height: 1.5;
}

p {
  margin-bottom: 1em !important;
}

p:last-child {
  margin-bottom: 0 !important;
}

/* =============================================================================
 * Lists
 */
ul,
ol {
  list-style: square;
  list-style-position: inside;
  padding-left: 20px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.main-content-outer ul,
.main-content-outer ol {
  list-style-position: outside;
  padding-left: 20px;
  font-family: var(--font-serif);
}

ol {
  list-style: decimal;
}

.non-list {
  list-style: none;
  position: relative;
}

/* =============================================================================
 * Other
 */
a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

em {
  font-style: italic;
}

strong,
bold, b {
  font-weight: 600;
}

input {
  /*-webkit-appearance: none;*/
}

a {
  cursor: pointer;
}

@media (max-width: 1030px) {
  h2.hp-lgvid-h2 {
    color: white;
    text-align: left;
    font-size: 2.5em !important;
    font-style: italic;
  }
  h2.hp-lgpod-h2 {
    color: white;
    text-align: left;
    font-size: 28pt !important;
    border-bottom: 1px solid white;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 1em;
    font-family: var(--font-sans);
    font-family: var(--font-cursive);
    font-style: italic;
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
}
h2.hp-lgvid-h2 {
  color: white;
  text-align: left;
  font-size: 28pt !important;
  font-style: italic;
}

h2.hp-lgpod-h2 {
  color: white;
  text-align: left;
  font-size: 28pt !important;
  border-bottom: 1px solid white;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 1em;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-style: italic;
}

.phone-head td {
  vertical-align: middle;
}

.hm-cont-itm a {
  line-height: 12pt;
  font-size: 12pt;
  display: inline-block;
  padding-left: 25px;
  position: relative;
}

.hm-cont-itm h2, .hm-cont-itm h3, .hm-cont-itm h4, .hm-cont-itm h5 {
  color: #0760ab !important;
}

.hm-cont-itm a:hover {
  opacity: 0.8;
}

.hm-cont-itm a:before {
  content: "→ ";
  color: #888;
  /* line-height: 12pt; */
  margin-top: -5px;
  /* padding-bottom: 1px; */
  margin-bottom: 5px;
  display: inline-block;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 14pt;
}

@media (max-width: 700px) {
  nav div > ul > li > a {
    line-height: 28px !important;
  }
}
@media (min-width: 780px) {
  .offcen-img {
    margin-left: -170px;
    width: calc(100% + 170px);
    max-width: unset;
  }
}
.btn-container {
  border-top: 1px solid #f3f3f3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.hp-vm-btn {
  display: table !important;
  margin: 0 auto;
  margin-bottom: 1em;
  border: 1px solid #22223c !important;
  padding: 5px 15px;
  color: #22223c;
  margin-top: 1em;
  font-size: 10pt !important;
}

.hp-cat-outer {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 3em;
  padding-bottom: 3em;
}

.cf-outer {
  background: #9e1d22;
  max-width: 500px;
  margin: 0 auto;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 2em;
}

.cf-outer .fm-header-description {
  color: white;
}

.cf-outer .fm-header-title {
  color: white;
  margin-bottom: 1em;
}

.cf-outer .fm-form-container {
  width: 100% !important;
}

.cf-outer .fm-form-container textarea {
  height: 100px;
  margin: 0;
  width: 100% !important;
  max-width: unset;
}

.side-logo {
  border: 1px solid #efefef;
}

.cat-tag {
  display: inline-block !important;
  font-size: 7pt;
  margin: 3px;
  padding: 2px 6px;
  background: #0088a5;
}

.t-extract {
  background: #0088a5;
  color: white;
  padding: 3em;
  margin-bottom: 1em;
}

.t-extract p {
  color: white !important;
}

.portfolio-outer-pc ul {
  padding: 0 !important;
}

.portfolio-outer-pc ul li a {
  border: 1px solid #efefef;
}

.two-col img {
  width: 100%;
}

.wwd-btns-outer {
  margin-top: 2.5em;
  display: block;
  text-align: center;
}

.wwd-btns-outer a {
  width: 31.333%;
  margin: 1%;
  display: table;
  color: white;
  text-transform: uppercase;
  padding: 1em;
  background: #572768;
  font-size: 12pt;
  letter-spacing: 0.2px;
  vertical-align: middle;
  float: left;
}

.wwd-btns-outer:after {
  content: "";
  clear: both;
  float: none;
  width: 100%;
  display: block;
}

.wwd-btns-outer a span {
  display: inline-block;
  vertical-align: middle !important;
  vertical-align: -webkit-baseline-middle;
  display: table-cell;
  vertical-align: middle;
}

.wwd-btns-outer a:hover {
  opacity: 0.8;
}

.hm-cont-itm h2 {
  font-size: 30pt !important;
  text-align: left !important;
}

.hm-cont-itm h3 {
  font-size: 22pt !important;
  text-align: left !important;
}

.hm-cont-itm h3.widget-title {
  font-size: 11pt !important;
}

.purp-bg h2, .purp-bg h3, .purp-bg p, .blue-bg h2, .blue-bg h3, .blue-bg p {
  color: white !important;
  font-weight: 300 !important;
}

.white-bg h2, .white-bg h3 {
  color: #9e1d22 !important;
  font-weight: 300 !important;
}

.purp-bg {
  background: #9e1d22;
}

.blue-bg {
  background: #0088a5;
}

.home-test-sec1 > h2 {
  text-transform: uppercase;
  text-align: center;
  margin-top: 2em !important;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em;
}

.panel-body .read-more {
  float: right;
}

.ad-apply-btn {
  padding: 0.5em 1.2em;
  display: inline-block;
  border-radius: 8px;
  background: #5e2763;
  color: white;
  display: table;
  margin: 0 auto;
  font-size: 14pt;
}

.ad-apply-form-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.82);
  z-index: 9999;
}

.ad-apply-form {
  position: fixed;
  left: 0;
  right: 0;
  /* bottom: 0; */
  top: 1em;
  max-width: 430px;
  margin: 0 auto;
  background: #f1f1f1;
  border-radius: 5px;
  max-height: 100%;
  bottom: 1em;
  overflow: auto;
  overflow-x: hidden;
  left: 0.5em;
  right: 0.5em;
  max-height: 845px;
}

.form-control {
  width: 100% !important;
}

.ad-apply-form-overlay progress {
  display: none;
}

.ad-apply-btn-close {
  background: #9e1d22 url(/wp-content/themes/lighttheme/images/icons/menu-close-wht.png);
  background-size: contain;
  font-size: 0;
  /* background: #9e1d22; */
  width: 30px;
  height: 30px;
  background-position: center;
  margin-top: 1em;
  display: block;
  float: right;
  margin-right: 1em;
  cursor: pointer;
  position: relative;
}

.aol-heading {
  text-align: center;
  text-transform: uppercase;
  color: #9e1d22;
  margin-top: 1.5em;
}

.btn-primary {
  background-color: #9e1d22;
  border-color: #9e1d22;
}

.btn-primary:hover {
  background: #984c9f;
}

.aol_app_form {
  max-width: 350px;
  background-color: #f1f1f1;
  margin: 0 auto;
  padding: 1.5em;
}

.nl-inner .es_subscription_form_submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (max-width: 370px) {
  .nl-inner .es_subscription_form_submit {
    margin-left: unset !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .nl-inner .ig_es_form_field_email {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }
}
.nl-signup {
  background: #984c9f;
  display: block;
  padding: 5em 2em;
  background-position: center;
}

.nl-inner {
  max-width: 400px;
  margin: 0 auto;
}

.nl-inner .es_caption {
  display: inline-block;
  text-align: center;
  color: white;
  font-size: 14pt;
  padding: 0;
  margin-bottom: 1em;
  line-height: 24px;
}

.nl-inner .emaillist {
  text-align: center;
}

.nl-inner .es-field-wrap {
  display: inline-block;
}

.nl-inner .ig_es_form_field_email {
  display: inline-block;
  max-width: 222px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 0;
}

.nl-inner .es_subscription_form_submit {
  display: inline-block;
  height: 42px;
  padding: 1em;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 0;
  margin-left: -4px;
  background: #9e1d22;
  text-transform: uppercase;
  color: white;
}

.nl-inner .es_subscription_form_submit:hover {
  background: #1ba1d3;
}

.hp-logos {
  text-align: center;
}

.hp-logos a {
  width: 300px !important;
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0;
}

.awards_loop {
  width: 46%;
  margin: 2%;
  float: left;
}

.home-boxes h2 {
  font-size: 18pt;
  text-transform: uppercase;
  font-weight: 100;
  margin-top: 0;
  color: white;
  line-height: 26pt;
  margin-bottom: 30px;
  line-height: 19pt;
  margin-bottom: 14px;
}

.hm-bx-txt .hm-btn {
  width: auto;
  display: table;
  right: 0;
  width: unset !important;
  padding: 1em 1.5em;
  background: #9e1d22;
  color: white;
  border-radius: 0.5em;
  font-size: 11pt;
  font-weight: 600;
  margin: 0 !important;
}

.hm-strip-itm h3 {
  text-align: right;
  text-transform: uppercase;
  color: white;
  font-size: 22pt;
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 28pt;
  margin-bottom: 60px;
}

.hm-cont-itm h2 {
  font-size: 28pt;
  line-height: 50pt;
  color: #1f1f1f;
  font-weight: 400;
}

.hm-cont-itm p {
  font-size: 14pt;
  color: #606060;
}

.hm-cont-itm ul {
  font-size: 14pt;
  color: #606060;
  text-align: left;
  width: 100%;
  margin-bottom: 1em;
}

.hm-phone a {
  font-size: 27pt !important;
  line-height: 40pt;
  color: white;
  font-weight: 400;
  background: url(/wp-content/themes/lighttheme/images/hm-phone.png);
  background-size: 34px;
  padding-left: 52px;
  background-repeat: no-repeat;
  display: table;
  margin: 0 auto;
  background-position: left center;
  margin-top: 20px;
}

@media (max-width: 500px) {
  /*
      .banner-text h1{
          font-size: 25pt !important;
          line-height: 26pt !important;
      }

      .banner-text h2{
          font-size: 17pt !important;
      }

      */
}
@media (min-width: 500px) {
  .hm-cont-itm h2 {
    font-size: 32pt;
    color: #1f1f1f;
    font-weight: 400;
  }
  .hm-cont-itm p {
    font-size: 14pt;
    color: #606060;
  }
  .hm-phone a {
    font-size: 35pt !important;
    line-height: 50pt;
    color: white;
    font-weight: 400;
    background: url(/wp-content/themes/lighttheme/images/hm-phone.png);
    background-size: 50px;
    padding-left: 80px;
    background-repeat: no-repeat;
    display: table;
    margin: 0 auto;
    background-position: left center;
    margin-top: 20px;
  }
  .hm-strip-itm h3 {
    text-align: right;
    text-transform: uppercase;
    color: white;
    font-size: 30pt;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 60px;
    line-height: 32pt;
  }
}
.hm-bx-txt .hm-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: unset !important;
  padding: 1em 1.5em;
  background: #9e1d22;
  color: white;
  border-radius: 0.5em;
  font-size: 14pt;
  font-weight: 600;
  margin: 0 !important;
}

.home-boxes h2 {
  font-size: 26pt;
  text-transform: uppercase;
  font-weight: 100;
  margin-top: 10px;
  color: white;
  line-height: 30pt;
  margin-bottom: 20px;
}

@media (min-width: 700px) {
  .oth-strip-in h3 {
    font-size: 21pt;
  }
}
.hm-cont-itm p {
  text-align: left;
  /*   font-size: 12pt !important; */
}

@media (min-width: 750px) {
  .hm-cont-itm h2 {
    text-align: center;
    font-size: 33pt;
    line-height: 50pt;
    color: #1f1f1f;
    font-weight: 400;
  }
  .hm-cont-itm h3 {
    font-size: 22pt;
    line-height: 27pt;
  }
  .hm-cont-itm p {
    font-size: 17pt;
    color: #606060;
  }
  .hm-phone a {
    font-size: 50pt !important;
    line-height: 50pt;
    color: white;
    font-weight: 400;
    background: url(/wp-content/themes/lighttheme/images/hm-phone.png);
    background-size: 50px;
    padding-left: 80px;
    background-repeat: no-repeat;
    display: table;
    margin: 0 auto;
    background-position: left center;
    margin-top: 20px;
  }
}
@media (min-width: 700px) {
  .oth-strip-in h3 {
    font-size: 21pt;
  }
}
.hm-cont-itm p {
  text-align: left;
  /*   font-size: 12pt !important; */
}

@media (min-width: 750px) {
  .hm-cont-itm h2 {
    text-align: center;
    font-size: 33pt;
    line-height: 50pt;
    color: #1f1f1f;
    font-weight: 400;
  }
  .hm-cont-itm h3 {
    font-size: 22pt;
    line-height: 27pt;
  }
  .hm-cont-itm p {
    font-size: 17pt;
    color: #606060;
  }
  .hm-phone a {
    font-size: 50pt !important;
    line-height: 50pt;
    color: white;
    font-weight: 400;
    background: url(/wp-content/themes/lighttheme/images/hm-phone.png);
    background-size: 50px;
    padding-left: 80px;
    background-repeat: no-repeat;
    display: table;
    margin: 0 auto;
    background-position: left center;
    margin-top: 20px;
  }
  .banner-a-side {
    left: 2em;
  }
  .hm-strip-itm h3 {
    text-align: right;
    text-transform: uppercase;
    color: white;
    font-size: 50pt;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 50pt;
  }
}
@media (min-width: 1200px) {
  .oth-strip-in h3 {
    font-size: 15pt;
  }
}
.hm-strip-outer a:not(:last-of-type) {
  margin-bottom: 1em;
}

.hm-strip-itm {
  width: 100% !important;
  float: none !important;
  display: block;
  padding: 1em;
  position: relative;
}

.hm-strip-in {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  display: block;
  position: relative;
  opacity: 0.7;
}

.hm-strip-itm:hover .hm-strip-in, .hm-strip-itm:hover .hm-tl-over {
  opacity: 1;
}

.hm-tl-over {
  background: black;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) -1%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 72%, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) -1%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 72%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) -1%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.9) 72%, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="black00000", endColorstr="#e6000000", GradientType=1);
  opacity: 0.9;
}

.hm-strip-lnk {
  right: 0;
  position: absolute;
  bottom: -42px;
  text-transform: uppercase;
  color: white;
  background: url(/wp-content/themes/lighttheme/images/lnk-img.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  font-size: 12pt;
}

.hm-bx-txt {
  position: relative;
}

.hp-split {
  transform: skewY(-1deg);
  height: 50px;
  position: absolute;
  width: 100%;
  border-bottom: 70px solid #2d3539;
  /* border-top: 50px solid #253448; */
  margin-top: -40px;
  z-index: 2;
  transform: skewY(-1deg);
  height: 30px;
  position: absolute;
  width: 100%;
  border-bottom: 42px solid #2d3539;
  /* border-top: 50px solid #253448; */
  margin-top: -24px;
  z-index: 2;
}

.hp-split-in {
  background: #9e1d22;
  width: 100%;
  height: 10px;
  display: block;
}

.price del > span {
  display: block !important;
  padding-bottom: 0 !important;
  font-size: 11pt;
}

.price del {
  display: block !important;
  opacity: 0.5;
}

.onsale {
  display: none;
}

.vape-fact-tiles a {
  width: 31.333%;
  margin: 1%;
  float: left;
  border: 1px solid #efefef;
  position: relative;
}

.vape-fact-tiles a:hover {
  opacity: 0.8;
}

.vape-fact-tiles a span {
  position: absolute;
  left: 1em;
  bottom: 1em;
  background: black;
  padding: 0.5em;
  color: white;
}

.pub-item-rating img {
  width: 20px !important;
  height: 20px !important;
  display: inline-block;
  visibility: visible;
}

.reviews-outer ul {
  padding: 0 !important;
  background: white !important;
}

@media (max-width: 550px) {
  .reviews-outer ul li {
    width: 98% !important;
  }
}
.reviews-outer ul li {
  list-style: none;
  padding: 1em;
  border-left: 3px solid;
  border: 1px solid #efefef;
  margin-bottom: 1em;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin: 1%;
  background: #fafafa;
}

.reviews-outer ul li > span {
  margin-bottom: 1em;
  display: block;
}

.payment_method_paypal label {
  display: table;
  width: 200px;
}

.stripe-icon {
  max-width: 100px !important;
  display: inline-block;
}

.page-content p strong, .page-content td strong {
  /*font-size: 16pt;*/
}

.page-content ul, .page-content ol {
  padding: 1em 2em;
  color: #888;
}

.page-content ul li:not(.page-content ul li ul li), .hm-cont-itm ul li:not(.hm-cont-itm ul li ul li), .page-content ol li:not(.page-content ol li ol li, .woocommerce-product-gallery ol li) {
  list-style: none;
  background-image: url(/wp-content/themes/lighttheme/images/icons/bullet-point.png);
  background-repeat: no-repeat;
  background-position: left 10px;
  background-size: 10px;
  padding-left: 30px;
}

.year-strip-outer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 70px;
}

.year-strip {
  position: fixed;
  background: rgba(255, 255, 255, 0.61);
  color: white;
  /* transform: rotate(-45deg); */
  text-align: center;
  top: 22px;
  right: 0;
  width: 70px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.61);
  z-index: 30;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

@media (max-width: 1000px) {
  .year-strip {
    position: fixed;
    background: rgba(255, 255, 255, 0.61);
    color: white;
    /* transform: rotate(-45deg); */
    text-align: center;
    top: 22px;
    left: 0;
    width: 70px;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.61);
    z-index: 30;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
  }
}
.year-strip-small {
  top: 12px;
}

.size-medium {
  width: unset !important;
}

.red-button {
  color: #595959 !important;
  background: #efefef !important;
}

.red-button:hover {
  color: white !important;
  background: #c3c3c3 !important;
}

.side-part-info {
  position: relative;
  /* float: right; */
  max-width: 350px;
  width: 100%;
  border: 1px solid #EFEFE9;
  right: 0;
  margin-top: 3em;
  border: 1px solid #e9e9e9;
  /* border-radius: 3px; */
  box-shadow: 5px 5px 10px #d4d2d2;
  margin: 0 auto;
}

.side-part-info span {
  display: none;
}

.side-part-info p {
  font-size: 12pt !important;
  padding: 1em;
}

@media (max-width: 650px) {
  .pre-text-fhalf, .pre-text-shalf {
    width: 100%;
    float: left;
    padding: 1em;
  }
  .pre-text-fhalf h3 {
    font-size: 1.9em !important;
  }
  .pre-text-shalf p {
    font-size: 1.2em !important;
  }
  .pre-text-shalf {
    padding-top: 2em !important;
  }
  .pre-text-fhalf h3 {
    text-align: left !important;
  }
  .test-inner {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
}
.pre-text-fhalf {
  margin-top: 1em;
}

.pre-text-fhalf h3 {
  font-size: 2.6em !important;
  text-align: right;
  margin: 0 !important;
  color: #595959 !important;
  font-weight: 700;
}

.pre-text-shalf p {
  font-size: 1.6em !important;
  color: #595959 !important;
}

@media (max-width: 650px) {
  .pre-text-fhalf h3 {
    font-size: 1.9em !important;
  }
  .pre-text-shalf p {
    font-size: 1.2em !important;
  }
}
.pre-text-shalf {
  padding-top: 4.5em;
}

.a-button {
  background: transparent;
  padding: 0.5em 1em;
  border: 1px solid #b1b1b1;
  border-radius: 25px;
  color: white;
  /* font-weight: 700; */
  margin-top: 1em;
  margin: 0 auto;
  display: table;
  line-height: normal;
  font-size: 14px !important;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  bottom: 25%;
  /* height: 52px !important; */
  text-align: center;
  color: #b1b1b1;
  text-decoration: none;
  line-height: 26px;
  margin-top: 2em;
  margin-bottom: 1em;
  border-radius: 1em;
  font-size: 9pt !important;
}

.a-button:hover {
  background: rgba(0, 0, 0, 0.5);
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  color: white;
}

ul.third1 {
  list-style-type: none;
}

ul.third1 > li {
  text-indent: -5px;
}

/*
ul.third > li:before {
    content: "-";
    color: white;
    position: absolute;
}

*/
.Actions {
  display: block !important;
  background: none;
  border-bottom: 0 !important;
  top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  height: auto !important;
  position: relative;
  margin-top: 1em;
}

.field label {
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
  color: #8c8c8c;
}

.error {
  color: #fd0303;
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
  font-size: 0.78em;
}

.system-error-message {
  margin-top: 120px;
}

.client-logos {
  margin-bottom: 2.5em;
}

.c-logo {
  width: 48%;
  float: left;
  margin: 1%;
}

.c-logo img {
  display: block;
  margin: 0 auto;
  max-width: 150px;
}

.case-studies a {
  width: 48%;
  float: left;
  margin: 1%;
  text-decoration: none;
  color: inherit;
}

.casestudy img {
  display: block;
  margin: 0 auto;
  max-width: 150px;
  border: 1px solid #d2d2d2;
}

.casestudy h2 {
  color: #333740;
  font-size: 1em;
  text-align: center;
  display: none;
}

.who-we-are {
  background: url("/resources/themes/simple/images/icons/who-we-are.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

a:hover .who-we-are {
  background: url("/resources/themes/simple/images/icons/who-we-are-hover.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.resource-planning {
  background: url("/resources/themes/simple/images/icons/resource-planning.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.performance-management {
  background: url("/resources/themes/simple/images/icons/performance-management.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.information-management {
  background: url("/resources/themes/simple/images/icons/information-management.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.capital-management {
  background: url("/resources/themes/simple/images/icons/capital-management.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.risk-compliance {
  background: url("/resources/themes/simple/images/icons/risk-compliance.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.business-intelligence {
  background: url("/resources/themes/simple/images/icons/business-intelligence.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.link {
  color: #ffd100 !important;
  /*font-weight:bold;*/
}

.link:hover {
  color: #7eabc9;
}

/* quotes
---------------------------------*/
blockquote.quote {
  max-width: 70%;
  margin: 4em auto;
  padding: 0 0 0 55px;
  border: none;
  background: url("/images/quote.png") 0 0 no-repeat;
  color: #747474;
}

aside blockquote.quote {
  margin: 0;
}

.columns blockquote.quote {
  margin: 25px auto 0;
}

.col2 blockquote.quote, .col3 blockquote.quote, .col4 blockquote.quote, .col23 blockquote.quote, .col34 blockquote.quote {
  max-width: 100%;
}

blockquote.quote p {
  margin: 0.5em 0;
}

.col23 blockquote.quote p {
  font-size: 1.692em;
}

.col3 blockquote.quote p, aside blockquote.quote p {
  font-size: 1.385em;
}

blockquote.quote p.signature, aside blockquote.quote p.signature {
  font: normal 1em var(--font-sans);
  text-align: right;
}

blockquote.quote p.signature span {
  color: var(--colour-medium-grey);
}

/* progress bars
---------------------------------*/
p.progress {
  position: relative;
  overflow: hidden;
  height: 30px;
  margin: 10px 0;
  border-radius: 16px;
  background: #ebebeb;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  color: white;
  font: 300 1.231em/30px var(--font-sans);
}

p.progress > span.fill {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  border-radius: 16px;
  background: var(--colour-orange);
}

p.progress > span.fill > span {
  display: block;
  padding: 0 10px;
  line-height: 29px;
  white-space: nowrap;
}

.skill-1 {
  width: 80%;
}

.skill-2 {
  width: 70%;
}

.skill-3 {
  width: 55%;
}

.skill-4 {
  width: 60%;
}

/* tooltips and highlights
---------------------------------*/
span.tooltip {
  padding: 1px 0;
  color: white;
  cursor: pointer;
}

span.tooltip.dark {
  background: var(--colour-orange);
}

span.tooltip.bright {
  background: var(--colour-medium-grey);
}

p.tooltip {
  position: absolute;
  z-index: 450;
  margin: 0;
  padding: 0 9px;
  font-size: 0.846em;
  line-height: 27px;
}

p.tooltip span {
  display: block;
  width: 13px;
  height: 7px;
  margin: 0 auto -7px;
}

p.tooltip.dark {
  border-radius: 2px;
  background: var(--colour-medium-grey);
  color: white;
}

p.tooltip.dark span {
  background: url("/images/tooltip-dark.png") 50% 0 no-repeat;
}

p.tooltip.bright {
  border: 1px solid var(--colour-medium-grey);
  border-radius: 2px;
  background: white;
  color: var(--colour-medium-grey);
}

p.tooltip.bright span {
  background: url("/images/tooltip-bright.png") 50% 0 no-repeat;
}

/* tables
---------------------------------*/
th {
  padding: 5px 15px;
  border: none;
  border-bottom: 2px solid #e5e5e5;
  color: var(--colour-medium-grey);
  font-weight: 700;
  font-size: 0.923em;
  text-align: left;
}

td {
  border: none;
  border-bottom: 0px solid #e5e5e5;
  text-align: left;
}

table.alt th {
  padding: 7px 15px;
  border-bottom: 3px solid #CCCCCC;
  background: #DDDDDD;
  color: var(--colour-medium-grey);
  font: 300 1em var(--font-sans);
}

/* modal window for images */
.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #999;
  opacity: 0.5;
}

.modal-img {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 500;
  max-width: 900px;
  max-height: 540px;
  padding: 20px;
  background: white;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
}

.modal-img img {
  max-width: 100%;
}

.modal-img a.close {
  position: absolute;
  right: 20px;
  top: -29px;
  display: block;
  width: 49px;
  height: 29px;
  overflow: hidden;
  background: black url("/images/modal-close.png") 50% 50% no-repeat;
  text-indent: -50em;
}

.modal-img a.prev, .modal-img a.next {
  position: absolute;
  top: 50%;
  display: block;
  overflow: hidden;
  width: 30px;
  height: 60px;
  margin: -30px 0 0;
  background: url("/images/slider8-controls.png") no-repeat;
  background-color: rgba(255, 255, 255, 0.6);
  text-indent: -1000px;
  outline: none;
}

.modal-img a.prev:hover, .modal-img a.next:hover {
  background-color: rgb(255, 255, 255);
}

.modal-img a.prev {
  left: 20px;
  background-position: 0 50%;
}

.modal-img a.next {
  right: 20px;
  background-position: -30px 50%;
}

@media (max-width: 900px) {
  .modal-img {
    max-width: 90%;
  }
}
@media (max-width: 400px) {
  .modal-img {
    max-width: 100%;
    left: 0;
    margin-left: -20px !important;
  }
}
/* images for retina and other hi-density screens */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .hp-quote, blockquote.quote {
    background-image: url("/images/quote@2x.png");
    background-size: 40px 40px;
  }
  .testimonial > div > p:first-child {
    background-image: url("/images/quotes@2x.png");
    background-size: 22px 13px;
  }
  header nav ul ul li.parent > a {
    background-image: url("/images/sm-arrow@2x.png");
    background-size: 12px 7px;
  }
  header[role=banner] .searchform button, aside .searchform button {
    background-image: url("/images/search@2x.png");
    background-size: 14px 14px;
  }
  .breadcrumb p a {
    background-image: url("/images/bcrumb-arrow@2x.gif");
    background-size: 4px 7px;
  }
  .social ul li a, ul.social li a {
    background-image: url("/images/social@2x.png");
    background-size: 632px 54px;
  }
  .soc-tooltip {
    background-image: url("/images/social-tooltip@2x.png");
    background-size: 12px 6px;
  }
  footer[role=banner] {
    background-image: url("/images/footer@2x.png");
    background-size: 6px 8px;
  }
  .more a {
    background-image: url("/images/more@2x.png");
    background-size: 11px 11px;
  }
  a.go-top {
    background-image: url("/images/go-top@2x.png");
    background-size: 19px 10px;
  }
  ul.tick li {
    background-image: url("/images/tick@2x.png");
    background-size: 16px 16px;
  }
  .wp-pagenavi a.nextpostslink {
    background-image: url("/images/more@2x.png");
    background-size: 11px 11px;
  }
  .wp-pagenavi a.previouspostslink {
    background-image: url("/images/back@2x.png");
    background-size: 11px 11px;
  }
  .content-slider .next-prev a {
    background-image: url("/images/slider2-controls@2x.png");
    background-size: 44px 22px;
  }
  .content-slider.related article div ul li a {
    background-image: url("/images/actions@2x.png");
    background-size: 64px 30px;
  }
  .slider1 article p.cta {
    background-image: url("/images/slider-cta-bg@2x.png");
    background-size: 254px 59px;
  }
  .slider1 .next-prev a {
    background-image: url("/images/slider1-controls@2x.png");
    background-size: 60px 218px;
  }
  .slider-pager a {
    background-image: url("/images/paginator-orange@2x.png");
    background-size: 27px 11px;
  }
  .slider2 .next-prev a {
    background-image: url("/images/slider2-controls@2x.png");
    background-size: 44px 22px;
  }
  .slider3 > div {
    background-image: url("/images/slider3-shadow@2x.png");
    background-size: 864px 39px;
  }
  .slider3 .next-prev a {
    background-image: url("/images/slider3-controls@2x.png");
    background-size: 60px 70px;
  }
  .slider4 article > div {
    background-image: url("/images/slider4-shadow@2x.png");
    background-size: 578px 39px;
  }
  .slider6 > div {
    background-image: url("/images/slider6-shadow@2x.png");
    background-size: 998px 33px;
  }
  .slider6 .menu a.prev {
    background-image: url("/images/up-down@2x.png");
    background-size: 19px 34px;
  }
  .slider6 .menu a.next {
    background-image: url("/images/up-down@2x.png");
    background-size: 19px 34px;
  }
  .slider7 .controls ul a:before {
    background-image: url("/images/icon-camera@2x.png");
    background-size: 20px 15px;
  }
  .slider7 .controls ul a.info:before {
    background-image: url("/images/icon-info@2x.png");
    background-size: 19px 18px;
  }
  .slider7 .controls ul a.cart:before {
    background-image: url("/images/icon-cart@2x.png");
    background-size: 22px 16px;
  }
  .slider7 .controls ul a.people:before {
    background-image: url("/images/icon-people@2x.png");
    background-size: 20px 14px;
  }
  .slider7 .controls ul a.mail:before {
    background-image: url("/images/icon-mail@2x.png");
    background-size: 18px 14px;
  }
  .slider8 p a.cta {
    background-image: url("/images/slider-cta-bg@2x.png");
    background-size: 254px 59px;
  }
  .slider8 .next-prev a {
    background-image: url("/images/slider8-controls@2x.png");
    background-size: 60px 12px;
  }
  .slider9 article > div {
    background-image: url("/images/slider4-shadow@2x.png");
    background-size: 578px 39px;
  }
  .slider9 .slider-titles .active > a {
    background-image: url("/images/arrow-up-gray@2x.png");
    background-size: 13px 7px;
  }
  .slider10 > a {
    background-image: url("/images/slider10-controls@2x.png");
    background-size: 120px 60px;
  }
  .slider12 .slider {
    background-image: url("/images/footer@2x.png");
    background-size: 6px 8px;
  }
  .slider12 .next-prev li a {
    background-image: url("/images/slider12controls@2x.png");
    background-size: 40px 100px;
  }
  .slider12 .slider-pager a {
    background-image: url("/images/paginator-slider12@2x.png");
    background-size: 27px 11px;
  }
  .why-us li {
    background-image: url("/images/tick@2x.png");
    background-size: 16px 16px;
  }
  .hp-recent-work article div ul li a {
    background-image: url("/images/actions@2x.png");
    background-size: 64px 30px;
  }
  .portfolio article div ul li a {
    background-image: url("/images/actions@2x.png");
    background-size: 64px 30px;
  }
  .project-nav .prev {
    background-image: url("/images/back@2x.png");
    background-size: 11px 11px;
  }
  .project-nav .next {
    background-image: url("/images/more@2x.png");
    background-size: 11px 11px;
  }
  .post-meta a.comment-link {
    background-image: url("/images/icon-comment@2x.png");
    background-size: 10px 11px;
  }
  .product .product-meta span {
    background-image: url("/images/stars@2x.png");
    background-size: 18px 48px;
  }
  div.star-rating, div.star-rating a {
    background-image: url("/images/stars@2x.png");
    background-size: 18px 48px;
  }
  .events .rss-link a {
    background-image: url("/images/rss@2x.png");
    background-size: 16px 16px;
  }
  .events-head a span {
    background-image: url("/images/slider2-controls@2x.png");
    background-size: 44px 22px;
  }
  .content > aside section ul.tweets li {
    background-image: url("/images/twitter@2x.png");
    background-size: 17px 15px;
  }
  .content > aside section.menu > ul li.parent > a {
    background-image: url("/images/nav-right@2x.png");
    background-size: 11px 11px;
  }
  .content > aside section.menu > ul li.parent.expanded > a {
    background-image: url("/images/nav-down@2x.png");
    background-size: 11px 11px;
  }
  .landing-form form {
    background-image: url("/images/footer@2x.png");
    background-size: 6px 8px;
  }
  .p01 {
    background-image: url("images/patterns/pattern01@2x.png");
    background-size: 600px 120px;
  }
  .p02 {
    background-image: url("images/patterns/pattern02@2x.png");
    background-size: 55px 66px;
  }
  .p03 {
    background-image: url("images/patterns/pattern03@2x.png");
    background-size: 57px 154px;
  }
  .p04 {
    background-image: url("images/patterns/pattern04@2x.png");
    background-size: 16px 18px;
  }
  .p05 {
    background-image: url("images/patterns/pattern05@2x.png");
    background-size: 100px 100px;
  }
  .p06 {
    background-image: url("images/patterns/pattern06@2x.png");
    background-size: 8px 8px;
  }
  .p07 {
    background-image: url("images/patterns/pattern07@2x.png");
    background-size: 6px 8px;
  }
  .p08 {
    background-image: url("images/patterns/pattern08@2x.png");
    background-size: 372px 326px;
  }
  .p09 {
    background-image: url("images/patterns/pattern09@2x.png");
    background-size: 25px 25px;
  }
  .p10 {
    background-image: url("images/patterns/pattern10@2x.png");
    background-size: 106px 20px;
  }
  p.tooltip.dark span {
    background-image: url("/images/tooltip-dark@2x.png");
    background-size: 11px 6px;
  }
  p.tooltip.bright span {
    background-image: url("/images/tooltip-bright@2x.png");
    background-size: 13px 7px;
  }
  .msg a.hide {
    background-image: url("/images/x@2x.png");
    background-size: 12px 11px;
  }
  .msg.info {
    background-image: url("/images/msg-info@2x.png");
    background-size: 18px 18px;
  }
  .msg.success {
    background-image: url("/images/msg-success@2x.png");
    background-size: 18px 18px;
  }
  .msg.notice {
    background-image: url("/images/msg-notice@2x.png");
    background-size: 18px 18px;
  }
  .msg.error {
    background-image: url("/images/msg-error@2x.png");
    background-size: 18px 17px;
  }
  .box.info p {
    background-image: url("/images/box-info@2x.png");
    background-size: 32px 32px;
  }
  .box.confirm p {
    background-image: url("/images/box-confirm@2x.png");
    background-size: 34px 27px;
  }
  .box.alert p {
    background-image: url("/images/box-alert@2x.png");
    background-size: 32px 29px;
  }
  .box.warning p {
    background-image: url("/images/box-warning@2x.png");
    background-size: 34px 32px;
  }
  label.checkbox {
    background-image: url("/images/input@2x.png");
    background-size: 19px 110px;
  }
  label.radio {
    background-image: url("/images/input@2x.png");
    background-size: 19px 110px;
  }
  .file-input input.fake.file {
    background-image: url("/images/input@2x.png");
    background-size: 19px 110px;
  }
  .file-input a.empty {
    background-image: url("/images/input@2x.png");
    background-size: 19px 110px;
  }
  span.select span.value {
    background-image: url("/images/select-arrow@2x.gif");
    background-size: 16px 4px;
  }
  table.pricing tr.action td:first-child a {
    background-image: url("/images/more@2x.png");
    background-size: 11px 11px;
  }
  table.pricing span.yes {
    background-image: url("/images/msg-success@2x.png");
    background-size: 18px 18px;
  }
  table.pricing span.no {
    background-image: url("/images/no@2x.png");
    background-size: 18px 17px;
  }
  .modal-img a.close {
    background-image: black url("/images/modal-close@2x.png");
    background-size: 11px 11px;
  }
  .modal-img a.prev, .modal-img a.next {
    background-image: url("/images/slider8-controls@2x.png");
    background-size: 60px 12px;
  }
  .e404 button {
    background-image: white url("/images/search-large@2x.png");
    background-size: 16px 16px;
  }
  .modal-img a.prev, .modal-img a.next {
    background-image: url("/images/slider8-controls@2x.png");
    background-size: 60px 12px;
  }
  h2.t07 {
    background-image: url("/images/patterns/pattern11@2x.png");
    background-size: 5px 5px;
  }
  .content > aside h3.t07 {
    background-image: url("/images/patterns/pattern11@2x.png");
    background-size: 5px 5px;
  }
  .hp-intro p.cta {
    background: "/images/cta@2x.png";
    background-size: 300px 79px;
  }
}
.main-giveaway-corner-border {
  background: url(/wp-content/themes/lighttheme/images/rb-corner-br.png), url(/wp-content/themes/lighttheme/images/rb-corner-tl.png);
  background-position: bottom right, top left;
  background-repeat: no-repeat;
  background-size: 80px;
}

@media (max-width: 480px) {
  .logo {
    height: auto !important;
    max-width: 190px !important;
  }
}
.logo-h-a {
  display: table;
  margin: 0 auto;
}

.oth-strip-itm1 {
  position: relative;
  width: 48%;
  margin: 1%;
  float: left;
  /* border: 1px solid #efefef; */
  /* box-shadow: 2px 2px 5px #c0c0c0; */
  padding: 2em;
}

.oth-strip-itm1 table {
  width: 100%;
  table-layout: fixed;
  position: relative;
  z-index: 1;
}

.oth-tile-inner table tr td:first-of-type div:after {
  /*  content: " ";
    background-image: url(/wp-content/themes/lighttheme/images/icons/bullet-point.png);
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 0;
    margin-top: -20px;
    background-size: contain;
    background-repeat: no-repeat;*/
}

.oth-tile-lst-outer {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 1%;
  padding-top: 1%;
}

.oth-strip-itm1 {
  width: 48%;
  margin: 1%;
  float: left;
}

.oth-strip-itm1 table {
  width: 100%;
  table-layout: fixed;
}

.oth-strip-itm1 table tr td:first-of-type {
  max-width: 200px;
}

.oth-strip-itm1 table tr td {
  vertical-align: middle;
  padding: 1em;
}

.oth-strip-itm1 .oth-strip-in {
  position: relative !important;
}

.oth-tl-over {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.86) 50%, rgba(0, 0, 0, 0.73) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.86) 50%, rgba(0, 0, 0, 0.73) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.86) 50%, rgba(0, 0, 0, 0.73) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb000000", endColorstr="#ba000000", GradientType=1); /* IE6-9 fallback on horizontal gradient */
  /*opacity: 0.8;*/
  background: rgba(0, 0, 0, 0.14);
}

.oth-tile-outer:not(.oth-tile-lst-outer, .hm-cont-itm .oth-tile-outer) {
  /*  background: -moz-linear-gradient(-45deg, rgba(41,57,79,0.96) 0%, rgba(51,71,99,0.9) 98%, rgba(51,71,99,0.9) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(41,57,79,0.96) 0%,rgba(51,71,99,0.9) 98%,rgba(51,71,99,0.9) 100%);
  background: linear-gradient(135deg, rgba(41,57,79,0.96) 0%,rgba(51,71,99,0.9) 98%,rgb(51 71 99 / 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f529394f', endColorstr='#b3334763',GradientType=1 );
  opacity: 1; */
  padding-bottom: 3.5em;
  max-width: 1000px;
  margin: 0 auto;
}

.oth-tile-inner {
  margin: 0 auto;
  text-align: center;
}

.oth-strip-itm:hover .oth-tl-over {
  opacity: 0.9;
}

.oth-strip-itm {
  width: 98%;
  /* float: left; */
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: left;
  margin: 1%;
}

@media (min-width: 600px) {
  .oth-strip-itm {
    width: 48%;
    margin: 1%;
  }
  .banner-container .hp-mx-wd .oth-strip-itm {
    width: 48%;
  }
}
.oth-strip-lnk {
  right: 0;
  /* position: absolute; */
  /* bottom: -42px; */
  text-transform: uppercase;
  color: white;
  /*background: url(/wp-content/themes/lighttheme/images/lnk-img.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;*/
  font-size: 12pt;
}

.oth-strip-in {
  position: absolute;
  /* padding: 2em; */
  /* top: 0; */
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  text-align: center;
  display: block;
  width: 80%;
  padding: 2em;
}

.oth-strip-in h3 {
  font-size: 18pt;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 35px;
  color: white;
  line-height: 18pt;
  margin-bottom: 20px;
  margin-top: 0 !important;
}

.oth-strip-itm1 .oth-strip-in h3 {
  color: #004531;
}

.oth-strip-itm1 .oth-strip-in h3 {
  margin-top: 0 !important;
}

.oth-strip-itm1 .oth-strip-in h3, .oth-strip-itm1 .oth-strip-in .oth-strip-lnk {
  color: #9e1d22;
}

h1, h2, h3, h4, h5, h6 {
  color: black;
  font-family: var(--font-cursive);
  line-height: 1.2;
  margin-top: 0.8em;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 2.6em;
  margin-top: 0;
}

h2 {
  font-size: 1.9em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1em;
}

/* =============================================================================
 * Headings from global file
 */
h1:first-child {
  margin-top: 0.8em;
  margin-bottom: 0.3em;
}

h1:first-child span {
  text-align: center !important;
  width: 100%;
}

h2 span {
  display: inline-block;
  margin-bottom: -1px;
  padding: 8px 0;
  border-bottom: 2px solid #999999;
}

h3 span {
  display: inline-block;
  margin-bottom: -1px;
  padding: 8px 0;
  border-bottom: 0px solid #999999;
}

/* =============================================================================
 * Headings
 */
/* =============================================================================
 * Headings in main
 */
main header {
  text-align: center;
}

main header h1 {
  margin-top: 1em;
}

.blogs-loop h2 {
  text-align: left;
}

.blogs-loop h3,
main header h3 {
  color: var(--colour-salmon);
  font-size: 1em !important;
  letter-spacing: 0.16px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0 !important;
  font-family: var(--font-sans);
}

.blogs-loop h4,
main header h4 {
  color: #b1b1b1;
  font-size: 0.8em !important;
  text-transform: uppercase;
  font-weight: 500 !important;
  font-family: var(--font-sans);
}

.blogs-loop h4 {
  text-align: center;
}

/* =============================================================================
 * Headings in other main sections
 */
/* =============================================================================
 * Other headings
 */
.oth-strip-in h3 {
  font-size: 15pt !important;
  line-height: 16pt !important;
  margin-top: 0 !important;
  margin-bottom: 1em !important;
  font-weight: 500 !important;
}

.page-content p,
.home-contact-inner p, .oth-tile-lst-outer p {
  font-size: 14pt;
  line-height: 1.6em;
  color: var(--colour-medium-grey);
  /*max-width: 900px;*/
  width: 100%;
  margin: 0 auto;
}

h2.search-page-title {
  text-align: center;
  font-size: 14pt !important;
  margin-bottom: 2em;
}

h2.search-page-title span {
  display: inline-block;
  margin-bottom: 0px;
  padding: 0;
  border-bottom: 1px solid #999999;
}

p.light-text {
  color: white;
}

#de-h2 {
  text-align: left !important;
  font-size: 16pt !important;
  padding: 0 1em 0 0;
}

h3.quiz-h3 {
  font-size: 8pt !important;
  color: #f77e66;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 10pt !important;
}

h2.hp-h2 {
  color: black;
  font-size: 25pt !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-weight: 100;
  line-height: 50pt !important;
  width: 96%;
  margin: 0 auto;
  max-width: 1050px;
  margin-bottom: -1.5em;
  z-index: 2;
  position: relative;
}

h2.cate-h2-ph {
  color: black;
  font-size: 18pt !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-weight: 100;
  line-height: 22pt !important;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 1em;
  width: 96%;
  border-top: 1px solid #878787;
  padding-top: 1em;
  font-style: italic;
}

/* =============================================================================
 * Heading shortcodes
 */
h2.t01,
h2.t02,
h2.t03,
h2.t04,
h2.t05,
h2.t06,
h2.t07,
h2.t08,
h2.t09,
h2.t10 {
  margin: 2em 0 1.5em;
}

h2.t01 {
  border-bottom: 1px solid #dfdfdf;
  color: var(--colour-medium-grey);
  font-weight: 300;
  font-size: 1.846em;
}

h2.t01 span {
  margin-bottom: -1px;
  padding-bottom: 10px;
  border-bottom: 3px solid var(--colour-orange);
  line-height: 1.3em;
}

h2.t02 {
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  color: var(--colour-medium-grey);
  font-weight: 300;
  font-size: 1.846em;
  line-height: 1.3em;
}

h2.t03 {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--colour-orange);
  color: var(--colour-medium-grey);
  font-weight: 300;
  font-size: 1.846em;
  line-height: 1.3em;
}

h2.t04 {
  border-bottom: 1px solid #dfdfdf;
  color: #747474;
  font-weight: 300;
  font-size: 1.846em;
  line-height: 1em;
}

h2.t04 span {
  margin-bottom: -30px;
  padding: 0 10px 5px 0;
  border: none;
  background: white;
  line-height: 1em;
}

h2.t05 {
  color: #747474;
  font-weight: 300;
  font-size: 1.846em;
}

h2.t06 {
  color: var(--colour-medium-grey);
  font-size: 1.538em;
  line-height: 1em;
  text-transform: uppercase;
}

h2.t07 {
  background: url("images/patterns/pattern11.png");
  color: var(--colour-medium-grey);
  font-size: 1.538em;
  line-height: 0.8em;
  text-transform: uppercase;
}

h2.t07 span {
  margin-top: -5px;
  padding-right: 10px;
  padding-bottom: 0;
  border-bottom: none;
  background: white;
  line-height: 1em;
}

h2.t08 {
  border-bottom: 1px solid #dfdfdf;
  color: var(--colour-medium-grey);
  font-size: 1.538em;
  line-height: 1em;
  text-transform: uppercase;
}

h2.t08 span {
  margin-bottom: -30px;
  padding: 0 10px 5px 0;
  border: none;
  background: white;
  line-height: 1em;
}

h2.t09 {
  border-bottom: 2px solid #dfdfdf;
  color: var(--colour-medium-grey);
  font-size: 1.538em;
  text-transform: uppercase;
}

h2.t09 span {
  margin-bottom: -2px;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--colour-medium-grey);
}

h2.t10 {
  padding-bottom: 15px;
  border-bottom: 4px double #dfdfdf;
  color: #747474;
  font-size: 1.538em;
  text-transform: uppercase;
}

.sitemap > li > ul {
  padding: 0 !important;
  padding-left: 1em !important;
  margin-bottom: 0 !important;
}

.sitemap > li {
  list-style: square;
}

/**************************************************************
***************         SOCIAL ICONS          *****************
**************************************************************/
.whatsapp {
  background: url(/wp-content/themes/lighttheme/images/icons/whatsapp.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.whatsapp:hover {
  opacity: 0.8;
}

.emailshare {
  background: url(/wp-content/themes/lighttheme/images/icons/emailshare.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.emailshare:hover {
  opacity: 0.8;
}

.facebook {
  background: url(/wp-content/themes/lighttheme/images/icons/facebook.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.facebook:hover {
  opacity: 0.8;
}

.pinterest {
  background: url(/wp-content/themes/lighttheme/images/icons/pinterest.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.pinterest:hover {
  opacity: 0.8;
}

.ticktok {
  background: url(/wp-content/themes/lighttheme/images/icons/ticktok.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.ticktok:hover {
  opacity: 0.8;
}

.twitter {
  background: url(/wp-content/themes/lighttheme/images/icons/twitter.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.twitter:hover {
  opacity: 0.8;
}

.youtube {
  background: url(/wp-content/themes/lighttheme/images/icons/youtube.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.youtube:hover {
  opacity: 0.8;
}

.linkedin {
  background: url(/wp-content/themes/lighttheme/images/icons/linkedin.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.linkedin:hover {
  opacity: 0.8;
}

.instagram {
  background: url(/wp-content/themes/lighttheme/images/icons/instagram.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.instagram:hover {
  opacity: 0.8;
}

.about-social:hover {
  opacity: 0.8;
}

.social ul, ul.social {
  overflow: hidden;
  margin: 10px 0;
}

.social ul li, ul.social li {
  display: inline-block;
  margin: 0 0 0 5px;
  list-style: none;
  width: 24px;
  height: 24px;
}

.social ul li a, ul.social li a {
  display: inline-block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: url("/images/social.png");
  text-indent: -500em;
  opacity: 0.3;
}

.social ul li a:hover, ul.social li a:hover {
  opacity: 1;
}

.social a.email {
  background-position: 0 0;
}

.social a.facebook {
  background-position: -32px 0;
}

.social a.twitter {
  background-position: -64px 0;
}

.social a.pinterest {
  background-position: -96px 0;
}

.social a.rss {
  background-position: -128px 0;
}

.social a.linkedin {
  background-position: -160px 0;
}

.social a.flickr {
  background-position: -192px 0;
}

.social a.vimeo {
  background-position: -224px 0;
}

.social a.blogger {
  background-position: -256px 0;
}

.social a.tumblr {
  background-position: -288px 0;
}

.social a.skype {
  background-position: -320px 0;
}

.social a.behance {
  background-position: -352px 0;
}

.social a.googleplus {
  background-position: -384px 0;
}

.social a.youtube {
  background-position: -416px 0;
}

.social a.dribble {
  background-position: -448px 0;
}

.social a.instagram {
  background-position: -480px 0;
}

.social a.picasa {
  background-position: -512px 0;
}

.social a.github {
  background-position: -544px 0;
}

.social a.stumbleupon {
  background-position: -576px 0;
}

.social a.lastfm {
  background-position: -608px 0;
}

.soc-tooltip {
  position: absolute;
  z-index: 100;
  padding-bottom: 5px;
  background: url("/images/social-tooltip.png") 50% 100% no-repeat;
}

.soc-tooltip p {
  height: 20px;
  margin: 0;
  padding: 0 8px;
  border-radius: 2px;
  background: #999;
  color: white;
  font-size: 0.846em;
  line-height: 20px;
}

.soc-tooltip.ft p {
  color: var(--colour-medium-grey);
}

.detail-page-socials .post-share {
  text-align: center;
}

.detail-page-socials {
  margin-top: 1.5em;
}

a.mobile-social {
  display: none !important;
}

nav .navigation-footer-sec .social-icons-txt {
  display: inline-block !important;
}

.lrg-letter {
  font-size: 215%;
  font-weight: 500;
}

/* Global basic styles
------------------------------------------ */
* {
  margin: 0;
  padding: 0;
}

html {
  background: white;
  scroll-behavior: smooth;
}

body {
  position: relative;
  background: #faf9f5;
  color: black;
  font-size: 0.813em;
  line-height: 1.5;
  font-family: var(--font-sans);
}

body.boxed {
  background-color: #ededed;
}

dt {
  font-weight: 700;
}

img {
  border: none;
  vertical-align: middle;
}

ul[class] {
  list-style: none;
}

a {
  color: var(--colour-salmon);
  -moz-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s;
  text-decoration: none;
}

a:hover {
  color: #999999;
  text-decoration: none;
}

a * {
  cursor: pointer;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: hidden;
}

p a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

blockquote {
  padding: 26px;
  /* border-left: 5px solid #018da1; */
  font-style: italic;
  COLOR: black;
  color: var(--colour-salmon) !important;
  font-size: 18pt;
  line-height: 22pt;
  text-transform: none !important;
  /* max-width: 640px; */
  /* border-bottom: 4px solid var(--colour-salmon); */
  padding-bottom: 14px;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  background: url(/wp-content/themes/lighttheme/images/quote-start.png), url(/wp-content/themes/lighttheme/images/quote-end.png);
  background-position: top left, bottom right;
  background-repeat: no-repeat;
  background-size: 26px;
  margin-top: 1em;
  margin-bottom: 1em;
}

blockquote p, blockquote p span {
  font-size: 12pt;
}

iframe {
  border: none;
}

/* ============================================================================================================
 * Forms
 */
form {
  font-family: var(--font-sans);
}

form p {
  font-family: inherit !important;
}

textarea, input, select, option, optgroup, button {
  font-family: inherit;
  font-size: inherit;
  vertical-align: middle;
}

button, [type=radio], [type=checkbox], [type=submit], [type=button], [type=reset], label, select {
  cursor: pointer;
  vertical-align: middle;
}

input, select, textarea {
  outline: none;
}

select option {
  padding: 0 10px;
}

fieldset {
  overflow: hidden;
  border: none;
}

legend {
  display: none;
}

option {
  padding: 0 5px;
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  padding: 0;
  border: none;
}

label {
  display: block;
  color: var(--colour-medium-grey);
  font-weight: bold;
}

select {
  -webkit-appearance: none;
}

textarea {
  resize: none;
}

input.error, textarea.error, select.error {
  border-color: #e65842;
  background-color: #ffe6dc;
  box-shadow: 0 0 2px 1px #ffece6;
  color: #ef4437;
}

select {
  padding: 8px 3%;
  color: #999;
}

/* Buttons */
button:not(.slick-prev, .slick-next, .sl-next, .sl-prev, .button-submit),
a.button,
input[type=reset],
input[type=submit],
input[type=button] {
  display: inline-block;
  text-decoration: none;
  height: 32px;
  padding: 0 20px;
  border: none;
  /* border: 1px solid #868686 !important; */
  border-radius: 3px;
  color: white !important;
  font: bold 1em/32px var(--font-sans);
  letter-spacing: 1px;
  border-color: #0760ab !important;
  /* text-shadow: 0 -1px 0 #868686; */
  /* text-transform: uppercase; */
  /* box-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); */
  font-weight: 600;
  font-size: 11pt !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}

a.button:hover, button:not(.slick-prev, .slick-next, .sl-next, .sl-prev, .button-submit):hover {
  background: #154c92;
}

/* ============================================================================================================
 * Classes
 */
.alignleft {
  float: left;
  margin: 3px 20px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0px 20px 20px;
}

.home p {
  margin: 0em 0;
  overflow: hidden;
  text-align: center;
}

.vc_col-sm-12 blockquote, .vc_col-sm-12 blockquote p, .vc_col-sm-12 blockquote p span {
  font-size: 16pt;
}

.map-wrapper button {
  background: white !important;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

/* Widely used classes and styles
------------------------------------------ */
.more a {
  padding-left: 15px;
  background: url("/images/more.png") 0 50% no-repeat;
  color: var(--colour-medium-grey);
}

.more a:hover {
  color: #999999;
  text-decoration: underline;
}

.back a {
  padding-left: 15px;
  background: url("/images/back.png") 0 50% no-repeat;
  color: var(--colour-medium-grey);
}

.back a:hover {
  color: #999999;
  text-decoration: underline;
}

a.go-top {
  position: fixed;
  right: 0;
  bottom: 50px;
  display: block;
  overflow: hidden;
  width: 44px;
  height: 40px;
  background: #AEAEAE url("/images/go-top.png") 50% 50% no-repeat;
  text-indent: -50em;
}

@media (max-width: 960px) {
  a.go-top {
    display: none;
  }
}
h2.alt {
  border-bottom: 1px solid #dfdfdf;
  font: 300 2.254em var(--font-sans);
}

h2.alt span {
  display: inline-block;
  margin-bottom: -1px;
  padding: 10px 0;
  border-bottom: 2px solid var(--colour-orange);
}

.dc, .dc-alt {
  float: left;
  margin: 0.3em 10px 5px 0;
  color: var(--colour-medium-grey);
  font-size: 4em;
}

.dc-alt {
  color: var(--colour-orange);
}

ul.tick li {
  margin-left: 0;
  padding-left: 25px;
  background: url("/images/tick.png") 0 1px no-repeat;
}

ul.tick li:before {
  display: none;
}

ul.dash li {
  margin-left: 0;
}

ul.dash li:before {
  overflow: hidden;
  float: left;
  width: 7px;
  margin-right: 10px;
  content: "—";
}

div.video {
  position: relative;
  padding-bottom: 45%;
  padding-top: 25px;
  height: 0;
}

div.video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.img-border {
  display: inline-block;
  position: relative;
}

.img-border:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.1);
  content: " ";
}

.posts .img-border {
  width: auto;
}

.post .page-nav {
  margin-top: 30px;
}

.table {
  overflow-x: auto;
}

.hide-on-desktop {
  display: none;
}

.hide-on-mobile {
  display: block;
}

@media all and (max-width: 767px) {
  .hide-on-desktop {
    display: block;
  }
  .hide-on-mobile {
    display: none;
  }
}
/* Column system
------------------------------------------ */
.columns {
  overflow: hidden;
  margin: 25px 0;
}

.columns > article, .columns > div, .columns > section {
  display: inline-block;
  margin: 0 0 20px 3%;
  vertical-align: top;
}

.columns > article.col1, .columns > div.col1, .columns > section.col1 {
  margin: 0 0 50px 0;
}

.columns > article.col6, .columns > div.col6, .columns > section.col6 {
  margin-left: 2%;
}

.columns > h2:first-child, .why-us h2 {
  margin: 0 0 1.5em;
  border-bottom: 1px solid #dfdfdf;
  font-weight: 300;
  font-size: 1.846em;
}

.columns > h2:first-child {
  margin-bottom: 1em;
}

.columns > h2:first-child, .home section .columns h2:first-child, .home section .latest h2:first-child, .why-us h2 {
  margin: 0 0 1.5em;
  border-bottom: 1px solid #dfdfdf;
  font-weight: 300;
  font-size: 1.846em;
}

.columns > h2:first-child {
  margin-bottom: 1em;
}

.columns h2:first-child span, .columns .more:first-child + h2 span, section h2:first-child span {
  display: inline-block;
  margin-bottom: -1px;
  padding: 10px 0;
  border-bottom: 0px solid #999999;
}

section .why-us h2:first-child span {
  padding-top: 0;
  padding-bottom: 7px;
}

.columns .more:first-child + h2 {
  clear: none;
  margin: 0 0 1em;
}

.columns .more:first-child {
  float: right;
  margin: 1em 0 0;
}

.why-us h2 {
  margin-top: 0;
}

.col1 {
  width: 100%;
  margin-left: 0;
}

.col2 {
  width: 47.5%;
}

.columns > .col2:nth-of-type(2n-1) {
  margin-left: 0;
}

.col3 {
  width: 31%;
  margin-left: 3%;
}

.columns > .col3:nth-of-type(3n-2) {
  margin-left: 0;
}

.col4 {
  width: 22%;
}

.columns > .col4:nth-of-type(4n-3) {
  margin-left: 0;
}

.columns > .col23 {
  width: 64%;
  margin-left: 0;
}

.col23 + .col3 {
  margin-left: 3%;
}

.col3 + .col23 {
  margin-left: 3%;
}

.col34 {
  width: 73%;
}

.col34 + .col4, .col4 + .col34 {
  margin-left: 3%;
}

.col5 {
  width: 17.5%;
  margin-left: 3%;
}

.columns > .col5:nth-of-type(5n-4) {
  margin-left: 0;
}

.col6 {
  width: 15%;
}

.columns > .col6:nth-of-type(6n-5) {
  margin-left: 0;
}

.col1, .col2, .col3, col4, .col23, .col6, .col34 {
  overflow: hidden;
}

.col4 + .col2 {
  margin-left: 3% !important;
}

.col2 img.post-thumbnail {
  width: 100%;
  max-width: 455px;
}

.home .col2 h2, .home .col3 h2, .post > h2 {
  font-size: 1.846em;
  font-weight: 400;
}

.col2 h2 a, .col3 h2 a, .col2 h2 a, .col3 h2 a {
  color: var(--colour-medium-grey);
}

.col2 h2 a:hover, .col3 h2 a:hover, .col2 h2 a:hover, .col3 h2 a:hover {
  color: var(--colour-orange);
}

.columns .post h2 {
  font-weight: 300;
}

.columns h2:first-child {
  margin-top: 0;
}

.columns .col3 h3:first-child {
  margin-top: 0;
  font-size: 1.385em;
}

.col1 .img img {
  width: 100%;
}

.col2 img, .col3 img, .col4 img, .col6 img, .col5 img {
  width: 100%;
}

.col2 img {
  max-width: 455px;
}

.col3 img {
  max-width: 300px;
}

.col4 img {
  max-width: 220px;
}

.col6 img {
  max-width: 140px;
}

.col34 img {
  max-width: 705px;
}

.col2.post {
  margin-bottom: 40px;
}

.col3.post h2, .col2.post h2 {
  margin: 0.5em 0 0;
}

.col3 h3 {
  margin-bottom: 0.5em;
  font-size: 1.538em;
}

.col3 h3 img, .col4 h3 img {
  width: auto;
  margin-right: 5px;
}

.col3 p {
  margin: 0.5em 0;
}

.img-border {
  max-width: 100%;
  width: auto;
}

a:hover span.img-border {
  opacity: 0.7;
}

.post > p > img, .single > article > p > img, .post > p > .img-border img, .single > article > p > .img-border img, .post .img-border img {
  max-width: 100%;
}

* > .img-border > img {
  margin: 0;
}

.post .img-border {
  margin-bottom: 15px;
}

@media (max-width: 800px) {
  .columns > .col23, .columns > .col2, .columns > .col3, .columns > .col3:nth-of-type(3n-2), .columns > .col4, .columns > .col34 {
    width: 48%;
    margin-left: 3%;
  }
  .columns > .col23 + .col3 {
    margin-left: 2%;
  }
  .columns > .col2:nth-of-type(2n-1), .columns > .col3:nth-of-type(2n-1), .columns > .col4:nth-of-type(2n-1), .columns > .col34:nth-of-type(2n-1), .columns > .col23:nth-of-type(2n-1) {
    margin-left: 0;
  }
  .col23 .img, .col2 .img, .col3 .img, .col23 .img img, .col2 .img img, .col3 .img img, .col1 .img img, .col4 .img img {
    width: 100%;
  }
  .col23 .img img, .col2 .img img, .col3 .img img, .col4 .img img {
    max-width: 100%;
  }
  .col2 .img-border, .col3 .img-border, .col4 .img-border {
    width: 100%;
  }
  .columns > .col4 + .col4 + .col2 {
    margin-left: 0 !important;
  }
}
@media (max-width: 400px) {
  .columns > .col23, .columns > .col2, .columns > .col3, .columns > .col4, .columns > .col34 {
    width: 98%;
    margin-left: 0;
  }
  .col23 + .col3 {
    width: 98%;
    margin-left: 0;
  }
  .col6 {
    width: 48%;
  }
  .col5 {
    width: 48%;
  }
  .col5:nth-of-type(2n-1) {
    margin-left: 0;
  }
  .columns > .col6:nth-of-type(2n-1), .columns > .col2:nth-of-type(2n-1), .columns > .col3:nth-of-type(2n-1), .columns > .col4:nth-of-type(2n-1) {
    margin-left: 0;
  }
  .col23 .img, .col2 .img, .col3 .img, .col23 .img img, .col2 .img img, .col3 .img img, .col1 .img img, .col4 .img img {
    width: 100%;
  }
  .col23 .img img, .col2 .img img, .col3 .img img, .col4 .img img {
    max-width: 100%;
  }
  .col2 .img-border, .col3 .img-border, .col4 .img-border {
    width: 100%;
  }
  .columns > .col23, .columns > .col2, .columns > .col3, .columns > .col3:nth-of-type(3n-2) {
    margin-left: 0;
    width: 100%;
  }
}
/* overwrite portfolio item margins */
.next-item {
  margin-left: 3% !important;
}

@media (max-width: 400px) {
  .first-item {
    margin-left: 0 !important;
  }
  .next-item {
    margin-left: 0 !important;
  }
}
/**
 * Columns
 * v2.2
 */
.cols-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5vw;
}
.cols-2 > li + li {
  margin-top: 0;
}
@media all and (min-width: 680px) {
  .cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (min-width: 1340px) {
  .cols-2 {
    gap: 60px;
  }
}

.cols-3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4vw;
}
.cols-3 > li + li {
  margin-top: 0;
}
@media all and (min-width: 700px) {
  .cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (min-width: 1340px) {
  .cols-3 {
    gap: 50px;
  }
}

.cols-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3vw;
}
.cols-4 > li + li {
  margin-top: 0;
}
@media all and (min-width: 740px) {
  .cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media all and (min-width: 1340px) {
  .cols-4 {
    gap: 34px;
  }
}

.cols-5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.2vw;
}
.cols-5 > li + li {
  margin-top: 0;
}
@media all and (min-width: 600px) {
  .cols-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (min-width: 800px) {
  .cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media all and (min-width: 1340px) {
  .cols-5 {
    gap: 30px;
  }
}

.cols-6 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5vw;
}
.cols-6 > li + li {
  margin-top: 0;
}
@media all and (min-width: 530px) {
  .cols-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (min-width: 720px) {
  .cols-6 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media all and (min-width: 850px) {
  .cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media all and (min-width: 1340px) {
  .cols-6 {
    gap: 20px;
  }
}

table[class*=cols-] {
  display: block;
}

.sec-overlay-content {
  -ms-transform: translate(-50%, -50%);
  /* -webkit-transform: translate(-50%, -50%); */
  /* transform: translate(-50%, -50%); */
  /* left: 50%; */
  /* top: 40%; */
  position: absolute;
  bottom: 0;
  /* width: 100%; */
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
  top: 0;
  text-align: left;
  padding: 2em 3em 2em 3em;
}

.sec-overlay-content:hover table {
  opacity: 1;
}

.sec-overlay-content table {
  transition: 0.2s ease-in-out;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 1em;
  left: 2em;
  right: 0;
  width: 100%;
  max-width: 150px;
  opacity: 0;
  transition: 0.2s ease-in-out;
}

.sec-overlay-content table tr td {
  vertical-align: middle;
}

.sec-overlay h3 {
  color: white !important;
  font-size: 12pt !important;
}

.sec-overlay p {
  color: white !important;
  text-align: left;
  font-size: 14pt !important;
}

.sec-overlay:hover {
  opacity: 1;
}

.content-4-section .c-4-section {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: white;
  text-align: center;
}

.content-1-section .c-1-section {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: white;
  text-align: center;
}

.content-3-section .c-3-section {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: white;
  text-align: center;
}

.content-2-section .c-3-section {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: white;
  text-align: center;
}

.content-1-section .c-3-section {
  width: 97%;
  max-width: 700px;
  margin: 1.5%;
  margin: 0 auto;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 2em;
  background: white;
  text-align: center;
}

.c-3-section h2 {
  font-size: 1.4em !important;
}

.c-3-section p, .c-4-section p {
  font-size: 1.1em;
  line-height: 1.4em;
}

.page-content {
  *zoom: 1;
  margin-top: 100px;
  padding-bottom: 3.5em;
  z-index: 0;
  margin: 0 auto;
  width: 90%;
  max-width: 1000px;
  /*margin-top:100px;*/
  position: relative;
}

.page-content:before,
.page-content:after {
  content: "";
  display: table;
}

.page-content:after {
  clear: both;
}

.page-content ul, .page-content ol {
  font-size: 12pt;
  line-height: 1.8em;
  color: #888;
  /*max-width: 900px;*/
  margin: 0 auto;
  margin-bottom: 1em;
  list-style-position: outside;
}

.page-content table tr td {
  border: 1px solid #888;
  padding: 0.5em;
}

.page-content table {
  margin-bottom: 1em;
}

.white-paper {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.white-paper-img {
  /*position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: auto;*/
  width: 14%;
  margin-right: 2%;
  float: left;
  height: 100%;
  display: none;
}

.white-paper .dl {
  width: 100% !important;
  text-align: center;
  clear: both;
  float: none;
  padding-top: 0.5em;
}

.white-paper h2 {
  text-align: left;
}

.white-paper p {
  width: 100%;
  float: left;
  text-align: left;
}

.white-paper a {
  margin-top: 1em;
  display: block;
  font-weight: lighter;
  text-align: center;
}

.white-paper h3 {
  font-size: 1.4em;
  font-weight: bold;
  color: #333740;
  margin: 0.5em 0 0.5em 0;
}

.white-paper p {
  line-height: 1.2em;
  font-size: 1.2em;
}

.content {
  position: relative;
  clear: both;
  margin: 0 auto;
}

.boxed .content {
  max-width: 100%;
  padding: 1px 30px 40px;
}

@media (max-width: 980px) {
  .content {
    max-width: 100%;
  }
}
/* sidebar 
------------------------------------------*/
.content > aside a {
  color: var(--colour-medium-grey);
}

.content > aside a:hover {
  color: #747474;
}

.content > aside section {
  margin: 1em 0 2em;
}

.content > aside section:first-child {
  margin-top: 0;
}

.content > aside section:first-child h3 {
  margin-top: 0;
}

.content > aside section ul {
  list-style: none;
  padding-left: 0;
  font-size: 0.923em;
}

.content > aside section ul li {
  overflow: hidden;
  margin: 0;
  color: #747474;
}

.content > aside section ul.tick {
  font-size: 1em;
}

.content > aside section ul.tick li {
  margin: 5px 0;
  color: var(--colour-medium-grey);
}

.content > aside section ul li:before {
  float: left;
  width: 7px;
  overflow: hidden;
  margin-right: 7px;
  content: "—";
  color: #747474;
}

.content > aside section ul.tabs li {
  margin: 2px 4px -2px 0;
}

.content > aside section ul.tabs li a.selected:hover {
  color: white;
}

.content > aside section ul.tweets li:before,
.content > aside section ul.recent-posts li:before,
.content > aside section ul.recent-comments li:before,
.content > aside section ul.posts li:before,
.content > aside section ul.latest-works li:before,
.content > aside section ul.accordion li:before,
.content > aside section ul.tabs li:before,
.content > aside section ul.ads li:before {
  display: none;
  content: "";
}

.content > aside section ul ul {
  margin: 0;
  padding: 3px 0 3px 2em;
  font-size: 1em;
}

.content > aside section > p {
  font-size: 0.923em;
}

.content > aside select {
  width: 100%;
}

.content > aside section ul.recent-posts li,
.content > aside section ul.recent-comments li,
.content > aside section ul.posts li {
  margin: 10px 0;
  line-height: 1.3em;
}

.content > aside section ul.recent-posts li .img-border,
.content > aside section ul.recent-comments li .img-border,
.content > aside section ul.posts li .img-border {
  float: left;
  margin: 0 10px 10px 0;
}

.content > aside section ul.recent-posts li span,
.content > aside section ul.recent-comments li span,
.content > aside section ul.posts span,
.content > aside section ul.tweets li span {
  color: #999;
  font-size: 0.917em;
}

.content > aside section ul.posts span {
  display: block;
}

@media (max-width: 600px) {
  .content > aside section ul.tabs li {
    margin: 0 4px 0 0;
  }
}
.content > aside section ul.recent-comments li p {
  margin: 0 0 0.5em 50px;
}

.content > aside section ul.latest-works li {
  display: inline-block;
  margin: 0 7px 7px 0;
}

.content > aside section ul.tweets li {
  margin: 10px 0;
  padding: 0 0 0 25px;
  background: url("/images/twitter.png") 0 10px no-repeat;
}

.content > aside section ul.ads li {
  display: inline-block;
  width: 96px;
  height: 96px;
  margin: 0 7px 7px 0;
  border: 2px solid #dfdfdf;
  background: #f3f3f3;
  line-height: 100px;
  text-align: center;
}

.content > aside section.menu > ul {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  font: 300 1.231em var(--font-sans);
}

.content > aside section.menu > ul li {
  border-top: 1px solid #e5e5e5;
}

.content > aside section.menu > ul li:first-child {
  border-top: none;
}

.content > aside section.menu > ul li a {
  display: block;
  padding: 7px 20px 7px 10px;
}

.content > aside section.menu > ul li a:hover {
  background: #f5f5f5;
  color: var(--colour-medium-grey);
}

.content > aside section.menu > ul li.current-menu-item > a {
  background-color: #999999;
  color: var(--colour-medium-grey);
}

.content > aside section.menu > ul li:before {
  display: none;
}

.content > aside section.menu > ul li.parent > a {
  background: url("/images/nav-right.png") 95% 50% no-repeat;
}

.content > aside section.menu > ul li.parent.expanded > a {
  background: url("/images/nav-down.png") 95% 50% no-repeat;
}

.content > aside section.menu > ul li.parent > ul {
  display: none;
}

.content > aside section.menu > ul li.parent.expanded > ul {
  display: block;
}

.content > aside section.menu > ul ul {
  margin: 0;
  padding: 0 0 0 20px;
  border-top: 1px solid #e5e5e5;
  font: 400 0.813em var(--font-sans);
}

.content > aside section table {
  width: 100%;
  margin-bottom: 0;
}

.content > aside section table th {
  padding: 5px 3px;
  color: #999;
  font-size: 0.923em;
  font-weight: bold;
}

.content > aside section table td {
  padding: 5px 0;
  color: var(--colour-medium-grey);
}

.content > aside section table#wp-calendar {
  font-size: 0.923em;
}

.content > aside section table#wp-calendar th {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: var(--colour-medium-grey);
  font-weight: normal;
  font-size: 0.917em;
  text-align: center;
}

.content > aside section table#wp-calendar td {
  border: none;
  border-bottom: 1px solid #e5e5e5;
  color: #747474;
  text-align: center;
}

.content > aside section table#wp-calendar tfoot td {
  border-bottom: none;
}

.content > aside section table caption {
  padding: 15px 0;
  font: 700 1.083em var(--font-sans);
  color: #444;
  text-align: left;
}

.content > aside .searchform input {
  width: 70%;
  padding: 6px 3%;
}

.content > aside .searchform button {
  float: right;
  white-space: nowrap;
}

.content > aside .widget_newsletter input {
  width: 70%;
  margin-right: 5px;
  padding: 6px 3%;
  font-size: 0.923em;
  vertical-align: middle;
}

.content > aside .widget_newsletter button {
  width: 40px;
  height: 28px;
  padding: 0;
  line-height: 15px;
  vertical-align: top;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 880px) {
  .content > aside .widget_newsletter input {
    width: 60%;
  }
}
.content > aside ul.colors {
  list-style: none;
  overflow: hidden;
}

.content > aside ul.colors li {
  float: left;
  width: 27px;
  height: 27px;
  overflow: hidden;
  margin: 0 9px 9px 0;
}

.content > aside ul.colors li:before {
  display: none;
}

ul.colors a {
  float: left;
  overflow: hidden;
  width: 21px;
  height: 21px;
  border-width: 3px;
  border-style: solid;
  text-indent: -50em;
}

ul.colors a.red {
  border-color: #cd2222;
  background: #e42626;
}

ul.colors a.orange {
  border-color: #e0730a;
  background: #f9800b;
}

ul.colors a.yellow {
  border-color: #e5c700;
  background: #ffde00;
}

ul.colors a.green {
  border-color: #3fba19;
  background: #46cf1c;
}

ul.colors a.azure {
  border-color: #03acb2;
  background: #03c0c6;
}

ul.colors a.blue {
  border-color: #185bd4;
  background: #1b65ec;
}

ul.colors a.purple {
  border-color: #7837a4;
  background: #863db7;
}

ul.colors a.pink {
  border-color: #e56f9c;
  background: #ff7cae;
}

ul.colors a.white {
  border-color: #e5e5e5;
  background: white;
}

ul.colors a.gray {
  border-color: #898989;
  background: #999;
}

ul.colors a.black {
  border-color: black;
  background: black;
}

ul.colors a.brown {
  border-color: #8e6739;
  background: #9e7340;
}

@media (max-width: 800px) {
  .content > aside {
    clear: left;
    float: none;
    width: auto;
    max-width: 100%;
    margin: 1em 0;
  }
  .content > aside section {
    float: left;
    width: 100%;
    margin: 0 0 2em;
  }
  .content > aside section:nth-of-type(2n-1) {
    clear: left;
  }
  .content > aside section h3 {
    margin-top: 0;
  }
}
@media (max-width: 660px) {
  .content > aside .searchform input {
    width: 60%;
  }
}
@media (max-width: 400px) {
  .content > aside section {
    float: none;
    width: 100%;
    margin: 1em 0;
  }
}
/* forms
------------------------------------------*/
button[type=reset] {
  margin-left: 5px;
  border: 1px solid #c9c9c9;
  background: #f5f5f5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #e7e7e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#e7e7e7", GradientType=0);
  text-shadow: 0 1px 0 white;
  color: #555;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

button[type=reset]:hover {
  background: #e7e7e7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #e7e7e7 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7", endColorstr="#f5f5f5", GradientType=0);
}

form p {
  clear: both;
  margin: 1.5em 0;
}

label {
  display: block;
  margin: 5px 0;
}

.form1 input {
  width: 90%;
  padding: 8px 3%;
}

.form1 select {
  width: 99%;
  padding: 5px 3%;
}

.form1 .input {
  overflow: hidden;
}

.form1 .input label {
  display: inline-block;
  margin: 0 10px 0 0;
  font-weight: normal;
}

.form1 textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 100px;
  padding: 5px 1%;
}

.form2 label {
  float: left;
  clear: left;
  width: 25%;
}

.form2 input {
  width: 65%;
  padding: 8px 3%;
}

.form2 select {
  width: 72%;
  padding: 5px 3%;
}

.form2 .input {
  overflow: hidden;
  width: 75%;
}

.form2 .input label {
  display: inline-block;
  float: none;
  clear: none;
  width: auto;
  margin: 0 10px 0 0;
  font-weight: normal;
}

.landing-form {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0 10px;
}

.landing-form form {
  position: relative;
  z-index: 20;
  float: right;
  width: 270px;
  margin: 0 0 0px;
  padding: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  color: white;
}

.landing-form h2:first-child {
  margin: 0;
  border-bottom: none;
  color: white;
  font-size: 1.846em;
  font-weight: 300;
}

.landing-form button {
  width: 100%;
  border: 1px solid #9b9b9b;
  border-bottom-color: #757575;
  font-size: 1.077em;
  text-align: center;
}

.landing-form label {
  margin-bottom: 3px;
  color: white;
}

.landing-form label.chk {
  display: inline-block;
  font-weight: 400;
}

.landing-form input, .landing-form select {
  width: 250px;
  padding: 8px 10px;
  border: none;
  border-radius: 2px;
  background: white;
  color: #999;
}

.landing-form input.error, .landing-form select.error {
  border: 1px solid #ebbcb5;
  background-color: #ffe6dc;
  color: #ef4437;
}

.landing-form select {
  width: 270px;
}

.landing-form input[type=checkbox] {
  width: auto;
  padding: 0;
  vertical-align: middle;
}

.landing-form p {
  margin: 1.5em 0;
}

@media (max-width: 920px) {
  .landing-form form {
    position: static;
    float: none;
    margin: 2em auto;
  }
}
@media (max-width: 365px) {
  .landing-form form {
    width: 225px;
  }
  .landing-form input, .landing-form select {
    width: 205px;
  }
  .landing-form select {
    width: 225px;
  }
  .landing-box box {
    width: 225px;
  }
  .landing-box input, .landing-form select {
    width: 205px;
  }
  .landing-box select {
    width: 225px;
  }
}
/* background 
---------------------------------*/
.p01 {
  background-image: url("images/patterns/pattern01.png");
}

.p02 {
  background-image: url("images/patterns/pattern02.png");
}

.p03 {
  background-image: url("images/patterns/pattern03.png");
}

.p04 {
  background-image: url("images/patterns/pattern04.png");
}

.p05 {
  background-image: url("images/patterns/pattern05.png");
}

.p06 {
  background-image: url("images/patterns/pattern06.png");
}

.p07 {
  background-image: url("images/patterns/pattern07.png");
}

.p08 {
  background-image: url("images/patterns/pattern08.png");
}

.p09 {
  background-image: url("images/patterns/pattern09.png");
}

.p10 {
  background-image: url("images/patterns/pattern10.png");
}

/* message and content boxes
---------------------------------*/
.messages {
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
}

.msg {
  margin: 20px 0;
  padding: 11px 10px 11px 45px;
  border: 1px solid #dfdfdf;
  background-repeat: no-repeat;
  background-position: 13px 10px;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.04);
}

.msg a.hide {
  float: right;
  overflow: hidden;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  background: url("/images/x.png") 50% 50% no-repeat;
  text-indent: -50em;
  opacity: 0.2;
}

.msg.info {
  border-color: #c5dce7;
  background-color: #e7f7ff;
  background-image: url("/images/msg-info.png");
  color: #4f9ec2;
}

.msg.success {
  border-color: #cbe3b4;
  background-color: #eeffda;
  background-image: url("/images/msg-success.png");
  color: #8ab04f;
}

.msg.notice {
  border-color: #e9dab1;
  background-color: white9d8;
  background-image: url("/images/msg-notice.png");
  color: #caa533;
}

.msg.error {
  border-color: #ebbcb5;
  background-color: #ffe6dc;
  background-image: url("/images/msg-error.png");
  color: #ef4437;
}

.msg ul, .msg p {
  margin: 1em 0 0;
}

.msg ul {
  list-style: none;
}

.msg ul:first-child, .msg p:first-child {
  margin: 0;
}

.msg ul li {
  margin-left: 0;
}

.msg ul li:before {
  float: left;
  clear: left;
  overflow: hidden;
  width: 8px;
  height: 20px;
  margin-right: 5px;
  content: "—";
}

.box h4 {
  margin: 20px 0 0.5em;
  color: var(--colour-medium-grey);
  font: 300 1.538em var(--font-sans);
}

.box p {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 20px 30px 25px;
  border: 1px solid #dfdfdf;
  border-top: 2px solid #747474;
  background-repeat: no-repeat;
  background-position: 20px 30px;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.04);
}

.box.info p {
  padding-left: 70px;
  border-color: #c5dce7;
  border-top: 2px solid #747474;
  background-color: #e7f7ff;
  background-image: url("/images/box-info.png");
}

.box.confirm p {
  padding-left: 70px;
  border-color: #cbe3b4;
  border-top: 2px solid #747474;
  background-color: #eeffda;
  background-image: url("/images/box-confirm.png");
}

.box.alert p {
  padding-left: 70px;
  border-color: #e9dab1;
  border-top: 2px solid #747474;
  background-color: white9d8;
  background-image: url("/images/box-alert.png");
}

.box.warning p {
  padding-left: 70px;
  border-color: #ebbcb5;
  border-top: 2px solid #747474;
  background-color: #ffe6dc;
  background-image: url("/images/box-warning.png");
}

/* error 404 page */
.e404 p {
  color: var(--colour-medium-grey);
  font-family: var(--font-sans);
  text-align: center;
}

.e404 article:first-child p:first-child {
  margin: 25px 0 0;
  font: 700 15.385em/1em var(--font-sans);
}

.e404 article:first-child p + p {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

.e404 article + article p:first-child {
  margin-top: 3em;
  font-weight: 300;
  font-size: 1.538em;
  line-height: 1.3em;
}

.e404 article form + p {
  width: 120px;
  margin: 1.3em auto;
  border-bottom: 1px solid #dfdfdf;
  color: #999;
  font: 300 1.231em/0.231em var(--font-sans);
}

.e404 article form + p span {
  margin-top: 10px;
  padding: 0 10px;
  background: white;
  text-transform: uppercase;
}

.e404 fieldset {
  overflow: hidden;
  width: auto;
  border: 1px solid #ccc;
  border-radius: 2px;
  white-space: nowrap;
}

.e404 input {
  width: 84%;
  border: none;
  font-size: 1.077em;
}

.e404 button {
  width: 10%;
  padding: 9px 0;
  border: none;
  background: white url("/images/search-large.png") 50% 50% no-repeat;
  box-shadow: none;
}

@media (max-width: 750px) {
  .e404 article:first-child p:first-child {
    font-size: 11.538em;
  }
}
@media (max-width: 560px) {
  .e404 article:first-child p:first-child {
    font-size: 7.692em;
  }
}
.content > aside h3.t01,
.content > aside h3.t02,
.content > aside h3.t03,
.content > aside h3.t04,
.content > aside h3.t05,
.content > aside h3.t06,
.content > aside h3.t07,
.content > aside h3.t08,
.content > aside h3.t09,
.content > aside h3.t10 {
  margin: 2em 0 1em;
  line-height: 1.5em;
}

.content > aside h3.t01 {
  border-bottom: 1px solid #dfdfdf;
  color: var(--colour-medium-grey);
  font-weight: 300;
  font-size: 1.385em;
}

.content > aside h3.t01 span {
  margin-bottom: -1px;
  padding-bottom: 10px;
  border-bottom-width: 2px;
}

.content > aside h3.t02 {
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  color: var(--colour-medium-grey);
  font-weight: 300;
  font-size: 1.385em;
}

.content > aside h3.t03 {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--colour-orange);
  color: var(--colour-medium-grey);
  font-weight: 300;
  font-size: 1.385em;
}

.content > aside h3.t04 {
  border-bottom: 1px solid #dfdfdf;
  color: #747474;
  font-weight: 300;
  font-size: 1.385em;
  line-height: 1em;
}

.content > aside h3.t04 span {
  margin-bottom: -30px;
  padding: 0 5px 5px 0;
  border: none;
  background: white;
}

.content > aside h3.t05 {
  border: none;
  color: #747474;
  font-weight: 300;
  font-size: 1.385em;
}

.content > aside h3.t06 {
  border: none;
  color: var(--colour-medium-grey);
  font-size: 1.385em;
  text-transform: uppercase;
}

.content > aside h3.t07 {
  border: none;
  background: url("images/patterns/pattern11.png");
  color: var(--colour-medium-grey);
  font-size: 1.385em;
  line-height: 0.8em;
  text-transform: uppercase;
}

.content > aside h3.t07 span {
  margin-top: -5px;
  padding-right: 5px;
  padding-bottom: 0;
  border-bottom: none;
  background: white;
}

.content > aside h3.t08 {
  border-bottom: 1px solid #dfdfdf;
  color: var(--colour-medium-grey);
  font-size: 1.385em;
  line-height: 1em;
  text-transform: uppercase;
}

.content > aside h3.t08 span {
  margin-bottom: -30px;
  padding: 0 5px 5px 0;
  border: none;
  background: white;
}

.content > aside h3.t09 {
  border-bottom: 2px solid #dfdfdf;
  color: var(--colour-medium-grey);
  font-size: 1.385em;
  text-transform: uppercase;
}

.content > aside h3.t09 span {
  margin-bottom: -2px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--colour-medium-grey);
}

.content > aside h3.t10 {
  padding-bottom: 10px;
  border-bottom: 4px double #dfdfdf;
  color: #747474;
  font-size: 1.385em;
  text-transform: uppercase;
}

.black-box p {
  margin: 1.5em 0;
}

.black-box {
  position: relative;
  z-index: 20;
  float: right;
  width: 270px;
  margin: 0 0 0px;
  padding: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  color: white;
}

.black-box h2:first-child {
  margin: 0;
  border-bottom: none;
  color: white;
  font-size: 1.846em;
  font-weight: 300;
}

.black-box button {
  width: 100%;
  border: 1px solid #9b9b9b;
  border-bottom-color: #757575;
  font-size: 1.077em;
  text-align: center;
}

.page-content-blg .blogs-loop:first-of-type {
  padding-top: 0 !important;
}

.page-content-blg .blogs-loop:first-of-type .blog-top-ban .blog-l-img {
  margin-top: 0 !important;
  overflow: hidden;
}

.page-content-blg {
  padding-bottom: 4em;
}

.page-content-blg .post-follow-us {
  margin-left: -2em;
  margin-right: -2em;
}

.page-main-content .vc_column-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.page-main-content .blog-l-img {
  max-height: 400px;
}

.page-main-content-cont {
  /*padding-top: 4em;*/
}

.center-content {
  width: fit-content;
  margin: auto;
}

[data-path^="tag/"] h1 {
  padding-top: 1em;
  padding-bottom: 0.6em;
}
[data-path^="tag/"] .post img {
  aspect-ratio: 3/2;
  object-fit: cover;
}

#one {
  top: 41.5%;
  left: 48%;
}

#two {
  top: 40%;
  left: 74.5%;
}

#three {
  top: 43%;
  left: 55.5%;
}

#four {
  top: 48%;
  left: 60.5%;
}

#five {
  top: 48.2%;
  left: 75%;
}

#six {
  top: 45.5%;
  left: 24%;
}

#seven {
  top: 30.3%;
  left: 46.8%;
}

#eight {
  top: 38.3%;
  left: 28.9%;
}

@media (max-width: 900px) {
  #building-comm .panel-grid-cell {
    padding: 0em 0 !important;
  }
  #building-comm .panel-grid-cell:last-of-type {
    padding: 1em !important;
    padding-bottom: 2em !important;
    padding-top: 0 !important;
  }
  #building-comm .panel-grid-cell:last-of-type .textwidget {
    padding: 1em !important;
  }
}
.hm-cont-itm .panel-grid {
  margin-bottom: 0 !important;
}

.aol-md-10 {
  width: 100% !important;
}

.aol-md-2 {
  width: 100%;
  padding-top: 1em;
  text-align: right;
}

.aol-md-2 button {
  display: inline-block;
  vertical-align: text-bottom;
  margin: 2px;
}

.aol-ad-inner-wrapper .panel-heading, .home-test-sec1 .panel-heading {
  font-size: 16pt;
  line-height: 18pt;
}

.hm-cont-itm h3 {
  font-size: 22pt;
  line-height: 27pt;
}

.hm-cont-itm h2 {
  text-align: center;
  font-size: 32pt;
  line-height: 39pt !important;
  color: #1f1f1f;
  font-weight: 400;
}

.hp-mx-wd {
  padding: 1.5em;
}

.job-des-ul {
  table-layout: fixed;
  width: 100%;
  background: rgba(152, 76, 159, 0.38);
  color: #575764 !important;
}

.job-des-ul li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  background-image: none !important;
  padding-left: 0 !important;
}

@media (max-width: 750px) {
  .job-des-ul li {
    width: 100%;
  }
  .job-des-ul li strong {
    width: auto !important;
    margin-right: 10px;
  }
}
.job-des-ul li strong {
  width: 30%;
  display: inline-block;
}

.job-des-ul tr td {
  padding: 0.5em;
}

.job-des-ul tr td:first-of-type {
  width: 40%;
}

.job-des-ul tr td:last-of-type {
  width: 60%;
}

.hp-jobsearch-outer {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1em;
}

.hp-jobsearch-outer .aol-ad-outer-wrapper {
  display: none;
}

.hp-row-1 {
  margin-top: 2em;
}

.hp-row-2 {
  margin-bottom: 2em;
}

.hp-row-1 a, .hp-row-2 a {
  padding: 0.5em 1.2em;
  display: inline-block;
  border-radius: 8px;
}

.hp-row-2 a {
  background: white;
}

.hp-row-1 a {
  background: #5e2763;
  color: white;
}

.hp-row-1 a:last-of-type {
  background: #eff1f2;
  color: #062d3f;
  border: 1px solid #062d3f;
}

.hp-row-1 h3, .hp-row-1 p {
  color: #062d3f !important;
}

.hp-row-1 h3, .hp-row-2 h3 {
  font-size: 26pt;
  font-weight: 500 !important;
  margin-bottom: 1em;
}

.hp-row-2 h3, .hp-row-2 p {
  color: white !important;
}

.hp-row-1 p, .hp-row-2 p {
  font-size: 14pt !important;
}

.hp-row-1 h3, .hp-row-1 p, .hp-row-2 h3, .hp-row-2 p {
  text-align: left !important;
}

.hp-row-1 .textwidget, .hp-row-2 .textwidget {
  padding: 3em 2.5em;
}

.hp-mx-wd {
  max-width: 1280px;
  margin: 0 auto;
}

.home-txt-outer {
  position: relative;
}

.home-txt-outer .panel-grid-cell:first-of-type {
  top: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
}

.home-txt-outer .panel-grid-cell:first-of-type .panel-widget-style img {
  display: none;
}

@media (max-width: 900px) {
  .hm-cont-itm .panel-grid.panel-has-style > .panel-row-style {
    display: block;
  }
  .home-txt-outer .panel-grid-cell:first-of-type .panel-widget-style {
    height: 300px;
  }
  .home-txt-outer .panel-grid-cell:first-of-type {
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    /* display: none; */
    width: 100% !important;
    position: relative;
    display: block;
    height: 300px;
  }
}
@media (min-width: 900px) {
  .home-txt-outer .panel-grid-cell:last-of-type {
    float: right !important;
    /* max-width: unset !important; */
    margin-left: 40% !important;
  }
  .home-txt-outer .panel-grid-cell:first-of-type {
    display: block;
  }
  .home-txt-outer .panel-grid-cell:first-of-type .panel-widget-style {
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
.full-width-title-hp .panel-grid-cell {
  max-width: unset !important;
}

.hm-cont-itm .panel-grid .panel-grid-cell {
  margin: 0 auto;
}

@media (min-width: 600px) and (max-width: 950px) {
  .sectors-tile-inner .oth-strip-itm:first-of-type {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
  }
}
.hm-cont-itm {
  margin: 0 auto;
  text-align: center;
}

.home-boxes {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3em 2em;
  padding-top: 20px;
  padding-bottom: 10px;
}

.home-boxes a {
  position: relative;
}

.home-boxes a span {
  position: absolute;
  bottom: 2em;
  right: 2em;
  color: white;
  border: 1px solid white;
  padding: 0.5em 1.5em;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.33);
  font-weight: 600;
  cursor: pointer;
  border-radius: 2px;
}

.home-boxes a span:hover {
  background: rgba(186, 146, 37, 0.38) !important;
}

.home-boxes a span:after {
  content: "▼";
  transform: rotate(-90deg);
  display: inline-block;
  margin-left: 10px;
  font-size: smaller;
}

.home-boxes a span:hover {
  background: rgba(0, 0, 0, 0.4);
}

@media (max-width: 570px) {
  .home-boxes a {
    width: 98%;
    float: none;
    margin: 1%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    margin-bottom: 1em !important;
  }
  .home-boxes a:nth-child(5) {
    margin-bottom: 0 !important;
  }
}
.home-boxes a:nth-child(1) {
  width: 98%;
  float: none;
  margin: 1%;
  max-width: 400px;
  margin: 0 auto;
}

.home-boxes a:nth-child(2) {
  width: 98%;
  float: none;
  margin: 1%;
  max-width: 400px;
  margin: 0 auto;
}

.home-boxes a:nth-child(3), .home-boxes a:nth-child(4), .home-boxes a:nth-child(5) {
  width: 98%;
  float: none;
  margin: 1%;
  max-width: 400px;
  margin: 0 auto;
}

@media (min-width: 570px) and (max-width: 850px) {
  .home-boxes a:nth-child(1) {
    width: 98%;
    float: left;
    margin: 1%;
    max-width: unset;
  }
  .home-boxes a:nth-child(2) {
    width: 60.3%;
    float: left;
    margin: 1%;
    max-width: unset;
  }
  .home-boxes a:nth-child(3), .home-boxes a:nth-child(4), .home-boxes a:nth-child(5) {
    width: 35.7%;
    float: left;
    margin: 1%;
    max-width: unset;
  }
}
@media (min-width: 850px) {
  .home-boxes a:nth-child(1) {
    width: 64.666%;
    float: left;
    margin: 1%;
    max-width: unset;
  }
  .home-boxes a:nth-child(2) {
    width: 31.333%;
    float: left;
    margin: 1%;
    max-width: unset;
  }
  .home-boxes a:nth-child(3), .home-boxes a:nth-child(4), .home-boxes a:nth-child(5) {
    width: 31.333%;
    float: left;
    margin: 1%;
    max-width: unset;
  }
}
.home-products {
  max-width: 1400px !important;
  margin: 0 auto;
}

.home-blog-list-inner {
  max-width: 1200px !important;
  margin: 0 auto;
}

.flex-viewport {
  border: 1px solid #efefef;
  margin-bottom: 5px;
}

.flex-control-nav {
  width: 100%;
  list-style: none;
}

.flex-control-nav li {
  max-width: 65px;
  display: inline-block;
  border: 1px solid #efefef;
  margin: 3px 5px;
}

.home-boxes-outer {
  max-width: 900px;
  margin: 0 auto;
}

.home-boxes-outer p {
  text-align: center !important;
}

.home-pre-text {
  max-width: 900px !important;
  padding-top: 3em !important;
  padding-bottom: 4em !important;
  text-align: center;
}

.home-boxes-outer {
  padding: 4em 1em;
}

.home-content-ban {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.ban-boxes-outer {
  background: #2d3539;
  padding-top: 0;
  padding-bottom: 0;
}

.home-pre-text h1 {
  margin-top: 0 !important;
}

.after-text-whole {
  margin-top: 3em;
}

.after-text-whole p {
  color: black !important;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 0.5em;
}

.home-pre-text-outer {
  width: 100%;
  background: #f9f9f9;
  border-top: 1px solid #e6e6e6;
}

.pre-text-fhalf, .pre-text-shalf {
  width: 50%;
  float: left;
  padding: 0 2em;
}

@media (min-width: 650px) {
  .home-pre-text-outer {
    background: #f9f9f9;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: right;
    background-size: 50% 100%;
  }
  .pre-text-shalf {
    padding-top: 4.5em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    /* background: url(/wp-content/themes/lighttheme/images/home-half-tile.jpg); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
  }
  .after-text-whole {
    margin-top: 3em;
    float: left;
    width: 50%;
    text-align: left;
  }
  .after-text-whole p {
    color: black !important;
    text-align: left;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 0.5em;
  }
}
.page-left-twothird {
  padding: 0 2em;
}

.page-left-onethird {
  max-width: 300px;
  margin: 0 auto;
  /* padding: 0 2em; */
  border: 1px solid #efefef;
  background: white;
  margin-top: 2em;
}

@media (min-width: 770px) {
  .page-left-twothird {
    float: left;
    width: 64.666%;
    margin-right: 2%;
    padding: 0 2em;
    border-left: 1px solid #efefef;
  }
  .page-left-onethird {
    max-width: unset;
    float: left;
    width: 33.333%;
    /* padding: 0 2em; */
    border: 1px solid #efefef;
    position: absolute;
    top: -130px;
    right: 0;
    background: white;
    margin-top: unset;
  }
  .page-title-outer-h1-active {
    width: 64.666%;
    right: unset !important;
  }
}
.page-left-onethird blockquote.quote {
  max-width: unset;
  margin: 2em;
  padding: 0 0 0 55px;
  border: none;
  background: url(/images/quote.png) 0 0 no-repeat;
  color: #747474;
}

.page-left-onethird blockquote p {
  font-size: 11pt;
}

.People-blog .page-left-text {
  padding: 0;
}

.page-left-text {
  padding: 1em 1em 0 1em;
}

.page-left-text p {
  font-size: 11pt !important;
}

.side-bar-section {
  /*padding: 2em;*/
}

.side-bar-section ul {
  list-style: none;
  margin: 0 auto !important;
  margin-bottom: 0 !important;
}

.side-bar-section h4 {
  font-size: 1.5em;
}

.side-bar-section ul ul {
  padding-left: 20px;
}

.side-bar-section h3 {
  margin: 0 !important;
}

.Clearfix {
  *zoom: 1;
}

.Clearfix:before,
.Clearfix:after {
  content: "";
  display: table;
}

.Clearfix:after {
  clear: both;
}

.Flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.end {
  clear: both !important;
  float: none !important;
}

.align-center {
  text-align: center;
}

.hidden {
  display: none;
}

.invisible {
  opacity: 0;
}

.freeze {
  overflow-y: hidden;
}

.spacer {
  width: 50%;
  margin: 0 auto;
  border-bottom: 2px solid #e4e4e4;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

/**************************************************************
***************         PAGE-CONTENT          *****************
**************************************************************/
.white-bg {
  background: white;
  width: auto !important;
  max-width: none !important;
}

/********* SUCCESS STORIES PAGE ********/
.success-story {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.success-story img {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.success-story iframe {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: block;
  height: auto;
  min-height: 300px;
}

.panel-grid .full-width .panel-grid-cell {
  max-width: unset !important;
  width: 100% !important;
  padding: unset !important;
}

.page-content h3,
.home-contact h3 {
  font-size: 1.3em;
  margin-bottom: 1.4em;
  margin-top: 1.4em;
  line-height: 1.4;
}

.index-page {
  margin-top: 0 !important;
}

.page-content h2 {
  font-size: 2.375em !important;
  line-height: 1.0909em !important;
  margin-bottom: 0.1em !important;
  font-weight: 400 !important;
  line-height: 40px !important;
  color: #0b0a09;
}

.page-content h3,
.home-contact h3 {
  margin-bottom: 1em;
  color: #4e4e4e;
}

#about-section {
  background: white;
}

.page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
}

.freeze {
  overflow-y: hidden;
}

.end {
  clear: both;
  float: none;
}

/* Main layout
------------------------------------------ */
.root {
  overflow: hidden;
}

/*
body.boxed .root {max-width: 1000px; margin: 0 auto; background: white; box-shadow: 0 0 3px rgba(0,0,0,0.3);}
@media (max-width: 980px) {
.root {margin: 0; padding: 0 20px;}
header, footer, .breadcrumb {margin: 0 -20px;}
footer, .breadcrumb {padding-left: 20px; padding-right: 20px;}
}
body.boxed {background: #ececec;}
*/
body.boxed .root {
  max-width: 1000px;
  margin: 0 auto;
  background: white;
}

@media (max-width: 980px) {
  .root {
    margin: 0;
    padding: 0 20px;
  }
  .boxed .root .content {
    padding: 0;
  }
  footer, .breadcrumb {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 400px) {
  .root {
    margin: 0;
    padding: 0 10px;
  }
}
body.boxed.shadow .root {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

body.boxed.f01 {
  background: url("images/frames/frame01.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat;
  background-color: #eee;
}

body.boxed.f02 {
  background: url("images/frames/frame02.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat;
  background-color: #bbb;
}

body.boxed.f03 {
  background: url("images/frames/frame03.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat;
  background-color: #ddd;
}

body.boxed.f04 {
  background: url("images/frames/frame04-1.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat;
  background-color: #d6d6d6;
}

body.boxed.f05 {
  background: url("images/frames/frame04-2.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat;
  background-color: #d6d6d6;
}

body.boxed.f06 {
  background: url("images/frames/frame05.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat;
  background-color: #d6d6d6;
}

body.boxed.f07 {
  background: url("images/frames/frame06.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat;
  background-color: #d6d6d6;
}

body.boxed.f08 {
  background: url("images/frames/frame07.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat;
  background-color: #d6d6d6;
}

body.boxed.f09 {
  background: url("images/frames/frame08.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat;
  background-color: #eee;
}

@media (max-width: 980px) {
  .boxed header > section.main-header {
    margin: 0 -20px;
    padding: 0 40peaderx;
  }
}
@media (max-width: 400px) {
  .boxed header > section.main-header {
    padding: 0 30px;
  }
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
  width: auto;
  margin-right: 0;
  overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
}

.mCustomScrollBox > .mCSB_scrollTools {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: relative;
  height: 20px;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  top: 100%;
  margin-top: -40px;
}

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
  overflow: hidden;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-bottom: 0;
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
  width: 100%;
  height: 16px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 0;
  border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 0 auto;
  border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  display: block;
  position: relative;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  float: left;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  margin-left: -40px;
  float: right;
}

.mCustomScrollBox {
  -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_draggerRail {
  background: #ebebeb;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #aeaeae; /* rgba fallback */
}

#building-comm .panel-grid-cell p {
  font-size: 12pt !important;
  text-align: left;
}

#building-comm .panel-grid-cell:last-of-type .textwidget {
  padding: 2.5em;
}

#building-comm .panel-grid-cell:first-of-type .sow-image-container {
  padding: 2em;
}

#building-comm .panel-grid-cell:last-of-type .textwidget a {
  border: 1px solid #7a7a8a;
  color: #1d3362;
  text-transform: uppercase;
  width: 100px;
  font-size: 10pt;
  padding: 5px 10px;
  font-weight: 600;
  display: inline-block;
  text-align: center;
}

.white-a {
  color: #a7a7a7;
  text-decoration: underline;
}

.full-max-width .vc_column-inner {
  max-width: 100% !important;
}

/****************************************************************************************************************
*****************************************************************************************************************
***************************                  UNDER 450 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (max-width: 28.125em) {
  /*.logo{
          height: auto;
          width: 200px;
          margin-top:20px;
      } */
  .home-header-text h1 {
    font-size: 1.8em;
  }
  .home-header-text {
    margin-top: 80px;
  }
  .scroll-down {
    bottom: 20px;
  }
  .index-services-links {
    bottom: 40px;
  }
  .index-service {
    height: 65px;
    padding: 0.7em;
  }
  .index-service p {
    font-size: 1.8em;
  }
  .index-service span {
    font-size: 0.9em;
    line-height: 1em;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  UNDER 408 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  UNDER 500 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (max-width: 31.25em) {
  .past-events h2,
  .upcoming-events h2 {
    margin-bottom: 3em;
  }
  .past-events {
    width: 98%;
  }
  .upcoming-events {
    width: 98%;
  }
  .event-item {
    padding-top: 3.5em;
  }
  .event-date-outer {
    position: absolute;
    top: -2.2em;
    left: 50%;
    margin-left: -37.5px;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  UNDER 700 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (max-width: 43.75em) {
  nav div > ul > li > a {
    color: white;
    font-weight: 300;
    letter-spacing: 1px;
  }
  nav div > ul > li {
    background: #faf9f4 !important;
  }
  nav div > ul > li > ul > li > a:hover, nav div > ul > li > ul > li > ul > li > a:hover {
    background: rgb(210, 210, 210) !important;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 400 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 25em) {
  .client-section {
    width: 48%;
  }
  /*.logo{
          height: 70px;
          margin-top: 15px;
          margin-bottom: 15px;
      }*/
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 500 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 31.25em) {
  .client-popup {
    position: fixed;
    top: 50%;
    max-width: 70%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -227.5px;
  }
  .client-section {
    width: 31.333%;
  }
  .studio-tab {
    padding: 1em 2.3em;
  }
  .thid-item {
    width: 99.8% !important;
    overflow: hidden;
  }
  .services-home-section a,
  .content-3-section .c-3-section,
  .content-2-section .c-3-section {
    width: 47%;
  }
  .content-3-section .c-3-section:last-child {
    margin: 0 auto;
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    float: none;
    clear: both;
  }
  .c-logo {
    width: 23%;
    float: left;
    margin: 1%;
  }
  .case-studies a {
    width: 23%;
    float: left;
    margin: 1%;
  }
  /**************************************************************
      ******************         GENERAL          *******************
      **************************************************************/
  /*html{
          font-size: 1.5em;
      }*/
  /*.home-contact-inner{
          width:80%;
          padding:3.5em;
      }*/
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 620 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 38.75em) {
  .contact-office {
    margin-bottom: 2em;
    width: 46%;
    float: left;
    margin: 2%;
    text-align: left;
  }
  .offices-section {
    text-align: left;
  }
  .c-left {
    width: 46%;
    margin-right: 4%;
  }
  .c-right {
    width: 46%;
    margin-top: 0;
    margin-left: 4%;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 700 PIXELS WIDE             ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 1000px) {
  .client-section-banner span {
    display: block;
  }
  .client-section {
    width: 23%;
  }
  .client-section-home {
    width: 31.333%;
  }
  .services-expand-close,
  .services-expand-open {
    display: none;
  }
  .services-nav {
    display: block;
    border-radius: 10px 0 0 10px;
  }
  .services-nav-outer {
    position: fixed;
    display: block;
    right: 0;
    top: 380px;
    overflow: hidden;
  }
  .event-item {
    padding: 3em;
  }
  .event-item h3 {
    text-align: left;
  }
  .event-item p {
    text-align: left;
  }
  .header-text h1 {
    font-size: 3.8em;
  }
  .service-link,
  .ser-link {
    width: 33.333%;
  }
  .index-services-links {
    width: 100%;
  }
  nav > div > ul > li.selected > a {
    /*border-bottom: 3px solid;*/
  }
  nav > div > ul > li > ul > li.selected > a {
    background: rgba(21, 32, 46, 0.9) !important;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 850 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 53.125em) {
  .home-section-banner {
    text-align: left;
  }
  .home-section-banner div .section-img {
    width: 40%;
    display: table-cell;
  }
  .home-section-banner .section-text {
    width: 60%;
    display: table-cell;
    padding: 2.5em 0 2.5em 2.5em;
  }
  .contact-content {
    float: left;
    width: 40%;
  }
  .contact-office {
    width: 96%;
    text-align: center;
  }
  .offices-section {
    text-align: center;
    width: 60% !important;
  }
  .offices-section {
    padding: 1em;
    margin-top: 0;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 900 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 56.25em) {
  .client-section {
    width: 18%;
  }
  .content-4-section .c-4-section {
    width: 47%;
  }
  .client-section-home {
    width: 14.666%;
  }
  .services-home-section a,
  .content-3-section .c-3-section {
    width: 30.333%;
  }
  .content-3-section .c-3-section:last-child {
    margin: 1.5%;
    float: left;
    clear: none;
  }
  .event-agenda {
    width: 58%;
  }
  .event-venue {
    width: 38%;
  }
  .event-speakers div {
    width: 31.333%;
  }
  .event-past-videos div {
    width: 31.333%;
  }
  .white-paper p {
    line-height: 2em;
    font-size: 1.4em;
  }
  .white-paper-img {
    display: block;
  }
  .white-paper p {
    width: 84%;
  }
  .service-summary {
    width: 47%;
    margin-right: 3%;
    margin-left: 0;
    float: left;
  }
  .services {
    padding-left: 2em;
    padding-right: 2em;
  }
  .service-benefits {
    width: 47%;
    margin-left: 3%;
    margin-right: 0;
    float: left;
  }
  .service-benefits h3 {
    margin-top: 0;
  }
  .service-keyfeatures {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .logo-nav-bar {
    /*padding-left:20px;
          padding-right:20px;*/
  }
  .home-header-text h1 {
    font-size: 3.6em;
  }
  .home-header-text p {
    font-size: 2em;
  }
  .page-content h2,
  .home-contact h2 {
    font-size: 1.8em;
  }
  .page-content h3,
  .home-contact h3 {
    font-size: 1.5em;
    margin-bottom: 0em;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 950 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 59.375em) {
  .client-popup {
    max-width: 500px;
  }
  .year {
    margin-bottom: 0.5em !important;
    font-size: 1.8em !important;
  }
  .popup-txt {
    font-size: 1em !important;
    text-align: center;
  }
  .past-events h2 {
    margin-top: 0;
  }
  .past-events {
    width: 45%;
    float: left;
  }
  .upcoming-events {
    width: 45%;
    float: right;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 1000 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 62.5em) {
  nav ul {
    text-align: right;
  }
  .phone-head {
    position: absolute;
    right: 20px;
    left: auto;
    top: 44px;
    width: auto;
    margin-top: 0;
    /* top: 50%; */
    margin-top: -7px;
  }
  .phone-head span {
    display: block;
    color: white;
  }
  .contact-office {
    width: 46%;
    text-align: left;
  }
  .offices-section {
    text-align: left;
  }
  .p-last ul {
    position: absolute !important;
    text-align: right;
    width: auto;
    right: 0;
  }
  header[role=banner] {
    height: 100px !important;
    text-align: left;
  }
  .head-inner {
    padding: 0 1em;
  }
  .head-contact {
    display: none;
  }
  .side-contact {
    display: block;
  }
  /*****************   NAV   *****************/
  .m-menu {
    display: none;
    top: unset;
    bottom: 6px;
  }
  /*********************************
      ******      GENERAL      ********
      ********************************/
  nav {
    border-bottom: none;
    display: block;
    float: right;
    background: transparent;
    overflow-y: visible;
    padding-bottom: 0;
    position: relative;
    text-align: right;
    top: 0;
    width: auto;
    z-index: 1;
    /*margin-right: 50px;*/
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.12);
  }
  nav ul > li {
    display: inline-block;
  }
  /* Remove dividing line between menu items - no longer needed */
  nav div > ul li:not(:last-child) {
    border-bottom: none;
  }
  /* Remove the dropdown from "parent" list items */
  nav div > ul li.parent,
  nav div > ul li ul li.parent,
  nav div > ul li ul li ul li.parent {
    background-image: none;
  }
  /* If the list item is a parent, make it full width again. No longer need a button to click to drop down a menu, hover instead on desktop layout */
  nav div > ul li.parent > a {
    width: 100%;
  }
  /* When a "parent" list item is hovered over, show its child menu */
  li.parent:hover > ul {
    display: block;
  }
  /* All child menus need to have this styling - regardless of what level they are */
  nav div > ul > li ul {
    position: absolute;
    text-align: left;
    width: auto;
  }
  /* Make the list items for child menus stack vertically ontop of each other, instead of side by side */
  nav div > ul > li ul li {
    display: block;
  }
  /* Make sure menu item labels all stay on one line */
  nav div > ul > li ul li a {
    white-space: nowrap;
  }
  /* When you hover over an li, change its colour. This is global but you can set it by level if required
      nav div > ul li:hover{
          color:#17a475 !important;
      }

          nav div > ul li a:hover{
          color:#7eabc9 !important;
      }

  */
  nav div > ul a {
    background: transparent;
  }
  /* Set the height of everything so it matches the height of the header and the list item labels are vertically centered*/
  nav,
  nav div > ul,
  nav div > ul > li {
    /*height: @headerHeight;*/
    height: 100%;
  }
  .footer-links li {
    text-align: left;
  }
  #myMenu1, .menu:not(#menu-footermenu) {
    right: 0px;
    bottom: 0;
    height: 100%;
    display: table;
    margin-right: 50px;
    display: table;
    margin: 0 auto;
    text-align: center;
  }
  .menu-mainmenu-container {
    right: 0px;
    bottom: 0;
    height: 100%;
    /* display: table; */
    margin-right: 50px;
    /* display: table; */
    margin: 0 auto;
    max-width: 1280px;
    text-align: left;
    padding: 0 1em;
  }
  nav div > ul > li {
    display: table-cell;
    white-space: nowrap;
  }
  nav div > ul > li > a {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    text-transform: uppercase;
  }
  nav div > ul > li:last-of-type > a {
    /*  background: #fe6c2e;
      color:#313131;*/
  }
  /*    nav,
      nav div > ul,
      nav div > ul > li{
          height: @headerHeight;
      }*/
  nav div > ul > li > a {
    /*line-height: 140px;*/
    padding: 0 0.8em;
  }
  /*********************************
      ******     1st LEVEL     ********
      ********************************/
  nav div > ul > li > a,
  nav div > ul > li.parent {
    background: transparent;
  }
  /*********************************
      ******     2nd LEVEL     ********
      ********************************/
  nav div > ul > li > ul > li {
    position: relative;
  }
  nav div > ul > li > ul > li > a {
    background: transparent;
  }
  /*nav div > ul > li.menu-item-has-children:hover > a,*/
  nav div > ul > li > ul > li,
  nav div > ul > li > ul > li.parent {
    background: #faf9f4 !important;
    color: var(--colour-salmon);
  }
  .menu-item-has-children > a {
    position: relative;
    padding-right: 40px;
    width: fit-content;
  }
  nav div > ul > li > ul > li > a {
    color: black;
    font-weight: 500;
    padding: 3px 10px;
    text-transform: uppercase;
  }
  .toggle-submenu {
    background-color: none !important;
  }
  nav div > ul > li > ul > li:hover {
    background: #1c2838;
  }
  /*********************************
      ******     3rd LEVEL     ********
      ********************************/
  nav div > ul > li > ul > li > ul {
    position: static;
    left: 100%;
    top: 0;
    width: auto;
  }
  nav div > ul > li > ul > li > ul > li {
    width: 100%;
  }
  nav div > ul > li > ul > li > ul > li > a {
    background: transparent;
  }
  nav div > ul > li > ul > li > ul > li,
  nav div > ul > li > ul > li > ul > li.parent {
    background: #faf9f4;
  }
}
/****************************************************************************************************************
*****************************************************************************************************************
***************************                  OVER 1100 PIXELS WIDE             ***********************************
***************************                  - MENU CHANGE                    ***********************************
*****************************************************************************************************************
****************************************************************************************************************/
@media (min-width: 68.75em) {
  .content-4-section .c-4-section {
    width: 22%;
  }
  .contact-office {
    margin-bottom: 2em;
    width: 46%;
    float: left;
    margin: 2%;
    text-align: left;
  }
  .offices-section {
    text-align: left;
  }
  .c-logo {
    width: 10.5%;
    float: left;
    margin: 1%;
  }
  .case-studies a {
    width: 10.5%;
    float: left;
    margin: 1%;
  }
  .service-link {
    width: 16.666%;
  }
  .index-services-links {
    width: 100%;
  }
  .event-speakers div {
    width: 18%;
  }
  .event-speaker-spacer {
    display: none;
  }
}
.customer-login-wrapper {
  background-color: #034146;
  position: relative;
  max-width: 100%;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.customer-login-wrapper label {
  display: none;
}
.customer-login-wrapper form {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.customer-login-wrapper form p {
  margin: 0 !important;
}
.customer-login-wrapper input {
  background: transparent !important;
  color: white !important;
  border: none !important;
  border-bottom: solid 1px white !important;
  border-radius: 0 !important;
  font-size: 0.8em;
  padding-left: 0 !important;
}
.customer-login-wrapper input::placeholder {
  color: white !important;
  opacity: 1 !important;
  text-transform: uppercase;
  font-size: inherit;
  font-size: 0.8em;
}
.customer-login-wrapper h2 {
  font-family: var(--font-cursive) !important;
  color: white;
  font-size: 2em;
  margin-bottom: 1em;
}
.customer-login-wrapper .form-wrapper {
  padding-top: 5em;
  padding-bottom: 5em;
}
.customer-login-wrapper .button {
  font-size: 1em !important;
  text-transform: uppercase !important;
  height: 50px !important;
  border-radius: 0 !important;
  font-weight: normal;
  width: 40%;
  color: black !important;
  background-color: var(--colour-salmon) !important;
  border: 0 !important;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  margin-top: 7em;
  padding: 0 !important;
}
.customer-login-wrapper .login-remember {
  display: none;
}
.customer-login-wrapper .vc_sep_holder {
  display: none !important;
}
.customer-login-wrapper .ribbon-hr {
  border-bottom: solid 10px var(--colour-salmon);
  border-top: 0 !important;
  position: relative;
  width: 75%;
}
.customer-login-wrapper .ribbon-hr::before {
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 7px) 50%, 100% 100%, 0% 100%);
  position: absolute;
  display: inline-block;
  content: "";
  transform: rotate(540deg);
  background-color: var(--colour-salmon);
  top: 0;
  width: 20px;
  height: 10px;
  margin-left: -20px;
}
.customer-login-wrapper .ribbon-hr::after {
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 7px) 50%, 100% 100%, 0% 100%);
  position: absolute;
  display: inline-block;
  content: "";
  background-color: var(--colour-salmon);
  top: 0;
  width: 21px;
  height: 10px;
  margin-right: -20px;
  right: 0;
}
.customer-login-wrapper .wpforms-field {
  padding: 5px 0;
}

.half-grey-border {
  bottom: 0;
  position: absolute;
  right: 0;
  height: 100%;
}
.half-grey-border .vc_column-inner {
  padding-top: 15px;
}
.half-grey-border img {
  position: absolute;
  padding-right: 29px;
  height: 100%;
  object-fit: cover;
  padding-bottom: 30px;
}

@media all and (max-width: 766px) {
  .half-grey-border {
    position: unset;
  }
  .half-grey-border img {
    position: unset;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.login-links {
  color: white;
  text-transform: uppercase;
}
.login-links a {
  color: white;
}
.login-links .underline {
  text-decoration: underline;
}

body[data-path^=b2b] .blogs-loop,
body[data-path^=b2b] .blogs-loop-inner {
  padding: 0;
}
body[data-path^=b2b] .wpb_content_element {
  margin-bottom: 0;
}

body[data-path^=b2b] hr {
  margin-top: 1.6em !important;
  margin-bottom: 1.6em !important;
}

.show-content {
  text-align: center;
  display: none;
}

body[data-path^=b2b] .blog-nor {
  margin-top: calc(1em + 1vw);
  margin-bottom: calc(1em + 1vw);
}

body[data-path^=b2b] .blog-btns {
  text-align: center;
}

.b2b-wrapper {
  padding: 2rem;
  font-size: 16px !important;
}
.b2b-wrapper p, .b2b-wrapper li {
  font-family: var(--font-serif);
}
.b2b-wrapper .yellow-top-border {
  margin-bottom: 0 !important;
}
.b2b-wrapper .yellow-top-border > figure > div {
  position: relative;
}
.b2b-wrapper .yellow-top-border > figure > div::before {
  content: "";
  background: var(--colour-citrus);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  left: -20px;
  top: -20px;
}
.b2b-wrapper .yellow-top-border > figure > div img {
  position: relative;
  z-index: 1;
  border-top: solid 4px var(--colour-teal-green);
}
.b2b-wrapper .expert-summary {
  padding: calc(0.4em + 1vw);
}
.b2b-wrapper .wpforms-field-label-inline {
  font-family: var(--font-sans) !important;
}

body[data-path=b2b] .B2B-header,
body[data-path=b2b-home] [class*="B2B home-header"] {
  display: none;
}

/** ---------------------------------------------------------------
 * Hero (salmon background)
 */
body[data-path=b2b] .hero {
  background-color: #FCEEE7;
  padding: 6vw;
  font-size: 16px !important;
  display: flex;
  justify-content: center;
  gap: 40px;
}
body[data-path=b2b] .hero > * {
  float: none;
  width: 600px;
}
body[data-path=b2b] .hero::before {
  display: none !important;
}
body[data-path=b2b] .hero h2 {
  font-family: var(--font-cursive) !important;
  font-style: italic !important;
  font-size: calc(2.4em + 2.1vw) !important;
  line-height: normal;
  font-weight: normal !important;
  margin-top: 0 !important;
}
@media all and (max-width: 800px) {
  body[data-path=b2b] .hero h2 {
    font-size: 2.6em;
  }
}
body[data-path=b2b] .hero .btn-row {
  margin-top: 1.2em;
}
body[data-path=b2b] .hero .btn-row .b2b-cta {
  width: 90%;
}
body[data-path=b2b] .hero .btn-row .b2b-log-in {
  width: 100%;
}
body[data-path=b2b] .hero .btn-row button {
  width: 100%;
}
body[data-path=b2b] .hero .b2b-cta > a {
  font-size: 1em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  font-weight: normal;
  color: white !important;
  background-color: var(--colour-salmon) !important;
  background-image: none !important;
  border-color: transparent !important;
  width: 100%;
}
body[data-path=b2b] .hero .b2b-cta > a:hover {
  background: var(--colour-salmon) !important;
}
body[data-path=b2b] .hero .b2b-log-in > a {
  font-size: 1em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  font-weight: normal;
  color: white !important;
  background-color: #000000 !important;
  background-image: none !important;
  border-color: transparent !important;
  width: 100%;
}
body[data-path=b2b] .hero .b2b-log-in > a:hover {
  background-color: #000000 !important;
}
body[data-path=b2b] .hero .hero-img {
  width: 100%;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 26px;
}
body[data-path=b2b] .hero .hero-img .blog-l-img {
  border-top: 8px solid #BCE0D9;
  height: auto;
  max-height: unset !important;
  width: fit-content;
}
body[data-path=b2b] .hero .hero-img .vc_column-inner {
  padding-right: 3em !important;
}

@media all and (max-width: 800px) {
  .hero-img {
    margin-top: 0;
  }
  .hero-img .vc_column-inner {
    padding-right: 15px !important;
  }
  .vc_custom_1708074133799 {
    padding-left: 15px !important;
  }
}
.bg-coral {
  position: absolute;
  left: -5px;
  right: 5em;
  top: -20px;
  background: var(--colour-salmon);
  height: 93%;
}

@media all and (min-width: 1470px) {
  .bg-coral {
    right: 28%;
  }
}
/** ---------------------------------------------------------------
 * CTA strip
 */
.b2b-cta > a {
  font-size: 1em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  font-weight: normal;
  color: white !important;
  background-color: var(--colour-salmon) !important;
  background-image: none !important;
  border-color: transparent !important;
}
.b2b-cta > a:hover {
  background: var(--colour-salmon) !important;
}

/** ---------------------------------------------------------------
 * Stats circles section
 */
.stats-row {
  margin-top: calc(1em + 1.1vw);
  margin-bottom: calc(1em + 1.1vw);
}

@media all and (max-width: 767px) {
  .stats-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3vw;
    content: unset;
  }
  .stats-row > li + li {
    margin-top: 0;
  }
}
@media all and (max-width: 767px) and (min-width: 740px) {
  .stats-row {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media all and (max-width: 767px) and (min-width: 1340px) {
  .stats-row {
    gap: 34px;
  }
}
@media all and (max-width: 767px) {
  .stats-row::before {
    content: none !important;
  }
}
.blue-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #EEF4F0;
  clip-path: circle();
  width: 8em;
  height: 8em;
  text-align: center;
  border: solid 12px #BCE0D9;
  aspect-ratio: 1;
  border-radius: 50%;
  --mask: linear-gradient(red, red) padding-box, conic-gradient(red var(--p, var(--percentage)), transparent 0%) border-box;
  -webkit-mask: var(--mask);
  mask: var(--mask);
}
.blue-circle p {
  font-size: 3em;
  font-family: var(--font-cursive) !important;
  font-weight: bold;
}
@media (min-width: 768px) {
  .blue-circle {
    border-width: 16px;
    width: 10em;
    height: 10em;
  }
  .blue-circle p {
    font-size: 4em;
  }
}

.circle-description {
  margin-top: 2em;
  text-align: center;
}

.ribbon-marker {
  list-style: none;
  position: relative;
}

.ribbon-marker::before {
  width: 20px;
  height: 12px;
  background: var(--colour-salmon);
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 7px) 50%, 100% 100%, 0% 100%);
  position: absolute;
  display: inline-block;
  content: "";
  transform: rotate(180deg);
  margin-right: 1em;
  top: 20%;
  left: -2em;
}

.b2b-stats {
  padding: 1.7em 1.4em 1.2em;
}
.b2b-stats ul {
  display: inline-block;
}
.b2b-stats li {
  margin-left: 1em;
}
.b2b-stats .ribbon-marker::before {
  width: 20px;
  height: 12px;
  background: #BCE0D9 !important;
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 7px) 50%, 100% 100%, 0% 100%);
  position: absolute;
  display: inline-block;
  content: "";
  transform: rotate(180deg);
  margin-right: 1em;
}

@media all and (max-width: 767px) {
  body[data-path=b2b] .hero {
    flex-direction: column;
  }
  body[data-path=b2b] .hero > * {
    width: unset;
  }
}
/** ---------------------------------------------------------------
 * Expert summaries
 */
body[data-path=b2b] .expert-summary > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: white;
}

.b2b-cards {
  background-color: white;
  padding: 1.1em 1.4em 2.2em; /* additional space at the bottom for the More link */
  position: relative;
}
.b2b-cards h2 {
  margin-top: 0;
  margin-bottom: 1em !important;
  font-size: 1.6em;
}
.b2b-cards .toggle-wrapper {
  background-color: white;
}
.b2b-cards .read-more-toggle {
  float: none;
  cursor: pointer;
  position: absolute;
  right: calc(50% - 45px);
  bottom: 0.6em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: var(--font-sans);
  font-size: 0.8em;
}

.splide {
  margin-left: auto;
  margin-right: auto;
  height: 250px;
}

.splide__track {
  height: 100%;
}

.splide__arrow,
.splide__pagination__page {
  background-color: transparent !important;
  padding: 0 10px !important;
}

.e-guides-slide > img {
  height: 100%;
  object-fit: cover;
  background-position: center;
}

.b2b-experts {
  color: white !important;
  background-color: #3B1527;
  padding: calc(1em + 4vw) 0;
}
.b2b-experts > .wpb_column > .vc_column-inner {
  width: 88%;
  max-width: var(--page-max-width);
  margin-left: auto;
  margin-right: auto;
}
.b2b-experts .wpb_images_carousel {
  overflow: hidden;
}
.b2b-experts .vc_images_carousel {
  width: 950px !important;
  margin-left: auto;
  margin-right: auto;
}
.b2b-experts h2 {
  font-family: var(--font-cursive) !important;
  color: white;
  text-align: center !important;
  margin-top: 0 !important;
}

.single-testimonial {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(1.6em + 1vw);
  margin-top: calc(1.6em + 1vw);
  border-top: solid 1px white;
}
.single-testimonial .expert-image {
  margin-bottom: 1.3em !important;
}
.single-testimonial .expert-image div, .single-testimonial .expert-image figure {
  display: block;
}
.single-testimonial img {
  clip-path: circle();
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-wrapper {
  padding: 2rem;
}

.testimonial-img {
  width: auto;
}
.testimonial-img img {
  border-radius: 50%;
  border: solid 6px var(--colour-salmon);
  width: 150px !important;
  height: 150px !important;
}

.testimonial-name, .wpforms-head-container {
  font-family: var(--font-cursive);
  font-weight: bold;
  font-size: 1.5em;
}

.testimonial-description {
  font-family: var(--font-sans) !important;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}

.testimonial-text {
  font-family: var(--font-cursive) !important;
  font-size: 1.6em !important;
  line-height: 1.2;
  margin-bottom: 0.8em !important;
}

.featured {
  background-color: #034146;
  color: white !important;
  padding: calc(1em + 4vw) 0;
}
.featured > div {
  width: 88%;
  max-width: var(--page-max-width);
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.featured h2 {
  font-family: var(--font-cursive) !important;
  font-style: italic !important;
  color: white;
  margin-top: 0 !important;
}
.featured .wpb_single_image.vc_align_left {
  text-align: center !important;
}

.featured-info {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.cta-block .vc_column-inner {
  height: 660px;
}

.get-in-touch {
  padding: 0;
}
.get-in-touch .vc_column-inner {
  width: 88%;
  max-width: var(--page-max-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
@media (min-width: 768px) {
  .get-in-touch .cta-block {
    width: 45%;
    margin-right: 5%;
  }
}
.get-in-touch h2 {
  font-family: var(--font-cursive) !important;
  font-style: italic !important;
}
body[data-path^=b2b] .wpforms-container {
  border-top: solid 15px #034146 !important;
  border-left: solid 15px #034146 !important;
  padding: 1.3em !important;
  position: relative !important;
  background-color: white !important;
}
@media (min-width: 768px) {
  body[data-path^=b2b] .wpforms-container {
    padding: 3em !important;
  }
}
body[data-path^=b2b] .wpforms-head-container {
  padding: 0 !important;
}
body[data-path^=b2b] input[type=radio] {
  border: 0 !important;
}

.contact-details {
  display: flex;
  bottom: 0;
  position: absolute;
  width: 80%;
}
.contact-details p {
  font-family: var(--font-cursive) !important;
}
.contact-details a {
  font-family: initial;
  color: black;
}

@media all and (max-width: 555px) {
  .contact-details div {
    width: 100% !important;
  }
}
/** ====================================================================================================================
 *                                                    B2B Home
 */
body[data-path=b2b-home] h1 {
  display: block !important;
  margin-top: 1em;
  font-size: calc(2.5em + 1vw);
}

.b2b-home-header {
  background-color: #034146;
  height: 200px;
  display: flex;
  justify-content: space-between;
  padding: 3.5em 4vw;
  color: white;
  text-transform: uppercase;
  margin-bottom: 2vw;
}
.b2b-home-header img {
  width: auto;
  object-fit: cover;
}
.b2b-home-header a {
  color: white;
}
.b2b-home-header a:first-of-type {
  padding-right: 1em;
}

.user-profile {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 2em;
}
.user-profile p {
  font-size: 1.4em !important;
  font-family: inherit !important;
}

.user-info {
  display: flex;
}

.user-acc {
  height: fit-content;
}

.profile-pic {
  border-radius: 50%;
  border: solid 6px var(--colour-salmon);
  width: 150px !important;
  height: 150px !important;
}
@media (max-width: 680px) {
  .profile-pic {
    display: block !important;
  }
}

body[data-path=b2b] h2.vc_custom_heading,
body[data-path=b2b-home] .wpb_wrapper > h2 {
  font-family: var(--font-cursive) !important;
  font-style: italic !important;
  font-size: calc(1.725rem + 0.8vw);
  text-align: center;
  margin-top: 1.4em;
}

body[data-path^=b2b] hr + h2 {
  margin-top: 0.5em !important;
}

.has-padding {
  padding: 4em;
}

.has-v-margins {
  margin-top: 3vw;
  margin-bottom: 3vw;
}

.max-width {
  width: 88%;
  max-width: var(--page-max-width);
  margin-left: auto;
  margin-right: auto;
}

.b2b-welcome {
  width: 88%;
  max-width: var(--page-max-width);
  margin-left: auto;
  margin-right: auto;
}

@media all and (max-width: 400px) {
  .b2b-welcome {
    width: 80%;
  }
}
/** ---------------------------------------------------------------
 * E Guides
 */
.e-guides hr:first-child {
  margin-bottom: 0 !important;
}
.e-guides h2 {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

.e-guide-container {
  font-size: 14px !important;
  font-family: var(--font-sans) !important;
  position: relative;
}
.e-guide-container h3 {
  font-size: 2.2em;
  font-family: var(--font-cursive);
  font-style: italic;
  margin-top: 0;
}
.e-guide-container p {
  line-height: 24px;
}

@media all and (max-width: 1170px) {
  .e-guide-container h2 {
    font-size: 2em;
    margin-bottom: 0.5em !important;
  }
}
.e-guide-img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.e-guide-download button {
  font-size: 1em !important;
  border-radius: 0;
  position: absolute;
  bottom: 0px;
}
.e-guide-download button:hover {
  background: var(--colour-salmon) !important;
}
.e-guide-download a {
  color: white;
  font-weight: normal;
}

@media all and (max-width: 680px) {
  .e-guide-download button {
    position: unset;
    width: 80%;
  }
}
/** ---------------------------------------------------------------
 * Event giveaways
 */
.white-event-section .category {
  color: var(--colour-primary);
  font-family: var(--font-sans);
  font-size: 1em;
  text-transform: uppercase;
}

body[data-path^=b2b] .event-giveaway-inner {
  width: 88%;
  max-width: var(--page-max-width);
  margin-left: auto;
  margin-right: auto;
}
body[data-path^=b2b] .event-giveaway-inner > div {
  padding: 0 !important;
}
body[data-path^=b2b] .event-giveaway-inner .blog-top-ban-podcast-inner {
  max-width: none;
}
body[data-path^=b2b] .event-giveaway-inner .blog-top-ban .blog-l-text-out {
  padding-left: 0;
}

/** ---------------------------------------------------------------
 * Black videos section
 */
/** ---------------------------------------------------------------
 * Testimonials
 */
@media (max-width: 767px) {
  .single-testimonial {
    width: 100%;
  }
  .featured .vc_row.vc_column-gap-35 {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.8em;
  }
  .featured .vc_row.vc_column-gap-35::before, .featured .vc_row.vc_column-gap-35::after {
    display: none;
  }
  .featured .vc_row.vc_column-gap-35 .vc_column_container,
  .featured .vc_row.vc_column-gap-35 .vc_column-inner {
    padding: 0;
  }
}
/** ---------------------------------------------------------------
 * Responsive changes
 */
@media all and (max-width: 680px) {
  .b2b-home-header img {
    width: auto;
    display: none;
  }
  .b2b-home-header a {
    font-size: 10px;
  }
  .b2b-home-header .user-acc {
    margin-left: 1em;
  }
  .user-profile {
    width: auto;
  }
}
.cta-form-field input {
  border: 0 !important;
  border-bottom: solid 1px black !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  background-color: transparent !important;
}
.cta-form-field input::placeholder,
.cta-form-field label,
.cta-form-field legend {
  opacity: 1 !important;
  color: black !important;
  font-weight: 500 !important;
}

.cta-form-btn {
  font-size: 1em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  font-weight: normal;
  color: white !important;
  width: 70% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  background: var(--colour-salmon) !important;
}

.cta-form-btn::hover {
  background-color: var(--colour-salmon) !important;
}

.half-bottom-border::after {
  width: 166px;
  height: 13px;
  background: var(--colour-salmon);
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 7px) 50%, 100% 100%, 0% 100%);
  position: absolute;
  display: inline-block;
  content: "";
  transform: rotate(180deg);
  bottom: -13px;
  right: -1px;
}

.half-right-border::before {
  width: 166px;
  height: 12px;
  background: var(--colour-salmon);
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 7px) 50%, 100% 100%, 0% 100%);
  position: absolute;
  display: inline-block;
  content: "";
  transform: rotate(270deg);
  bottom: 64px;
  right: -90px;
}

@media all and (max-width: 767px) {
  .testimonial-row {
    display: flex;
    flex-wrap: wrap;
  }
  .img-col {
    display: inline-flex;
    flex: 0 40%;
  }
  .info-col {
    display: inline-flex;
    flex: 0 45%;
  }
  .quote {
    flex: 0 0 100%;
  }
  .cta-block .vc_column-inner {
    height: 100%;
  }
  .contact-details {
    display: block;
    position: unset;
  }
  body[data-path^=b2b] .hero .btn-row .b2b-cta {
    width: 100%;
  }
  body[data-path^=b2b] .hero .btn-row .b2b-log-in {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
header[role=banner] .social-icons {
  -ms-transform: translate(0%, -50%);
  /* -webkit-transform: translate(0%, -50%); */
  /* transform: translate(0%, -50%); */
  right: 20px;
  /* left: 50%; */
  top: 10px;
  position: absolute;
}
@media (max-width: 500px) {
  header[role=banner] .social-icons {
    display: none;
  }
}

header[role=banner] .social-icons a {
  width: 25px;
  height: 25px;
  display: inline-block !important;
  padding: 0 0.4em;
  margin: 0;
  text-align: center;
  margin-right: 0.2em;
}

header[role=banner] .header-buttons {
  -ms-transform: translate(0%, -50%);
  /* -webkit-transform: translate(0%, -50%); */
  /* transform: translate(0%, -50%); */
  right: 0;
  /* left: 50%; */
  bottom: 10px;
  position: absolute;
}

header[role=banner] .header-buttons a {
  border: 1px solid #22223c;
  color: #22223c;
  text-transform: uppercase;
  width: 100px;
  font-size: 10pt;
  padding: 5px 10px;
  font-weight: 600;
}

header[role=banner] .header-buttons a:hover {
  opacity: 0.5;
  background: #efefef;
}

@media (max-width: 645px) {
  header[role=banner] .social {
    text-align: center;
  }
}
#navbar {
  width: 100%;
  max-width: unset;
  position: fixed;
  top: 0;
  z-index: 999;
  height: 130px;
  background-color: rgba(0, 0, 0, 0.4);
}

#block-dftheme-main-menu {
  position: absolute;
  right: 0;
  bottom: 0;
}

#block-dftheme-account-menu {
  position: absolute;
  right: 100px;
  top: 14px;
  font-size: 8pt;
}

header[role=banner] .ad-item img {
  max-height: 150px;
  width: auto;
  margin: 0 auto;
}

.head-acc {
  position: absolute;
  right: 2em;
  top: 1.5em;
}

.head-acc a span {
  color: black;
  font-size: 10pt;
  display: inline-block;
  font-weight: 500;
  vertical-align: middle;
}

.head-acc a:first-of-type {
  margin-right: 10px;
}

.head-acc a img {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

.head-sub {
  width: 25%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 2em;
  top: 1.5em;
}

.head-sub a:hover {
  opacity: 0.8;
}

.head-sub a span {
  color: black;
  font-size: 10pt;
  display: inline-block;
  font-weight: 500;
  vertical-align: middle;
}

.head-sub a img {
  display: inline-block;
  width: 15px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.sub-pop-btn span {
  color: var(--colour-salmon) !important;
}

.header-ribbon {
  padding: 6px 11px;
  background-color: var(--colour-salmon);
  margin-right: 1em;
}
.header-ribbon a {
  display: inline-block;
  color: white;
  padding: 5px 10px;
  border: solid 2px white;
  font-size: 13px;
  text-transform: uppercase;
  top: 22%;
  position: relative;
}
.header-ribbon::after {
  content: "";
  width: 55px;
  height: 100%;
  top: 0;
  left: 100%;
  background: var(--colour-salmon);
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 20px) 50%, 100% 100%, 0% 100%);
  position: absolute;
  display: inline-block;
}

.menu-posts > h2 {
  color: var(--colour-salmon);
  font-size: 14pt;
  font-family: var(--font-cursive);
  font-style: italic;
}

.menu-posts > .menu-posts-outer > a > h4 {
  color: var(--colour-salmon);
  font-size: 1em;
  margin-top: 1.5em;
  font-family: var(--font-sans);
}

#menu-posts-main-mob {
  display: none !important;
}

@media (max-width: 1000px) {
  .menu-posts {
    display: none;
  }
  #menu-posts-main-mob {
    display: block !important;
  }
}
.menu-posts > .menu-posts-outer > a {
  margin: 1%;
  padding: 1.5em;
  background: white;
  padding-right: calc(1.5em + 8px);
}

.menu-posts > .menu-posts-outer > a > h3 {
  text-transform: none !important;
  font-size: 12pt !important;
  text-align: left !important;
  color: black !important;
  line-height: 14pt;
  font-family: var(--font-cursive);
}

.menu-posts > .menu-posts-outer > a > .blog-post-img {
  /*   border: 1px solid #e8e8e8;  */
  box-shadow: 8px 8px #3b1527;
  position: relative;
}

.sub-menu .sub-menu .menu-posts {
  display: none;
}

#menu-posts-main-mob > a {
  margin: 1%;
  padding: 1.5em;
  background: white;
  padding-right: calc(1.5em + 8px);
  max-width: 270px;
}

.menu-mainmenu-container > ul > li > ul {
  margin-top: 0;
  border-bottom: 1px solid #e8e8e8 !important;
  border-top: 1px solid #e8e8e8 !important;
}
@media (min-width: 1000px) {
  .menu-mainmenu-container > ul > li > ul {
    left: 0;
    position: fixed;
    right: 0;
    padding: 2em;
    background: #faf9f4;
  }
}
@media (min-width: 1000px) {
  .menu-mainmenu-container > ul > li > ul .menu-mainmenu-container > ul > li > ul > li {
    float: left;
    width: 30%;
    clear: left;
  }
  .menu-mainmenu-container > ul > li > ul .menu-mainmenu-container > ul > li > ul > li .menu-mainmenu-container > ul > li ul li a:not(.menu-posts a) {
    width: auto !important;
    display: inline !important;
  }
}

@media (min-width: 1000px) {
  .menu-posts {
    float: right !important;
    width: 70% !important;
    max-width: unset;
  }
  .menu-posts > .menu-posts-outer > a {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    white-space: break-spaces !important;
    background: white;
  }
  .menu-posts > .menu-posts-outer > a:nth-child(3),
  .menu-posts > .menu-posts-outer > a:nth-child(4) {
    display: none;
  }
}
@media (min-width: 1200px) {
  .menu-posts > .menu-posts-outer > a {
    display: inline-block;
    vertical-align: top;
    width: 31.333%;
    white-space: break-spaces !important;
  }
  .menu-posts > .menu-posts-outer > a:nth-child(3) {
    display: inline-block;
  }
}
@media (min-width: 1500px) {
  .menu-posts > .menu-posts-outer > a {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    white-space: break-spaces !important;
  }
  .menu-posts > .menu-posts-outer > a:nth-child(4) {
    display: inline-block;
  }
}
.menu-mainmenu-container ul li ul li ul li a {
  padding-left: 30px;
  text-transform: uppercase;
}

.menu-mainmenu-container > ul > li.menu-item-has-children > a {
  padding-right: 16px;
  background: url(/wp-content/themes/lighttheme/images/icons/submenu-lvl-1.png);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: right center;
  margin-right: 10px;
}

@media (max-width: 570px) {
  .header-buttons {
    display: none;
  }
}
@media (min-width: 62.5em) {
  #menu-mainmenu > li > a {
    line-height: 100px;
  }
}
@media (max-width: 400px) {
  .logo {
    padding: 5px !important;
    height: auto !important;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    height: 64% !important;
  }
  header[role=banner] .social-icons a {
    margin-right: 0 !important;
  }
}
.page-header-outer:after {
  background: #2c2c2c;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  content: " ";
  /* background: rgb(34 34 60 / 65%) !important; */
  opacity: 0.6;
  display: none;
}

@media (min-width: 0px) {
  /*
  nav div > ul > li > ul > li > ul{
  left: unset !important;
  position: relative !important;
  float: none;
  height: 0;
  visibility: hidden;
      display: block !important;
  }*/
}
.page-header-outer123::after {
  position: absolute;
  content: " ";
  display: block;
  left: -5%;
  bottom: -50px;
  transform: rotate(-1deg);
  width: 110%;
  height: 94px;
  z-index: 2;
  background: white;
}

.head-outer {
  position: relative;
}

header[role=banner] {
  font-size: 1rem;
  height: 80px !important;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 10;
  transition: background ease-in 0.5s;
  background: rgb(250, 249, 244) !important;
}

.side-contact {
  font-size: 1rem;
  height: 50px;
  right: 0;
  padding: 5px 10px 5px 10px;
  position: absolute;
  top: 200px;
  width: 70px;
  margin-top: -20px;
  background: rgba(0, 61, 106, 0.6);
  border-radius: 10px 0 0 10px;
  display: none;
  cursor: pointer;
  color: white;
  height: 80px;
  z-index: 0;
}

.side-contact:hover {
  background: #2062ae;
}

.side-contact img {
  display: block;
}

.head-contact {
  cursor: pointer;
  font-size: 1rem;
  height: 40px;
  left: 16px;
  padding: 5px;
  position: absolute;
  top: 50%;
  width: 40px;
  margin-top: -20px;
}

.m-menu {
  cursor: pointer;
  font-size: 1rem;
  height: 40px;
  left: 12px;
  padding: 5px;
  position: absolute;
  top: 20px;
  width: 40px;
  /* margin-top: -2px;*/
}

.phone-head {
  cursor: pointer;
  font-size: 1rem;
  height: 40px;
  right: 16px;
  padding: 5px;
  position: absolute;
  top: 50%;
  width: 40px;
  margin-top: -41px;
}

.phone-head span {
  display: none;
}

.phone {
  cursor: pointer;
  font-size: 1rem;
  height: 40px;
  right: 16px;
  padding: 5px;
  position: absolute;
  top: 50%;
  width: 40px;
  margin-top: -20px;
}

.logo {
  display: block;
  height: 100%;
  width: auto;
  vertical-align: middle;
  padding: 32px 0;
  margin: 0 auto;
}
@media (max-width: 500px) {
  .logo {
    padding: 5px;
  }
}

/********* INSIGNTS PAGE ********/
.insights-header {
  height: 300px;
  background: url("/resources/themes/simple/images/banner.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
}

/********* RESOURCES PAGE ********/
.resources-header {
  height: 300px;
  background: url("/resources/themes/simple/images/banner.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
}

.page-header-outer {
  height: 300px !important;
  width: 100%;
  position: relative;
  background: #faf9f4;
}

.home-header1 {
  position: relative;
  top: 0;
  left: 0;
  background: url("/resources/themes/simple/images/banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  /*max-width:1280px;*/
  margin: 0 auto;
  display: block;
  /*height:450px;*/
  overflow: hidden;
}

.home-header-text {
  /*position: relative;
    top: 130px;
    left: 30px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 2em;*/
  position: relative;
  margin: 0 auto;
  margin-top: 155px;
  width: 90%;
  max-width: 1280px;
  padding-top: 2em;
  padding-bottom: 2em;
  /*text-align:center;*/
}
.home-header-text h1 {
  color: white;
  font-size: 2em;
  margin-bottom: 0.5em;
  width: 90%;
  margin: 0 auto;
}
.home-header-text strong {
  font-weight: bold;
}
.home-header-text span {
  font-weight: lighter;
}
.home-header-text p {
  font-size: 1.4em;
  color: white;
  /*max-width:320px;*/
  margin-top: -20px;
  margin-left: 250px;
}

@media (max-width: 550px) {
  .page-header-outer {
    height: 210px !important;
  }
}
@media (min-width: 1000px) {
  .menu-mainmenu-container {
    width: 100%;
    height: auto;
  }
  header nav {
    width: 100%;
    height: 50px;
    left: 0px;
    right: 0px;
  }
  header nav #menu-mainmenu {
    margin-right: 0;
    width: 100%;
  }
  header nav div > ul > li {
    display: inline-block !important;
  }
  header nav div > ul > li:not(:last-of-type) {
    position: relative;
  }
  header nav div > ul > li:not(:last-of-type):after {
    content: "|";
    font-weight: 100;
    color: white;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: -9px;
    font-size: 14pt;
    display: none;
  }
  header nav div > ul > li > a {
    line-height: 45px !important;
  }
  nav div > ul li a {
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 0.1px;
    font-weight: 500 !important;
  }
}
.header-text h1 {
  text-shadow: none;
  position: relative !important;
  bottom: unset !important;
  height: auto;
  color: white;
  font-weight: lighter;
  margin-bottom: 1em !important;
  max-width: 1000px;
  left: 0;
  right: 0;
  /* margin: 0 auto !important; */
  margin-bottom: 1em !important;
  /* width: 90%; */
  font-size: 28pt !important;
  margin-top: 178px !important;
  color: var(--colour-salmon);
  text-align: center;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-style: italic;
  display: table;
  margin: 0 auto;
}

.page-header-outer {
  height: auto !important;
}

header[role=banner] .ad-item {
  max-width: 700px;
  margin: 0 auto;
  display: block;
  padding: 1em;
}

.ad-item {
  max-width: 1280px;
  margin: 0 auto;
  display: block;
  padding: 1em;
}

.ad-item:hover {
  opacity: 0.8;
}

header[role=banner] {
  height: auto !important;
}

.spotlight-sign {
  left: 9px;
  top: 9px;
  margin-top: 0;
  display: none;
}

/**************************************************************
******************         HEADER          *******************
**************************************************************/
.head-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

@media (max-width: 1000px) {
  .logo {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    max-width: 300px;
    width: 100%;
    height: auto !important;
  }
  .head-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    height: 80px;
    max-height: 80px;
  }
  .m-menu {
    cursor: pointer;
    font-size: 1rem;
    height: 40px;
    left: 12px;
    padding: 5px;
    position: absolute;
    top: unset;
    width: 40px;
    /* margin-top: -2px; */
    position: absolute;
    left: 22px;
    bottom: 20px;
  }
}
@media (max-width: 800px) {
  .head-acc a span, .head-sub a span {
    display: none;
  }
  .head-acc a img, .head-sub a img {
    margin-right: 0;
    margin-left: 0;
  }
  .head-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    height: 80px;
    max-height: 80px;
  }
  .m-menu {
    cursor: pointer;
    font-size: 1rem;
    height: 40px;
    left: 12px;
    padding: 5px;
    position: absolute;
    top: unset;
    width: 40px;
    /* margin-top: -2px; */
    position: absolute;
    left: 22px;
    bottom: 20px;
  }
}
.header-search {
  position: relative;
  width: 100%;
  background: #faf9f5;
  padding: 7px;
  display: none;
  max-height: 50px;
  margin-top: 52px;
  z-index: 1;
}

.header-search .is-search-form {
  margin-bottom: 0;
  padding-right: 40px !important;
}

.header-search-inner {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}
.header-search-inner .header-ribbon {
  display: block;
  position: relative;
  right: initial;
  top: initial;
  margin-top: 0.7em;
  width: fit-content;
  box-sizing: border-box;
}

.h-search-close {
  position: absolute;
  width: 25px;
  right: 24px;
  top: 5px;
  cursor: pointer;
}

@media (max-width: 1000px) {
  .header-search .is-search-form {
    margin-left: 0;
  }
  .header-search-mobile {
    display: block;
    margin-top: 0;
    width: calc(100% - 40px);
    padding: 1em;
    max-width: 400px;
    max-height: initial;
  }
  .header-search-mobile .h-search-close {
    display: none;
  }
  .head-sub, .header-ribbon {
    display: none;
  }
  .mobile-nav-subscibe {
    display: block;
  }
  .head-acc {
    position: absolute;
    right: 2em;
    top: 30px;
  }
}
.client-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 300px;
  width: 100%;
  margin-left: -151px;
  border: 1px solid #efefef;
  padding: 1em;
  background: white;
  z-index: 10;
  height: 455px;
  margin-top: -227.5px;
  border-radius: 5px;
}

.client-popup img {
  width: 100%;
  max-width: 200px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.popup-txt {
  height: 160px;
  font-size: 0.7em;
  overflow-y: scroll;
  overflow-x: none;
  margin-top: 1em;
  margin-bottom: 2em;
  line-height: 1.4em;
  text-transform: capitalize;
}

.client-popup input {
  border-style: solid;
  border-width: 1px;
  color: white;
  background-color: #4a4a49;
  border-color: rgb(74, 74, 73);
  font-weight: bold;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  margin-top: 0.5em;
  padding: 0.7em 2.1em 0.7em 2.1em;
  -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: normal !important;
}

.popup-controls {
  position: relative;
  height: 26px;
}

.clients-page-banner .flexslider {
  padding: 1em 1.5em 0 1.5em;
}

.clients-page-banner #carousel .flex-viewport .slides li {
  display: inline-block;
  margin: 0px;
  width: auto !important;
}

.clients-page-banner {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.client-section-banner {
  width: 29.333%;
  float: left;
  margin: 2%;
  padding: 2%;
  margin-bottom: 1em;
  cursor: pointer;
}

.client-section-banner:hover {
  background: rgba(0, 0, 0, 0.05);
}

.client-section-banner span, .client-section-banner div {
  display: none;
}

.client-section-banner span {
  font-size: 0.6em;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 1.5em;
  height: 70px;
  margin-top: 1.5em;
  text-transform: capitalize;
}

.clients-page-banner .flex-viewport, .clients-page-banner #carousel {
  margin: 0 !important;
  padding: 0 !important;
}

.clients-page-banner #carousel {
  padding-bottom: 1em !important;
}

#carousel .flex-direction-nav {
  display: none;
}

.client-year-btn {
  background: #efefef;
  padding: 0.5em;
  border: 1px solid #b1b1b1;
  border-radius: 10px;
  color: #8e8e8e;
  /* font-weight: 700; */
  margin-top: 1em;
  margin: 0 auto;
  display: table;
  line-height: normal;
  font-size: 1em;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.client-year-btn:hover {
  background: white;
}

.flex-active-slide .client-year-btn {
  background: #e6f1fd;
}

.client-section, .client-section-home {
  width: 48%;
  float: left;
  margin: 1%;
  cursor: pointer;
}

.client-section span, .client-section div {
  display: none;
}

.banner ol, .flex-control-nav ol {
  list-style: none !important;
}

/* portfolio 
------------------------------------------*/
h1 + .columns.portfolio {
  margin-top: 0;
}

.portfolio h2 {
  border-bottom: 1px solid #dfdfdf;
  font-weight: 300;
  font-size: 1.846em;
}

.columns.portfolio {
  margin-bottom: 0;
}

.columns.portfolio > div.filters {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0 0 2em;
  color: #999;
  font-size: 0.923em;
}

.columns.portfolio > div.filters:first-child {
  margin-top: 0;
}

.columns.portfolio > h2:first-child {
  margin-top: 0;
}

.columns.portfolio + .columns.portfolio {
  margin-top: 0;
}

.portfolio .filters p {
  float: left;
  margin: 0 5px 0 0;
}

.portfolio .filters ul {
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.portfolio .filters ul li {
  float: left;
  margin: 0;
}

.portfolio .filters ul a {
  float: left;
  padding: 0 5px;
  color: var(--colour-medium-grey);
}

.portfolio .filters ul a:hover {
  color: var(--colour-orange);
}

.portfolio .filters ul a.selected {
  background: var(--colour-orange);
  color: white;
}

.portfolio article {
  display: inline-block;
  margin-bottom: 30px;
}

.portfolio article h3, .home .portfolio article h3 {
  margin: 0.5em 0;
  border-bottom: none;
  font-size: 1.385em;
}

.portfolio article h3 a {
  color: var(--colour-medium-grey);
}

.portfolio article h3 a:hover {
  color: var(--colour-orange);
}

.portfolio article p {
  margin: 0;
  color: #999;
}

.portfolio article > div {
  position: relative;
  overflow: hidden;
}

.portfolio article div div {
  display: none;
}

.portfolio article div:hover div,
.portfolio article div.item-selected div {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255, 132, 0, 0.8);
  text-align: center;
}

.portfolio article div ul {
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 3;
  top: 50%;
  list-style: none;
  margin: -20px auto 0;
  padding: 5px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
}

.portfolio article div ul li {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 0;
}

.portfolio article div ul li:first-child {
  margin-left: 0;
}

.portfolio article div ul li a {
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  margin: 0;
  background: url("/images/actions.png");
  text-indent: -500em;
  vertical-align: middle;
}

.portfolio article div ul li a.view {
  background-position: 0 0;
}

.portfolio article div ul li a.go {
  background-position: -34px 0;
}

.portfolio article p {
  line-height: 1.3em;
}

.col1 .img {
  float: left;
  width: 64%;
  margin-right: 4%;
}

.portfolio article.col1 h3 {
  font-size: 1.538em;
}

.portfolio article.col1 p {
  margin: 1.5em 0;
}

.expert-text {
  background: white;
  margin: 1.5em;
  margin-top: -110px;
  padding: 2em 3em;
  position: relative;
}

.expert-inner h2 {
  margin-top: 0 !important;
  text-align: center;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-size: 18pt !important;
  color: black;
}

.expert-inner h3 {
  color: var(--colour-salmon);
  font-size: 10pt !important;
  letter-spacing: 0.16px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0 !important;
  margin-bottom: 1.5em !important;
}

.expert-inner p {
  text-align: center;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-size: 10pt !important;
}

.button-expert {
  padding: 10px 15px;
  display: table;
  background: black;
  text-align: center;
  color: white;
  margin: 0 auto;
  width: 100%;
}

.expert-outer .slick-center {
  transform: scale(1.11);
  z-index: 1;
  background: #6c6b6a;
}

.expert-outer .slick-center {
  transform: scale(1.11);
  z-index: 1;
  background: #6c6b6a;
}

.experts-page-cara .expert-outer .slick-center {
  background: none !important;
}

.vid-pod-page-cara .expert-outer .slick-center {
  background: transparent;
}

.expert-outer .slick-slide {
  margin: 0;
  padding: 1em;
  position: relative;
  padding-top: 4em;
  padding-bottom: 4em;
}

.expert-entry {
  overflow: hidden;
}

.expert-outer .slick-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.57);
}

.expert-outer .slick-center:after {
  display: none;
}

.expert-outer .slick-list {
  margin: 0 !important;
}

.expert-outer .expert-summary {
  margin: 1em;
  margin: 2%;
  width: 96% !important;
  position: relative;
}

.expert-summary.tpl-gci img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.expert-outer .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* display: flex; */
  /* flex-direction: row; */
  display: grid;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}

.expert-outer .slick-track .slick-slide {
  height: auto;
  float: unset;
}

.expert-outer > h2,
.category-outer > h2 {
  text-align: center;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-size: 28pt !important;
  margin-top: 1em;
  margin-bottom: 1em;
  font-style: italic;
}

.expert-outer > h2 {
  color: black;
}

.expert-outer .slick-prev, .expert-outer .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 28%;
  display: block;
  width: 35px !important;
  height: 35px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: white;
  display: block !important;
}

.expert-outer .slick-prev {
  background: url(/wp-content/themes/lighttheme/images/caro-left.jpg) !important;
  background-size: cover !important;
  background-position: center !important;
  left: 33.2% !important;
}

.expert-outer .slick-next {
  background: url(/wp-content/themes/lighttheme/images/caro-right.jpg) !important;
  background-size: cover !important;
  background-position: center !important;
  right: 33.2% !important;
}

.experts-top-ban-bg {
  background: #034045;
  left: -1em;
  right: -1em;
  top: 100px;
  height: calc(100% - 99px + 1em);
  display: block;
  position: absolute;
  z-index: 0;
}

.expert-top-outer {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 2em;
  text-align: center;
}

.expert-top-outer h1 {
  border-bottom: 1px solid #efefef;
  padding-bottom: 0.5em;
  max-width: 530px;
  margin: 0 auto;
  margin-bottom: 0.5em;
}

.expert-top-outer .blog-l-text-out {
  z-index: 1;
}

.exprets-de-out {
  background: #f2f1ed;
  padding: 1.5em;
  margin-bottom: 1.5em;
  border-radius: 10px;
  position: relative;
  margin-top: 4em;
}

.exprets-de-out h2 {
  text-align: left;
  font-size: 20pt !important;
  line-height: 22pt !important;
  font-style: italic;
}

.exprets-de-out table h3 {
  color: var(--colour-salmon);
  font-size: 10pt !important;
  letter-spacing: 0.16px;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0 !important;
}

.exprets-de-out table {
  table-layout: fixed;
  width: 100%;
}

.exprets-de-out table tr td {
  padding: 0.5em;
}

.exprets-de-out table .social-links-ex {
  text-align: left;
  padding: 0;
}

.experts-top-content {
  max-width: 926px !important;
  width: 90%;
}

.exprets-de-out .visit-links-ex a, .exprets-de-out .visit-links-ex a:hover {
  padding: 1em 2em !important;
  display: block;
  text-transform: uppercase;
  background: #e8826d;
  color: white;
}

.button-expert-share, .button-expert-share:hover {
  background: transparent !important;
  border: 1px solid #e8826d;
  color: #e8826d !important;
}

.exprets-de-out .visit-links-ex .button-expert:hover {
  opacity: 0.8;
  color: initial !important;
}

.exprets-de-out .social-links-ex a {
  width: 20px;
  height: 20px;
}

.exprets-de-out table tr td p {
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
}

.post-main-content p,
.post-main-content ul li,
.post-main-content ul ol {
  font-family: var(--font-serif);
}

.experts-page-head {
  background: black;
  padding: 0.5em;
}

.experts-page-head h2 {
  color: white;
  font-style: italic;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  text-align: center;
  font-size: 18pt !important;
}

.experts-page-cara {
  padding: 1em 1em;
  margin-bottom: 2em;
  position: relative;
  background: rgba(0, 0, 0, 0.77);
}

.experts-page-cara .expert-outer {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

.experts-page-cara:after {
  content: "";
  background: rgba(0, 0, 0, 0.77);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 6;
  display: none;
}

.experts-page-cara .expert-outer .expert-text {
  margin-top: 0 !important;
  background: none !important;
  padding: 1em 0em;
}

.experts-page-cara .expert-outer .slick-center {
  transform: scale(1.21);
  z-index: 9;
  opacity: 1 !important;
  /* padding-left: 0;
   padding-right: 0; */
  margin-top: 2em;
}

.experts-page-cara .expert-outer .slick-center .expert-summary {
  /*  margin: 0 !important;*/
}

.experts-page-cara .expert-outer .slick-track .slick-slide {
  height: auto;
  float: unset;
  opacity: 0.4;
}

.experts-page-cara .expert-outer .slick-slide:after {
  display: none;
}

.experts-page-cara .expert-outer .slick-next {
  right: 0 !important;
}

.experts-page-cara .expert-outer .slick-prev {
  left: 0 !important;
}

.experts-page-cara .expert-outer .expert-inner h2 {
  color: white !important;
}

.experts-page-cara .expert-outer .slick-center .button-expert {
  background: var(--colour-salmon);
  color: black;
}

.footerlogo {
  margin: 0 !important;
  max-width: 200px;
  margin-top: 2em !important;
}

.expert-vid-text {
  background: black;
  padding: 3em;
}

.expert-vid-sec {
  max-width: 332px;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-right: 1em;
}

.expert-vid-sec .blog-l-img {
  margin-top: unset;
  max-height: unset;
}

.expert-txt-sec {
  max-width: 490px;
  display: inline-block;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.expert-vid-text-inner {
  max-width: 900px;
  margin: 0 auto;
}

.expert-txt-sec > h3 {
  color: var(--colour-salmon);
  font-size: 10pt !important;
  letter-spacing: 0.16px;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0 !important;
}

.expert-txt-sec p {
  color: white;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-size: 12pt;
}

.exprets-de-out table tr td hr {
  background: none !important;
  margin-top: 1.5em;
  margin-bottom: 1em;
  border-color: #cecece !important;
  border: 0;
  border-bottom: 1px solid;
  margin-bottom: 0;
}

.expert-inner h2 {
  font-size: 15pt !important;
  line-height: 19pt !important;
  margin-bottom: 1em;
}

.ex-car-pop {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  padding: 1em;
  display: none;
  z-index: 1;
  overflow: hidden;
}

.category-summary:hover .ex-car-pop {
  display: block;
}

.category-outer .slick-list .ex-car-pop-inner {
  background: rgba(0, 0, 0, 0.77);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ex-car-pop-inner-close {
  position: absolute;
  top: 21px;
  right: 30px;
  font-size: 14pt;
  cursor: pointer;
}

.light-col .ex-car-pop-inner-close {
  color: white !important;
}

.match-expert-outer {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

.match-expert-text, .match-expert-img {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 2%;
}

.match-expert-text {
  background: black;
}

.match-expert-text-inner {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  width: 90%;
  max-width: 300px;
}

.match-expert-text-inner h3 {
  color: white;
  font-family: var(--font-cursive);
  margin-top: 0 !important;
  font-style: italic;
  font-size: 22pt !important;
}

.match-expert-text-inner .button-expert {
  padding: 10px 15px;
  display: table;
  background: var(--colour-salmon);
  text-align: center;
  color: black;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  background: var(--colour-salmon);
  margin-top: 2em;
  text-transform: uppercase;
  max-width: 230px;
}

.exprets-de-circle {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  font-size: 12px;
  color: white;
  text-align: center;
  position: absolute;
  top: 0;
  right: -50px;
  margin-right: 50px;
  margin-top: -50px;
  z-index: 2;
}

.exprets-de-circle p {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  color: black;
  text-transform: uppercase;
  font-size: 8pt !important;
}

.exprets-de-circle p.light-text, .exprets-de-circle p.light-text span {
  color: white;
}

.exprets-de-circle p span {
  font-family: var(--font-cursive);
  text-transform: capitalize;
  font-size: 10pt;
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.5px;
}

.experts-page-cara .expert-inner p {
  color: white;
}

.experts-page-cara .expert-outer > h2 {
  z-index: 9;
  position: relative;
  margin-top: 0;
  color: white;
  margin-bottom: 3em;
}

.experts-page-cara .expert-outer .button-expert {
  border: 1px solid black;
}

.experts-page-cara .expert-outer .slick-center .button-expert {
  border: 1px solid black;
}

.experts-page-cara .slick-slide {
  visibility: hidden !important;
}

.experts-page-cara .slick-active {
  visibility: visible !important;
}

h3.expert-quote-h3 {
  color: white;
  font-style: italic;
  font-family: var(--font-cursive);
  font-size: 18pt !important;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

@media (max-width: 900px) {
  .expert-outer .slick-next {
    right: 1.5% !important;
  }
  .expert-outer .slick-prev {
    left: 1.5% !important;
  }
  .blogs-loop.vid-dark .blog-nor-full {
    margin: 0;
  }
}
@media (max-width: 750px) {
  .exprets-de-out table tr td {
    display: block;
  }
}
.expert-outer .slick-center {
  transform: scale(1.084);
  z-index: 1;
  background: transparent;
}

.expert-outer .slick-track {
  overflow: visible;
  /*align-items: center;*/
}

.expert-entry {
  overflow: visible;
  margin-top: 5em;
  margin-bottom: 5em !important;
}

.expert-outer .slick-slide {
  padding: 0.6em;
  padding-top: 0em;
  padding-bottom: 0em;
}

.blog-tpl-31 img[src*="/uploads"],
.blog-tpl-39 img[src*="/uploads"] {
  aspect-ratio: 4/3;
  object-fit: cover;
}

.faq-outer1 table tr td {
  padding: 0.5em;
  vertical-align: top;
  font-size: 14pt;
  line-height: 1.6em;
  color: #888;
}

.faq-outer1 table tr td img {
  width: 200px;
  min-width: 200px;
}

.faq-outer1 table tr td strong {
  display: block;
}

@media (max-width: 600px) {
  .faq-outer1 table tr td {
    width: 100%;
    display: block;
  }
  .faq-outer1 table tr td img {
    width: 200px;
    min-width: 200px;
    margin: 0 auto;
  }
}
.faq-outer ul {
  background: none;
  padding: unset;
}

.faq-outer {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 2em;
}

.faq-outer ul {
  padding: 0 !important;
  list-style: none !important;
}

.faq-outer ul li {
  list-style: none !important;
  margin-bottom: 1em;
  border: 1px solid #efefef;
  padding: 1em;
  position: relative;
  padding-right: 60px;
  background-position: left 28px;
  background-image: none !important;
}

.faq-outer ul li p {
  margin-bottom: 0 !important;
}

.faq-outer ul li > p {
  font-size: 14pt !important;
  font-weight: 500;
  color: #525252;
}

.faq-outer ul li > h4 {
  font-size: 16pt !important;
  font-weight: 500;
  color: #0b0a09;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.faq-outer ul li span p {
  display: none;
  margin-top: 1em;
}

.faq-outer ul li {
  cursor: pointer;
}

.faq-btn {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/wp-content/themes/lighttheme/images/icons/submenu.png);
  background-color: #17120d !important;
  height: 100%;
  width: 50px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.faq-btn-open {
  position: absolute;
  top: 0;
  right: 0;
  background: url(/wp-content/themes/lighttheme/images/icons/submenu-close.png);
  background-color: #81672a !important;
  height: 100%;
  width: 50px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/**************************************************************
******************         FOOTER           *******************
**************************************************************/
footer[role=banner] {
  font-size: 10pt;
  background: rgb(49, 49, 49);
  padding: 1em;
  padding-top: 3em;
  padding-bottom: 70px !important;
  margin-bottom: 5px !important;
  max-width: 1280px;
  margin: 0 auto;
}

footer img {
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
}

.footer-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}

footer a:active,
footer a:link,
footer a:visited {
  color: black;
  text-transform: uppercase;
  font-weight: 500;
}

footer a:hover {
  color: #7eabc9;
}

.copyright {
  font-size: 0.8em;
  color: white;
  text-align: center;
  clear: both;
}

.footer-tel {
  font-size: 1.7em;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.footer-email {
  font-size: 1.1em;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.ourwebsite {
  text-align: center;
  display: block;
  margin: 0 auto;
}

.footer-nav {
  text-align: center;
}

.footer-nav li {
  list-style: none;
  display: inline-block;
  padding: 0.5em 1em 0.5em 1em;
}

footer .social-icons {
  text-align: center;
  margin-top: 1em;
}

footer .social-icons:after,
footer .social-icons:before {
  content: "";
  display: table;
}

footer .social-icons:after {
  clear: both;
}

footer .social-icons a {
  width: 17px;
  height: 17px;
  display: inline-block;
  padding: 0 0.4em;
  margin: 0;
  text-align: center;
  margin-right: 0.1em;
  text-transform: lowercase;
}

.footer-ttl {
  color: var(--colour-salmon) !important;
  font-size: 18pt;
  line-height: 22pt;
  text-transform: none !important;
  max-width: 440px;
  border-bottom: 4px solid var(--colour-salmon);
  padding-bottom: 14px;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-style: italic;
  margin-top: 0;
  position: relative;
  text-align: left;
}

h3.footer-ttl {
  margin-top: 0 !important;
}

.footer-links ul li:nth-child(3) a:not(.floating-footer .footer-links ul li:nth-child(3) a) {
  background-image: url(/wp-content/themes/lighttheme/images/subscribe-blk.png);
  background-size: 22px;
  background-position: right center;
  background-repeat: no-repeat;
  display: inline-block;
  padding-right: 30px;
}

.footer-links ul li:nth-child(4) a:not(.floating-footer .footer-links ul li:nth-child(4) a) {
  background-image: url(/wp-content/themes/lighttheme/images/account.png);
  background-size: 22px;
  background-position: right center;
  background-repeat: no-repeat;
  display: inline-block;
  padding-right: 30px;
}

.footer-ttl:after {
  border-width: 2px;
  border-color: var(--colour-salmon) transparent var(--colour-salmon) var(--colour-salmon);
  content: "";
  position: absolute;
  border-style: solid;
  bottom: -4px;
  right: -4px;
}

.footer-ttl:before {
  border-width: 2px;
  border-color: var(--colour-salmon) var(--colour-salmon) var(--colour-salmon) transparent;
  content: "";
  position: absolute;
  border-style: solid;
  bottom: -4px;
  left: -4px;
}

.footer-links li {
  text-transform: uppercase;
  padding: 0.1em;
}

@media (max-width: 900px) {
  .footer-links {
    margin-top: 1em;
    margin-bottom: 2em;
  }
  .footer-links li {
    padding: 0.1em;
  }
  footer .menu-footermenu-container, footer .menu {
    text-align: center !important;
  }
  .footer-links a {
    margin: 0 auto;
  }
}
footer .menu {
  padding: 0 !important;
}

.footer-outer {
  background: white;
}

.footer-outer h3 {
  color: white;
  text-transform: uppercase;
}

footer[role=banner] {
  padding-bottom: 100px !important;
}

.footer-outer .hp-split {
  border-bottom: 70px solid #253448 !important;
  /* padding-top: 3em; */
  background: #253448;
}

.footer-outer .hp-split-in {
  background: #253448;
}

.age-18-plus-footer {
  max-width: 900px;
  margin: 0 auto;
  font-size: 8pt;
}

.age-18-plus-footer span {
  background: #ec2027;
  padding: 0.5em 0.5em;
  border-radius: 50%;
  margin-right: 0.5em;
  font-weight: 600;
}

@media (min-width: 900px) {
  footer .social-icons {
    text-align: left !important;
  }
}
.footer-links a {
  font-size: 11pt;
  text-transform: capitalize;
  padding: 4px;
  display: inline-block;
}

.copyright-text {
  width: 100%;
  /* padding: 1em; */
  background: #313131;
  text-align: center;
  color: white;
  /* border-top: 1px solid #080808; */
  padding-bottom: 1em;
  padding-top: 1em;
  font-size: 8pt;
}

.copyright-text span a {
  color: white;
  display: inline-block;
  padding: 5px;
}

footer table {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

footer table tr td {
  vertical-align: middle;
  padding: 2.5em 2em;
  vertical-align: top;
}

footer table tr:nth-child(2) td:nth-child(2) {
  vertical-align: bottom;
  text-align: right;
}

footer table tr td img {
  max-width: 320px;
  height: auto;
  margin: 30px 0 0 !important;
  margin-bottom: 1em !important;
}

@media (max-width: 900px) {
  footer table tr td img {
    height: auto;
    margin: 0 !important;
    margin-bottom: 1em !important;
    margin: 0 auto !important;
    margin-bottom: 1em !important;
  }
  footer table tr td, footer table tr td a, footer table tr td p {
    display: block !important;
    text-align: center;
  }
  footer table tr td a {
    display: inline-block !important;
  }
  footer .social-icons {
    text-align: center !important;
    width: unset !important;
    margin-top: 1em;
  }
}
footer .social-icons a:last-child {
  margin-right: 0;
}

@media (max-width: 700px) {
  footer section.bottom p {
    text-align: center;
    float: none !important;
  }
  footer .social-icons {
    clear: both;
    float: none;
    text-align: center;
  }
  footer section p {
    text-align: center;
  }
}
footer[role=banner] {
  color: #878787;
  background: rgb(49, 49, 49);
  color: black;
  font-weight: 500;
}

footer a {
  color: #ebebeb;
}

footer a:hover {
  color: #aeaeae;
}

footer section {
  overflow: hidden;
  margin: 0 auto;
  max-width: 940px;
}

footer section.bottom {
  overflow: hidden;
  padding: 20px 0;
  border-top: 1px solid #575757;
  color: #999;
  font-size: 0.923em;
}

.boxed footer section.bottom {
  padding: 20px 0;
}

footer section.bottom p {
  float: left;
  margin: 0 0 1em;
  font-size: 0.917em;
}

footer nav.social {
  float: right;
  margin: 0;
}

footer nav.social ul {
  float: right;
  overflow: hidden;
  margin: 0;
}

footer nav.social ul li {
  float: left;
  margin-left: 8px;
}

footer article {
  display: inline-block;
  width: 22.75%;
  margin: 0 0 25px 3%;
  font-size: 0.923em;
  vertical-align: top;
}

footer article:nth-of-type(4n-3) {
  margin-left: 0;
}

footer article h3 {
  margin-bottom: 1em;
  font-weight: normal;
  border-bottom: 1px solid #575757;
  color: #efefef;
  font-size: 1.5em;
  font-weight: 300;
}

footer article h3 span {
  display: inline-block;
  margin-bottom: -1px;
  padding: 8px 0;
  border-bottom: 0px solid var(--colour-orange);
}

footer article ul {
  list-style: none;
}

footer article ul li {
  margin: 0 0 0.5em;
  line-height: 1.3em;
}

footer article.widget_photos ul li {
  display: inline-block;
  margin: 0 3px 6px 0;
}

footer article.widget_links ul li:before {
  float: left;
  overflow: hidden;
  width: 7px;
  margin-right: 7px;
  content: "—";
  color: #747474;
}

footer article.tagcloud a {
  padding: 0 2px;
}

footer article input {
  width: 66.3%;
  margin-right: 5px;
  padding: 5px 3%;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 1.167em;
  vertical-align: top;
  color: #777;
}

footer article button {
  width: 40px;
  height: 28px;
  padding: 0;
  border-radius: 3px;
  line-height: 17px;
  vertical-align: top;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
  text-align: center;
}

@media (max-width: 800px) {
  footer article {
    width: 48.5%;
  }
  footer article:nth-of-type(2n-1) {
    margin-left: 0;
  }
}
@media (max-width: 400px) {
  footer article {
    width: 100%;
    margin-left: 0;
  }
}
footer .social a.email {
  background-position: 0 -30px;
}

footer .social a.facebook {
  background-position: -32px -30px;
}

footer .social a.twitter {
  background-position: -64px -30px;
}

footer .social a.pinterest {
  background-position: -96px -30px;
}

footer .social a.rss {
  background-position: -128px -30px;
}

footer .social a.linkedin {
  background-position: -160px -30px;
}

footer .social a.flickr {
  background-position: -192px -30px;
}

footer .social a.vimeo {
  background-position: -224px -30px;
}

footer .social a.blogger {
  background-position: -256px -30px;
}

footer .social a.tumblr {
  background-position: -288px -30px;
}

footer .social a.skype {
  background-position: -320px -30px;
}

footer .social a.behance {
  background-position: -352px -30px;
}

footer .social a.googleplus {
  background-position: -384px -30px;
}

footer .social a.youtube {
  background-position: -416px -30px;
}

footer .social a.dribble {
  background-position: -448px -30px;
}

footer .social a.instagram {
  background-position: -480px -30px;
}

footer .social a.picasa {
  background-position: -512px -30px;
}

footer .social a.github {
  background-position: -544px -30px;
}

footer .social a.stumbleupon {
  background-position: -576px -30px;
}

footer .social a.lastfm {
  background-position: -608px -30px;
}

@media (max-width: 550px) {
  footer nav.social {
    float: none;
    clear: both;
  }
  footer nav.social ul {
    float: none;
    text-align: center;
  }
  footer nav.social ul li {
    float: none;
    display: inline-block;
  }
  footer nav.social ul li a {
    display: inline-block;
    float: none;
  }
  footer section.bottom p {
    float: none;
    text-align: center;
  }
}
footer h3.t01, footer h3.t02, footer h3.t03, footer h3.t04, footer h3.t05, footer h3.t06, footer h3.t07, footer h3.t08, footer h3.t09, footer h3.t10 {
  margin: 2em 0 1em;
  color: #efefef;
}

footer h3.t01 {
  border-bottom: 1px solid #575757;
  font-weight: 300;
  font-size: 1.385em;
}

footer h3.t01 span {
  margin-bottom: -1px;
  padding: 0 0 10px;
  border-bottom-width: 1px;
}

footer h3.t02 {
  padding-bottom: 10px;
  border-bottom: 1px solid #575757;
  font-weight: 300;
  font-size: 1.385em;
}

footer h3.t03 {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--colour-orange);
  font-weight: 300;
  font-size: 1.385em;
}

footer h3.t04 {
  border-bottom: 1px solid #575757;
  font-weight: 300;
  font-size: 1.385em;
}

footer h3.t04 span {
  margin-bottom: -1px;
  padding: 0 0 10px;
  border-bottom-width: 1px;
}

footer h3.t05 {
  border: none;
  font-weight: 300;
  font-size: 1.385em;
}

footer h3.t06 {
  border: none;
  font-size: 1.385em;
  text-transform: uppercase;
}

footer h3.t07 {
  border-bottom: 1px solid #575757;
  font-weight: 300;
  font-size: 1.385em;
}

footer h3.t07 span {
  margin-bottom: -1px;
  padding: 0 0 10px;
  border-bottom-width: 1px;
}

footer h3.t08 {
  border-bottom: 1px solid #575757;
  font-weight: 300;
  font-size: 1.385em;
}

footer h3.t08 span {
  margin-bottom: -1px;
  padding: 0 0 10px;
  border-bottom-width: 1px;
}

footer h3.t09 {
  border-bottom: 1px solid #575757;
  font-size: 1.385em;
  text-transform: uppercase;
}

footer h3.t09 span {
  margin-bottom: -2px;
  padding: 0 0 10px;
  border-bottom: 1px solid #dfdfdf;
}

footer h3.t10 {
  padding-bottom: 10px;
  border-bottom: 4px double #575757;
  font-size: 1.385em;
  text-transform: uppercase;
}

footer .menu-footermenu-container {
  position: relative !important;
  width: 100%;
  right: unset;
  height: auto;
  bottom: unset;
  text-align: left;
  flex-wrap: wrap;
  /* display: flex; */
  text-align: center;
}

.floating-footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  padding: 15px 10px;
  background: white;
  border-top: 1px solid rgba(112, 112, 112, 0.1);
  z-index: 9;
}

.floating-footer .footer-links li {
  display: inline-block;
}

.floating-footer .footer-links li a {
  text-transform: uppercase;
  font-size: 8pt;
  color: black;
  font-weight: 500;
}

.floating-footer .footer-links, .floating-footer > span {
  display: inline-block;
}

.floating-footer > span {
  text-align: right;
  float: right;
  font-size: 8pt;
  color: black;
  font-weight: 500;
}

.floating-footer-hide {
  display: none !important;
}

footer table tr:nth-child(2) td:nth-child(2) span {
  display: table;
  margin: 0 auto;
  text-align: center;
}

.footer-mobile {
  display: none;
}

@media (max-width: 900px) {
  .footer-outer h3 {
    margin-bottom: 1em;
  }
  .expert-outer .slick-next {
    right: 15.5% !important;
  }
  .expert-outer .slick-prev {
    left: 15.5% !important;
  }
  footer .menu-footermenu-container, footer .menu {
    text-align: left !important;
  }
  footer table tr td, footer table tr td a, footer table tr td p {
    text-align: left !important;
  }
  footer .social-icons {
    text-align: left !important;
  }
  footer table tr td {
    padding: 1em 2em;
  }
  .footer-desk {
    display: none;
  }
  .footer-mobile {
    display: block;
  }
}
@media (max-width: 550px) {
  .floating-footer .footer-links li, .floating-footer > span {
    display: none;
  }
  .floating-footer .footer-links li:nth-child(1), .floating-footer .footer-links li:nth-child(3) {
    display: inline-block;
  }
  .floating-footer .footer-links {
    margin: 0 auto;
    display: table;
  }
  .blog-top-ban-podcast {
    padding: 1em;
  }
  .blog-top-ban .blog-l-text h2 {
    text-align: center;
    font-size: 16pt !important;
    line-height: 19pt !important;
    max-width: 300px;
  }
}
#menu-footermenu-2, footer table tr:nth-child(2) td:nth-child(2) span {
  margin: unset !important;
}

.footer-desk span {
  margin-left: auto !important;
  padding: 4px;
  display: inline-block !important;
  padding-left: 0;
}

.footer-links.footer-desk {
  max-width: 220px;
  margin-left: auto;
}

.experts-loop .blog-nor {
  margin-bottom: 5em;
  max-width: 280px;
  background: white;
  position: relative;
  margin-left: 4.5em;
  margin-right: 4.5em;
}

.footer-insider .post-follow-us {
  margin-bottom: 0 !important;
}

.floating-footer .footer-links ul li:nth-child(3) a {
  background-image: url(/wp-content/themes/lighttheme/images/subscribe-blk.png);
  background-size: 14px;
  background-position: right center;
  background-repeat: no-repeat;
  display: inline-block;
  padding-right: 20px;
  margin-right: 5px;
}

.map_container {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  display: block;
}

.map_container img {
  display: block;
  max-width: 100%;
  height: auto;
}

.map-marker {
  position: absolute;
  font-size: 15px;
  text-shadow: 1px 1px 1px black;
  text-decoration: none;
  color: #ff0004;
  opacity: 0.9;
}

.map-marker span {
  position: relative;
  color: white;
  font-size: 14px;
  display: none;
  visibility: hidden;
}

.map-marker .hov-txt {
  position: absolute;
  background: #efefef;
  display: block;
  margin-left: 10px;
  padding: 5px;
  color: #58585a;
  text-shadow: none;
  top: 0;
  left: 1px;
  min-width: 200px;
  display: none;
  z-index: 3;
  visibility: visible;
}

.map-marker:hover .hov-txt {
  display: block;
}

.map-marker:before {
  content: "\f111";
  font-family: "FontAwesome";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
}

.map-gen-pins a {
  /*width: 30px !important;
  height: 33px !important; */
  background-image: url(/wp-content/themes/lighttheme/images/icons/map-pin.png);
  position: absolute;
  z-index: 2;
  width: 1.54%;
  height: 3.45%;
}

.map-header-ou {
  text-align: center;
  /* padding: 3em 1em !important; */
  background: white !important;
  border-bottom: 0 !important;
  position: relative;
}

.map-img-para {
  background: url(/wp-content/themes/lighttheme/images/map-scroller.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background: url(/wp-content/themes/lighttheme/images/map-scroller.jpg) 50% 10% repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.map-header-ou img {
  visibility: hidden !important;
  opacity: 0 !important;
}

.map-header-ou h2 {
  text-align: center;
}

.home-map-image {
  max-width: 1300px;
  margin: 0 auto;
  padding: 2em 0;
  opacity: 0.7;
}

@media (min-width: 600px) {
  .map-pop-img {
    max-width: 35% !important;
    height: auto;
    margin: 0 auto;
    display: block;
    float: left;
    margin-top: 2em;
  }
  .map-pop-text {
    max-width: 63%;
    margin-left: 2%;
    float: left;
  }
}
.the-blog-itm1 {
  text-align: center;
}

.the-blog-itm1 .home-blog-itm {
  float: none !important;
  display: inline-block;
  margin: 0.5%;
}

.map-sectors {
  background: #cb4146;
  text-align: center;
}

.map-sectors ul li {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  padding: 1em 0.5em;
  color: white;
  font-size: 11pt;
}

.map-sectors ul li.sel, .map-sectors ul li:hover {
  background: #bd2a30;
}

.scope-images img {
  width: 48%;
  display: inline-block;
}

@media (min-width: 900px) {
  .scope-images img {
    width: 23%;
    display: inline-block;
  }
}
.scope-images {
  text-align: center;
  margin-top: 4em;
}

.scope-images br {
  display: none;
}

.gm-style .gm-style-iw-c {
  padding: 2em !important;
}

.gm-style .gm-style-iw-c button {
  top: 6px !important;
  right: 6px !important;
  border: 1px solid #efefef;
  border-top: 1px solid #efefef !important;
}

.map-wrapper {
  margin-top: 2em;
}

.map-wrapper, .map {
  height: 350px;
  border-radius: 1em;
  /* border: 1px solid #ec2027; */
  overflow: hidden;
  box-shadow: 0px 0px 12px 0px #3e3e3e;
}

.logo-ani {
  max-width: 150px;
  margin: 0 auto !important;
  left: unset !important;
}

@media (min-width: 600px) {
  .logo-ani {
    max-width: 350px;
  }
}
#loc-map {
  height: 250px;
}

.map-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}

.map-header-ou h3 {
  position: absolute;
  top: 30%;
  width: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  color: white !important;
  font-size: 35pt !important;
  padding: 1em;
}

@media (max-width: 550px) {
  .map-header-ou h3 {
    font-size: 18pt !important;
  }
}
.tmm_member {
  width: 47%;
  margin: 1%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e9e9e9;
  box-shadow: 1px 1px 19px #efefef;
  display: inline-block;
  vertical-align: top;
  border-radius: 1em;
  overflow: hidden;
}

.tmm_sociallink img {
  width: 30px;
  height: 30px;
}

@media (min-width: 450px) {
  .tmm_member {
    width: 47%;
  }
  .tmm_sociallink img {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 700px) {
  .tmm_member {
    width: 31%;
  }
}
@media (min-width: 1000px) {
  .tmm_member {
    width: 22%;
  }
}
@media (min-width: 1000px) {
  .tmm_member {
    width: 22%;
  }
}
.tmm_textblock {
  padding: 1em;
  text-align: center;
}

.tmm_wrap, .tmm_scblock {
  text-align: center;
}

.tmm_sociallink {
  display: inline-block;
  margin-top: 1em;
}

.tmm_sociallink:hover {
  opacity: 0.8;
}

.tmm_names {
  margin-bottom: 0.5em;
  font-weight: 700;
}

.tmm_job {
  font-size: 10pt;
}

/*
Theme Name: MultiPurpose
Author: ThemeMotive
Author URI: http://thememotive.com/
Version: 1.0
*/
.team-content {
  width: 60%;
  float: left;
}

@media (max-width: 700px) {
  .team-content {
    width: 100%;
  }
  .team-contact {
    width: 98%;
    float: left;
    max-width: 400px;
    margin-left: 0;
  }
}
.team-contact-inner h3 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.team-contact-inner {
  padding: 0 1em;
}

.team-contact-inner1 {
  padding: 0 1em;
  background: #e8e8e8;
}

.team-contact-inner1 ul {
  font-size: 11pt;
}

.team-contact-inner1 h3 {
  margin: 0;
  padding: 0.5em 0;
}

.team-contact-inner1 {
  margin-bottom: 0 !important;
  padding-bottom: 1em;
}

.team-contact table {
  background: white !important;
  margin-bottom: 1em !important;
}

.team-contact table tr td {
  vertical-align: middle;
  padding: 0 0.2em;
}

.team-contact table tr td:first-child {
  padding: 0;
}

.team-header-item {
  position: relative;
  margin-bottom: 1.5em;
}

.team-header-item img {
  width: 100%;
  height: auto;
}

.team-info-outer {
  position: absolute;
  bottom: 2em;
  left: 2em;
  padding: 2em;
  background: rgba(0, 0, 0, 0.5);
}

.team-info-outer h1, .team-info-outer h2 {
  color: white;
  margin: 0 !important;
}

@media (max-width: 700px) {
  .team-info-outer h1 {
    font-size: 1.6em !important;
  }
  .team-info-outer h2 {
    font-size: 1.3em !important;
  }
}
@media (max-width: 400px) {
  .team-info-outer h1 {
    font-size: 1.3em !important;
  }
  .team-info-outer h2 {
    font-size: 1.1em !important;
  }
}
@media (min-width: 1420px) {
  .backline-section a:not(.read-more-blog), .thid-item {
    width: 31% !important;
  }
}
.team-info-outer h1 {
  margin-bottom: 0.5em !important;
}

.team-item {
  width: 31.333%;
  float: left;
  margin: 1%;
}

.team-text h3 {
  font-size: 1.5em;
  font-weight: 500;
  text-align: left;
}

.team-text h4 {
  font-size: 1.3em;
  font-weight: 400;
  text-align: left;
  margin-top: 0;
  color: #9d9d9c;
}

.team-item img {
  width: 100%;
  height: auto;
  display: block;
}

/* team page */
.team h3 {
  margin: 0.75em 0 0;
  font-weight: 300;
  font-size: 1.538em;
}

.team p.position {
  margin: 0;
  color: #999;
  font-size: 0.769em;
  text-transform: uppercase;
}

.team ul.social {
  margin: 1em 0;
}

.team ul.social li {
  margin: 0 5px 0 0;
}

.team .img-border img {
  width: 100%;
  max-width: 100%;
}

.team.col2 .img-border {
  float: left;
  margin: 0 20px 0 0;
}

.team.col1 .img-border {
  float: left;
  width: 60%;
  max-width: 600px;
  margin: 0 40px 0 0;
}

.team.col2 h3, .team.col1 h3 {
  margin-top: 0;
}

.team.col4 h3 {
  font-size: 1.385em;
}

.team.col1 h3 {
  font-size: 1.846em;
}

.team.col1 p {
  overflow: hidden;
}

.team.col2 ul.social, .team.col1 ul.social {
  margin: 1.5em 0;
}

@media (max-width: 800px) {
  .team.col1 .img-border {
    margin-right: 20px;
  }
  .team.col2 .img-border {
    float: none;
  }
  .team.col2 h3 {
    margin-top: 1em;
  }
  .team.col4 h3 {
    font-size: 1.538em;
  }
}
@media (max-width: 600px) {
  .team.col1 .img-border {
    float: none;
    width: 100%;
  }
  .team.col1 h3 {
    margin-top: 1em;
    font-size: 1.538em;
  }
}
.people-outer .post-text {
  background: #0760ab !important;
  border-top: unset !important;
  border-radius: 0;
}

.people-outer .post-text h2 {
  font-size: 18pt !important;
  line-height: 23pt !important;
  color: white !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.people-outer .button-blog-list {
  background: none !important;
  border-radius: 0 !important;
}

.people-outer .post-text p {
  color: white !important;
  font-size: 11pt;
  text-align: left !important;
  margin-bottom: 5px !important;
}

.team-outer .wpb_text_column h3 {
  font-size: 15pt !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-weight: 100;
  text-align: center !important;
  border-bottom: 5px solid var(--colour-salmon);
  font-style: italic;
  color: black;
  line-height: 30pt !important;
  margin-top: 0 !important;
}

.team-outer {
  background: #F3F9F8;
  text-align: center;
  padding: 2em;
}

.team-outer .wpb_text_column p:not(.team-outer .wpb_text_column p strong) {
  text-align: center !important;
  font-family: var(--font-serif);
  font-size: 11pt !important;
}

.team-outer .wpb_text_column strong {
  text-align: center !important;
  font-size: 8pt;
}

.team-outer .wpb_content_element {
  margin-bottom: 10px;
}

.team-outer .wpb_column:not(.team-outer-header .wpb_column) {
  max-width: 350px;
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 1em;
}

.comment-respond .comment-form-url {
  display: none;
}

/*
.post-main-content h2 em, .post-main-content h3 em, .post-main-content h4 em, .post-main-content h5 em{
    font-size: 140%;
    font-weight: 600;
}
*/
.event-giveaway-inner .blog-top-ban .blog-l-text h2 {
  font-size: 26pt !important;
  line-height: 28pt !important;
}

@media (max-width: 1000px) {
  .menu-posts > .menu-posts-outer > a > .blog-post-img {
    max-width: 200px;
  }
}
.hp-offices .panel-grid-cell {
  max-width: 250px;
  background: #121314;
  padding: 2em !important;
  margin: 1em;
  margin-bottom: -3em;
}

.hp-offices {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: nowrap;
  -ms-justify-content: space-between;
  justify-content: center !important;
  padding: 3em 3em 0em 3em;
}

.hp-offices p {
  color: #c6b29b;
}

.people-outer-pg .post-summary {
  float: none !important;
}

@media (max-width: 1280px) {
  .banner-iframe-content video {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
    margin: 0 auto;
    object-fit: cover;
  }
}
.people-entry, .people-outer {
  background: white !important;
}

.people-socials a {
  display: inline-block;
  max-width: 30px;
  margin: 5px;
}

.people-home-outer {
  background: #f8f8f8;
  padding: 3em 0;
}

.people-back {
  max-width: 1280px;
  margin: 0 auto;
}

.blg-dt-out {
  position: absolute;
  top: 0;
  border-radius: 8px;
  overflow: hidden;
  margin-top: -15px;
  left: 1.5em;
  display: none;
}

.blg-dt-out span:first-of-type {
  display: block;
  text-align: center;
  background: #111;
  color: white;
  text-transform: uppercase;
  font-size: 20pt;
  font-weight: 600;
  padding: 10px 15px;
}

.blg-dt-out span:last-of-type {
  display: block;
  text-align: center;
  background: #393939;
  color: white;
  text-transform: uppercase;
  font-size: 12pt;
  font-weight: 600;
  padding: 3px 15px;
}

.main-content-outer {
  background: #faf9f5;
}

.blog-listings-page-outer {
  text-align: center;
}

.blog-listings-page-outer .post-summary {
  float: none !important;
  display: inline-block;
  max-width: 300px !important;
  width: 90% !important;
  vertical-align: top;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
}

.blog-home-page .post-text {
  background: white !important;
  border-top: unset !important;
}

.blog-home-page .post-text h2 {
  color: #121314 !important;
  text-align: center !important;
}

.blog-home-page .post-text p {
  color: #333e48 !important;
  text-align: center !important;
}

.blog-home-page .button-blog-list {
  font-size: 11pt !important;
  display: block !important;
  text-align: center !important;
  color: white !important;
  line-height: 20pt;
  /* text-decoration: underline; */
  border: 1px solid white;
  display: table !important;
  margin: 0 auto;
  padding: 2px 20px;
  background: #121314;
  border-radius: 6px;
}

.blog-home-page .button-blog-list:hover {
  opacity: 0.8;
}

.our-sponsors_loop table tr td, .media_partner_loop table tr td {
  width: 100%;
  display: block;
  max-width: unset !important;
  padding: 0 !important;
  text-align: center;
}

.our-sponsors_loop, .media_partner_loop {
  width: 276px !important;
  margin: 1%;
  float: none !important;
  display: inline-block;
  padding: 0 !important;
  text-align: center;
}

.our-sponsors_loop .oth-strip-in h3, .media_partner_loop .oth-strip-in h3 {
  margin-bottom: 0 !important;
}

.our-sponsors_loop .oth-strip-lnk, .media_partner_loop .oth-strip-lnk {
  display: none;
}

.our-sponsors_loop .oth-strip-in {
  padding: 0 !important;
}

.our-sponsors_loop img, .media_partner_loop img {
  max-height: 120px !important;
}

.our-sponsors_loop h3, .media_partner_loop h3 {
  text-transform: none !important;
  font-size: 15pt !important;
}

.advisory_board_loop {
  width: 98% !important;
}

.advisory_board_loop table {
  table-layout: fixed;
}

.advisory_board_loop table tr td:first-of-type {
  max-width: 150px !important;
}

.advisory_board_loop .oth-strip-itm1 table tr td {
  vertical-align: top !important;
}

.awards-cta {
  background: #dae8e2;
  padding: 2em;
}

.awards-cta-inner {
  max-width: 900px;
  margin: 0 auto;
}

.no-bdr {
  border: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 900px) {
  .awards-cta-inner {
    padding-right: 200px !important;
  }
}
@media (max-width: 600px) {
  .awards-cta-inner a, .home-text-sec a {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    margin-bottom: 1em !important;
  }
}
@media (max-width: 850px) {
  .awards_loop {
    width: 96% !important;
  }
}
.awards_loop {
  background: url(/wp-content/themes/lighttheme/images/awards-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 !important;
  border: 1px solid #015b3f;
}

.awards_loop table tr td:first-of-type {
  display: none;
}

.awards_loop table tr td {
  padding: 0 !important;
}

.awards_loop .oth-strip-in {
  display: block;
  /*margin-top: 3em;*/
  margin-bottom: 7em;
  background: white;
  padding: 1em 1em 1em 0 !important;
}

.awards_loop .oth-strip-in .oth-strip-lnk {
  position: absolute !important;
}

.awards_loop .oth-strip-in h3, h1.award-h1 {
  text-transform: none !important;
  text-shadow: none !important;
  color: #6fb640 !important;
  border-left: 15px solid #015b3f;
  padding-left: 0.5em;
  margin-bottom: 0 !important;
  font-size: 30pt !important;
  line-height: 32pt !important;
}

.award-h1-aft {
  content: "";
  width: 25%;
  height: 7px;
  background: #015b3f;
  display: block;
  margin-left: 3em;
  margin-top: 1em;
  margin-bottom: 2em;
}

.awards_loop .oth-strip-in:after {
  content: "";
  width: 25%;
  height: 7px;
  background: #015b3f;
  display: block;
  margin-left: 3em;
  margin-top: 1em;
}

.award-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: black;
  opacity: 0.2;
  visibility: hidden;
}

.awards_loop:hover .award-overlay {
  visibility: visible;
}

.awards_loop .oth-strip-lnk {
  position: absolute !important;
  bottom: 2em;
  right: 2em;
  text-transform: uppercase;
  color: white;
  background: url(/wp-content/themes/lighttheme/images/lnk-img.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 40px;
  font-size: 12pt;
  letter-spacing: 2px;
}

.home-text-sec a, .awards-cta-inner a {
  background: #9e1d22;
  color: white;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
  margin: 5px 0;
  border-radius: 5px;
}

.home-text-sec a:hover, .awards-cta-inner a:hover, a.big-btn:hover {
  background: #6a358f !important;
}

.home-text-sec a:last-of-type, .awards-cta-inner a:last-of-type {
  background: #888;
  margin-left: 1em;
}

.home-text-sec a, .awards-cta-inner a, a.big-btn {
  background: #9e1d22;
  color: white;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
  margin: 5px 0;
  border-radius: 5px;
  font-size: 14pt;
}

.side-part-info .awards-cta-inner {
  padding-right: 0 !important;
  width: 100%;
}

.side-part-info a:first-of-type {
  margin: 0 auto;
  display: block;
  text-align: center;
}

.blog-home-page-outer {
  background: #f1efef;
  padding: 2em 1em;
  padding-top: 0;
}

.blog-home-page-outer h2 {
  text-align: center;
  color: #121314;
  font-size: 20pt !important;
  font-weight: 600 !important;
}

.blog-home-page {
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .blog-home-page .Blog-blog-item {
    float: none !important;
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}
@media (min-width: 900px) {
  .blog-home-page .Blog-blog-item {
    width: 31.333%;
  }
}
.blog-home-page .Blog-blog-item .post-image, .Blog-blog-item .post-image {
  height: 250px;
  overflow: hidden;
}

.Blog-blog-item h2 {
  font-size: 20pt !important;
  line-height: 21pt !important;
  text-align: left !important;
}

.Blog-blog-item p {
  text-align: left !important;
}

.blog-lst-outer {
  padding: 2em 0;
}

.home-blog-list-inner a:hover .sec-overlay, .home-boxes a:hover .sec-overlay {
  display: block;
}

.home-blog-list-inner .sec-overlay, .home-boxes .sec-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  background-image: url(/wp-content/themes/lighttheme/images/vape-caddy-trans.png);
  background-size: 100px;
  background-position: center;
  display: block;
}

.agy a.btn {
  background: #9e1d22 !important;
  height: auto !important;
}

.post-main-image-blog {
  max-width: 700px;
  margin: 2.7em auto;
  margin-bottom: 2em;
}

.button-blog-list {
  text-decoration: none;
  text-align: left;
  font-size: 12pt;
  display: table;
}

.Blog-blog h1 {
  text-align: left !important;
  padding-bottom: 24px;
  font-size: 22pt !important;
}

.post-date-detail {
  font-size: 14pt !important;
}

.info-box-txt p {
  font-size: 11pt !important;
}

.info-box-txt h3 {
  font-size: 16pt !important;
  margin-top: 0 !important;
  margin-bottom: 0.4em !important;
}

.info-box-txt h4 {
  font-size: 13pt !important;
  margin-bottom: 0.2em !important;
}

.post-date {
  position: absolute;
  top: 2.5em;
  left: 0;
  background: white;
  padding-left: 1em;
  border-left: 3px solid #9e1d22;
  display: table;
  width: auto !important;
  padding-right: 1em;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #1f1f1f !important;
}

.post-summary {
  float: none;
  display: inline-block;
  width: 97.7%;
  background: #f9f9f9;
  border: 1px solid #efefef;
  margin: 1%;
  margin-bottom: 5px;
  position: relative;
  vertical-align: top;
  border-radius: 1em;
}

.post-text {
  padding: 1em;
  background: white;
  border-top: 1px solid #efefef;
}

@media (max-width: 1000px) and (min-width: 600px) {
  .post-summary {
    float: none;
    display: inline-block;
    width: 47.7%;
    background: #f9f9f9;
    border: 1px solid #efefef;
    margin: 1%;
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) {
  .post-summary {
    float: left;
    width: 48%;
    background: #f9f9f9;
    border: 1px solid #efefef;
    margin: 1%;
    margin-bottom: 5px;
  }
}
.projects-home-list-3 .home-blog-itm {
  width: 98% !important;
  float: left;
  margin: 1%;
  border: 1px solid #e6e6e6 !important;
}

.home-blog-itm {
  width: 98%;
}

@media (min-width: 700px) {
  .projects-home-list-3 .home-blog-itm {
    width: 48% !important;
    float: left;
    margin: 1%;
    border: 1px solid #e6e6e6 !important;
  }
  .projects-home-list-3 .home-blog-itm:first-of-type {
    width: 98% !important;
  }
  .home-blog-itm {
    width: 48%;
  }
}
@media (min-width: 1150px) {
  .projects-home-list-3 .home-blog-itm, .projects-home-list-3 .home-blog-itm:first-of-type {
    width: 31.333% !important;
  }
  .home-blog-itm {
    width: 31.333%;
  }
}
.arrow-open-link {
  width: 50px;
  height: 50px;
  background: url(/wp-content/themes/lighttheme/images/icons/arrow-open-link.png);
  background-size: cover;
  display: block;
}

.client-logos {
  position: relative;
}

.blog-no-img {
  max-width: 200px;
  margin: 0 auto;
}

.home-blog-inner {
  text-align: center;
}

.home-blog-inner .post-summary {
  width: 100% !important;
  display: inline-block !important;
  float: none !important;
  vertical-align: top;
  margin: 0 !important;
}

.home-blog-inner .post-summary:first-of-type {
  width: 100% !important;
}

@media (min-width: 500px) {
  .home-blog-inner .post-summary:first-of-type {
    width: 100% !important;
  }
  .home-blog-inner .post-summary {
    width: 49% !important;
  }
}
@media (min-width: 900px) {
  .home-blog-inner .post-summary:first-of-type {
    width: 50% !important;
  }
  .home-blog-inner .post-summary {
    width: 24% !important;
  }
}
.home-blog-inner .post-summary:first-of-type h2 {
  font-size: 20pt !important;
  line-height: 1.5em;
}

.home-blog-inner .post-summary p {
  text-align: left;
}

.home-blog-inner .post-summary .post-date {
  text-align: center;
}

.home-blog-itm {
  float: left;
  margin: 1%;
  border: 1px solid #e6e6e6 !important;
}

.home-blog-list-outer {
  width: 100% !important;
  margin: 0 !important;
  padding: 0.5em;
  background: white !important;
  margin-top: 2em !important;
  margin-bottom: 2em !important;
  /*border-bottom: 1px solid #d5d5d5 !important;
  border-top: 1px solid #d5d5d5 !important;*/
}

.home-blog-list-inner {
  max-width: 1800px;
  margin: 0 auto;
  text-align: center;
}

.home-blog-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2em;
}

.client-logos {
  margin: 0 auto;
  max-width: 1500px;
  text-align: center;
}

.client-logos ul li img {
  display: inline-block;
  max-width: 200px;
  width: 30%;
  padding: 0 2em;
}

@media (min-width: 600px) {
  .client-logos ul li img {
    width: 20%;
  }
}
@media (min-width: 900px) {
  .client-logos ul li img {
    width: 14%;
  }
}
.People-blog .page-left-onethird > img {
  display: none;
}

.blog-entry h1, .blog-entry h2, .blog-entry h3, .blog-entry h4, .blog-entry h5, .blog-entry h6, .blog-entry p {
  /* text-align: center !important;  */
}

.blog-entry .content a img {
  max-width: 300px;
  margin: 0 auto;
  margin-bottom: 2em !important;
  display: block;
}

.People-blog-item p a img {
  max-width: unset !important;
}

.post-summary {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
}

.Testimonials-blog-item a, .Testimonials-blog-item .post-image a {
  cursor: default !important;
}

.Testimonials-blog-item .post-date {
  display: none;
}

.Testimonials-blog-item .a-button {
  display: none;
}

.Testimonials-blog-item .post-image img {
  width: 98.75%;
  margin: 0 auto;
  border: 2px solid #2b97d3;
  border-radius: 50%;
  margin-bottom: 1em;
  max-width: 100px;
  margin-top: 1em;
}

.People-blog-item .post-image a img {
  margin-bottom: 0 !important;
}

.Studies-blog-item .post-date {
  display: none;
}

.site-wrap {
  background-color: #faf9f5;
}

.testimonials-hide {
  display: none;
}

.testimonial {
  margin-bottom: 1.5em;
  padding: 0 1em 0 1em;
  color: #333740;
  max-width: 900px;
  margin: 0 auto;
  font-size: 1.2em;
  line-height: 2em;
  color: #888;
  text-align: center;
}

.testim {
  line-height: 2em;
  font-style: italic;
}

.testim span {
  font-size: 2.5em;
  top: 5px;
  position: relative;
  margin-right: 5px;
  color: #043b64;
  letter-spacing: 2px;
}

.testimAuthor {
  text-align: right;
  font-weight: bold;
  margin-top: 1em;
  color: #043b64;
  letter-spacing: 2px;
}

.p-read-more {
  position: absolute;
  left: 50%;
  /*bottom:25px;*/
  width: 175px !important;
  margin-left: -87.5px !important;
  cursor: pointer;
  display: none !important;
}

.p-read-more-static {
  position: relative;
  bottom: 10px;
  cursor: pointer;
  display: table;
}

.p-read-more:hover {
  color: white;
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

/* blog page
------------------------------------------*/
.main {
  float: left;
  width: 74%;
  max-width: 680px;
}

.home .main {
  width: 63%;
  max-width: 570px;
}

.home aside {
  width: 33%;
  max-width: 300px;
  margin-top: 1em;
}

.home aside section:first-child h3 {
  margin-top: 0;
}

aside section:first-child {
  margin-top: 0;
}

.reverse .main {
  float: right;
}

.reverse aside {
  float: left;
}

.postlist article h2 {
  font-weight: 300;
  line-height: 1.2em;
}

.postlist article h2 a {
  color: var(--colour-medium-grey);
}

.postlist article h2 a:hover {
  color: #999999;
}

.post-meta {
  margin: 0.5em 0 1.5em;
  font-size: 0.846em;
  text-align: center;
}

.post-meta a, .tags a {
  color: var(--colour-medium-grey);
}

.post-meta a:hover, .tags a:hover {
  color: var(--colour-orange);
}

.post-meta a.comment-link {
  padding-left: 25px;
  background: url("/images/icon-comment.png") 10px 50% no-repeat;
  white-space: nowrap;
}

.post-meta span {
  padding: 0 5px;
  color: #ccc;
}

.postlist > .post article {
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
  box-shadow: 5px 5px 5px #dfdfdf;
  padding: 1em;
  margin-top: 20px;
  width: 100%;
}

.postlist > article p.more {
  float: right;
}

.postlist .post p.tags {
  float: left;
  clear: left;
  margin-right: 30px;
  font-size: 0.846em;
}

.postlist > article {
  /*overflow: hidden; */
  margin: 0;
  padding: 0;
  border-bottom: 0px solid #dfdfdf;
  box-sizing: border-box;
}

.postlist > article:first-child {
  padding-top: 0;
}

.postlist h2 {
  margin-bottom: 0;
  border-bottom: 0;
}

.postlist .columns .posts h2 {
  font-size: 1.385em;
}

.postlist .columns .col23.posts article {
  overflow: hidden;
  margin-bottom: 3em;
}

.postlist .columns .col23.posts article h2 {
  font-size: 1.538em;
}

.postlist .columns .col3.posts article {
  overflow: hidden;
  margin-bottom: 2em;
}

.postlist .columns .col3.posts article img {
  width: auto;
}

.postlist .columns .posts .img-border {
  float: left;
  margin-right: 15px;
}

.postlist .columns .posts img + div {
  overflow: hidden;
}

.postlist p.post-meta + p .img-border:first-child {
  margin: 10px 0 15px;
}

.main .post img, .main .page img {
  width: 100%;
  max-width: 680px;
}

.main .post .img.medium, .main .page .img.medium {
  float: left;
  width: 50%;
  max-width: 300px;
  margin-right: 4%;
}

@media (max-width: 800px) {
  .main {
    float: none;
    width: auto;
    max-width: auto;
    margin: 0 0 20px;
  }
  aside {
    float: none;
    width: auto;
    max-width: auto;
    margin: 0 0 20px;
  }
  .home .main {
    width: auto;
    max-width: 100%;
  }
  .home aside {
    width: auto;
    max-width: 100%;
  }
}
/* single page/post content */
.single h1 {
  margin-bottom: 0;
  text-align: center;
}

.single blockquote p {
  margin: 0.5em 0;
}

.single p.tags {
  margin: 2em 0;
  font-size: 0.846em;
}

.single p.share {
  padding: 1em 0;
  border-top: 1px solid #e5e5e5;
}

.single p > img:first-child, .single p > .img-border:first-child {
  margin: 10px 0 15px;
}

/* author box */
.post-author {
  margin: 2em 0;
  padding: 30px;
  border: 1px solid #dfdfdf;
  border-top: 2px solid #747474;
  box-shadow: inset 0 0 10px #f2f2f2;
}

.post-author .img-border {
  float: left;
  margin-right: 20px;
}

.post-author div {
  overflow: hidden;
  font-size: 0.923em;
}

.post-author h3 {
  margin-top: 0;
  color: #999;
  font-size: 1.5em;
}

.post-author h3 a {
  color: var(--colour-medium-grey);
}

.post-author h3 a:hover {
  color: var(--colour-orange);
}

/* comments */
ul.commentlist {
  list-style: none;
  padding: 0;
}

ul.commentlist li {
  margin: 0;
  padding: 15px 0 0 50px;
}

ul.commentlist .comment-body {
  padding: 0 0 15px;
  border-bottom: 1px solid #e5e5e5;
}

.comment-author {
  overflow: hidden;
  margin-left: -50px;
  color: #999;
  font-size: 0.923em;
}

.comment-author .img-border {
  float: left;
  margin: 0 20px 0 0;
}

.comment-author .fn {
  color: var(--colour-medium-grey);
  font-style: normal;
  font-size: 1.083em;
  font-weight: bold;
}

.comment-author a {
  color: #999;
}

.comment-author a.comment-reply-link {
  color: var(--colour-medium-grey);
}

.comment-author a:hover {
  color: var(--colour-orange);
}

.comment-author .sep {
  padding: 0 5px;
}

p.comment-meta {
  margin: 0;
}

.comment-form {
  margin: 2em 0;
}

.comment-form input, .comment-form textarea {
  width: 44%;
  padding: 5px 3%;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.comment-form textarea {
  width: 92%;
  min-width: 92%;
}

.comment-form label {
  padding: 1em 0 0.5em;
}

.comments > h2, .comment-form > h2 {
  border-bottom: 1px solid #dfdfdf;
}

.tag-link-1 {
  font-size: 8pt;
}

.tag-link-2 {
  font-size: 11.4054054054pt;
}

.tag-link-3 {
  font-size: 22pt;
}

/* testimonial
---------------------------------*/
.testimonial > img {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 13px;
}

.testimonial > p {
  margin-top: 0;
  color: var(--colour-medium-grey);
  line-height: 1.3em;
}

.testimonial > p span {
  color: #999;
  font-size: 0.846em;
}

.testimonial > div {
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px solid #dfdfdf;
}

.testimonial > div > p {
  font-style: italic;
}

.testimonial > div > p:first-child {
  background: url("/images/quotes.png") 0 0 no-repeat;
  text-indent: 30px;
}

.testimonial > div > span {
  display: block;
  position: absolute;
  bottom: -14px;
  left: 53px;
  width: 13px;
  height: 14px;
  background: url("/images/testimonial-tip.png") no-repeat;
}

.main.postlist {
  max-width: 100%;
  width: 100%;
}

.single.full-blog-post {
  float: left;
  margin-bottom: 1em;
}

.single.full-blog-post article {
  box-shadow: none;
}

.root.blog-page,
.root.blog-page .content {
  overflow: auto;
}

.full-blog-post .youtube-preview-image {
  display: none;
}

.post .img-border {
  margin-top: 1em !important;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  display: block;
}

.full-post-feat-image {
  margin-top: 1em !important;
  text-align: center;
  margin-left: auto;
  margin-bottom: 2em;
  margin-right: auto;
  max-width: 380px !important;
  display: block;
}

.full-blog-post img {
  width: auto !important;
}

@media (min-width: 600px) {
  /* blog listings page */
  .blog-post-preview.grid-sizer,
  #catblogoutput .post-preview {
    width: 48% !important;
  }
  .blog-post-preview.gutter-sizer {
    width: 2%;
  }
  /* blog detail page */
  .grid-sizer.full-post {
    width: 100%;
  }
  .gutter-sizer.full-post {
    width: 0;
  }
}
@media (min-width: 800px) {
  .newsletter-thumb,
  .brochure-thumb {
    width: 25%;
    float: left;
    padding: 1em;
    box-sizing: border-box;
  }
  .video-thumb {
    width: 50%;
    float: left;
    padding: 1em;
    box-sizing: border-box;
  }
  .blog-page .content > aside {
    clear: left;
    float: none;
    width: auto;
    max-width: 100%;
    margin: 1em 0;
  }
  .blog-page .content > aside section {
    float: left;
    width: 100%;
    margin: 0 0 2em;
  }
  .blog-page .content > aside section:nth-of-type(2n-1) {
    clear: left;
  }
  .blog-page .content > aside section h3 {
    margin-top: 0;
  }
}
@media (min-width: 1000px) {
  /* blog listings page */
  .blog-post-preview.grid-sizer,
  #catblogoutput .post-preview {
    width: 32% !important;
  }
  .blog-post-preview.gutter-sizer {
    width: 2%;
  }
}
.blog-home-page .post-text h2 {
  font-size: 20pt !important;
  line-height: 25pt !important;
}

.blogposts-outer {
  max-width: 900px;
  margin: 0 auto;
}

.blogposts-outer img {
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 2em;
}

.blogposts-outer h1 {
  font-size: 34pt !important;
  color: #0760ab;
  margin-bottom: 1em;
  text-align: center;
}

.blogs-loop {
  background: #FAF9F5;
  text-align: center;
  padding-bottom: 1em;
  flex-grow: 1;
}

.blogs-loop.vid-dark {
  background: black;
  color: white;
  text-align: center;
}
.blogs-loop.vid-dark .blogs-loop-inner {
  display: block;
}

.blog-top-ban .blog-l-img {
  max-height: 600px;
  overflow: hidden;
}
.blog-top-ban .blog-l-img img[src*="/uploads"] {
  aspect-ratio: 4/3;
  object-fit: cover;
}
@media (min-width: 770px) {
  .blog-top-ban .blog-l-img img[src*="/uploads"] {
    height: 600px;
  }
}

.blog-l-img {
  position: relative;
}

.blog-top-ban .blog-l-text-out {
  max-width: 900px;
  margin: 0 auto;
  margin-top: -100px;
  background: white;
  border-top: 5px solid #FEE591;
  padding: 2em 6%;
  position: relative;
  z-index: 1;
  width: 86%;
}

.experts-top-ban .blog-l-text-out {
  width: 100%;
}

.blog-top-ban .blog-l-text {
  max-width: 700px;
  margin: 0 auto;
}

.blog-l-text > p {
  color: black;
  text-align: center;
  font-size: 10pt;
  font-family: var(--font-serif);
  margin-top: 1em;
}

.blog-btns {
  text-align: center;
  color: #a7a7a7;
}

.blog-btns .post-share .post-share-btn {
  text-decoration: none !important;
  color: black;
}

.blog-top-ban {
  width: 100%;
  margin-bottom: 4em;
}

.blog-top-1, .blog-top-2 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 2em;
  margin: 2%;
  max-width: 500px;
  position: relative;
}

.blog-top-2 .blog-l-text {
  z-index: 1;
  display: block;
  position: relative;
}

.blog-top-1 .blog-l-img-out {
  background: url(/wp-content/themes/lighttheme/images/teal-velvet-fabric.jpg);
  background-size: cover;
  padding: 2em;
  margin: 0 auto;
  padding-bottom: 5em;
  margin-bottom: -40%;
  margin-top: 3em;
  width: calc(100% - 50px);
}

.blog-top-1 .blog-l-img-out .blog-l-img {
  margin-top: -3.5em;
  margin-right: -3.5em;
}

.post-type-post.format-normal-2 .blog-l-img img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.post-type-post.format-normal-2 .blog-btns {
  text-align: left;
}

.blog-top-1 .blog-l-text h2 {
  color: white;
  text-align: left;
}

.blog-top-2 .blog-l-text h2 {
  text-align: left;
}

.blog-top-1 .blog-l-text > h3,
.blog-top-2 .blog-l-text > h3,
.blog-top-1 .blog-l-text > h4,
.blog-top-2 .blog-l-text > h4 {
  text-align: left;
}

.blog-top-1 {
  background: black;
  margin-bottom: 150px;
}

.blog-btns a {
  text-decoration: underline;
  color: #a7a7a7;
}

.blog-nor {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 3em;
  max-width: 320px;
  background: white;
  position: relative;
}

.blog-top-offer-list {
  margin: 1em;
}

.blogs-loop a:hover {
  opacity: 0.8;
}

.blog-nor .blog-l-text-out {
  padding: 2em;
}

.blog-nor .blog-l-text > h3, .blog-nor .blog-l-text > h4, .blog-nor .blog-l-text > h2, .blog-nor .blog-btns {
  text-align: left;
}

.blog-top-offer-list .blog-l-text h2,
.blog-top-offer-list .blog-l-text > h3,
.blog-top-offer-list .blog-l-text > h4,
.blog-top-offer-list .blog-l-text > h2,
.blog-top-offer-list .blog-btns {
  text-align: center !important;
}

.blog-top-offer-list .listen-btns {
  text-align: center;
}

.blog-nor-half {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 2.5em;
  max-width: 430px;
  background: none;
}

.blog-nor-full {
  width: 100%;
  max-width: 1000px;
}

.blog-item-vid .blog-l-text > p {
  color: white;
  text-align: left;
}

.blog-nor-full.blog-item-vid .blog-l-img {
  width: 60%;
  float: right;
}

.blog-nor-full.blog-item-vid .blog-l-text-out {
  width: 40%;
  float: left;
}

@media (max-width: 900px) {
  .blog-nor-full.blog-item-vid .blog-l-img {
    width: 90%;
    float: none;
    margin-bottom: 1.5em;
    margin: 0 auto;
    margin-bottom: 1em;
  }
  .blog-nor-full .blog-l-text-out {
    padding: 0 !important;
  }
  .blog-nor-full.blog-item-vid .blog-l-text-out {
    width: 100%;
    float: none;
  }
}
@media (min-width: 900px) {
  .blog-nor-full .blog-l-text-out {
    padding: 0 3em 0 0 !important;
  }
}
.blog-top-ban .featured-sign {
  right: unset;
  left: 0;
  margin-left: -40px;
  margin-top: -40px;
  z-index: 2;
}

.blog-top-vid-list {
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 2em;
  background: white;
}

.blog-top-vid-list .blog-l-text > h3 {
  text-align: left !important;
}

@media (min-width: 1000px) {
  .blog-top-vid-list .blog-l-img {
    width: 35%;
    float: left;
  }
  .blog-top-vid-list .blog-l-text-out {
    width: 65%;
    float: left;
  }
}
@media (max-width: 1000px) {
  .blog-top-vid-list {
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 2em;
    background: white;
    max-width: 400px;
    display: inline-block;
    margin: 1%;
    vertical-align: top;
    width: 98%;
  }
}
.blog-top-vid-list .blog-l-text-out .blog-l-text {
  padding: 1em;
}

.blog-top-vid-list .blog-l-text-out .blog-l-text > h4 {
  text-align: left !important;
}

.blog-top-offer-list .blog-l-text-out {
  margin: 1em;
  margin-top: -50px;
  position: relative;
  background: white;
}

.blog-l-text hr {
  background: none !important;
  margin-top: 1em;
  margin-bottom: 1em;
  border-color: black !important;
  border: 0;
  border-bottom: 2px solid;
}

.blog-p-text h2 {
  font-size: 18pt !important;
}

.blog-p-text h3:not(.blog-p-text > h3, .post-sub h3, .exprets-de-out table h3, .post-comments-single h3) {
  /*font-size: 11pt !important;*/
}

.post-sub h3 {
  text-align: center !important;
}

.blog-p-text p, .blog-p-text li {
  font-size: 11pt !important;
  font-family: var(--font-serif);
}

.blog-p-text ul, .blog-p-text ol {
  margin-bottom: 20px;
}

.post-nav-single {
  margin-top: 4em;
  border-top: 1px solid #efefef;
  padding-top: 2em;
}

.post-nav-single .nav-previous {
  display: inline-block;
  width: 50%;
  text-align: left;
}

.post-nav-single .nav-next {
  display: inline-block;
  width: 50%;
  text-align: right;
}

.post-nav-single .nav-next h4 {
  text-align: right;
}

.post-nav-single h4 {
  letter-spacing: 1.04px;
  color: black !important;
  text-transform: capitalize;
  font-size: 9pt !important;
  font-weight: 600 !important;
  margin: 0 0 10px;
  margin: 0 !important;
}

.post-nav-single h4 a {
  color: black !important;
}

.post-nav-single h3 {
  letter-spacing: 0px;
  line-height: 30px;
  font-size: 14pt !important;
  font-weight: 600;
  margin: 0 !important;
}

.post-comments-single {
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
}

.post-comments-single .comment-author img {
  display: none;
}

.post-comments-single .comment-author {
  margin-left: 0;
}

.post-comments-single .required-field-message {
  display: block;
  margin-top: 1em;
}

.post-comments-single .commentlist li {
  list-style: none;
  padding: 1em 0;
  border-bottom: 1px solid #b1b1b1;
  text-align: left;
}

.post-comments-single .commentlist {
  border-top: 5px solid var(--colour-salmon);
}

.post-comments-single #comments {
  display: none;
}

.post-comments-single h3 {
  color: black;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-style: italic;
  margin-bottom: 1em !important;
}

.post-comments-single .says {
  display: none;
}

.post-comments-single #respond form {
  padding-top: 1em;
}

hr.hr-post {
  max-width: 70%;
  margin: 0 auto;
  margin-top: 1.5em;
  border-color: rgba(112, 112, 112, 0.7) !important;
  border: 1px solid;
  border-bottom: 0px;
  margin-bottom: 2em;
}

.post-sub {
  border-top: 3px solid var(--colour-salmon);
  border-bottom: 3px solid var(--colour-salmon);
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 3em !important;
  margin-bottom: 1em !important;
}

.post-sub h3 {
  color: black;
  font-size: 12pt !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-weight: 100;
  text-align: center;
  font-style: italic;
  font-weight: 600 !important;
  text-align: center !important;
}

.post-sub a {
  color: black;
  background: #FFDBD1;
  padding: 10px;
  display: block;
  text-align: center;
  max-width: 250px;
  margin: 0 auto;
  margin-top: 2em;
  font-size: 9pt;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 1em;
}

.post-sub a:hover {
  opacity: 0.8;
}

.post-follow-us {
  background: #044146;
  padding: 2em;
  margin-top: 3em;
  margin-bottom: 3em;
}

.post-follow-us-outer h2 {
  font-style: italic;
  font-size: 19pt !important;
}

.post-follow-us-outer .post-follow-us-inner hr {
  max-width: unset !important;
}

.post-follow-us-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5em;
}

.post-follow-us-inner .social-icons a {
  width: 17px;
  height: 17px;
  display: inline-block;
  padding: 0 0.4em;
  margin: 0;
  text-align: center;
  margin-right: 0.1em;
  filter: invert(100%);
  -webkit-filter: invert(100%);
  color: black;
}

.post-follow-us-inner .social-icons {
  text-align: center;
  color: white;
  margin-top: 1em;
}

.post-follow-us-inner hr, .giveaway-inner hr, .community-outer-out .quiz-inner hr {
  position: relative;
  margin: 0 auto;
  overflow: unset;
  border-color: #f77e66 !important;
  border-bottom: 4px solid;
}

.post-follow-us-inner hr:before, .giveaway-inner hr:before {
  border-width: 2px;
  border-color: var(--colour-salmon) var(--colour-salmon) var(--colour-salmon) transparent;
  content: "";
  position: absolute;
  border-style: solid;
  bottom: -4px;
  left: -4px;
}

.post-follow-us-inner hr:after, .giveaway-inner hr:after {
  border-width: 2px;
  border-color: var(--colour-salmon) transparent var(--colour-salmon) var(--colour-salmon);
  content: "";
  position: absolute;
  border-style: solid;
  bottom: -4px;
  right: -4px;
}

.community-outer-out .quiz-inner hr:before {
  border-width: 2px;
  border-color: var(--colour-salmon) var(--colour-salmon) var(--colour-salmon) transparent;
  content: "";
  position: absolute;
  border-style: solid;
  left: -4px;
}

.community-outer-out .quiz-inner hr:after {
  border-width: 2px;
  border-color: var(--colour-salmon) transparent var(--colour-salmon) var(--colour-salmon);
  content: "";
  position: absolute;
  border-style: solid;
  right: -4px;
}

.post-follow-us-inner hr {
  border-color: #E8836D !important;
  background: none !important;
  margin-top: 1em;
  margin-bottom: 2em;
  border: 0;
  border-bottom: 3px solid;
  max-width: 500px;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 2em;
  position: relative;
  margin: 0 auto;
  overflow: unset;
  border-color: #f77e66 !important;
  border-bottom: 4px solid;
  margin-bottom: 2em;
}

.post-follow-us-inner h2 {
  color: white;
  text-align: center;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-style: italic;
  font-size: 28pt !important;
  line-height: 30pt !important;
  font-weight: 300;
}

.insider-outer .post-follow-us-inner h2 {
  font-style: normal;
}

.post-follow-us-inner .cat-links {
  text-align: center;
  color: white;
  margin-bottom: 2em;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-size: 15pt;
}

.post-follow-us-inner .cat-links a {
  color: white;
  padding: 0 10px 0 10px;
  font-style: italic;
}

.blog-top-ban .blog-l-text h2 {
  text-align: center;
  font-size: 22pt !important;
  line-height: 24pt !important;
}

.blog-l-img .bl-overlay {
  /* content: "Read\AMore"; */
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.73);
  color: #6d6d6d;
  text-transform: uppercase;
  /* line-height: 100%; */
  /* padding-top: calc(50% - 54px); */
  display: none;
  cursor: pointer;
  white-space: pre;
  word-wrap: break-word;
  text-align: center;
  z-index: 1;
}

.blogs-loop .blog-l-img:hover .bl-overlay {
  display: inline-grid;
  align-items: center;
  text-align: center;
}

.blog-l-img .bl-overlay span {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
}

.post-comments-single #reply-title {
  border-bottom: 5px solid var(--colour-salmon);
  padding-bottom: 1em;
  padding-top: 1em;
}

.post-comments-single .comment-body {
  display: flex;
  flex-wrap: wrap;
}

.post-comments-single .comment-body .reply {
  display: none;
}

.post-comments-single .comment-body .comment-meta {
  text-transform: uppercase;
  margin-left: 10px;
}

.post-comments-single .comment-body .comment-meta a {
  color: #b1b1b1;
  font-size: 9pt;
  font-weight: 500;
}

.post-comments-single .comment-body .comment-author .fn {
  color: var(--colour-salmon);
  text-transform: uppercase;
  font-size: 9pt;
  font-weight: 500;
}

.post-comments-single .comment-body .comment-meta a:before {
  content: " | ";
}

.post-comments-single .comment-body > :nth-child(1) {
  order: 3;
}

.post-comments-single .comment-body > :nth-child(2) {
  order: 4;
}

.post-comments-single .comment-body > :nth-child(3) {
  order: 2;
  width: 100%;
}

.post-comments-single .comment-body > :nth-child(4) {
  order: 1;
  width: 100%;
}

.post-comments-single .comment-body > :nth-child(5) {
  order: 1;
}

.insider-outer {
  background: black;
}

.insider-outer p {
  color: white !important;
  text-align: center;
}

.insider-outer .button-expert {
  padding: 10px 15px;
  display: table;
  background: black;
  text-align: center;
  color: black;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  background: #FFDBD1;
  margin-top: 2em;
}

.post-follow-us-inner p {
  text-align: center;
  color: white;
}

.post-share {
  text-align: left;
  margin-top: 0.5em;
}

.post-share-btn {
  display: inline-block;
  text-align: left;
  color: black;
  text-transform: uppercase;
  margin-right: 10px;
  vertical-align: middle;
}

.post-share-items {
  display: inline-block;
  vertical-align: middle;
}

.post-share-items .social-icons a {
  width: 17px;
  height: 17px;
  display: inline-block !important;
  padding: 0 0.4em;
  margin: 0;
  text-align: center;
  margin-right: 0.1em;
}

.quiz-outer {
  padding: 2em;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

.quiz-inner {
  background: #183F44;
  padding: 2em;
}

.quiz-inner-in {
  background: white;
  padding: 2em;
}

.quiz-inner-in .fm-form-container {
  max-width: 600px;
  margin: 0 auto;
}

.quiz-inner-in .wdform-field h3, .quiz-inner-in .fm-message h3 {
  margin-top: 0 !important;
  margin-bottom: 1em !important;
  text-align: center;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-size: 22pt !important;
  color: black;
  font-style: italic;
}

.quiz-inner-in .fm-message p {
  text-transform: uppercase;
  text-align: center;
  font-size: 9pt;
  font-weight: 500;
}

.blog-top-ban-podcast .blog-l-img {
  width: 58%;
  display: inline-block;
  vertical-align: top;
}

.blog-top-ban-podcast .blog-l-text-out {
  width: 42%;
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  text-align: left;
  border-top: 0 !important;
}

@media (max-width: 800px) {
  .blog-top-ban-podcast .blog-l-text-out,
  .blog-top-ban-podcast .blog-l-img {
    width: 90%;
    margin: 0 auto;
  }
}
.blog-top-ban-podcast {
  background: white;
  padding: 5em;
}

.blog-top-ban-podcast .blog-l-text-out .featured-sign {
  display: none;
}

.blog-top-ban-podcast .blog-l-text-out .blog-l-text h2,
.blog-top-ban-podcast .blog-l-text-out .blog-l-text h3,
.blog-top-ban-podcast .blog-l-text-out .blog-l-text p,
.blog-top-ban-podcast .blog-l-text-out .blog-l-text h4,
.blog-top-ban-podcast .blog-l-text-out .blog-l-text .blog-btns {
  text-align: left !important;
}

.blog-top-ban-podcast-inner {
  max-width: 1000px;
  margin: 0 auto;
}

@media (min-width: 800px) {
  .blog-top-ban-podcast-inner {
    display: flex;
  }
}
.blog-top-ban-podcast .button-expert {
  color: white !important;
  text-transform: uppercase;
  text-decoration: none;
  max-width: 200px;
  margin: 0;
  margin-top: 1em;
}

.blog-top-ban-podcast .blog-l-img a:last-of-type {
  /*   --b: 5px;
  --c: var(--colour-salmon);
  --w: 80px;
  border: var(--b) solid black0;
  --_g: black0 90deg, var(--c) 0;
  --_p: var(--w) var(--w) border-box no-repeat;
  display: block;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: conic-gradient(from 90deg at top var(--b) left var(--b),var(--_g)) 0 0 / var(--_p),
              conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);*/
  background: url(/wp-content/themes/lighttheme/images/rb-corner-br.png), url(/wp-content/themes/lighttheme/images/rb-corner-tl.png);
  background-position: bottom right, top left;
  background-repeat: no-repeat;
  background-size: 80px;
  padding: 8px;
  /* z-index: 999; */
  display: block;
  position: relative;
}

.blog-nor-with-bg-green .blg-bg-col {
  position: absolute;
  left: -20px;
  right: 25px;
  top: -20px;
  /*  bottom: 25px; */
  background: #044146;
}

.blog-nor-with-bg-grey .blog-l-img {
  max-width: calc(100% - 40px);
  left: 30px;
  margin-bottom: 1em;
}

.blog-nor-with-bg-grey .blg-bg-col {
  position: absolute;
  left: 10px;
  right: 0px;
  /* top: -20px; */
  bottom: -40px;
  background: #f2f1ed;
  max-width: calc(100% - 20px);
}

.blog-nor-half-list-1 .blog-l-text-out {
  padding: 1em 0 0 0;
}

.blog-nor-half-list-2 .blog-l-text-out {
  padding: 0 0 2em 0;
}

.blog-nor-half-list-2 .blg-bg-col {
  background: url(/wp-content/themes/lighttheme/images/bg-pattern.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  right: -2em;
  margin-top: -2em;
  width: calc(100% - 50px);
}

.blog-nor-half-vid-list {
  background: black;
  margin: 2.5em !important;
}
.blog-nor-half-vid-list .blog-l-text h2,
.blog-nor-half-vid-list .blog-l-text > h4,
.blog-nor-half-vid-list .blog-btns a,
.blog-nor-half-vid-list .post-share-btn {
  color: white;
}
.blog-nor-half-vid-list .post-share-items .social-icons a {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
.blog-nor-half-vid-list .blog-l-img img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.blog-nor-with-bg-green-exp .blg-bg-col {
  position: absolute;
  right: -20px;
  top: -20px;
  bottom: 0;
  /* padding: 1em; */
  min-width: calc(100% + 40px);
  max-height: 220px;
}

.blog-nor-with-bg-grey-exp .blg-bg-col {
  background: url(/wp-content/themes/lighttheme/images/bg-pattern.png);
  background-size: cover;
  background-position: center;
}

.blog-top-2 .blg-bg-col {
  background: url(/wp-content/themes/lighttheme/images/bg-pattern.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  right: 0em;
  margin-top: -2em;
  width: calc(100% - 104px);
}

.blog-top-2 .blg-sol-bg-col {
  background: #f2f1ed;
  position: absolute;
  right: -2em;
  margin-top: -4em;
  width: calc(100% - 50px);
  min-height: 520px;
}

@media (max-width: 520px) {
  .blog-top-2 .blg-sol-bg-col {
    min-height: unset !important;
  }
}
.blog-top-2 .blog-l-text-out {
  padding-top: 2em;
}

.blog-top-2 {
  padding-top: 4em;
}

.back-to-outer {
  margin: 1em;
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em;
}

.back-to-outer a {
  color: #929292;
  text-decoration: underline;
}

.banner-star-rating {
  position: absolute;
  top: 90px;
  background: #b3e0d9;
  padding: 0.5em 0.9em 0.5em 2em;
  min-height: 71px;
}

.banner-star-rating:after {
  content: "";
  background: url(/wp-content/themes/lighttheme/images/star-rating-side.png);
  height: 100%;
  display: block;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  background-size: contain;
  background-repeat: no-repeat;
}

/*
.banner-star-rating.light-text h3{
    color: white;
}

.banner-star-rating.light-text .rating-stars i.rated:after{
    color: white;
}

.banner-star-rating.light-text .stars-avg-rating .rating-stars{
     color: white;
}

*/
.quiz-outer-out {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}

.quiz-bg {
  background: url(/wp-content/themes/lighttheme/images/bg-pattern.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  right: -2em;
  margin-top: -2em;
  width: calc(100% - 4em);
  left: 0;
  top: 2em;
  right: 0;
  bottom: 0;
  height: calc(100% - 12em);
}

.quiz-inner-in-out-out {
  background: white;
}

.quiz-inner-in-out {
  /* --b: 5px;
   --c: var(--colour-salmon);
   --w: 80px;
   border: var(--b) solid black0;
   --_g: black0 90deg, var(--c) 0;
   --_p: var(--w) var(--w) border-box no-repeat;
   display: block;
   justify-content: center;
   align-items: center;
   text-align: center;
   background: conic-gradient(from 90deg at top var(--b) left var(--b),var(--_g)) 0 0 / var(--_p), conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p); */
  background: url(/wp-content/themes/lighttheme/images/rb-corner-br.png), url(/wp-content/themes/lighttheme/images/rb-corner-tl.png);
  background-position: bottom right, top left;
  background-repeat: no-repeat;
  background-size: 80px;
  padding: 8px;
}

.quiz-outer .fm-not-filled, .subscribe-outer-txt .fm-not-filled {
  color: var(--colour-salmon);
  margin-top: 2em;
  font-size: 0;
  color: var(--colour-salmon);
  margin-top: 2em;
  font-size: 0;
  font-style: italic;
  font-family: var(--font-cursive);
  display: table;
  max-width: 250px;
  margin: 0 auto !important;
}

.quiz-outer .fm-not-filled:before, .subscribe-outer-txt .fm-not-filled:before {
  content: "Whoops, please select an answer.";
  font-size: 13px;
}

.blog-top-vid-list .blog-l-text-out {
  position: relative;
}

.blog-top-vid-list p {
  text-align: left;
}

.blog-top-offer-list .post-share {
  text-align: center;
}

.blog-top-ban-match {
  padding: 0;
}

.blog-top-ban-match .blog-l-img, .blog-top-ban-match .blog-l-text-out {
  vertical-align: middle;
  margin-top: 0;
}

.blog-top-ban-match h3 {
  text-transform: revert;
  font-size: 14pt !important;
  font-family: var(--font-cursive);
  font-style: italic;
}

.blog-top-ban-match h2 {
  font-style: italic;
}

.blog-top-ban-match p {
  font-size: 14pt !important;
  font-family: var(--font-cursive);
}

.post-comments-single #submit:after {
  content: "ADD REVIEW";
}

.post-comments-single #submit {
  padding: 10px 15px;
  display: table;
  background: black;
  text-align: center;
  color: white;
  margin: 0 auto;
  width: 100%;
  max-width: 180px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10pt;
}

.comment-form-comment label {
  display: none;
}

.community-outer-out .quiz-inner {
  background: url(/wp-content/themes/lighttheme/images/bg-pattern.png);
  background-size: cover;
  background-position: center;
}

.community-outer-out .quiz-inner h2 {
  font-family: var(--font-cursive);
  font-style: italic;
  text-align: center;
  color: black;
  margin-bottom: 1em;
}

.community-outer-out .quiz-inner p {
  font-family: var(--font-cursive);
  /* font-style: italic; */
  text-align: center;
  color: black;
  max-width: 600px;
  margin: 0 auto;
}

.community-outer-out .quiz-inner hr {
  max-width: 350px;
  margin: 0 auto;
  margin-bottom: 1.5em;
  height: 4px;
  background: #f77d65;
  border: 0;
}

#community-outer-out input[type=text] {
  background: transparent;
  border: 0 !important;
  border-bottom: 1px solid #474747 !important;
  font-size: 10pt;
  border-radius: 0 !important;
}

#community-outer-out {
  max-width: 1500px;
}

#community-outer-out .wdform-field {
  margin-top: 0;
}

#community-outer-out button {
  padding: 10px 15px;
  background: black;
  text-align: center;
  color: white;
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
  text-transform: uppercase;
}

#community-outer-out button:hover {
  background: black !important;
  opacity: 0.8;
}

#quiz-outer-out input[type=text]::placeholder, #quiz-outer-out textarea::placeholder {
  color: black !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  font-weight: 500;
}

#quiz-outer-out input[type=text]::-ms-input-placeholder {
  color: black !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

#quiz-outer-out input[type=text]:-ms-input-placeholder {
  color: black !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

#quiz-outer-out input[type=text] {
  background: transparent;
  border: 0 !important;
  border-bottom: 1px solid #474747 !important;
  font-size: 10pt;
  border-radius: 0 !important;
  color: black;
}

#quiz-outer-out textarea {
  background: transparent;
  font-size: 10pt;
  border-radius: 0 !important;
  color: black;
}

#quiz-outer-out div[type=type_radio] > .wdform-element-section .wd-flex, #quiz-outer-out .fm-form .wd-flex-wrap, #quiz-outer-out div[type=type_checkbox] > .wdform-element-section .wd-flex {
  align-items: center;
  justify-content: center;
}

@media (max-width: 650px) {
  #quiz-outer-out div[type=type_radio] > .wdform-element-section .wd-flex {
    text-align: center;
    display: revert;
  }
}
#quiz-outer-out .wdform-label-section {
  text-align: center;
}

#quiz-outer-out .fm-form .wdform-label {
  text-align: center;
  display: inline-block;
}

#quiz-outer-out .fm-form .wd-choice {
  align-items: center;
  margin: 0;
  padding: 0.6em;
}

#quiz-outer-out input[type=radio],
#quiz-outer-out input[type=checkbox],
.subscribe-outer-txt input[type=checkbox],
.quiz-inner-in input[type=checkbox] {
  padding: 0.5em;
  -webkit-appearance: none;
  outline: 0.1em solid black;
  outline-offset: 0.1em;
  border: 1px solid;
  appearance: none;
  border-radius: 0;
  width: 1px;
  height: 1px;
}

.blogs-loop-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

@media (max-width: 600px) {
  .blog-nor-half, .blog-nor {
    width: 90%;
    margin: 0 auto;
    margin-top: 3em;
    margin-bottom: 3em;
    max-width: unset !important;
  }
  .featured-sign {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    font-size: 12px;
    color: white;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -14px;
    margin-top: -20px;
    z-index: 2;
    margin-left: 4px !important;
  }
  .blog-nor-with-bg-grey-exp .featured-sign {
    width: 80px;
    height: 80px;
    line-height: 100px;
    border-radius: 50%;
    font-size: 12px;
    color: white;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0px;
    margin-top: -40px;
    z-index: 2;
  }
  .match-expert-text, .match-expert-img {
    width: 96%;
    max-width: 300px;
    margin: 0 auto;
    display: block;
  }
  .match-expert-text-inner h3 {
    color: white;
    font-family: var(--font-cursive);
    margin-top: 0 !important;
    font-style: italic;
    font-size: 17pt !important;
  }
  .match-expert-text-inner {
    width: 75%;
  }
  .match-expert-img {
    margin-top: -45px;
  }
  .match-expert-text {
    margin-bottom: 1em;
  }
  .expert-text {
    padding: 1em;
  }
}
.blog-l-text-out-no-bg {
  padding: 0.5em !important;
  background: transparent !important;
  border-top: 0 !important;
}

@media (min-width: 1131px) {
  .blog-nor-half-1:after {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    right: -2.5em;
    background: #e1e1e1;
  }
}
.blog-nor-half-vid-list:before {
  content: "";
  background: #f2f1ed;
  left: -2em;
  right: 0;
  top: 0;
  display: block;
  position: absolute;
  height: 30%;
  /* z-index: -1; */
  top: -2em;
}

.blog-top-vid-list .blog-l-text > h3 {
  position: relative;
}

.blog-top-vid-list .blog-l-text > h3 .post-share {
  position: absolute;
  right: 0;
  top: -8px;
}

.blog-p-text .wpb-content-wrapper .wpb_single_image {
  position: relative;
}

.tpl-eci img[src*="/uploads"],
.blog-tpl-41 img[src*="/uploads"],
.blog-tpl-33 img[src*="/uploads"],
.blog-tpl-47 img[src*="/uploads"],
.blog-tpl-48 img[src*="/uploads"] {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.blog-tpl-47 .blog-l-text-out,
.blog-tpl-48 .blog-l-text-out {
  background: white;
  position: relative;
}

.blog-tpl-30 img[src*="/uploads"],
.blog-tpl-38 img[src*="/uploads"] {
  aspect-ratio: 4/3;
  object-fit: cover;
}

.blog-tpl-45 .blog-l-text-out {
  background: white;
  position: relative;
  padding: 2em;
}

.woocommerce-mini-cart__buttons a {
  margin: 2px;
}

.woocommerce-checkout label.checkbox, .woocommerce-checkout label.radio input, .woocommerce-checkout label.checkbox input {
  height: unset;
  display: inline-block;
  visibility: visible;
  -webkit-appearance: visible;
}

ul.products li {
  position: relative;
}

.woocommerce ul.products li.product .button, .add_to_cart_button, .product a.button {
  position: absolute;
  bottom: 1em;
  margin: 0 auto !important;
  left: 0;
  right: 0;
  display: table !important;
  float: none;
  clear: both;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, 0);
  left: 50%;
  top: unset;
  display: block !important;
  width: 160px;
}

.woocommerce ul.products li.product .price, .woocommerce-Price-amount {
  padding-bottom: 2em;
  display: inline-block;
}

.woocommerce a.button, .woocommerce button {
  height: auto;
  font-size: 10pt !important;
}

.woocommerce button.slick-arrow {
  font-size: 0 !important;
}

.woocommerce-form p, .woocommerce-checkout p {
  clear: unset !important;
}

.woocommerce-pagination {
  position: relative;
  clear: both;
  background: unset;
  padding: 0 1em 0 1em;
  display: table;
  width: unset;
  margin: 0 auto;
  height: auto;
  top: unset;
  margin-top: 5em;
  clear: both;
  float: none;
  border-bottom: 0 !important;
}

.woocommerce-pagination ul {
  margin-bottom: 0 !important;
  margin-top: 2em;
  background: unset !important;
  text-align: center !important;
}

.woocommerce-pagination ul li {
  margin: 2.5px;
  display: inline-block;
}

.woocommerce-pagination ul li span, .woocommerce-pagination ul li a {
  width: 35px;
  height: 35px;
  background: #efefef;
  display: inline-block;
  vertical-align: middle;
  text-align: center !important;
  border-bottom: 0 !important;
  margin-bottom: 5px;
}

.woocommerce-pagination ul li span {
  background: #d1d1d1;
}

.woocommerce-pagination .prev, .woocommerce-pagination .next {
  position: unset !important;
  bottom: unset !important;
  left: unset !important;
  right: unset !important;
}

@media (max-width: 800px) {
  .woocommerce-product-gallery {
    opacity: 1 !important;
    width: 100%;
    float: none;
    margin-bottom: 2em;
  }
  .type-product .summary {
    width: 100%;
    float: none;
    margin-left: unset;
  }
}
.home-products {
  margin: 0 auto;
  padding: 3em 2em;
}

.home-products-inner {
  margin: 2em;
}

.woocommerce-mini-cart {
  max-width: 300px;
  font-size: 10pt;
  margin-bottom: 1em;
}

.woocommerce-mini-cart__total, .woocommerce-mini-cart__total .woocommerce-Price-amount {
  font-size: 12pt;
}

.woocommerce-mini-cart .remove_from_cart_button {
  font-size: 18pt;
  vertical-align: middle;
  margin-right: 0.5em;
  padding-right: 0.5em;
  border-right: 1px solid #efefef;
  float: left;
}

.woocommerce-mini-cart span.quantity {
  display: block;
}

.woocommerce-mini-cart span.quantity:before {
  font-size: 10pt !important;
  width: 40px;
  display: none;
}

.header-cart {
  background: #f9f9f9;
  padding: 1em;
  border: 1px solid #efefef;
  position: absolute;
  top: 95px;
  width: 300px;
  right: 0;
  box-shadow: 0px 1px 4px 0px #888;
  display: none;
}

.woocommerce-mini-cart img {
  max-width: 30px;
  height: auto;
  display: inline-block;
  margin-right: 1em;
}

.woocommerce-mini-cart li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em;
}

.woocommerce-mini-cart li .amount {
  font-size: 10pt;
}

.store-sidebar {
  float: left;
  width: 25%;
  margin-right: 5%;
  /* background-color: white; */
  border: 1px solid #efefef;
  padding: 1em;
  margin-top: 1.5em;
  z-index: 9;
}

.store-products {
  float: right;
  width: 70%;
}

ul.product-categories {
  padding: 1em !important;
}

ul.product-categories li ul li a:before {
  content: "- ";
}

ul.product-categories li {
  line-height: 15px;
  margin-bottom: 5px;
}

ul.product-categories li ul {
  padding: 0;
  margin: 0;
  padding-left: 10px;
  margin-top: 5px;
}

.woocommerce-ordering .orderby {
  max-width: 300px;
}

.widget_product_search button {
  margin-top: 1em;
}

ul.product-categories li a {
  font-size: 10pt;
}

.page-content-products {
  max-width: 1500px !important;
}

ul.product-categories .current-cat > a {
  color: #c3944a;
}

.woocommerce table.cart img {
  width: 100px;
}

.woocommerce-product-details__short-description {
  margin-bottom: 1em;
}

.add_to_cart_button, .product button, .product a.button {
  display: table !important;
  margin: 0 auto !important;
  margin-top: 0.5em !important;
  font-size: 10pt !important;
  text-transform: unset !important;
}

.cart button {
  margin: 0 !important;
  margin-top: 1em !important;
}

.add_to_cart_button:after, .product button:after, .product a.button:after {
  content: " →";
  font-size: 14pt;
  font-weight: bold;
  display: inline-block;
  margin-left: 5px;
}

.single_add_to_cart_button {
  margin-top: 1em;
}

.variations select {
  width: 170px;
}

.variations_button .quantity input, .quantity input, .qty {
  display: inline-block !important;
  max-width: 100px !important;
}

.variations_button .quantity:before, .quantity:before {
  content: "Quantity";
}

.variations_button .quantity, .quantity {
  padding: 0.5em;
}

.reset_variations {
  visibility: visible;
  position: absolute;
  bottom: 0;
  margin-left: 10px;
  border: 1px solid #cccccc;
  padding: 2px 5px;
}

.summary .cart {
  margin-bottom: 1em;
  border: 1px solid #efefef;
  padding: 1em 1em;
  background: #f9f9f9;
}

.product_meta > span {
  display: block;
}

.variations tr {
  padding: 0.5em;
  display: block;
}

.variations tr td {
  position: relative;
}

.variations label, .quantity:before {
  font-size: 14pt;
  font-weight: 500;
  width: 100px;
  margin-right: 1em;
  width: 70px;
  display: inline-block;
  color: #515151;
}

.buy-qty {
  margin-bottom: 1.5em;
}

.buy-qty span {
  display: inline-block;
  font-size: 14pt;
  margin-right: 1em;
  width: 70px;
  color: var(--colour-medium-grey);
}

.buy-qty .quantity {
  display: inline-block;
  max-width: 100px;
}

.woocommerce-Price-amount {
  font-size: 16pt;
  color: #0760ab;
  font-weight: 700;
}

.flex-control-thumbs {
  text-align: center;
}

.woocommerce-product-gallery {
  opacity: 1 !important;
  width: 45%;
  float: left;
  margin-bottom: 2em;
}

.woocommerce-product-gallery__image {
  display: inline-block;
  margin-bottom: 5px;
  display: block;
}

.type-product .summary {
  width: 50%;
  float: left;
  margin-left: 5%;
}

@media (max-width: 800px) {
  .woocommerce-product-gallery {
    opacity: 1 !important;
    width: 100%;
    float: none;
    margin-bottom: 2em;
  }
  .type-product .summary {
    width: 100%;
    float: none;
    margin-left: unset;
  }
}
.woocommerce-product-gallery__wrapper {
  text-align: center;
}

.type-product .woocommerce-tabs {
  clear: both;
}

.woocommerce-product-gallery__image img {
  max-width: unset;
  width: unset;
  height: unset;
  max-width: 100%;
}

section.related {
  margin-top: 4em;
  border-top: 1px solid #efefef;
  padding-top: 3em;
  clear: both;
}

.woocommerce-tabs {
  margin-top: 3em;
  display: block;
  clear: both;
  float: none;
}

ul.wc-tabs {
  display: none;
}

.out-of-stock {
  color: #ec2027 !important;
  margin-bottom: 1em !important;
}

ul.products {
  padding: 0 !important;
  margin: 0 !important;
}

ul.products li {
  float: left;
  width: 98%;
  background: #f9f9f9;
  padding: 1em;
  border: 1px solid #efefef;
  margin: 1%;
  margin-bottom: 5px;
}

.store-sidebar-fixed {
  position: fixed !important;
  /* max-width: 300px; */
  margin: 0 auto;
  background: white;
  margin: 0 auto;
  float: none;
  left: 0;
}

.store-sidebar-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  width: 30px;
  height: 30px;
  display: block;
  bottom: 0;
  height: 100%;
  background: #ec2027;
  vertical-align: middle;
  color: white;
  background: #9e1d22 url(/wp-content/themes/lighttheme/images/icons/back-to-top.png) no-repeat !important;
  /* background-color: #b5b5b5; */
  height: 57px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  z-index: 3;
  background-position: 50% 50% !important;
  background-size: 18px 18px !important;
  cursor: pointer;
  display: none;
  height: 30px;
  width: 30px;
  margin: 1em;
  -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
  border-radius: 4px;
}

.store-sidebar-close.isopened {
  background: url(/wp-content/themes/lighttheme/images/icons/back-to-top.png) no-repeat !important;
  background-color: #9e1d22 !important;
  background-position: 50% 50% !important;
  background-size: 18px 18px !important;
  -ms-transform: rotate(0deg); /* IE 9 */
  transform: rotate(0deg);
}

@media (max-width: 750px) {
  .store-sidebar-close {
    display: block;
  }
  .store-products {
    float: right;
    width: 100%;
  }
  .store-sidebar {
    width: 100%;
    margin-right: 0;
    position: relative;
  }
  .store-sidebar .secondary {
    display: none;
    padding-top: 1em;
  }
  .store-sidebar h2 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 460px) and (max-width: 1000px) {
  ul.products li {
    float: left;
    width: 48%;
    background: #f9f9f9;
    padding: 1em;
    border: 1px solid #efefef;
    margin: 1%;
    margin-bottom: 5px;
  }
}
@media (min-width: 1000px) {
  ul.products li {
    float: left;
    width: 31.333%;
    background: #f9f9f9;
    padding: 1em;
    border: 1px solid #efefef;
    margin: 1%;
    margin-bottom: 5px;
  }
}
li.product {
  background: #f9f9f9 !important;
  padding: 1em !important;
  border: 1px solid #efefef !important;
  margin: 1% !important;
  margin-bottom: 5px !important;
}

li.product:hover {
  background: #efefef !important;
}

ul.products li .size-woocommerce_thumbnail {
  border: 1px solid #efefef;
}

h2.woocommerce-loop-product__title {
  font-size: 14pt !important;
  margin-top: 1em !important;
  text-align: center !important;
}

ul.products {
  background: none !important;
  text-align: center;
}

ul.products li img {
  width: 100%;
  height: auto;
}

/******* CART *******/
.cart-block--summary__icon img {
  display: inline-block;
  margin-right: 10px;
  max-width: 20px;
}

.menu--account a {
  font-size: 10pt;
  color: white;
}

.cart--cart-block {
  display: table;
  position: absolute;
  right: 20px;
  top: 5px;
}

.cart-block--summary__count {
  color: white;
}

.cart-block--link__expand {
  text-decoration: none;
}

.cart-block--summary__icon, .cart-block--summary__count {
  display: inline-block;
  vertical-align: middle;
}

.product-list-full h2:first-child {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #dfdfdf;
  font-size: 1.846em;
}

.product-list-full ul {
  list-style: none;
}

.product-list-full ul li {
  overflow: hidden;
  margin: 1em 0;
}

.product-list-full ul li .img {
  float: left;
  margin: 0 20px 20px 0;
}

.product-list-full ul li p {
  overflow: hidden;
}

.product-list-full ul li h3 {
  margin: 0;
  font-size: 1.538em;
}

.product-list-full ul li h3 a {
  color: var(--colour-medium-grey);
}

.product-list-full ul li h3 a:hover {
  color: var(--colour-orange);
}

.product-list-full ul li dl {
  margin: 1em 0;
  font-size: 0.923em;
  line-height: 1em;
}

.product-list-full ul li dl dt {
  padding: 0 5px 0 10px;
}

.product-list-full ul li dl dd {
  padding: 0 10px 0 5px;
  color: #747474;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel, div.star-rating {
  float: left;
  width: 18px;
  height: 16px;
  text-indent: -999em;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden;
}

div.star-rating, div.star-rating a {
  background: url("/images/stars.png") no-repeat 0 0px;
}

div.rating-cancel a, div.star-rating a {
  display: block;
  width: 18px;
  height: 100%;
  background-position: 0 0;
  border: 0;
}

div.star-rating-on a {
  background-position: 0 -16px !important;
}

div.star-rating-hover a {
  background-position: 0 -32px;
}

/* Read Only CSS */
div.star-rating-readonly a {
  cursor: default !important;
}

/* Partial Star CSS */
div.star-rating {
  background: transparent !important;
  overflow: hidden !important;
}

/* END jQuery.Rating Plugin CSS */
.product .product-meta a {
  color: #999;
}

.product .product-meta a:hover {
  color: var(--colour-medium-grey);
}

.product > div.descr {
  overflow: hidden;
  padding: 1em 0 0.5em;
  border-bottom: 1px solid #e5e5e5;
}

.product > div.descr h2 {
  margin: 0;
  border: none;
  color: var(--colour-medium-grey);
  font-size: 1.231em;
  font-weight: 300;
}

dl.product-data {
  overflow: hidden;
  margin: 1.5em 0;
}

dl.product-data dt {
  float: left;
  padding: 2px 5px 2px 10px;
  border-left: 1px solid #ccc;
  font-weight: 400;
  line-height: 16px;
}

dl.product-data dt:first-child {
  padding-left: 0;
  border-left: 0;
}

dl.product-data dd {
  float: left;
  padding: 2px 10px 2px 5px;
  color: var(--colour-medium-grey);
  line-height: 16px;
}

.product + section > h2, .product + section + section > h2 {
  margin-bottom: 1em;
  border-bottom: 1px solid #dfdfdf;
  font-weight: 300;
  font-size: 1.846em;
}

@media (max-width: 700px) {
  .product > div.descr {
    clear: both;
  }
}
@media (max-width: 450px) {
  .product p.product-img {
    float: none;
    width: 98%;
    margin: 1em auto;
  }
}
/* product page 
------------------------------------------*/
.popular-objects a {
  color: var(--colour-medium-grey);
}

.popular-objects a:hover {
  color: var(--colour-orange);
}

.popular-objects span.price {
  font-size: 1.077em;
}

.popular-objects span.price strong {
  color: var(--colour-medium-grey);
}

.popular-objects .img {
  margin-bottom: 5px;
}

.popular-objects h2 {
  margin-bottom: 1em;
}

/* pricing and plans
---------------------------------*/
.pricing-plans {
  overflow: hidden;
  padding: 1px 0;
}

.pricing-plan {
  float: left;
  width: 22.5%;
  height: 295px;
  margin: 20px -1px 30px 0;
  padding: 10px 1%;
  border: 1px solid #dfdfdf;
  text-align: center;
}

.pricing-plan ul {
  list-style: none;
  margin: 1em 1.5em 1.5em;
  text-align: left;
}

.pricing-plan ul li {
  margin: 0;
}

.pricing-plan ul strong {
  color: var(--colour-medium-grey);
}

.pricing-plan h2 {
  margin: 0;
}

.pricing-plan p.subtitle {
  margin-top: 0;
  font: 300 1.154em var(--font-sans);
}

.pricing-plan hr {
  border: none;
  border-top: 1px solid #dfdfdf;
}

.pricing-plan p.price {
  margin: 0.5em;
  color: #999;
  font: 300 1.154em/3em var(--font-sans);
}

.pricing-plan p.price strong {
  color: var(--colour-medium-grey);
  font-size: 3em;
}

.pricing-plan p.price sup {
  position: relative;
  top: -0.5em;
  color: var(--colour-medium-grey);
  font-size: 1.2em;
}

.pricing-plan p.price.free {
  margin: 0.5em;
  font-size: 2.667em;
  line-height: 1.2em;
  text-transform: uppercase;
}

.pricing-plan a.button {
  padding: 0 30px;
  border: 1px solid #9b9b9b;
  background: #b1b1b1;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYjFiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Nzg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #b1b1b1 0%, #878787 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b1b1b1), color-stop(100%, #878787));
  background: -webkit-linear-gradient(top, #b1b1b1 0%, #878787 100%);
  background: -o-linear-gradient(top, #b1b1b1 0%, #878787 100%);
  background: -ms-linear-gradient(top, #b1b1b1 0%, #878787 100%);
  background: linear-gradient(to bottom, #b1b1b1 0%, #878787 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b1b1b1", endColorstr="#878787", GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.pricing-plan:hover a.button, .pricing-plan.selected a.button, table.pricing a.button {
  border-color: #de6200;
  background: #ff9f00;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjcxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff9f00 0%, #ff7100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9f00), color-stop(100%, #ff7100));
  background: -webkit-linear-gradient(top, #ff9f00 0%, #ff7100 100%);
  background: -o-linear-gradient(top, #ff9f00 0%, #ff7100 100%);
  background: -ms-linear-gradient(top, #ff9f00 0%, #ff7100 100%);
  background: linear-gradient(to bottom, #ff9f00 0%, #ff7100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9f00", endColorstr="#ff7100", GradientType=0);
}

.pricing-plan a.button:hover, table.pricing a.button:hover {
  background: #ff7100;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjlmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff7100 0%, #ff9f00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7100), color-stop(100%, #ff9f00));
  background: -webkit-linear-gradient(top, #ff7100 0%, #ff9f00 100%);
  background: -o-linear-gradient(top, #ff7100 0%, #ff9f00 100%);
  background: -ms-linear-gradient(top, #ff7100 0%, #ff9f00 100%);
  background: linear-gradient(to bottom, #ff7100 0%, #ff9f00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7100", endColorstr="#ff9f00", GradientType=0);
}

.pricing-plan:hover, .pricing-plan.selected {
  margin: 9px -1px 20px 0;
  padding: 20px 1%;
  border-top: 2px solid var(--colour-orange);
  box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.2);
}

.pricing-plan:hover p.price strong, .pricing-plan.selected p.price strong {
  color: var(--colour-orange);
}

.pricing-plan:hover h2, .pricing-plan.selected h2 {
  color: var(--colour-orange);
  font-size: 2.308em;
  line-height: 1.2em;
}

.home .pricing-plans {
  margin-top: 2em;
}

.home section .pricing-plans h2:first-child {
  margin: 0;
  border-bottom: none;
  line-height: 1.2em;
}

@media (max-width: 770px) {
  .pricing-plan {
    width: 47.5%;
  }
}
@media (max-width: 420px) {
  .pricing-plan {
    width: 95%;
  }
}
table.pricing th {
  padding: 10px 0;
  color: #999;
  font: 300 1.154em/3em var(--font-sans);
  text-align: center;
}

table.pricing strong {
  color: var(--colour-medium-grey);
  font-size: 2.667em;
}

table.pricing sup {
  position: relative;
  top: -0.5em;
  color: var(--colour-medium-grey);
  font-size: 1.2em;
}

table.pricing td {
  color: var(--colour-medium-grey);
  text-align: center;
}

table.pricing td:first-child {
  color: #999;
  text-align: left;
}

table.pricing td:nth-child(2n+2) {
  background: #f7f7f7;
}

table.pricing tr.action td {
  padding: 20px 10px;
  border-bottom-width: 2px;
}

table.pricing tr.action td:first-child a {
  padding-left: 20px;
  background: url("/images/more.png") 0 50% no-repeat;
  color: var(--colour-medium-grey);
}

table.pricing tr.action td:first-child a:hover {
  color: var(--colour-orange);
}

table.pricing span.yes {
  display: block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  background: url("/images/msg-success.png") 50% 50% no-repeat;
  text-indent: -50em;
}

table.pricing span.no {
  display: block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  margin: 0 auto;
  background: url("/images/no.png") 50% 50% no-repeat;
  text-indent: -50em;
}

@media (max-width: 720px) {
  table.pricing tr.action a.button {
    padding: 0 5px;
    white-space: nowrap;
  }
}
@media (max-width: 520px) {
  table.pricing th {
    font-size: 1em;
  }
  table.pricing tr.action a.button {
    font-size: 0.813em;
  }
}
h2.woocommerce-loop-product__title {
  font-size: 15pt !important;
  line-height: 17pt !important;
}

.rating-stars i.rated:after, #stars-rating-review .br-widget a.br-selected:after {
  color: black;
}

.vid-btn {
  max-width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.vid-btn img {
  aspect-ratio: 1/1 !important;
  width: inherit;
  height: inherit;
}

.vid-dark .blog-l-img {
  position: relative;
}

.blog-item-vid {
  background: none;
  padding: 0;
}

.vid-dark .blog-nor-full .blog-btns a {
  padding: 10px 15px;
  display: table;
  background: black;
  text-align: center;
  color: white;
  margin: 0 auto;
  width: 100%;
  text-decoration: none;
  border: 1px solid white;
  max-width: 250px;
  margin: 0;
  margin-top: 1.5em;
}

.vid-dark .blog-nor .blog-l-text-out {
  padding: 2em 0;
}

.vid-pod-page-cara .expert-outer .button-expert {
  background: var(--colour-salmon) !important;
  color: black !important;
}

h2.vid-h2-tren {
  color: black;
  font-size: 18pt !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-weight: 100;
  line-height: 22pt !important;
  font-style: italic;
  text-align: center;
  margin-bottom: 1em;
}

.hp-lgvid-h2 {
  margin-top: 0 !important;
}

.vid-1-corner-border {
  /* --b: 5px;
   --c: var(--colour-salmon);
   --w: 80px;
   border: var(--b) solid black0;
   --_g: black0 90deg, var(--c) 0;
   --_p: var(--w) var(--w) border-box no-repeat;
   display: block;
   justify-content: center;
   align-items: center;
   text-align: center;
   background: conic-gradient(from 90deg at top var(--b) left var(--b),var(--_g)) 0 0 / var(--_p), conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p); */
}
.vid-1-corner-border::before {
  content: "";
  background: url(/wp-content/themes/lighttheme/images/rb-corner-br.png), url(/wp-content/themes/lighttheme/images/rb-corner-tl.png);
  background-position: bottom right, top left;
  background-repeat: no-repeat;
  background-size: 80px;
  inset: 0;
  position: absolute;
}

.vid-1-corner .blog-l-img {
  border-top: 0 !important;
}

.vid-dark .white-a {
  font-family: var(--font-cursive);
}

.vid-1-corner {
  width: 96%;
  margin: 2%;
}

@media (max-width: 900px) {
  .blog-nor-full.blog-item-vid .blog-l-img {
    width: 100%;
    float: none;
    margin-bottom: 1.5em;
    margin: 0 auto;
    margin-bottom: 1em;
    margin-top: 2em;
    max-width: 400px;
  }
  .vid-1-corner {
    padding: 2em 0.5em;
  }
}
.blog-tpl-52 img[src*="/uploads"] {
  aspect-ratio: 10/6;
  object-fit: cover;
}

.banner-iframe-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*align-items: center;*/
}

.bannerimg {
  background-position: center right !important;
}

@media (max-width: 950px) {
  .banner-container .hp-mx-wd {
    display: none;
  }
  .hp-mx-wd-mobile {
    display: block;
    padding-bottom: 0 !important;
  }
}
.banner-container {
  max-height: 600px;
}

.banner-container .hp-mx-wd {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  max-width: 1280px !important;
}

.banner-container .hp-mx-wd .oth-strip-itm {
  margin: 1%;
}

.banner-container {
  position: relative;
}

.banner-entry-date-a {
  position: absolute;
  bottom: 0;
  z-index: 9;
  width: 100%;
  text-align: center;
}

.below-ban-h3 h3 {
  margin: 0 !important;
  text-align: center;
}

.banner-container .hp-mx-wd .oth-strip-itm {
  width: 98%;
}

.banner-txt-inner {
  max-width: 500px;
  margin-top: 150px;
  /* padding-top: 1px !important; */
  position: absolute;
  /* top: 0; */
  /* bottom: 0; */
  padding: 1.5em;
  top: 50%;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  /* left: 50%; */
  top: 36%;
  position: absolute;
  width: 100%;
  background: rgba(17, 17, 17, 0.83) !important;
}

.banner-txt-inner a {
  border: 1px solid #494949;
  padding: 0.2em 3.5em;
  color: black;
  text-transform: uppercase;
  font-size: 10pt;
  display: table;
}

.banner-text h1 {
  color: white;
  text-transform: unset !important;
  font-size: 26pt !important;
  text-align: left;
  line-height: 29pt;
  margin-top: 0 !important;
  font-weight: 400;
}

.banner-text h2 {
  color: white;
  text-transform: unset !important;
  font-size: 20pt !important;
  text-align: left;
  line-height: 28pt;
  margin-top: 0 !important;
  font-weight: 100;
  font-size: 23pt !important;
  line-height: 27pt !important;
  font-weight: 300 !important;
  margin-top: 0.5em !important;
  font-weight: 500 !important;
  margin-top: 0 !important;
  FONT-WEIGHT: 100;
}

.banner-a-side {
  position: absolute;
  left: -2em;
  top: 200px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-transform: uppercase;
  color: white;
  background: url(/wp-content/themes/lighttheme/images/ban-lnk-img.png);
  background-position: right 1px;
  background-repeat: no-repeat;
  padding-top: 14px;
  padding-right: 50px;
  font-size: 12pt;
  display: none;
}

.banner-a-side {
  left: 2em;
}

@media (min-width: 950px) {
  .oth-strip-itm {
    width: 31.333%;
    margin: 1%;
  }
  .banner-container .hp-mx-wd .oth-strip-itm {
    margin: 1%;
    width: 31.333%;
  }
  .hm-cont-itm .oth-strip-itm {
    width: 31.333%;
    margin: 1%;
  }
}
footer[role=banner] {
  background: white !important;
}

.copyright-text {
  background: #faf9f4 !important;
}

.banner-iframe-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.banner-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

.banner-back .flex-control-nav li, .banner-back .flex-control-paging li a {
  border-radius: 5px;
}

.banner-back .flex-control-nav li {
  border: 1px solid #161616 !important;
}

.flex-control-paging li a.flex-active {
  background: black;
  background: #0760ab;
  cursor: default;
}

.banner-back .flex-control-nav {
  width: auto !important;
  position: absolute;
  bottom: 1em;
  text-align: right;
  z-index: 10;
  right: 3em;
  left: 3em;
}

.flex-direction-nav {
  display: none;
}

.banner-iframe-cont video {
  width: 100%;
  /* height: 100%; */
  left: 50%;
  position: absolute;
  right: 0;
  min-width: 1290px;
  margin: 0 auto;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.banner-table img {
  margin: 0 !important;
  left: unset !important;
  max-width: 70px;
  margin: 0 auto !important;
}

.banner-table td {
  padding: 0.4em !important;
  color: white;
  font-size: 16pt;
  vertical-align: middle;
}

.banner-table td strong {
  font-weight: 700;
  font-size: 26pt;
  display: inline-block;
  margin-bottom: 0.4em;
}

.banner-text-inner iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.Excellence-banner h1 {
  font-family: var(--font-cursive) !important;
}

@media (min-width: 900px) {
  .ban-fixed {
    background-attachment: fixed !important;
  }
  .two-col {
    padding-right: 370px;
    position: relative;
  }
  .side-part-info {
    position: absolute;
    /* float: right; */
    width: 350px;
    border: 1px solid #EFEFE9;
    right: 0;
    top: 0;
    border: 1px solid #e9e9e9;
    /* border-radius: 3px; */
    box-shadow: 5px 5px 10px #d4d2d2;
    margin-top: 0;
  }
}
.banner-btns {
  text-align: center;
}

.banner-btns a {
  color: white;
  padding: 1em 1.5em;
  background: #d90d18;
  font-size: 16pt;
  font-weight: bold;
  margin: 0.2em 1em;
  display: inline-block;
  width: 200px;
  border-radius: 5px;
  font-weight: 100;
  transition: 0.3s;
  opacity: 0.75;
}

.banner-btns a:hover {
  background: #ff1724;
  color: white;
}

.banner-btns-wide {
  text-align: center;
}

.banner-btns-wide a {
  color: white;
  padding: 1em 1.5em;
  background: #a7a6a6;
  font-size: 16pt;
  font-weight: bold;
  margin: 0.2em 1em;
  display: inline-block;
  width: 98%;
  border-radius: 5px;
  font-weight: 100;
  transition: 0.3s;
  opacity: 0.75;
}

.banner-btns-wide a:hover {
  background: #ff1724;
  color: white;
}

@media (max-width: 750px) {
  .banner-btns a {
    color: white;
    padding: 1em 1.5em;
    background: #d90d18;
    font-size: 9pt;
    font-weight: bold;
    margin: 1em;
    display: inline-block;
    width: 114px;
  }
}
.ban-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #282828;
  opacity: 0.3;
}

.banner-text-inner h1 {
  font-size: 23pt !important;
  color: white !important;
  margin-bottom: 1em !important;
}

.banner-twitter-outer {
  width: 100%;
  position: absolute;
  top: 225px;
  z-index: 9;
  right: 0;
}

.banner-twitter {
  max-width: 300px;
  max-height: 500px;
  overflow: scroll;
  margin-top: 150px;
  margin-bottom: 1em;
  position: absolute;
  top: 0;
  z-index: 9;
  right: 10%;
  left: 0;
  margin: 0 auto;
  max-width: unset;
  max-height: unset;
  width: 90%;
  margin-left: 5% !important;
  height: 300px;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  margin-top: unset;
}

@media (min-width: 600px) {
  .banner-text-inner h1 {
    color: white !important;
    font-size: 25pt !important;
    font-weight: bold !important;
    text-shadow: 1px 1px black;
  }
  .banner-twitter-outer {
    width: 100%;
    position: absolute;
    top: 275px;
    z-index: 9;
    right: 0;
  }
}
@media (min-width: 1000px) {
  .banner-text-inner h1 {
    color: white !important;
    font-size: 50pt !important;
    /* font-weight: bold !important; */
    text-shadow: 1px 1px black;
    margin-bottom: 0.5em !important;
  }
  .banner-twitter-outer {
    width: 50%;
    position: absolute;
    top: 30%;
    z-index: 9;
    right: 0;
  }
  .banner-twitter {
    max-width: 300px;
    max-height: 500px;
    overflow: scroll;
    margin-top: 150px;
    margin-bottom: 1em;
    position: absolute;
    top: 0;
    z-index: 9;
    right: 10%;
  }
  .banner-twitter {
    max-width: 300px;
    max-height: 500px;
    overflow: scroll;
    /* margin-top: 150px; */
    margin-bottom: 1em;
    position: absolute;
    top: 0;
    z-index: 9;
    /* right: 10%; */
    left: 10%;
    right: unset !important;
    margin-top: unset !important;
    height: unset;
  }
}
.banner-twitter {
  margin: 0 auto;
}

.banner-back {
  position: relative;
}

.banner-back::after {
  position: absolute;
  content: " ";
  display: block;
  left: -5%;
  bottom: -20px;
  /* transform: rotate(-2deg); */
  width: 110%;
  height: 94px;
  z-index: 2;
  /* background: white; */
  background-image: url(/wp-content/themes/lighttheme/images/logo.png);
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  display: none;
}

.banner1 {
  position: relative;
  top: 0;
  left: 0;
  background: url("/resources/themes/simple/images/banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  /*max-width:1280px;*/
  margin: 0 auto;
  display: block;
  /*height:450px;*/
  overflow: hidden;
}

.banner2 {
  position: relative;
  top: 0;
  left: 0;
  background: url("/resources/themes/simple/images/banner-2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  /*max-width:1280px;*/
  margin: 0 auto;
  display: block;
  /*height:450px;*/
  overflow: hidden;
}

.banner3 {
  position: relative;
  top: 0;
  left: 0;
  background: url("/resources/themes/simple/images/banner-3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  /*max-width:1280px;*/
  margin: 0 auto;
  display: block;
  /*height:450px;*/
  overflow: hidden;
}

.about-banner-home {
  background: url(/resources/themes/simple/images/about-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.van-banner-home {
  background: url(/images/headers/about-header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 4em;
  background-position: center;
}

.home-section-banner {
  color: white;
  position: relative;
  text-align: center;
  display: block;
}

.members-banner-home {
  text-align: center;
  margin-bottom: 2.5em;
}

.members-banner-home .section-outer {
  text-align: center;
}

.members-banner-home img {
  max-width: 200px;
  display: inline-block;
  margin: 20px;
}

.members-banner-home .section-overlay {
  display: none;
}

.members-banner-home h2 {
  color: #4eb0e7;
  /* text-transform: uppercase; */
  text-align: center;
  font-size: 2em;
  /* text-shadow: 0px 1px 1px #808080; */
  color: black;
  text-align: center !important;
  font-size: 2.5em;
  font-weight: bold;
  text-transform: uppercase;
}

.home-section-banner .section-overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  max-width: none;
  padding: 0;
  position: absolute;
}

.home-section-banner:hover .section-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.home-section-banner .section-outer {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 2em;
  position: relative;
}

.home-section-banner div .section-img {
  width: 100%;
  vertical-align: middle;
  height: auto;
  position: relative;
  white-space: nowrap;
  display: inline-block;
}

.home-section-banner .section-text {
  width: 100%;
  padding: 1em;
  display: inline-block;
}

.section-img img {
  display: block;
  height: 100%;
  vertical-align: middle;
  max-width: 325px;
  margin: 0 auto;
}

.home-section-banner .end {
  width: 100%;
  padding: 0;
}

.home-section-banner div div h2 {
  font-size: 2.2em;
  margin: 0;
  margin-bottom: 1em;
  color: white;
}

.home-section-banner div div span {
  font-size: 1.8em;
  margin-bottom: 1em;
}

.home-section-banner div div p {
  font-size: 1.4em;
  margin-bottom: 0;
}

.banner-button {
  background: #48afe9;
  background: -moz-linear-gradient(top, #48afe9 0%, #278cc5 100%);
  background: -webkit-linear-gradient(top, #48afe9 0%, #278cc5 100%);
  background: linear-gradient(to bottom, #48afe9 0%, #278cc5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#48afe9", endColorstr="#278cc5", GradientType=0);
  padding: 1em 2em;
  border: 1px solid #24a8f3;
  border-radius: 1em;
  color: white;
  /* font-weight: 700; */
  margin-top: 1em;
  margin: 0 auto;
  display: table;
  line-height: normal;
  font-size: 14px !important;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  bottom: 25%;
  height: 52px !important;
  text-align: center;
}

.banner-button:hover {
  color: white;
  background: rgba(239, 239, 239, 0.3);
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.banner-logo-tw {
  max-width: 185px;
  position: absolute;
  right: 3em;
  bottom: 3em;
}

@media (max-width: 840px) {
  .banner-logo-tw {
    max-width: 350px;
    width: 80%;
    position: absolute;
    right: 3em;
    bottom: 7em;
    margin: 0 auto;
    display: block;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    right: 0;
    left: 50%;
  }
}
.banner-text-inner {
  /*max-width: 500px !important;*/
  text-align: center;
  float: none;
  margin-right: none;
}

.banner-star-rating .stars-avg-rating .rating-stars {
  font-size: 12px;
}

.banner-star-rating .stars-avg-rating {
  margin: 0;
  margin-top: 5px;
}

.banner-star-rating .rating-stars:after {
  content: "Reviews";
  font-size: 10pt;
  margin-left: 5px;
  vertical-align: middle;
}

.banner-star-rating h3 {
  text-transform: uppercase;
  font-size: 9pt !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-weight: 500 !important;
  border-bottom: 1px solid #b2b2b2;
  color: black;
}

.banner-star-rating .rating-text {
  display: none;
}

/* Contact page
------------------------------------------ */
.contact {
  overflow: hidden;
}

.contact > article {
  float: left;
  width: 64%;
}

.contact > aside {
  float: right;
  width: 33%;
  max-width: 300px;
  color: var(--colour-medium-grey);
}

.contact > aside p {
  font-size: 0.923em;
}

.contact input {
  width: 94%;
  max-width: 94%;
  margin: 5px 0;
}

.contact textarea {
  width: 94%;
  max-width: 94%;
  min-width: 94%;
  margin: 5px 0;
}

.contact select {
  width: 100%;
  max-width: 100%;
  margin: 5px 0;
}

.contact .select {
  width: 100%;
  max-width: 100%;
  margin: 5px 0;
}

.contact .select select {
  margin: 0;
}

.contact textarea {
  min-height: 200px;
}

.contact article h2 {
  font-weight: 300;
}

.contact article p.half {
  float: left;
  width: 48%;
  padding-right: 4%;
}

.contact article p.half + p.half {
  clear: none;
  padding-right: 0;
}

.contact aside .social li {
  margin-right: 5px;
}

.contact aside .social li:before {
  display: none;
}

.contact .gmap {
  height: 300px;
}

@media (max-width: 800px) {
  .contact > article {
    float: none;
    width: 98%;
    padding: 0 1%;
  }
  .contact > aside {
    float: none;
    width: 98%;
    padding: 0 1%;
  }
}
.offices-section {
  width: 100% !important;
  margin: 0 auto;
  float: none;
}

.home-contact-form {
  margin-bottom: 2em;
}

.hp-contact {
  background: #c6b29b;
  padding: 3em;
  justify-content: center !important;
  padding-top: 6em;
}

.hp-contact .panel-grid-cell:first-of-type {
  background: #121314;
  padding: 3em;
  border-radius: 5px;
  padding-right: 115px;
  padding-bottom: 100px;
  max-width: 600px;
}

.hp-contact .panel-grid-cell:last-of-type {
  background: #20272d;
  padding: 3em;
  border-radius: 5px;
  margin-top: 3.5em;
  margin-left: -3.5em;
  max-width: 600px;
}

.hp-contact .panel-grid-cell:first-of-type h3 {
  color: #c6b29b;
  font-size: 11pt !important;
  text-transform: uppercase;
  font-weight: 500 !important;
}

.hp-contact .panel-grid-cell:first-of-type h2 {
  color: white;
  font-weight: 500;
}

.hp-contact .panel-grid-cell:first-of-type p {
  color: white;
  font-size: 14pt;
}

.ex-contact a {
  display: block;
  padding-left: 25px;
  color: black;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-size: 11pt;
}

.ex-contact a.pho {
  background: url(/wp-content/themes/lighttheme/images/icons/phoneshare.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.ex-contact a.ema {
  background: url(/wp-content/themes/lighttheme/images/icons/emailshare.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.about-con-centre h2, .about-con-centre h3, .about-con-centre h4, .about-con-centre p {
  text-align: center !important;
}

#meet-our-team {
  font-style: italic;
  text-align: left;
}

.about-con-centre h3 {
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-weight: 100;
  text-align: center !important;
  font-style: italic;
  color: black;
  /* font-weight: bold !important; */
  font-size: 21pt !important;
  margin-bottom: 1em !important;
}

.contact-header-outer h2 {
  font-size: 26pt !important;
  font-style: italic;
}

.contact-image-outer .vc_single_image-wrapper:before {
  content: "";
  background: url(/wp-content/themes/lighttheme/images/bg-pattern.png);
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 3em;
  width: calc(100% - 30px);
  position: absolute;
  height: 100%;
  display: block;
  z-index: 1;
  margin-left: -1.5em;
  margin-top: -1.5em;
  height: calc(100% - 70px);
}

.contact-image-outer .vc_single_image-wrapper {
  position: relative;
}

.contact-image-outer .wpb_single_image {
  margin-bottom: 0 !important;
}

.contact-image-main img {
  z-index: 2;
  position: relative;
}

.about-main-content h3 {
  color: var(--colour-salmon) !important;
  font-size: 18pt;
  line-height: 22pt;
  text-transform: none !important;
  font-family: var(--font-sans);
  font-family: var(--font-cursive);
  font-style: italic;
  margin-bottom: 1.5em !important;
}

#about-hr .vc_column-inner {
  border-bottom: 2px solid #e1e1e1;
}

/**************************************************************
***************         CONTACT FORM          *****************
**************************************************************/
.contact-location-outer {
  margin-bottom: 1em;
  background: white;
}

.contact-location-outer .end {
  font-size: 0;
  height: 0;
}

.map-outer {
  height: 250px;
}

.contact-content {
  float: left;
  width: 100%;
}

.offices-section {
  padding: 1em;
  margin-top: 1em;
}

.contact-office {
  padding: 1em 0 1em 0;
  margin-bottom: 2em;
  width: 96%;
  float: left;
  margin: 2%;
  text-align: center;
}

.contact-office iframe {
  width: 100% !important;
}

.offices-section {
  text-align: center;
}

.contact-content p {
  line-height: 1.5em;
}

.c-left {
  width: 100%;
  margin-right: 0;
  float: left;
  margin-bottom: 3em;
}

.c-right {
  width: 100%;
  margin-top: 40px;
  float: left;
  margin-bottom: 3em;
}

.contact-content h2 {
  color: #242d59;
}

.contact_form {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}

select {
  background: url("/wp-content/themes/lighttheme/images/icons/select-down.png") no-repeat right white;
  background-size: 18px 18px;
  background-position: right 10px center;
}

input[type=submit],
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
input[type=search],
textarea,
select {
  /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
}

.form-field > input[type=text],
.form-field > input[type=password],
.form-field > input[type=email],
.form-field > textarea,
.form-field > select {
  padding-left: 50px !important;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
input[type=search],
textarea,
select {
  color: #444;
  font-family: inherit;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
input[type=search],
textarea,
select {
  background-color: #f2f2f2;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
input[type=search],
select {
  height: 42px !important;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
input[type=search],
textarea,
select {
  border: none;
  font-size: 16px;
  padding: 10px;
  border-radius: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  background-color: white;
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  display: inline-block;
  border: 1px solid #ccc;
}

input:focus,
textarea:focus {
  outline: none;
  border: 1px solid #999;
}

.form-field > i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  text-align: center;
  /*line-height: 42px;*/
  height: 42px;
  width: 50px;
  opacity: 0.33;
  -webkit-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
  padding: 5px;
}

.form-field i img {
  line-height: inherit;
  height: 100%;
  width: 100%;
}

.fm {
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.form-field {
  position: relative;
}

.form-row {
  padding-bottom: 20px;
}

.form-label {
  display: none;
  margin-bottom: 3px;
}

/**************************************************************
******************         INPUTS           *******************
**************************************************************/
.Actions {
  float: none;
  margin-top: 2em;
}

button,
.home-btn, .Actions input, .index-btn-middle {
  /*border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: white;
    background-color: #f7931d;
    border-color: #f7931d;
    font-weight: bold;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em !important;
    font-weight: 600;
    margin-top: 0.5em;
    padding: 1em 2.1em 1em 2.1em !important;
    -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    text-transform: uppercase;
    white-space: normal !important;*/
  /*
  width: unset !important;
    padding: 1em 1.5em;
    background: #9e1d22;
    color: white;
    border-radius: 0.5em;
    font-size: 11pt;

        border: 1px solid #9e1d22;*/
}

/**************************************************************
******************         FORMS           *******************
**************************************************************/
.form-err-lbl {
  font-size: 9pt;
  color: red;
  display: block;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.contact-webform {
  /*width:48%;
    float:left;*/
}

.history-table {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

.history-table tr {
  border: 1px solid #efefef;
}

.history-table tr td:first-child {
  width: 300px;
  vertical-align: middle;
}

.history-table tr:nth-child(even) {
  background: #f3f3f3;
}

.history-table tr:nth-child(odd) {
  background: white;
}

.history-table tr td {
  vertical-align: top;
  padding: 1em;
}

.history-table tr td img {
  max-width: 300px;
}

.history-table tr td h3 {
  margin-top: 0;
}

@media (max-width: 900px) {
  .history-table {
    max-width: 500px;
    margin-bottom: 3em;
  }
  .history-table tr td {
    display: block;
    width: 100% !important;
    text-align: center;
    padding: 1.5em;
  }
  .history-table tr td:first-child {
    padding-bottom: 0;
  }
  .history-table tr td img {
    margin: 0 auto;
  }
}
/* custom form elements
---------------------------------*/
label.checkbox {
  display: inline-block;
  float: none;
  clear: none;
  overflow: hidden;
  height: 19px;
  padding-left: 5px;
  background: url("/images/input.png") 0 0 no-repeat;
  line-height: 19px;
  vertical-align: middle;
}

label.checkbox.checked {
  background-position: 0 -19px;
}

label.radio {
  display: inline-block;
  float: none;
  clear: none;
  overflow: hidden;
  height: 19px;
  padding-left: 5px;
  background: url("/images/input.png") 0 -38px no-repeat;
  line-height: 19px;
  vertical-align: middle;
}

label.radio.checked {
  background-position: 0 -57px;
}

label.radio input, label.checkbox input {
  visibility: hidden;
}

.file-input {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: text;
}

.file-input a.btn {
  height: 28px;
  margin-right: 5px;
  padding: 0 10px;
  font-weight: 400;
  font-size: 1em;
  text-transform: none;
  cursor: text;
}

.file-input input.fake {
  border: none;
  width: auto;
  padding: 2px 0;
  vertical-align: middle;
  cursor: text;
}

.file-input input.fake.file {
  display: inline-block;
  width: auto;
  min-width: 0;
  padding-left: 15px;
  background: url("/images/input.png") 0 -76px no-repeat;
  cursor: text;
}

.file-input a.empty {
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 5px;
  width: 19px;
  height: 17px;
  background: url("/images/input.png") 0 -93px no-repeat;
  text-indent: -50em;
  cursor: pointer;
}

.file-input input[type=file] {
  position: relative;
  top: -5px;
  cursor: pointer;
}

span.select {
  position: relative;
  display: inline-block;
  height: 32px;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: white;
  cursor: pointer;
}

span.select.error {
  border-color: #e65842;
  background-color: #ffe6dc;
  box-shadow: 0 0 2px 1px #ffece6;
  color: #ef4437;
}

span.select span.value {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  padding: 7px 10px;
  background: url("/images/select-arrow.gif") right 50% no-repeat;
  color: #999;
  zoom: 1;
}

@media not all and (-webkit-min-device-pixel-ratio: 0) {
  noindex:-o-prefocus, span.select span.value {
    text-indent: -99999px;
  }
  noindex:-o-prefocus, header span.select select {
    top: 5px !important;
    left: 10px !important;
  }
}
span.select.error span.value > span {
  color: #ef4437;
}

header[role=banner] .top span.select {
  height: 25px;
}

header[role=banner] .top span.select span.value {
  padding: 3px 3%;
}

header[role=banner] .top span.select select {
  margin: 0;
}

span.select span.value span {
  display: block;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

span.select select {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  -webkit-appearance: menulist-button;
}

.content > aside .select > span.value {
  padding: 7px 5%;
}

.content > aside .select {
  display: block;
}

.fm-form-container.fm-theme1 {
  width: 100% !important;
}

.is-search-form {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 2em;
  width: 90%;
}

.is-search-form input.is-search-input {
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  background: #faf9f4;
  border: 1px solid black !important;
  border-right: 0 !important;
  height: 35px !important;
  font-size: 9pt !important;
}

.is-search-form span.is-search-icon {
  display: none !important;
}

.is-search-form button.is-search-submit {
  height: 42px;
  width: 42px !important;
  border-radius: 0;
  border: 1px solid black !important;
  border-left: 0 !important;
  background: #faf9f5 !important;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  height: 35px !important;
  font-size: 9pt !important;
}

.is-search-form button.is-search-submit {
  background: url(/wp-content/themes/lighttheme/images/icons/search-arrow.png) !important;
  background-position: center !important;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
}

.is-form-style.is-form-style-3 label {
  width: calc(100% - 42px) !important;
}

#fm-form.form6 {
  max-width: 1000px;
  margin: 0 auto;
}

.wdform-page-button, .fm-form-container.fm-theme1 .fm-form .button-submit, .button-submit {
  padding: 10px 15px;
  display: table;
  background: var(--colour-salmon);
  text-align: center;
  color: black;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  background: var(--colour-salmon);
  margin-top: 2em;
  text-transform: uppercase;
  max-width: 230px !important;
  font-weight: 600;
  border: 0;
}

.fm-form-container.fm-theme1 .fm-form .button-submit:hover, .button-submit:hover {
  background: var(--colour-salmon) !important;
}

div[type=type_checkbox] > .wdform-element-section .wd-flex.checkbox-div, div[type=type_checkbox] > .wdform-element-section .wd-flex.checkbox-div input[type=checkbox],
div[type=type_radio] > .wdform-element-section .wd-flex.checkbox-div {
  display: inline-block;
}

#subscribe-outer div[type=type_checkbox] > .wdform-element-section .wd-flex.checkbox-div {
  width: 118px;
}

div[type=type_checkbox] > .wdform-element-section .wd-flex.checkbox-div label {
  display: inline-block;
}

#quiz-outer-out div[type=type_checkbox] > .wdform-element-section .wd-flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

#quiz-outer-out input[type=radio]:checked, #quiz-outer-out input[type=checkbox]:checked, .subscribe-outer-txt input[type=checkbox]:checked, .quiz-inner-in input[type=checkbox]:checked {
  background: #474747;
}

#community-outer-out input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

#community-outer-out input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--colour-medium-grey);
}

#community-outer-out input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--colour-medium-grey);
}

#subscribe-outer .wdform-element-section > .wd-flex-row .wd-choice, #form8 .wdform-element-section > .wd-flex-row .wd-choice {
  margin: 1em;
}

#form7 .giveaway-outer h3, #form7 .giveaway-sub-thanks p {
  color: white !important;
}

#form7 .giveaway-outer {
  margin: 0;
}

@media (max-width: 600px) {
  .wdform-page-button, .fm-form-container.fm-theme1 .fm-form .button-submit, .button-submit {
    padding: 10px 15px;
    display: table;
    background: var(--colour-salmon);
    text-align: center;
    color: black;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
    background: var(--colour-salmon);
    margin-top: 2em;
    text-transform: uppercase;
    max-width: 94px !important;
    font-weight: 600;
    border: 0;
    font-size: 8pt;
  }
}
.is-search-form > label {
  height: 35px;
}

/**
  ----------------------------------------------------------------------------------------------------------------------
  MailChimp forms
 */
form[id^=mc-] {
  font-family: var(--font-sans);
}
form[id^=mc-] label {
  display: inline;
}
form[id^=mc-] ul {
  padding: 0;
  list-style: none;
}
form[id^=mc-] ul li {
  font-family: inherit !important;
  font-weight: inherit !important;
}
form[id^=mc-] input[type=checkbox] {
  outline: none;
  margin-right: 0.7em;
  width: initial;
  height: initial;
}
form[id^=mc-] input[type=email] {
  background: transparent;
  border: 0 !important;
  border-bottom: 1px solid #474747 !important;
  border-radius: 0;
}
form[id^=mc-] .indicates-required {
  display: none;
}
form[id^=mc-] .clear {
  height: initial;
}
form[id^=mc-] [id=mc_embed_signup_scroll] {
  display: block !important;
}

div#mc_embed_signup .button,
form[id^=mc-] input[type=submit] {
  background: var(--colour-primary);
  padding: 0.8em 3vw;
  text-transform: uppercase;
  border: none;
  margin-top: 0.7em;
  height: auto;
  line-height: initial;
  font-weight: inherit;
}

div#mc_embed_signup {
  background: initial;
  width: initial;
  /*font: initial;*/
}

form[id=mc-embedded-subscribe-form] ul {
  columns: 2 2em;
  max-width: 20em;
  margin: 2em auto;
}
form[id=mc-embedded-subscribe-form] .clear {
  text-align: center;
}

.submit-btn {
  background-color: black !important;
  width: 40% !important;
  left: 30%;
  text-transform: uppercase !important;
}

.wpforms-field-container,
.wpforms-submit-container {
  display: block !important;
}

.wpforms-field-row {
  display: flex;
  flex-direction: column;
  padding-top: 0 !important;
}
.wpforms-field-row div {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 5px !important;
}

.hp-news-feed {
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 3.5em;
}

.newsletter-container > h2 {
  font-weight: bold;
}

.newsletter-container,
.video-container,
.brochure-container {
  width: 100%;
  float: left;
}

.newsletter-container {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 3em;
  margin-bottom: 3.5em;
}

.newsletter-thumb h2 {
  font-size: 1.4em;
  font-weight: 400;
  margin-top: 1em;
}

.newsletter-thumb img {
  border: 1px solid #efefef;
}

.newsletter-thumb img,
.video-thumb img,
.brochure-thumb img {
  width: 100%;
}

.portfolio-outer ul {
  list-style: none;
  text-align: center !important;
}

.portfolio-outer ul li {
  max-width: 312px;
  display: inline-block;
  margin: 10px;
  padding: 0 !important;
  width: 90%;
}

.portfolio-outer ul li a {
  display: block;
}

.portfolio-outer ul li:hover {
  opacity: 0.8;
}

.hp-mx-wd .oth-strip-itm:hover {
  opacity: 0.8;
}

/********* SERVICES PAGES ********/
.Services {
  margin-top: 0 !important;
  background-color: white;
  width: auto !important;
  max-width: none !important;
  padding-left: 0;
  padding-right: 0;
}

.header-text {
  position: relative;
  width: 90%;
  height: 100%;
  /* padding-top: 100px; */
  max-width: 1260px;
  margin: 0 auto;
}

.page-title-outer {
  position: relative;
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2em;
}
.page-title-outer > h1 {
  margin: 0 !important;
}
.page-title-outer .h1-submenu {
  width: 15em;
  top: calc(100% + 0.5em);
  font-family: var(--font-cursive);
  font-style: italic;
}

@media (max-width: 550px) {
  .header-text h1 {
    font-size: 20pt !important;
    font-weight: 300;
  }
}
.header-text h1 strong {
  font-size: 14pt;
}

.service-header-main {
  background: url(/resources/themes/simple/images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
  height: 900px;
}

.service-header {
  height: 300px;
  background: url(/resources/themes/simple/images/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
}

.exlink a {
  padding: 1em 2em;
  border: 1px solid #266890;
  border-radius: 10px;
  color: #266890;
  font-weight: 700;
  margin-top: 1em;
  margin: 0 auto;
  display: table;
  line-height: normal;
}

.exlink a:hover {
  background: rgba(214, 230, 247, 0.2);
}

.service-item {
  max-width: 900px;
  margin: 0 auto;
  line-height: 50px;
}

.service-item h2 {
  display: none;
}

.service-item img {
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 1.5em;
}

.service-item ul {
  list-style-image: url(/resources/themes/simple/images/icons/bullet-point.png);
}

.service-item p,
.service-item ul {
  font-size: 1.2em;
  line-height: 2em;
  color: #888;
}

.service-item h2 {
  text-align: center;
}

.service-summary {
  width: 80%;
  margin-right: 10%;
  margin-left: 10%;
  float: left;
}

.service-item h3 {
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
  color: #888;
}

.service-benefits {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  float: left;
}

.service-benefits h3 {
  margin-top: 1em;
}

.service-benefits ul {
  padding-left: 40px;
  list-style-position: outside;
}

.service-keyfeatures {
  width: 80%;
  float: left;
  margin-left: 10%;
  margin-right: 10%;
}

.service-keyfeatures ul {
  padding-left: 40px;
  list-style-position: outside;
}

/**************************************************************
*****************       INDEX Service sections       *******************
**************************************************************/
.index-services-links {
  width: 100%;
  /*max-width:1280px;*/
  margin: 0 auto;
  margin-bottom: 2em;
  /*padding:0 0.5em 0 0.5em;*/
  position: absolute;
  bottom: 100px;
  margin-top: 100px;
  z-index: 2;
}

.services-links {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}

.service-link,
.ser-link {
  color: white;
}

.service-link,
.ser-link {
  width: 50%;
  float: left;
}

.index-service {
  width: 100%;
  /*max-width:150px;*/
  margin: 0 auto;
  /*background:rgba(0,61,106, 0.5);*/
  padding: 1em 1.5em 1em 1.5em;
  text-align: center;
  /*border-radius:10px;*/
  height: 100px;
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  /* Safari */
  transition: background 0.5s;
}

.index-service:hover p {
  display: none;
}

.index-service:hover span {
  display: block;
}

.index-service:hover {
  background: rgba(0, 0, 0, 0.1);
}

.index-service p {
  margin-bottom: 0;
  font-size: 2.8em;
  display: block;
}

.index-service span {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5em;
  display: none;
  transition-timing-function: ease-in;
  -webkit-transition: display 1s;
  /* Safari */
  transition: display 1s;
}

.index-service-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 1em;
  display: none;
}

/*** SERVICE PAGE **/
.service-link {
  color: white;
}

.service-link {
  width: 50%;
  float: left;
}

.ser-service {
  width: 100%;
  /*max-width:150px;*/
  margin: 0 auto;
  /*background:rgba(0,61,106, 0.5);*/
  padding: 1em 1.5em 1em 1.5em;
  text-align: center;
  /*border-radius:10px;*/
  /*height: 100px;*/
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  /* Safari */
  transition: background 0.5s;
}

.ser-service:hover {
  background: rgba(0, 0, 0, 0.1);
}

.ser-service p {
  margin-bottom: 0;
  font-size: 2.8em;
  display: block;
}

.ser-service span {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.5em;
  transition-timing-function: ease-in;
  -webkit-transition: display 1s;
  /* Safari */
  transition: display 1s;
}

.services-expand-close {
  background: rgba(0, 61, 106, 0.6) url(/resources/themes/simple/images/icons/menu-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  cursor: pointer;
  border-radius: 10px 0 0 10px;
  width: 50px;
  height: 50px;
  float: left;
}

.services-expand-close:hover {
  background: #2062ae url(/resources/themes/simple/images/icons/menu-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
}

.services-expand-open {
  background: rgba(0, 61, 106, 0.6) url(/resources/themes/simple/images/icons/menu-left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  cursor: pointer;
  border-radius: 10px 0 0 10px;
  width: 50px;
  height: 50px;
  float: left;
}

.services-expand-open:hover {
  background: #2062ae url(/resources/themes/simple/images/icons/menu-left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
}

.services-nav-outer {
  position: absolute;
  display: block;
  right: 0;
  top: 300px;
  overflow: hidden;
}

.services-nav {
  display: none;
  background: rgba(0, 61, 106, 0.6);
  width: 150px;
  border-radius: 0 0 0 10px;
  overflow: hidden;
}

.services-nav a {
  padding: 1.5em;
  width: 100%;
  float: left;
  text-align: center;
  color: white;
  border-bottom: 1px solid;
}

.services-nav a:last-child {
  border-bottom: 0;
}

.services-nav a:hover {
  background: #2062ae;
}

.home-service-epm {
  background: rgba(66, 149, 183, 0.3);
}

.home-service-ebi {
  background: rgba(28, 49, 70, 0.3);
}

.home-service-hcm {
  background: rgba(134, 81, 1, 0.3);
}

.home-service-eim {
  background: rgba(153, 69, 9, 0.3);
}

.home-service-erp {
  background: rgba(30, 99, 81, 0.3);
}

.home-service-grc {
  background: rgba(63, 154, 130, 0.3);
}

.services-home-section a {
  width: 97%;
  margin: 1.5%;
  float: left;
  position: relative;
  display: block;
  border: 1px solid #efefef;
  padding: 1em;
  background: white;
}

.services-home-section .ser-img-cont {
  position: relative;
}

.services-home-section a:hover .sec-overlay {
  background: rgba(0, 0, 0, 0.5);
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.services-home-section a span {
  font-size: 1.4em;
  color: #525252;
  text-align: center;
  display: block;
  padding: 1.5em;
}

.services-home-section a p {
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 1em;
}

.services-home-section a p:last-child {
  margin-bottom: 0;
}

.backline-section {
  margin: 0 auto;
  margin-top: 0 !important;
  background: white;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 2.5em !important;
  padding-top: 2.5em !important;
  padding-left: 1em;
  padding-right: 1em;
}

.backline-section a img {
  width: 100%;
  height: auto;
}

.backline-section a:hover .p-read-more {
  display: block !important;
}

.backline-button {
  /*   background: transparent;

    padding: 1em 2em;
    border: 1px solid #efefef;
  border-radius: 1em;
  color: white;

  margin-top: 1em;
  margin: 0 auto;
  display: table;
  line-height: normal;
  font-size: 14px !important;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  bottom: 25%;
  height: 52px !important;

  */
  display: block;
  margin-bottom: -35px;
  display: block !important;
  background: white;
  border-radius: 0;
  padding: 0.5em 1em !important;
  color: #878787;
  height: auto !important;
  width: auto !important;
  margin: 0 auto;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
}

.backline-button:hover {
  color: #8e8e8e;
  background: #efefef;
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.backline-section a:nth-child(1) {
  width: 48% !important;
  float: left !important;
}

.backline-section a:nth-child(2), .backline-section a:nth-child(3) {
  float: left !important;
  width: 48% !important;
}

.backline-section a:nth-child(4) {
  width: 48% !important;
  float: right !important;
}

.backline-section a:not(.read-more-blog) {
  width: 97%;
  margin: 1%;
  float: left;
  float: none;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border: 1px solid #e4e4e4;
}

@media (max-width: 650px) {
  .backline-section a:nth-child(1) {
    width: 98% !important;
    max-width: 400px;
    margin: 0 auto !important;
    display: block;
    float: none !important;
    margin-bottom: 1em !important;
  }
  .backline-section a:nth-child(2) {
    width: 98% !important;
    max-width: 400px;
    margin: 0 auto !important;
    display: block;
    float: none !important;
    margin-bottom: 1em !important;
  }
  .backline-section a:nth-child(3) {
    width: 98% !important;
    max-width: 400px;
    margin: 0 auto !important;
    display: block;
    float: none !important;
    margin-bottom: 1em !important;
  }
  .backline-section a:nth-child(4) {
    width: 98% !important;
    max-width: 400px;
    margin: 0 auto !important;
    display: block;
    float: none !important;
  }
}
@media (min-width: 650px) and (max-width: 950px) {
  .backline-section a:nth-child(1) {
    width: 48% !important;
  }
  .backline-section a:nth-child(2) {
    width: 48% !important;
  }
  .backline-section a:nth-child(3) {
    width: 48% !important;
  }
  .backline-section a:nth-child(4) {
    width: 64.666% !important;
  }
}
.backline-section a span {
  position: absolute;
  color: white;
  font-size: 15pt;
  line-height: 1.5em;
  /* left: 50%; */
  /* top: 50%; */
  letter-spacing: 0.04em;
  /* max-width: 245px; */
  text-align: center;
  /* text-shadow: 0px 0px 9px black; */
  font-weight: 600;
  -ms-transform: translate(-50%, -50%);
  /* -webkit-transform: translate(-50%, -50%); */
  /* transform: translate(-50%, -50%); */
  display: table;
  font-weight: 100;
  left: 0;
  bottom: 0;
  padding: 1em 1.5em;
  text-align: left;
  font-size: 9pt;
  /* text-transform: uppercase; */
  color: #7d7d7d;
  font-weight: 400;
  background: #e7e3e2;
  margin-bottom: 2em;
  z-index: 9;
  /* box-shadow: 2px 3px 20px black; */
  margin-left: 2em;
  display: block;
}

.backline-section a span h3 {
  text-transform: uppercase;
  font-weight: 600;
}

/* Home trending video strip */
.blog-tpl-51 .main-image img {
  aspect-ratio: 16/10;
  object-fit: cover;
}

.home-topics-inner {
  max-width: 800px;
  margin: 0 auto;
}

.home-topics-txt {
  max-width: 514px;
  width: 90%;
  padding: 3em;
}

.home-topics-txt h2, .home-topics-txt h3, .home-topics-txt h4.home-topics-txt h5 {
  color: white !important;
  margin-top: 0 !important;
}

.home-topics-txt p {
  color: white !important;
  font-size: 12pt;
}

.home-topics-outer {
  padding: 3em 2em 4em 2em;
}

.home-topics-outer ul, .other-topics-outer ul {
  flex-wrap: wrap;
  display: flex;
  list-style: none !important;
}

.home-topics-outer ul li, .other-topics-outer ul li {
  display: inline-block;
  flex: 0 0 97%;
  margin: 1.5%;
  position: relative;
  background: white;
  list-style: none !important;
  padding-left: 0 !important;
}

@media (min-width: 400px) and (max-width: 900px) {
  .home-topics-outer ul li, .other-topics-outer ul li {
    flex: 0 0 47%;
  }
}
@media (min-width: 900px) {
  .home-topics-outer ul li, .other-topics-outer ul li {
    flex: 0 0 22%;
  }
}
.home-topics-outer ul li a, .other-topics-outer ul li a {
  display: block;
}

.home-topics-outer ul li > a, .other-topics-outer ul li > a {
  margin-bottom: 55.5px;
}

.home-topics-outer ul li a:hover, .other-topics-outer ul li a:hover {
  opacity: 0.8;
}

.home-topics-outer ul li span, .other-topics-outer ul li span {
  position: absolute;
  bottom: 10px;
  padding: 5px;
  background: #22223c;
  color: white;
  font-size: 8pt !important;
}

.home-topics-outer ul li .hp-cat-txt, .other-topics-outer ul li .hp-cat-txt {
  padding: 1em 1em 1em 1em;
}

.home-topics-outer ul li .hp-cat-txt h3, .other-topics-outer ul li .hp-cat-txt h3 {
  margin-top: 0 !important;
  font-size: 12pt !important;
  line-height: 14pt !important;
  color: #22223c;
  font-weight: 500 !important;
}

.home-topics-outer ul li .hp-cat-txt p, .other-topics-outer ul li .hp-cat-txt p {
  margin-top: 0 !important;
  font-size: 10pt !important;
  line-height: 12pt !important;
  color: #22223c;
  font-weight: 500 !important;
}

.home-topics-outer ul li > h3, .other-topics-outer ul li > h3 {
  font-size: 10pt !important;
  text-align: center;
  text-transform: uppercase;
  margin: 0 !important;
  background: #22223c;
  color: white;
  font-weight: 400 !important;
  letter-spacing: 0.2px;
}

.home-content {
  margin: 0 auto;
}

.hp-mx-wd-mobile {
  display: none;
}

.home-blog-img {
  width: 100%;
  height: 280px;
  margin-right: 1.5em;
  /* border-radius: 1em; */
}

.home-blog-itm table tr td {
  vertical-align: top;
  position: relative;
}

.home-blog-itm table tr:not(:first-of-type) td {
  padding: 1em;
}

.say-listing-home {
  width: 100% !important;
  background: none !important;
  border: 0;
  box-shadow: none;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.home-blog-itm table {
  width: 100%;
}

.home-blog-itm > a {
  display: block;
}

.home-blog-itm > a:hover {
  opacity: 0.7;
}

.say-listing-home .home-blog-itm {
  width: 48% !important;
  margin: 1% !important;
  float: left !important;
}

.say-listing-home table tr td p, .say-listing-home h4 {
  text-align: center !important;
}

.say-listing-home .home-blog-itm table tr:first-child td {
  width: 100%;
  display: block;
  clear: both;
}

.say-listing-home .home-blog-itm table tr:last-child {
  display: none;
}

.say-listing-home .home-blog-img {
  margin: 0 auto;
  border: 2px solid #2b97d3;
  border-radius: 50%;
  margin-bottom: 1em;
}

@media (min-width: 1100px) {
  /*.home-blog-list-outer{
      width:30.333%;
    }

  .home-blog-list-outer:nth-child(3){
    width:30.333%;
  }
  */
}
.home-blog-list-outer h3, .map-outer1 h3 {
  padding: 1em;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  color: #595959 !important;
  /*  background: #48afe9;
  background: -moz-linear-gradient(top, #48afe9 0%, #278cc5 100%);
  background: -webkit-linear-gradient(top, #48afe9 0%,#278cc5 100%);
  background: linear-gradient(to bottom, #48afe9 0%,#278cc5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48afe9', endColorstr='#278cc5',GradientType=0 );
          text-align: center !important;
      text-transform: uppercase;*/
  text-align: center !important;
  font-size: 25pt !important;
  font-weight: bold;
  line-height: 1em;
}

.home-blog-list-outer h3, .home-blog-itm h4, .map-outer1 h3 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: left;
}

.home-blog-itm h4 {
  font-size: 12pt;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: 0;
}

.home-blog-itm {
  background: white;
  /*border-top:1px solid #efefef;*/
  max-height: 500px;
}

.blog-post-meta {
  display: none;
}

.home-blog-list-outer {
  width: 97%;
  margin: 1.5%;
  float: left;
  background: white;
  /*border: 1px solid #efefef;
  box-shadow: 3px 4px 20px 0px #efefef;
  border-radius: 1em;*/
  overflow: hidden;
}

.home-contact {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.home-contact h2 {
  color: #003d6a;
  text-align: center;
  font-weight: lighter;
  font-size: 1.8em;
}

.home-contact-inner {
  width: 100%;
  margin: 0 auto;
  padding: 1.5em;
  max-width: 900px;
}

.home-contact-form {
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
  background-color: #f1f1f1;
  padding: 1.5em 2em;
  margin-top: 1em;
}

.home-contact-form .g-recaptcha > div {
  margin: 0 auto;
}

.home-map {
  background: #002f3f;
  position: relative;
  /*background: #002f3f url('/map-img.png');
    background-position:center;
    background-repeat:no-repeat;*/
  padding-bottom: 3.5em;
  padding-top: 1.5em;
}

.home-map img {
  max-width: 1280px;
  width: 100%;
  display: block;
  margin: 0 auto;
}

.home-map-text {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 1280px;
  padding-top: 2em;
  padding-bottom: 2em;
}

/*
.home-map-text {
    position: relative;
    left: 30px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 2em;
}*/
.home-map-text h2 {
  color: white;
  font-size: 1.8em;
}

.home-map-text p {
  color: #50b4da;
  font-size: 1.2em;
  max-width: 550px;
}

.home-btn:hover {
  background: transparent;
  transition-timing-function: ease-in;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

/* Home page styles
------------------------------------------ */
.hp-quote {
  clear: both;
  width: 70%;
  margin: 25px auto;
  padding: 15px 0 15px 55px;
  background: url("/images/quote.png") 0 30px no-repeat;
  color: #747474;
}

.hp-quote blockquote, blockquote.hp-quote {
  margin: 0;
  padding: 0;
  border: none;
}

article .hp-quote {
  width: auto;
  padding: 0 0 0 55px;
  background-position: 0 0;
}

.hp-quote p {
  margin: 0.5em 0;
  font: 300 1.846em/1.1em var(--font-sans);
}

.hp-quote p.signature {
  font: normal 1em var(--font-sans);
  text-align: right;
}

.hp-quote p.signature span {
  color: var(--colour-medium-grey);
}

.why-us ul {
  margin-top: 0;
  color: var(--colour-medium-grey);
  font-size: 0.923em;
}

.why-us li {
  margin-left: 0;
  padding-left: 25px;
  background: url("/images/tick.png") 0 1px no-repeat;
}

.home section .why-us h2 {
  margin-bottom: 1em;
}

.home .hp-latest2 .col2 h2 {
  font-size: 1.538em;
}

.home .tabbed .tab-content h2 {
  font-weight: 400;
}

.home .tabbed .img-border:before {
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.1);
}

/* intro */
.hp-intro {
  overflow: hidden;
  margin: 0;
  padding: 20px 0;
}

.boxed .hp-intro {
  margin: 0 -30px;
  padding: 20px;
}

.hp-intro p.cta {
  float: right;
  height: 79px;
  margin: 0;
  padding: 0 20px 0 50px;
  background: url("/images/cta.png") left center no-repeat;
  font-size: 1.231em;
  line-height: 79px;
}

.hp-intro p.slogan {
  float: left;
  width: 60%;
  margin: 0;
  color: var(--colour-medium-grey);
  font: 300 2em/1.3em var(--font-sans);
}

.boxed .hp-intro p.slogan {
  margin-left: 2%;
}

.intro {
  margin-bottom: 3em;
}

.intro h1 {
  font-weight: 300;
  font-size: 2.462em;
  line-height: 1.2em;
}

.intro h1 strong {
  color: var(--colour-orange);
  font-weight: 300;
}

@media (max-width: 820px) {
  .hp-intro p.cta, .hp-intro p.slogan, .boxed .hp-intro p.slogan {
    float: none;
    width: 90%;
    margin: 1em auto;
    padding: 0;
    background: none;
    text-align: center;
  }
  .hp-intro p.cta a {
    display: block;
    padding: 10px;
    text-align: center;
  }
}
/* services list */
ul.hp-services {
  margin: -1.5em 0 0;
  padding: 0;
  list-style: none;
}

ul.hp-services li {
  overflow: hidden;
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #dfdfdf;
}

ul.hp-services li:first-child {
  border-top: none;
}

ul.hp-services li img {
  float: left;
  width: auto;
  margin-right: 25px;
}

ul.hp-services li div {
  overflow: hidden;
}

ul.hp-services li h3 {
  margin: 0 0 0.5em;
  font-size: 1.846em;
}

ul.hp-services li h3 a {
  color: var(--colour-medium-grey);
}

ul.hp-services li h3 a:hover {
  color: var(--colour-orange);
}

/* recent work */
.columns.hp-recent-work > h2:first-child {
  margin-bottom: 0.75em;
}

.hp-recent-work > div {
  padding: 0;
  height: 270px;
}

.hp-recent-work > div > div {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.hp-recent-work article {
  display: inline-block;
  width: 220px;
  margin: 0 20px 0 0;
}

.hp-recent-work article h3 {
  margin: 0.5em 0;
  font-size: 1.538em;
}

.hp-recent-work article h3 a {
  color: var(--colour-medium-grey);
}

.hp-recent-work article h3 a:hover {
  color: var(--colour-orange);
}

.hp-recent-work article p {
  margin: 0;
  color: #999;
}

.hp-recent-work article > div {
  position: relative;
  overflow: hidden;
}

.hp-recent-work article div div {
  display: none;
}

.hp-recent-work article div:hover div {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255, 132, 0, 0.8);
}

.hp-recent-work article div ul {
  overflow: hidden;
  position: relative;
  z-index: 3;
  top: 60px;
  list-style: none;
  width: 70px;
  margin: 0 auto;
  padding: 5px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
}

.hp-recent-work article div ul li {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 0;
}

.hp-recent-work article div ul li:first-child {
  margin-left: 0;
}

.hp-recent-work article div ul li a {
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  margin: 0;
  background: url("/images/actions.png");
  text-indent: -500em;
  vertical-align: middle;
}

.hp-recent-work article div ul li a.view {
  background-position: 0 0;
}

.hp-recent-work article div ul li a.go {
  background-position: -34px 0;
}

.hp-recent-work article img {
  width: 100%;
  max-width: 220px;
}

/* Our clients logo list */
.hp-our-clients > div.slider-box {
  height: 100px;
}

.hp-our-clients > div ul {
  position: absolute;
  left: -10px;
  top: 0;
  list-style: none;
  width: 1000em;
  margin: 0;
  padding: 0;
}

.hp-our-clients > div ul li {
  float: left;
  width: 140px;
  margin: 0 10px;
}

.home .col3 h3 {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #dfdfdf;
  font-size: 1.846em;
}

.home .col3 h3 span {
  display: inline-block;
  margin-bottom: -1px;
  padding: 8px 0;
  border-bottom: 2px solid var(--colour-orange);
}

.home .col4 h3, .home .with-icons .col3 h3 {
  margin: 0.5em 0;
  border-bottom: none;
  font-size: 1.538em;
}

.home .col4 h3 a, .home .col3 h3 a {
  color: var(--colour-medium-grey);
}

.home .col4 h3 a:hover, .home .col3 h3 a:hover {
  color: var(--colour-orange);
}

.home h2 + p {
  margin-top: 0;
}

.home .latest h3 {
  margin-bottom: 0;
  font-size: 1.538em;
  font-weight: 400;
}

.home .latest h3 a {
  color: var(--colour-medium-grey);
}

.home .latest h3 a:hover {
  color: var(--colour-orange);
}

.home .latest article {
  clear: both;
}

.home-text-sec {
  padding-left: 30px !important;
  max-width: 850px;
}

.home-text-sec h2 {
  text-align: left !important;
  font-size: 30pt !important;
  color: #156b4e !important;
  font-weight: 300 !important;
  line-height: 34pt !important;
}

.home-text-sec p {
  font-size: 14pt !important;
  text-align: left !important;
}

.home-text-sec img {
  width: 100% !important;
  max-width: 500px;
}

.hp-bl-outer ul li {
  padding: 0 !important;
  position: relative;
  width: 50%;
  width: 39%;
  margin: 1%;
  float: left;
}

.hp-bl-outer ul li:hover {
  opacity: 0.8;
}

.hp-bl-outer ul li:first-of-type {
  width: 56.6%;
}

@media (max-width: 850px) {
  .hp-bl-outer ul li {
    width: 98% !important;
  }
  .hp-bl-outer {
    max-width: 450px;
    margin: 0 auto;
  }
}
.hp-bl-txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
}

.hp-bl-txt h3, .hp-bl-txt p {
  color: white !important;
}

.hp-bl-txt h3 {
  font-size: 14pt !important;
  line-height: 14pt !important;
}

.hp-bl-txt p {
  font-size: 10pt !important;
  line-height: 10pt !important;
}

.home-topics-outer, .other-topics-outer {
  background: #f7f7f7;
}

#hp_blog_posts .panel-grid-cell {
  width: 100% !important;
  padding-top: 0 !important;
}

.home-topics-outer h2 {
  font-size: 46pt !important;
  line-height: 46pt !important;
  font-weight: 600;
}

.blog-home-page-outer h2 {
  text-align: center;
  color: #121314;
  font-size: 20pt !important;
  font-weight: 600 !important;
}

.blog-home-page-outer > h2 {
  text-transform: uppercase !important;
  display: block;
  padding-top: 1.5em;
  margin-bottom: 1em;
  font-size: 25pt !important;
}

body[data-path=about-us] .page-padding {
  padding: 2em;
}
body[data-path=about-us] h2#meet-our-team {
  font-size: 2.7em;
}

section[class*=error-] {
  text-align: center;
}
section[class*=error-] h1 {
  padding-top: 1.2em;
  margin-bottom: 0.7em;
}
section[class*=error-] p {
  font-family: var(--font-serif);
}
section[class*=error-] .searchform > div {
  display: flex;
  justify-content: center;
  gap: 0.5em;
}
section[class*=error-] .searchform input[type=text] {
  margin: 0;
}
section[class*=error-] .searchform input[type=submit] {
  padding: 0.3em 1em;
  height: initial;
  background: black;
}

/*# sourceMappingURL=trb.css.map */
