/* Optician Sans font */

@font-face {
  font-family: 'Optician Sans';
  src: url('../fonts/Optician-Sans.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Montserrat Regular Google font */

@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.forcewhitefont {
  color: white !important;
}

.sppb-image-content-text {
  margin-bottom: 0px;
}

/* Membership Status */

#sp-title .membership-status .text-info {
  text-align: center;
  color: white !important;
  font-size: 16px;
  margin-top: 10px;
}

#sp-title {
  min-height: 0;
  background: #00aeef;
  z-index: 99;
  position: absolute;
  left: 0;
  padding-left: 0px;
  padding-right: 0px;
}

.sp-module-title {
  margin-top: 10px;
  margin-bottom: -10px;
  text-align: center;
  color: white;
}

.osm-container {
  text-align: left;
  padding: 10px 0;
  margin-top: 100px;
}

.osm-active-plans-list {
  list-style-type: none;
  background: #00aeef;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.osm-active-plans-list>li {
  text-align: center;
  color: white;
  font-size: 16px !important;
  margin-top: 0px;
}

/* Hide marker at start of breadcrumb */
.float-start {
  display: none;
}

/* Main Header Logo - Desktop */

img.logo-image {

  width: 300px !important;
  height: auto !important;

}

/* Main Header Logo - Mobile */

@media screen and (max-width: 768px) {

  img.logo-image {

    width: 250px !important;
    height: auto !important;

  }

}

a,
a:hover,
a:focus,
a:active {

  color: #00aeef;

}



#sp-header {

  background: #ffffff;

}



.textlink:hover,
.breadcrumb-item:hover {

  text-decoration: underline;

}



.breadcrumb-item.active:hover {

  text-decoration: none;

}



.article-author-information {

  display: none;

}



/*#system-message-container {

  position: fixed;

  z-index: 99999;

  width: 100%;

}*/





/* TEST BED*/



/* Body */

@media screen and (min-width: 1200px) {



  body.helix-ultimate .sppb-row-container {

    max-width: 1170px;

  }



}



/* Menus and Navigation */

nav#off-menu_117 h3.sm-head {
  margin-top: 0px !important;
}

#off-menu_117 h3.sm-head {
  height: 105px !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#off-menu_117 h3.sm-head span {
  text-align: left !important;
}

.sm-bottom p {

  padding: 15px !important;

  font-size: 12px;

  font-weight: normal;

  background: #f6f6f6;

  color: #333333;

  margin-top: 15px !important;

}



.essential-topic::before {

  content: " \25C6";

  color: #00aeef;

  margin-left: -10px;

}



#offcanvas-toggler>.fa {

  color: #ffffff !important
}



#offcanvas-toggler>.fa:hover {

  color: #007bff !important
}



.menu-icon-cont {

  margin-top: 15px;

  margin-left: 15px;

}



ul.sp-megamenu-parent li.home {

  display: none;

}



.pager.pagenav {

  padding-top: 12px;

}



#offcanvas-toggler {

  /* Hide off canvas menu */

  display: none !important;

}



#off-menu_117 h3.sm-head {

  height: 105px !important;

  display: flex;

  justify-content: center;

  flex-direction: column;

}



#off-menu_117 input.sm-filter[type=text] {

  height: 50px !important;

}



/* Menus and Navigation - Mobile */

@media screen and (max-width: 768px) {



  .menu-icon-cont {

    margin-top: 8px;

    margin-left: 8px;

  }



  #off-menu_117 h3.sm-head {

    height: 90px !important;

  }



  #off-menu_117 input.sm-filter[type=text] {

    height: 46px !important;

  }



}



/* Header - Desktop */

#sp-header {

  height: 105px !important;

}



/* Header - Mobile */

@media screen and (max-width: 768px) {



  #sp-header {

    height: 90px !important;

  }



}



/* Breadcrumb */


.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem !important;
  margin-bottom: 0px;
  list-style: none;
  background-color: #0053AB;
  border-radius: 0px;
}


.breadcrumb-item.active {
  color: #ffffff;
}


.breadcrumb-item+.breadcrumb-item::before {

  display: inline-block;
  padding-right: 0.5rem;
  color: #ffffff;
  content: ">";

}



/* Logo - Desktop */

#sp-logo {

  padding-top: 20px;

}



/* Logo - Mobile */

@media screen and (max-width: 768px) {

  #sp-logo {

    padding-top: 15px;

    margin-left: 45px;

  }



  .footerlogo75pcmob {

    width: 75%;

    margin-left: auto;

    margin-right: auto;

  }



  .footerlogoleft75pcmob {

    width: 75%;

    float: left;

  }



}



