* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: #ffffff; color: #000000; font-family: "arboria", sans-serif; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: #000000; text-decoration: none; font-weight: normal; }
ul, ol { padding: 0px; margin: 0px; }
li {list-style-type: none;vertical-align: top;}
h1, h2, h3, h4, h5, h6 { padding: 0px 10px 10px 0px; margin: 0px; font-size: 100%; font-weight: normal; color: #000000; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: transparent; border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: "arboria", sans-serif; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p {padding: 0px 0px 10px 0px;margin: 0px;color: var(--navy);font-family: "arboria", sans-serif;font-size: 110%;line-height: 1.5;}
strong { font-weight: 700; font-family: "arboria", sans-serif; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; }


:root {
    --navy: #35465b;
    --orange: #f1a861;
    --green: #6ba6a3;
    --grey: #f3f3f3;
    --imggrey: #ededeb; 
}


/* General rules */

.layouttopmenu{height: 75px;}
.layouttopmenu, .layoutcredits {background-color: var(--navy);}
.layouttopmenu .nav_simple li a { text-transform: uppercase; font-weight: 700;}
.layouttopmenu .nav_simple ul {display:flex;justify-content: space-between;}

  a#yourchallenges { position: absolute; margin-top: -140px; }
  a#mypromise { position: absolute; margin-top: -150px; }
  a#youroutputs { position: absolute; margin-top: -150px; }
  a#testimonials { position: absolute; margin-top: -80px; }
  a#contact { position: absolute; margin-top: -150px; }

.std_contentpage.home .pagetitle {color: var(--navy);text-transform: uppercase;font-size: 320%;font-weight: 700;letter-spacing: 2px;}
.std_contentpage.home .section {text-align: center;}
.std_contentpage.home .section.yourchallenges{ border-bottom: 1px solid grey; }
.std_contentpage.home .section.youroutputs { border-top: 1px solid grey; }
.std_contentpage.home .section>.titletxt, .std_contentpage.home .section.testimonials .carousel .titletxt {color: var(--navy);padding: 55px 0px 30px 0px;font-size: 160%;font-weight: 700;}
.std_contentpage.home .section .introduction {padding-bottom:30px;}

.std_contentpage.home .section.yourchallenges>.items {display:flex;flex-direction: column;gap: 20px 0px;}
.std_contentpage.home .section.yourchallenges .challenges .items {text-align: left;display:flex;flex-direction: row;flex-wrap: wrap;}
.std_contentpage.home .section.yourchallenges .challenges {border: 4px solid var(--orange);padding: 20px 45px;} 

.std_contentpage.home .section.promises .introduction p:first-of-type { padding-bottom:40px;}
.std_contentpage.home .section.promises .introduction ul {background-size: contain;}
.std_contentpage.home .section.promises li {list-style-type: decimal;color: var(--navy);text-align: left;margin-bottom: 40px;}
.std_contentpage.home .section.promises li::marker {color: var(--green);font-weight: 700;}
.std_contentpage.home .section.promises .introduction strong {color: var(--green);}

.std_contentpage.home .section.youroutputs .util_container.outputs { margin: 0px 0px 40px 0px;}
.std_contentpage.home .section.youroutputs .util_container.outputs .items {display:flex;flex-direction: row;gap: 30px;}
.std_contentpage.home .section.youroutputs .util_container.outputs .std_content {width: 33.3%;border-left: 4px solid var(--orange);text-align:left;padding: 0px 20px;}
.std_contentpage.home .section.youroutputs .util_container.outputs .std_content .titletxt { color: var(--orange);font-weight: 700; font-size: 125%;}
.std_contentpage.home .section.youroutputs .util_container.outputs .std_content p {font-size: 100%;}

.feat_carousel .carousel { overflow: hidden; position: relative; height: 100%; }
.feat_carousel .carousel>ul { width: 20000em; position: relative; height: 100%; }
.feat_carousel .carousel>ul>li {float: left;height: 100%;list-style-type: none;width: 1000px;}
.std_contentpage.home .section.testimonials .carousel li {border: 4px solid var(--green);min-height: 350px;}
.std_contentpage.home .section.testimonials .carousel li p { font-size:100%; line-height: 1.5; text-align: left;}
.std_contentpage.home .section.testimonials .carousel li p:last-of-type {padding-top: 10px;}
.std_contentpage.home .section.testimonials .carousel li .titletxt { padding: 40px 0px 30px 0px ;}
.std_contentpage.home .section.testimonials .buttons .carousel-prev {background-image:url(/images/XBbRIe1A7Xj6j0kaoVda03f03f.png);color: transparent;background-size: contain;}
.std_contentpage.home .section.testimonials .buttons .carousel-next {background-image:url(/images/SqKxiucrbLVOUpUTCMFs03f03f.png);color: transparent;background-size: contain;}
.std_contentpage.home .section.testimonials .skip a.active {background-color: var(--green) !important;color: white;}
.std_contentpage.home .section.testimonials .jcarousel-control { margin-top:30px; margin-bottom:50px;}
.std_contentpage.home .section.testimonials .jcarousel-control.skip a { display: inline-block;color: var(--cblue);margin: 0px 0px 0px 10px;background-color: #6ba6a3aa;border-radius: 100%;padding: 2px;width: 18px;height: 18px;text-indent: -9999px;opacity: 0.5;}

.std_contentpage.home .section.contact {background-color: var(--grey); margin-bottom: 80px; padding-bottom: 0px;}
.std_contentpage.home .section.contact .introduction i {font-size: 150%;margin-right: 5px;}
.std_contentpage.home .section.contact .introduction p:nth-child(2) { padding-bottom:20px;}
.std_contentpage.home .section.contact .introduction p a {color: var(--navy);font-weight: 500;}
.std_contentpage.home .section.contact .contactdetails {border-top: 5px solid var(--orange);}
.std_contentpage.home .section.contact .contactdetails p a { color: var(--navy);}
.std_contentpage.home .section.contact .contactdetails p {font-weight: 700;letter-spacing: 1px;}

.std_contentpage.home .section .contactdetails p strong { color: var(--orange);}

.layoutcredits, .layoutcredits a { font-size: 85%; color:white;}

@media (min-width: 1240px)
{
  .carousel-prev {position: absolute;left: 50%;margin: -200px 0px 0px -620px;}
  .carousel-next {position: absolute;left: 50%;margin: -200px 0px 0px 580px;}

  .std_contentpage.home .section.testimonials .buttons .carousel-prev {height: 65px;width: 65px;}
  .std_contentpage.home .section.testimonials .buttons .carousel-next { height: 65px;width: 65px;}

  .layoutcredits .layoutcredits_inner {justify-content: space-between;}
}

@media ( min-width: 900px) /* desktop and ipad */
{
  .layouttopmenu .toggle {display: none;} 
  .layouttopmenu_inner{ max-width: 750px; margin: 0px auto;}
  .layouttopmenu .nav_simple { width: 100%;}
  .layouttopmenu .nav_simple li a { color: white; line-height: 75px;}
  .layouttopmenu .nav_simple li a:hover {color: var(--orange);}

  .layoutcredits_inner { max-width: 1240px; margin: 0px auto;}

  .std_contentpage.home .pageheader {background-size: 2000px;background-position: bottom;height: 365px;background-color: #ededeb;}
  .std_contentpage.home .pagetitle {position: absolute;margin-top: 150px;left: 50%;margin-left: -50px;}
  .std_contentpage.home .section {max-width: 1000px;margin: 0px auto 0px auto;padding-bottom:40px;}

  .std_contentpage.home .section.yourchallenges .challenges {width: 750px; margin: 0px auto;}
  .std_contentpage.home .section.yourchallenges .introduction {width: 700px;margin: 0px auto;}
  .std_contentpage.home .section.yourchallenges .challenges .std_content:nth-child(odd) {width: 30%; }
  .std_contentpage.home .section.yourchallenges .challenges .items .std_content:nth-child(even) { width: 70%; }

  .std_contentpage.home .section.promises .introduction ul {margin: 10px 40px;width: 800px;}
  .std_contentpage.home .section.promises .introduction {width: 800px;margin: 0px auto;}
  .std_contentpage.home .section.promises .introduction strong {padding-left: 60px;}
  .std_contentpage.home .section.promises .introduction ul {background-position: 3%;}
  .std_contentpage.home .section.promises .introduction ul {background-image:url(/images/9I0u6Z63YPTP1JyRS4fA00a077.png);}

  .std_contentpage.home .section.testimonials .carousel li {padding: 0px 100px;}
  .std_contentpage.home .section.testimonials .buttons { display:flex; flex-direction:row; justify-content: center; gap: 20px; margin-top: 10px;}
  .std_contentpage.home .section.testimonials .buttons .carousel-prev,   .std_contentpage.home .section.testimonials .buttons .carousel-next  {height: 30px;width: 30px;} 
  
  .std_contentpage.home .section.youroutputs .util_container.outputs .items { margin-left:30px;}
  .std_contentpage.home .section.youroutputs .bottom { padding: 0px 50px;}

  .std_contentpage.home .section.contact .introduction {width: 55%;margin: 0px auto;}
  .std_contentpage.home .section.contact .contactdetails p {line-height: 90px;font-size: 120%;}
  .std_contentpage.home .section.contact p a:hover {color:var(--orange);}

  .layoutcredits {height: 60px;}
  .layoutcredits, .layoutcredits a { line-height: 60px; }
  .layoutcredits .layoutcredits_inner { display:flex; flex-direction: row; justify-content: space-between;}
}

@media (min-width: 700px)
{
  .std_contentpage.home .section.yourchallenges .challenges .std_content:nth-child(odd) {width: 30%; }
  .std_contentpage.home .section.yourchallenges .challenges .items .std_content:nth-child(even) { width: 70%; }
}

@media ( max-width: 899px)
{
  .layouttopmenu .toggle {position:absolute;top:15px;right:15px;cursor:pointer;}
  .layouttopmenu .toggleon ul{display:block;position: absolute;top: 75px;right: 0px;width: 100%;background-color: #ffffff;opacity: 0.9;z-index: 50;text-align: center;}
  .layouttopmenu .toggleon li{padding: 10px 0px 10px 20px;}
  .layouttopmenu .toggleoff ul{display:none;}
  .layouttopmenu svg path {fill: #ffffff;}
  .layouttopmenu svg {width: 40px; height: 40px;}

  .std_contentpage.home .pagecomponents {padding: 0px 15px;}
  .std_contentpage.home .pageheader {height: 300px; background-size: 2000px; background-position: 40%;}
  .std_contentpage.home .pagetitle { float: right; margin-top: 120px; margin-right: 10px; font-size: 200%;}

  .std_contentpage.home .section.promises .introduction p, .std_contentpage.home .section.promises .introduction li  {font-size:100%;}
  .std_contentpage.home .section.promises .introduction ul { background-image:none; margin: 0px 30px;}

  .std_contentpage.home .section.youroutputs .util_container.outputs .items { flex-direction: column;margin-left: 30px;}
  .std_contentpage.home .section.youroutputs .util_container.outputs .items .std_content { width: 100%;}

  .std_contentpage.home .section.testimonials .carousel li {padding: 0px 20px;}
  .std_contentpage.home .section.testimonials .buttons { display:flex; flex-direction:row; justify-content: center; gap: 20px; margin-top: 10px;}
  .std_contentpage.home .section.testimonials .buttons .carousel-prev, .std_contentpage.home .section.testimonials .buttons .carousel-next  {height: 30px;width: 30px;}

  .std_contentpage.home .section.contact .introduction {width: 90%;margin: 0px auto;} 

  .layoutcredits {height: auto;}
  .layoutcredits, .layoutcredits a { line-height: 60px; }
  .layoutcredits .layoutcredits_inner {display:flex;flex-direction: row;justify-content: space-around;}
}

@media ( max-width: 500px) /* mobile */
{
  .std_contentpage.home .pagetitle {font-size: 175%;margin-left: 100px;margin-right:0px; margin-top: 70px;}
  .std_contentpage.home .pageheader { height: 200px; background-size: 1000px; background-position:50%;}
  .std_contentpage.home .pagecomponents {padding: 0px 15px;}

  .std_contentpage.home .section.contact .items { display:flex; flex-direction: column;}
  .std_contentpage.home .section.contact .introduction p a {font-size: 85%;}
  .std_contentpage.home .section.contact .contactdetails  {padding: 0px 9px;}

  .layoutcredits .layoutcredits_inner {flex-direction: column;line-height: normal; text-align:center; padding-top: 10px;}
}


/* Cookies */

#gdpr-cookie-message { position: fixed; right: 30px; bottom: 30px; max-width: 375px; background-color: #ffffff; padding: 20px; border-radius: 5px; box-shadow: 0 6px 6px rgb(0 0 0 / 25%); margin-left: 30px; font-weight: 500; z-index: 200; }
#gdpr-cookie-message p, #gdpr-cookie-message ul li { font-size: 90%}
#gdpr-cookie-message button {background: var(--green);border: none;color: white;padding: 10px;border-radius: 7px;font-weight: 700;}
button#gdpr-cookie-advanced { background: white; color: black; }
#gdpr-cookie-message button:hover,#gdpr-cookie-message input[type=checkbox]:hover  { cursor: pointer; opacity: 0.8; }

#gdpr-cookie-message h5, #gdpr-cookie-message h4 { padding-bottom: 10px; }
#gdpr-cookie-types { padding: 20px 0px; }
#gdpr-cookie-message ul li { width: 49%; display: inline-block; }