/* Skills4Work Colours */
.mb-prussblu {
    background-color:#0B3C5D;
}
.mb-skyblu {
    background-color:#BCFBFF;
}
.mb-blu2 {
    background-color:#b4f9ff;
}
.mb-blu3 {
    background-color:#5bc6f7;
}
.mb-goldleaf {
    background-color:#D9B310;
}
.mb-ivoryblack {
    background-color:#1D2731;
}
.mb-summersky {
    background-color:#286DA8;
}
.mb-warmpeach {
    background-color:#CD5360;
}
.mb-field {
    background-color:#B37D4E;
}
.mb-breeze {
    background-color:#438496;
}

.mb-grassy {
    background-color:#83FF8F;
}

.mb-cream {
background-color:#FFFFBF;
}

.mb-beige {
background-color:#FFF4DE;
}

.mb-yellow {
background-color:#F4FF53;
}

.mb-palegreen {
background-color:#B2FFAF;
}

/* -------- Turn on borders for DIVs etc. ------------ */

.borderon {border:2px solid black; }

.borderoff {border:none; }

/* -------- Text colouring/weight -------- */

.bhgtxt {color:#b64f00; }

.blktxt {color:#000; font-weight:bold;}

.dblutxt {color:#020080; font-weight:bold;}

.blutxt {color:#44abff;}

.lightblutxt {color:#b6f9ff;}

.pbtxt {color:#0B3C5D;}

.gltxt {color:#D9B310;}

.grntxt {color:#8fff9b;}

.wptxt {color:#CD5360;}

.yeltxt {color:#FFFC2E; }

.whttxt {color: #FFF; }

.redtxt {color:#FF0000;}

.ppltxt {color:#C81EBC; }

.grytxt {color:#8A8988; }

.strongtxt {font-weight:bold; }

.undtxt {text-decoration:underline; }

.charitytxt {color:#0900AC; font-weight:bold; font-size:1.2em;}

.italictxt {font-style:italic; }

.undltxt {text-decoration:underline; }

.medtxt {font-size:1.6em; }

.smltxt {font-size:0.9em; }

/* ----------- Text alignment options ------------ */

.rttxt {text-align:right; }

.lttxt {text-align:left; }

.cnttxt {text-align:center; }

.centblock {display:block; margin-left:auto; margin-right:auto;}

/* .rndcorners {border-radius:10px 10px; box-shadow: 3px 3px #6A6A6A;} */
.rndcorners {border-radius:10px 10px; }

/* ------- Centre object on page ---------- */

.setcentre {display:block; margin:20px auto;}

.setmiddle {display:block; margin:auto;}

/* ---------------------------------------- */

.wide100 {width:100px; }

.boxshade {box-shadow:8px 8px 4px #888; }

.floatboxright {display:block; float:right; margin-right:30px; margin-top:20px;}

/* Set up Header area to hold 3 sections */

.mainlogo {
width:50%; height:auto; float:left;
}

.newspanel {
width:45%; height:90px; float:right; border:1px solid #000; border-radius:10px; margin-bottom:10px; padding:10px; line-height:1.2;
}

.newspanel a:visited {color:#098E00; }

.licences {
width:100%; height:auto; float:left; border-top:2px solid #1EB693; border-bottom:2px dotted #1EB693; margin-bottom:15px;
}

.newlogos {
width:650px; padding:0px 20px; margin:10px auto; background-color:#FFC669; border:5px ridge #FFAC37;
}

.imgborder {
 margin:10px;
}

.toppad {
padding-top:15px;
}

/* ---------- Misc Bits & Pieces --------------------*/

#player-overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 999;
}

video {
  /* display: block; */
  width: 100%;
  height: 100%;
}

#s4wbackground {
background-color:#C4F3FF;
 }
 
#wtbackground {
background-color:#fff;
 }

.user-cannot-see {
    display:none
}

/* testamonials box */

.testybox {
width:500px;
height:300px;
display:block;
}
 
 /* Information boxes */
 
 .infobox {
  width: auto;
  border: 15px solid #0003041D;
  padding: 50px;
  margin: 20px; 
 }
 
.client_section {
    width: 100%;
    float: left;
    padding-bottom: 160px;
}

.client_taital {
    width: 100%;
    font-size: 40px;
    color: #131313;
    font-weight: bold;
    padding-top: 30px;
    text-align: center;
}

.client_section_2 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 1px 16px -6px;
    border-radius: 30px;
    padding: 50px 70px;
    margin-top: 50px;
}

.client_main {
    width: 100%;
    display: flex;
}

.client_taital_left {
    width: 40%;
    float: left;
}

.client_taital_right {
    width: 60%;
    float: left;
}

.client_img {
    width: 100%;
    float: left;
    text-align: left;
}

.client_name {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #012628;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding-top: 53px;
    padding-bottom: 0px;
}

.quick_icon {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 30px;
}

.layout_padding {
    padding-top: 90px;
    padding-bottom: 0px;
}

.box_left {
    width: 48%;
}

.box_right {
    width: 48%;
    float: right;
    padding-top: 65px;
    margin-left: 30px;
}

/* Tstimonials boxes */

.containert {
  border: 2px solid #ccc;
  background-color: #eee;
  border-radius: 5px;
  padding: 16px;
  margin: 16px 0
}

.containert::after {
  content: "";
  clear: both;
  display: table;
}

.containert img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

.containert span {
  font-size: 20px;
  margin-right: 15px;
  font-weight:bold;
}

@media (max-width: 500px) {
  .containert {
      text-align: center;
  }
  .containert img {
      margin: auto;
      float: none;
      display: block;
  }
  
  .containert
  
  .divcentre {
  display: flex;
  justify-content: center;
}

.divcentreimg {
  width: 50%;
}

.responsive {
  max-width: 100%;
  height: auto;
}