/* Login Form */

#login-form {

  background: #ffffff;

  padding: 20px;

}



#form-login-submit button {

  width: 100%;

}



#form-login-username label,
#form-login-password label {

  display: none;

}



/* Footer */

.footer-cta {

  color: #ffffff !important;

  text-decoration: underline;

}



.footer-cta:hover {

  color: #ffffff !important;

  text-decoration: underline;

}



/* Backgrounds */

.box-shadow {

  box-shadow: 5px 0 18px 2px rgba(0, 0, 0, 0.4);

}



/* Padding - Desktop */

.pad20 {

  padding: 20px;

}



.padstraplinelr {

  padding-left: 100px;

  padding-right: 100px;

}



.padmeettheteamb {

  padding-bottom: 50px;

}



.padfootertextb {

  padding-bottom: 50px;

}



.padlogosb {

  padding-bottom: 50px;

}



.article-details {

  /* Add additional body padding for articles */

  padding-left: 15% !important;

  padding-right: 15% !important;

}





/* Padding - Mobile */

@media screen and (max-width: 768px) {



  .padstraplinelr {

    padding-left: 30px;

    padding-right: 30px;

  }



  .article-details {

    /* Remove additional body padding for articles */

    padding-left: 5% !important;

    padding-right: 5% !important;

  }



  /*#sp-main-body {

    padding: 50px 0 !important;

  }*/

}



/* Margins - Desktop */

.mgnheader {

  margin-top: 105px !important;

}



.mgntrainingmoduleb {

  margin-bottom: 50px;

}



.mgnheadertext {

  margin-top: 220px;

}



.mgnbtm20 {

  margin-bottom: 20px;

}



/* Margins - Mobile */

@media screen and (max-width: 768px) {



  .mgnheader {

    margin-top: 90px !important;

  }



  .mgnheadertext {

    margin-top: 110px;

  }

}



/* Forms */

.form-horizontal .controls {

  margin-left: 0px !important;

}

.input-group-text {
  border-radius: 0px !important;
}

/* input:read-only { 

  background-color: #ffffff !important;

} */



input,
select {

  /* height: auto !important; */

  border-radius: 0px !important;

}

#recaptcha.required {

  padding-left: 0px !important;

}

.altcha {
  border: none;
  color: #333333 !important;
}

.altcha-main {
  padding: 0px !important;
}

.altcha-checkbox {
  width: 1em;
  height: 1em;
}

.altcha-checkbox input {
  width: 1em;
  height: 1em;
  border: 1px solid rgba(0, 0, 0, .25) !important;
}

.osm-modal {
  display: none;
}

.input-password-toggle {
  border-radius: 0px;
}

h1.osm_title,
h1.osm-page-title,
h2.osm-heading,
h2.osm-form-heading,
h3.osm-heading,
h2.eb-heading {

  text-align: left;

}



/* OS Membership Pro */

.osm-container .osm-item-heading-box,
.osm-container .osm-item-description {

  border-radius: 0px;

}



.form-horizontal .control-label {

  float: none !important;

}



.osm-payment-method-item.os_stripe.radio.clearfix {

  padding-right: 20px;

}



.input-prepend.inline-display {

  /* Set £ before read only box on subscribe page */

  display: flex;

}



.input-prepend.inline-display span.add-on {

  /* Set £ before read only box on subscribe page */

  padding-right: 10px;

  padding: 0.5rem 0.75rem 0.5rem 0rem;

}



.control-group.osm-terms-and-conditins-container {

  padding-top: 15px;

}



/* Font Colours */

.font-grey {
  color: #333333;
}

.font-lightgrey {
  color: #8c8c8c
}

.font-darkblue {
  color: #0053AB;
}

.font-brightblue {
  color: #000000;
}

/* Amended to Black */

.font-white {
  color: #ffffff;
}



/* Font Weights */

.font-normal {
  font-weight: normal !important;
}

.font-light {
  font-weight: 300 !important;
}

.font-bold {
  font-weight: bold !important;
}



/* Font Styles - Desktop */

h1,
h2 {

  display: inline-block;

}



.word-pad {

  padding-right: 5px;

}



h1 {

  font-family: 'Optician Sans', 'open sans' !important;

  font-size: 48px !important;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: 60px;

  letter-spacing: 0.5px;

  /*text-align: left;*/

  /* color: #333333; */

}



h2,
.sppb-testimonial-name {

  font-family: 'Optician Sans', 'open sans' !important;

  font-size: 38px;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: 1.25;

  letter-spacing: 0.3px;

  /*text-align: left;*/

  /*color: #333333;*/

}



h3 {

  font-family: 'Optician Sans', 'open sans' !important;

  font-size: 24px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: 1.25;

  letter-spacing: 0.5px;

  /*text-align: left;*/

}



body,
ul,
li {

  font-family: 'Montserrat-Regular', 'open sans' !important;

  font-size: 22px !important;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.2px;

  text-align: left;

  color: #333333;

}



.sp-menu-item a {

  font-family: 'Montserrat-Regular', 'open sans';

  font-size: 16px !important;

  font-weight: normal !important;

  font-style: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0.4px;

  text-align: center;

  text-transform: uppercase;

  color: #0053AB !important;

  padding-top: 20px !important;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {

  font-family: 'Montserrat-Regular', 'open sans';

  font-size: 16px !important;

  font-weight: normal !important;

  font-style: normal;

  font-stretch: normal;

  line-height: 20px;

  letter-spacing: 0.4px;

  text-align: left;

  text-transform: uppercase;

  color: #0053AB !important;

  padding-top: 20px !important;

}



.sppb-addon-testimonial-pro-client-url {

  font-family: 'Montserrat-Regular', 'open sans' !important;

  font-size: 17px !important;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.2px;

  text-align: left;

  color: #333333;

}



.sppb-testimonial-message {

  font-family: 'Montserrat-Regular', 'open sans' !important;

  font-size: 20px !important;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.2px;

  text-align: left;

  color: #333333;

}



.sppb-testimonial-post-nominal {

  font-size: 20px;

  line-height: 40px;

  display: inline-block;

}


.footer-title {

  font-family: 'Optician Sans', 'open sans' !important;

  font-size: 22px !important;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.2px;

  text-align: left;

}

.footer-text {

  font-family: 'Montserrat-Regular', 'open sans' !important;

  font-size: 18px !important;

  font-weight: bold;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.2px;

  text-align: left;

}



.btnsmalltext {

  font-family: 'Montserrat-Regular', 'open sans' !important;

  font-size: 12px;

  font-weight: 300;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: 0.2px;

  text-align: center;

}



li.breadcrumb-item {

  font-size: 18px !important;

  font-weight: normal;

}

li.breadcrumb-item a {

  color: #ffffff;
  text-decoration: underline;

}




/* Font Styles - Mobile */

@media screen and (max-width: 768px) {



  h1,
  h2 {

    display: block;

  }



  .word-pad {

    padding-right: 0px;

  }



  h1 {

    font-size: 36px !important;

    line-height: 40px;

  }



  h2,
  .sppb-testimonial-name {

    font-size: 28px !important;

  }



  .sppb-testimonial-post-nominal {

    display: block;

  }



  body,
  ul,
  li {

    font-size: 18px !important;

  }



  .footer-text {

    font-size: 16px !important;

  }



  li.breadcrumb-item {

    font-size: 14px !important;

  }



}





/* Text Alignment */

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

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}



/* Flexboxes - Desktop */

.flex-container {
  display: flex;
}

.flex-headerbutton1 {
  justify-content: flex-end;
}

.flex-headerbutton2 {
  justify-content: flex-start;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-centrecontent {

  display: flex;

  justify-content: center;

}



/* Flexboxes - Mobile */

@media screen and (max-width: 768px) {



  .flex-headerbutton1,
  .flex-headerbutton2 {

    justify-content: center;

  }



}



/* Buttons - Desktop */

.btn-blue,
#btn-submit.btn.btn-primary,
input.button.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary.btn-lg.btn-block,
input.btn.btn-primary,
button.btn.btn-primary.validate,
a.btn.btn-sm.btn-secondary.next,
a.btn.btn-sm.btn-secondary.previous,
ul.pager li a {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.4px;
  color: #0053AB !important;
  background: transparent;
  padding: 15px 28px;
  border: solid #0053AB 2px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  /* margin-bottom: 20px; */
  text-transform: uppercase;
  border-radius: 0px;
}

.btn-blue:hover,
#btn-submit.btn.btn-primary:hover,
input.button.btn.btn-primary:hover,
a.btn.btn-primary:hover,
button.btn.btn-primary.btn-lg.btn-block:hover,
input.btn.btn-primary:hover,
button.btn.btn-primary.validate:hover,
a.btn.btn-sm.btn-secondary.next:hover,
a.btn.btn-sm.btn-secondary.previous:hover,
ul.pager li a:hover {
  background: #0053AB;
  background-color: #0053AB !important;
  color: #ffffff !important;
  text-decoration: none;
}


.btnfixedwidth {

  width: 290px;

  text-align: center;

}



.btncenteralign {

  display: block !important;

  margin-left: auto;

  margin-right: auto
}



.btnrightalign {
  float: right;
}



.btnnormalpadding {
  padding: 15px 28px;
}



.btnslimpadding {
  padding: 6px 10px;
}



.btn-blue,
#btn-submit.btn.btn-primary,
input.button.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary.btn-lg.btn-block,
input.btn.btn-primary,
button.btn.btn-primary.validate,
ul.pager li a {

  font-family: 'Montserrat-Regular', 'open sans';

  font-size: 16px;

  font-weight: normal;

  line-height: 20px;

  letter-spacing: 0.4px;

  color: #0053AB !important;

  background: transparent;

  padding: 15px 28px;

  border: solid #0053AB 2px;

  text-decoration: none;

  display: inline-block;

  margin-top: 20px;

  /* margin-bottom: 20px; */

  text-transform: uppercase;

  border-radius: 0px;

}



.btn-blue:hover,
#btn-submit.btn.btn-primary:hover,
input.button.btn.btn-primary:hover,
a.btn.btn-primary:hover,
button.btn.btn-primary.btn-lg.btn-block:hover,
input.btn.btn-primary:hover,
button.btn.btn-primary.validate:hover,
ul.pager li a:hover {

  background: #0053AB;

  background-color: #0053AB !important;

  color: #ffffff !important;

  text-decoration: none;

}



.btn-white {

  font-family: 'Montserrat-Regular', 'open sans';

  font-size: 16px;

  font-weight: normal;

  line-height: 20px;

  letter-spacing: 0.4px;

  color: #ffffff !important;

  background: transparent;

  /*padding: 6px 10px;*/

  border: solid #ffffff 2px;

  text-decoration: none;

  display: inline-block;

  margin-top: 20px;

  margin-bottom: 20px;

  text-transform: uppercase;

}



.btn-white:hover {

  background: #ffffff;

  border: solid #ffffff 2px;

  color: #0053AB !important;

  text-decoration: none;

}



/* Buttons - Mobile */

@media screen and (max-width: 768px) {



  .btn-white {

    font-size: 14px;

    line-height: 18px;

    margin-top: 0px;

    margin-bottom: 10px;

  }



}



/* Images - Desktop */

.trusted-logo {

  height: 25%;

  width: 25%;

}

.sppb-img-responsive {
  /*padding: 20px; */
}



.img-responsive-mobile {
  display: none;
}



.gp-image {
  min-width: fit-content;
}



/* Images - Mobile */

@media screen and (max-width: 768px) {



  .trusted-logo {

    height: 50%;

    width: 50%;

  }



  .img-responsive {
    display: none;
  }



  .img-responsive-mobile {
    display: block;
  }



}



/* Testimonials - Desktop */

.ot-testimonial {

  display: flex;

  flex-direction: row;

}



.ot-testimonial-image {

  flex-basis: 20%;

}



.ot-testimonial-content {

  flex-basis: 80%;

}



.ot-testimonial-content {

  text-align: left;

  padding-left: 50px;

  padding-right: 50px;

}



.sppb-testimonial-message {

  margin-top: 10px;

}



.testimonial-link:hover {

  text-decoration: underline;

}



/* Testimonials - Mobile */

@media screen and (max-width: 768px) {



  .ot-testimonial {

    display: flex;

    flex-direction: column;

  }



  .ot-testimonial-image {

    padding-left: 50px;

    padding-right: 50px;

    padding-bottom: 20px;

  }



  .ot-testimonial-content {

    text-align: left;

    padding-left: 20px;

    padding-right: 20px;

  }



}



/* Meet The Team Overlays */

.container {

  padding-bottom: 10px;

}



.image {

  display: block;

  width: 100%;

  height: auto;

}



.overlay {

  position: absolute;

  padding: 20px;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  transition: .5s ease;

  background-color: #0053AB;

}



.container:hover .overlay {

  opacity: 1;

}



.text {

  color: white;

  width: 80%;

  font-size: 18px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  text-align: center;

}



@media screen and (max-width: 768px) {



  .text {

    font-size: 16px;

  }



}



/* Animation Captions */



.animation_caption_box {

  display: table;

  background: #D0DCEC;

  border: solid 2px #5B95DA;

  color: #1B6FC2;

  padding: 12px;

  margin-top: 20px;

}



/* Responsive animation iframes */

.video-responsive-4-3 {

  overflow: hidden;

  padding-bottom: 75.00%;

  position: relative;

  height: 0;

}



.video-responsive-16-9 {

  overflow: hidden;

  padding-bottom: 56.25%;

  position: relative;

  height: 0;

}



.video-responsive-4-3 iframe,
.video-responsive-16-9 iframe {

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  position: absolute;

}



/* Policies */

.overflow-wrap {

  overflow-wrap: break-word;

}



.pages_highlight_box {

  padding: 20px;

  background: aliceblue;

}



.legal-list ol {

  list-style-type: none;

  counter-reset: item;

  margin: 0;

  padding: 0;

}



.legal-list li {

  display: table;

  counter-increment: item;

  margin-bottom: 0.6em;

}



.legal-list li:before {

  content: counters(item, ".") ". ";

  display: table-cell;

  padding-right: 0.6em;

}



.legal-list li li {

  margin: 0;

}



.legal-list li li:before {

  content: counters(item, ".") " ";

}



/* Quizzes */

#jq_quiz_container_title {

  display: none;

}



.jq_question_info_container {

  padding: 15px;

  background: #0053AB;

  color: white;

}



.jq_question_info_container span#jq_quest_num_container {

  padding-left: 0px;

}



div.correct_answer,
div.incorrect_answer {

  background-position-x: 10px;

  background-position-y: 10px;

  padding: 10px 10px 0 70px;

}


.jq_question_answers_cont label {
  padding-left: 1.2em;
  text-indent: -1.2em;
}


.progress {
  display: contents;
  font-family: 'Montserrat-Regular', 'open sans' !important;
  font-size: 22px !important;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: left;
}

.error_messagebox {
  text-align: left !important;
}

.msg_email_sent_success {
  background-image: none;
  margin-left: 0px;
}


/* Tables */

td {

  padding: 10px;

}



td.firstcolumn {

  width: 85px;

}



/* Carousels - Mobile */

@media screen and (max-width: 768px) {



  .sppb-carousel-inner>.sppb-item {

    padding: 30px;

  }



}



/* Trusted Around The World - Mobile */

@media screen and (max-width: 768px) {



  .trusted-around-the-world {

    height: 450px;

  }



}

/* Vertical Menu */

#off-menu_117 .sm-head {

  background: #0053AB !important;

}

.sm-btn-117:before {

  font-family: 'Optician Sans', 'open sans' !important;

}


#off-menu_117 h3.sm-head span {

  font-family: 'Optician Sans', 'open sans' !important;

  font-size: 30px !important;

}

.off-menu_117 dl dt.active.parent a,
.off-menu_117 dl dt.active a,
.off-menu_117 dl.level1 dt.active.parent a,
.off-menu_117 dl.level1 dt.active a {

  font-family: 'Montserrat-Regular', 'open sans' !important;

  color: #0053AB !important;

}

.off-menu_117 dl a,
.off-menu_117 dl a:link,
.off-menu_117 dl.level1 a,
.off-menu_117 dl.level1 a:link {

  font-family: 'Montserrat-Regular', 'open sans' !important;

  font-size: 15px !important;

  color: #0053AB !important;

}

#off-menu_117 input.sm-filter[type=text] {

  font-family: 'Montserrat-Regular', 'open sans' !important;

  color: #0053AB !important;

}

.level1.ps-container {
  padding: 0px;
}

#off-menu_117 .sm-head~.sm-levels>.sm-level>dl {
  padding: 0px;
}

.userway_buttons_wrapper {
  top: 30px !important;
}

#sp-footer {

  background-color: #0053AB !important;

}

.text-info {

  color: #000000 !important;

}

/* Quiz buttons */

div.moduletable.joomlaquiz_container a:hover,
div.moduletable.joomlaquiz_container a:focus {

  background-color: #0053AB !important;

  color: #ffffff !important;

}


.ot-logo-no-text {

  margin-left: auto;

  margin-right: auto;

  padding-left: 50px;

  padding-right: 50px;

}

/* Login Form - Remember me checkbox */

#remember.form-check-input {
  height: 1em !important;
}

#remember.form-check-input:checked {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
}

@media screen and (max-width: 768px) {

  .userway_buttons_wrapper {
    top: 23px !important;
  }

}