/* Base Styles *//* Clear Elements */  .group:before, .group:after {content: ""; display: table;}   .group:after {clear: both;}  .group {zoom: 1;}  /* Set up REM style *//*  html { font-size: 62.5%; }   body { font-size: 14px; font-size: 1.4rem; background: #fff;}   h1   { font-size: 24px; font-size: 2.4rem; } */  /* Older browsers */  html { font-size: 12px; background: #fff;}    @media screen and (min-width: 320px){    html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); }}    @media screen and (min-width: 800px){      html { font-size: 16px; }}  /* Border Box */  *, *:before, *:after {      -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;  }/* font-family: 'Montserrat', sans-serif;Reg = 400Bold = 700*//* Font Styles */  h1 {font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; font-size: 48px; font-size: 3em; line-height: 1.4; margin: 0px; color: #474c6b; }  h2 {font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; font-size: 25px; font-size: 1.875em; line-height: 1.4; margin: 0px;  color: #474c6b; }  h3 {font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; font-size: 20px; font-size: 1.25em; line-height: 1.4; margin: 0px; color: #474c6b; }  h4 {font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.4; margin: 0px;  color: #474c6b; }  h5 {font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.4; margin: 0px; color: #474c6b; }  h6 {font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.4; color: #474c6b; }  p {color: #252525; font-family: 'Montserrat', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal; }  a {color: #252525; font-family: 'Montserrat', sans-serif; text-decoration: none; font-weight: 400; font-style: normal; }  ul li, ol li, li {color: #252525;font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; }  em {color: #252525; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: italic; }/* Buttons */.orange-btn {color: #fff !important; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 35px 15px 35px ; font-size: 16px; font-size: 1em;font-family: 'Montserrat', sans-serif; font-weight: 700; border: 0px;background: #fcb721;}.orange-btn:hover {opacity:0.8;}.purple-btn {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 35px 15px 35px ; font-size: 16px; font-size: 1em;font-family: 'Montserrat', sans-serif; font-weight: 700; border: 0px;background: #2f325f;}.purple-btn:hover {opacity:0.8;}.menu-btn {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 35px 15px 35px ; font-size: 16px; font-size: 1em;font-family: 'Montserrat', sans-serif; font-weight: 700; border: 0px;background: #fcb721;}.menu-btn:hover {opacity:0.8;}/* Animations */.services-wrapper .fadeIn {visibility: hidden; opacity: 0;}.inviewport .slideRight {  animation-name: slideRight;  -webkit-animation-name: slideRight;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;    animation-fill-mode: forwards;}@keyframes slideRight {  0% {    transform: translateX(-150%);  }  50%{    transform: translateX(8%);  }  100% {    transform: translateX(0%);        opacity: 1;   } }@-webkit-keyframes slideRight {  0% {    -webkit-transform: translateX(-150%);  }  50%{    -webkit-transform: translateX(8%);  }   100% {    -webkit-transform: translateX(0%);        opacity: 1;   }}.inviewport .slideLeft{  animation-name: slideLeft;  -webkit-animation-name: slideLeft;    animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;  animation-fill-mode: forwards;}@keyframes slideLeft {  0% {    transform: translateX(150%);  }  50%{    transform: translateX(-8%);  }  100% {    transform: translateX(0%);        opacity: 1;   }}@-webkit-keyframes slideLeft {  0% {    -webkit-transform: translateX(150%);  }  50%{    -webkit-transform: translateX(-8%);  }  100% {    -webkit-transform: translateX(0%);        opacity: 1;   }}.inviewport .fadeIn{  animation-name: fadeIn;  -webkit-animation-name: fadeIn;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;  animation-fill-mode: forwards;}@keyframes fadeIn {  0% {    transform: scale(0);    opacity: 0.0;     }  100% {    transform: scale(1);    opacity: 1;   }   }@-webkit-keyframes fadeIn {  0% {    -webkit-transform: scale(0);    opacity: 0.0;     }  100% {    -webkit-transform: scale(1);    opacity: 1;   }   }.inviewport .fadeInBanner{  animation-name: fadeInBanner;  -webkit-animation-name: fadeInBanner;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important; }@keyframes fadeInBanner {  0% {    transform: scale(0);    opacity: 0.0;     }  100% {    transform: scale(1);    opacity: 1;   }   }@-webkit-keyframes fadeInBanner {  0% {    -webkit-transform: scale(0);    opacity: 0.0;     }  100% {    -webkit-transform: scale(1);    opacity: 1;   }   }.floating{  animation-name: floating;  -webkit-animation-name: floating;  animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;}@keyframes floating {  0% {    transform: translateY(0%);    }  50% {    transform: translateY(8%);    }   100% {    transform: translateY(0%);  }     }@-webkit-keyframes floating {  0% {    -webkit-transform: translateY(0%);    }  50% {    -webkit-transform: translateY(8%);    }   100% {    -webkit-transform: translateY(0%);  }     }/* Header Bar */.inner-position {vertical-align: middle; display: table-cell;}/*.darken-overlay {background: rgba(255,255,255, 1.0); position: absolute; right: 0; bottom: 0; left: 0; top: 0; display: block; z-index: 0;}*/.top-header-bar {padding: 5px; background: #474c6b;}.header-social {width: 30%; float: left;}.header-social img {width: 20px;}.header-contact {width: 70%; float: left; text-align: right;}.header-contact p {margin: 0px; color: #fff;}.header-contact a {color: #fff;}.header-contact img {width: 20px; vertical-align: middle; margin:0 10px;}.home-banner {position: relative;}.header-bar {width: 100%;  z-index: 999; border-bottom: 1px solid #fff;}.header-logo {width: 20%; float: left; display: table; padding: 5px; }.header-logo img {width: 350px;}.header-logo a {float: left;}.header-logo .header-social {float: left; padding-top: 30px;}.header-logo .header-social a {margin-left: 10px;}.header-logo .header-social img {width: 25px;}.header-navigation-wrapper {width: 80%; float: left; display: table; padding: 15px; padding-top: 2.5%;}/* Mobile Nav */.pushy-content .logo-wrapper {padding: 30px; text-align: center; background:url('/futuresmartcareers-co-uk/_img/img/slide.jpg'); background-size: cover; position: relative;}/*.pushy-content .logo-wrapper a {color: #fff;}.pushy-content .logo-wrapper a:hover {color: #590c0c;}*/.pushy-content .logo-wrapper img {width: 200px; position: relative;}.close-btn a{  position: absolute; top: 0; right: 0; display: block;transition: all 0.5s ease 0s; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; padding: 6px 15px !important ; font-size: 18px; font-size: 1.125em; text-transform: uppercase; color: #fff !important;}.close-btn a:hover {  opacity: 1;  color: #02837e !important;background: #fff; }.pushy-navigation ul {margin: 0px; padding: 0px;}.pushy-navigation ul li {text-align: center; font-size: 16px; font-size: 1em; border-bottom: 1px solid #060e17; transition: all 0.5s ease 0s;}.pushy-navigation ul li a {font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; color: #fff; transition: all 0.5s ease 0s;  }.pushy-navigation ul li a:hover {color: #fff; }.pushy-navigation ul li:hover {background: rgba(0,0,0, 0.4); }.mobile-btn {display: none; padding-right: 15px;}.header-navigation #primary {  margin: 0px 0px 0px 0px; margin-left: 0%; width: 100%; height: 100%; padding-left: 0px;  text-align: right; display: -ms-flexbox; display: flex; align-items: flex-end; justify-content: flex-end;}.header-navigation #primary>li { -ms-flex-positive: 0; flex-grow: 0; float: right; margin: 0 5px; vertical-align: middle; border-bottom: 0px solid #fff; list-style-type: none; position: relative; text-align: center; height: 100%; padding: 0px 0px; border-bottom: 2px solid transparent; }.header-navigation #primary>li:hover {transition: all 0.5s ease 0s; }.header-navigation #primary>li>a {padding: 0 0 25px 0; line-height: 16px; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; font-size: 16px; font-size: 1em; color: #484d6a;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }.header-navigation #primary>li>a:hover {color: #fcb721;  }.header-navigation #primary>li:last-of-type>a {border-right: 0px;}.header-navigation .menu>li>a.linkActive, .header-navigation #primary>li.liLinkActive a {color: #fcb721; }  /* Dropdown LV1 */.header-navigation #primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.header-navigation #primary>li:hover>ul {display: block;  position: absolute; top: 40px; left: 0; z-index: 9999; background: #00365b; padding: 0px; }.header-navigation #primary>li>ul>li {padding: 7px 10px !important; text-align: left; }.header-navigation #primary>li>ul>li:hover {background: #68b32d;}.header-navigation #primary>li>ul>li>a {font-family: 'Montserrat', sans-serif; font-weight: 500; font-style: normal; font-size: 19px; font-size: 1.1875em; color: #525252; height: auto;  display: block; border: none; text-decoration:none;  padding: 0px; }.header-navigation #primary>li>ul>li>a:hover {text-decoration: none;}.header-navigation #primary li>ul>li {position: relative;}  /* Dropdown LV2 */.header-navigation #primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.header-navigation #primary>li>ul>li:hover>ul {display: block;  position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; }.header-navigation #primary>li>ul>li>ul>li {padding: 7px 10px !important; text-align: left; }.header-navigation #primary>li>ul>li>ul>li:hover {background: #68b32d;}.header-navigation #primary>li>ul>li>ul>li a {font-family: 'Montserrat', sans-serif; font-weight: 500; font-style: normal; font-size: 19px; font-size: 1.1875em; color: #525252; height: auto;  display: block; border: none; text-decoration:none; padding: 0px; }.header-navigation #primary>li>ul>li>ul>li a:hover {text-decoration: none;}.header-navigation #primary li>ul>li>ul>li {position: relative;}  /* Dropdown LV3 */.header-navigation #primary>li>ul>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.header-navigation #primary>li>ul>li>ul>li:hover>ul {display: block;  position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; }.header-navigation #primary>li>ul>li>ul>li>ul>li {padding: 7px 10px !important; text-align: left; }.header-navigation #primary>li>ul>li>ul>li>ul>li:hover {background: #68b32d;}.header-navigation #primary>li>ul>li>ul>li>ul>li a {font-family: 'Montserrat', sans-serif; font-weight: 500; font-style: normal; font-size: 19px; font-size: 1.1875em; color: #525252; height: auto;  display: block; border: none;   padding: 0px; }.header-navigation #primary>li>ul>li>ul>li>ul>li a:hover {text-decoration: none;}.header-navigation #primary li>ul>li>ul>li>ul>li {position: relative;}.divider {width: 100px; height: 5px; background: #474c6b; margin-bottom: 40px;}.slides {margin: 0; padding: 0;}.slides li {width: 100%; padding: 40vh 0; position: relative;}.home-banner-text-wrapper {text-align: center; position: relative; z-index: 9999;}.home-banner-text-wrapper h1 {color: #fff; text-shadow: 0.209px 2.993px 21.36px rgba(0, 0, 0, 0.41); font-size: 60px; font-size: 3.75em;}.home-banner-text-wrapper p {color: #fff;}.intro-text-content {width: 50%; float: left; background: #fcb720; padding: 100px 8%;}.intro-text-content h2 {color: #474c6b; font-size: 15px; font-size: 0.9375em; text-transform: uppercase;}.intro-text-content h1 {color: #fff; font-size: 48px; font-size: 3em; }.intro-text-content p {color: #fff;}.intro-text-image {width: 50%; float: left;}.service-box {width: 25%; float: left; }.service-box:nth-of-type(odd) .service-box-inner {padding: 115px 0; background:rgba(71, 76,107,0.6); text-align: center; height: 100%;}.service-box:nth-of-type(even) .service-box-inner {padding: 115px 0; background:rgba(255, 170,0,0.6); text-align: center; height: 100%;}.service-box-inner h2 {margin-bottom: 10px; font-family: 'Montserrat', sans-serif;  font-weight: 700; font-style: normal; font-size: 24px; font-size: 1.5em; color: #fff;  text-shadow: 0.209px 2.993px 21.36px rgba(0, 0, 0, 0.41);}.service-box:nth-of-type(even) .service-box-inner a.orange-btn {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 35px 15px 35px ; font-size: 16px; font-size: 1em;font-family: 'Montserrat', sans-serif; font-weight: 700; border: 0px;background: #2f325f;}.service-box:nth-of-type(even) .service-box-inner a.orange-btn:hover {opacity:0.8;}.contact-text-content {width: 50%; float: left;} .contact-text-content {width: 50%; float: left; background: #f0f0f0; padding: 100px 8%;}.contact-text-content h2 {color: #474c6b; font-size: 15px; font-size: 0.9375em; text-transform: uppercase;}.contact-text-content h1 {color: #fcb720; font-size: 48px; font-size: 3em; }.contact-text-content p, .contact-text-content p a {color: #474c6b;}.contact-text-content img {width: 25px; margin-right: 10px;}.contact-text-content table p {margin: 0px;}.contact-text-form {width: 50%; float: left; background: #474c6b; padding: 100px 8%;}.colour-overlay {width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0px; background: rgba(71,77,106,0.35);}.footer-wrapper {background: #272727; padding: 25px;}.footer-content {text-align: center;}.footer-content p {color: #fff;}.footer-content a {color: #fff; margin-right: 5px;}.footer-content a img {width: 115px;}.colour-layer {width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; right: 0 bottom: 0;}.defaultForm {  width: 100%;  *zoom: 1;}.defaultForm:before, .defaultForm:after {  content: " ";  display: table;}.defaultForm:after {  clear: both;}.defaultForm .inputset {  display: block;  width: 100%;  position: relative;  margin-bottom: 0.625em;}.defaultForm .inputset .form_error_specific {  position: absolute;  top: 0;  right: 0;  color: Tomato;}.defaultForm .inputset label {  display: block;  width: 100%;  color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;}.defaultForm .inputset label.label {  display: inline-block;  color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;}.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em;}.defaultForm .inputset input, .defaultForm .inputset textarea, .defaultForm .inputset select {  display: block;  width: 100%;  padding: 0.625em;  width: 100%;}.defaultForm .inputset textarea {  height: 10.625em;}.inputset.inputsetcheck label:first-of-type {  margin-bottom: 0.3125em;  padding-bottom: 0.3125em;  border-bottom: 1px solid #cccccc;}.inputset label.form_header {  font-weight: bold;  font-size: 18px;}.defaultForm .form_submit .fbElementButton {  border: 0; color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 35px 15px 35px ; font-size: 16px; font-size: 1em;font-family: 'Montserrat', sans-serif; font-weight: 700; border: 0px;background: #fcb721;}.defaultForm .form_submit .fbElementButton:hover {opacity:0.8;}.inner-heading-wrapper {width: 100%; padding: 60px 0; background: #ececec;}.inner-heading-wrapper h1 {color: #484d6b;}.inner-content-wrapper {padding: 60px 0; background: #fff;}.team-item {width: 100%; padding: 25px; background: #474c6b; margin-bottom: 20px;}.team-item h2 {color: #fff;}.team-item p {color: #fff;}.team-image {width: 20%; float: left; margin-right: 2%;}.team-details {width: 78%; float: left;}.inner-content-text ul li {margin-bottom: 8px;}.resource-item {width: 100%; background: #fff; margin-bottom: 5px;}.resource-details {width: 80%; float: left;}.resource-details {background: #2f325f; padding: 10px; }.resource-details h2 {color: #fff; font-size: 18px; font-size: 1.125em;}.resource-title p {color: #fff;}.resource-link {padding: 10px; width: 20%; float: left;}.resource-link .orange-btn {width: 100%; text-align: center;}.secureLoginFormWrap {width: 80%; margin: 0 auto; display: block; background: #2f325f; padding: 25px;}.secureLoginFormWrap .formNote {text-align: center; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;}.secureLoginFormUsername {color: #fff; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;}.secureLoginFormUsernameField input#txtUsername { border: 0px; width: 100%; padding: 10px; margin-bottom: 10px;}.secureLoginFormPassword {color: #fff; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;}.secureLoginFormPasswordField input#txtPwd { border: 0px; width: 100%; padding: 10px; margin-bottom: 10px;}#secureLoginFormSubmitButton {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 35px 15px 35px ; font-size: 16px; font-size: 1em;font-family: 'Montserrat', sans-serif; font-weight: 700; border: 0px;background: #fcb721;}#secureLoginFormSubmitButton:hover {opacity:0.8;}.SecureUsers {width: 80%; margin: 0 auto; display: block; background: #2f325f; padding: 25px;}.SecureUsers .formNote {text-align: center; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;}.secureLoginFormLabel {color: #fff; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;}.secureLoginFormInput input { border: 0px; width: 100%; padding: 10px; margin-bottom: 10px;}.secureLoginFormSubmit input {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 35px 15px 35px ; font-size: 16px; font-size: 1em;font-family: 'Montserrat', sans-serif; font-weight: 700; border: 0px;background: #fcb721;}.secureLoginFormSubmit input:hover {opacity:0.8;}.quotes {display: none;}.student-questions {width: 100%; text-align: center; padding: 5%; border-radius: 25px; background: #2f325f; position: relative;}.student-questions h2 {color: #fff;}.student-questions:after {  content: "";  border-left: 20px solid transparent;  border-right: 20px solid transparent;  border-top: 20px solid #2f325f;  position: absolute;  bottom: -20px;  left: 10%;  display: block;}.float--right {float: right; margin: 15px; }.float--left {float: left; margin: 15px; }.inner-content-text a {color: #fcb721; font-weight: bold;}.inner-content-text .defaultForm .inputset label {color: #252525;}.form_error_wrap {display: none;}.inner-heading-button h6 {color: #252525; font-weight: 400;}.inner-heading-button h6 a {color: #484d6a; font-weight: 700;}.resource-btn {width: 100%; padding: 20px; background: #474c6b; margin-bottom: 20px; display: block; transition: all 0.5s ease 0s; }.resource-btn:hover {background: #fcb721; color: #474c6b;}.work-with-wrapper ul {list-style-type: none; padding: 0px; margin: 20px 0;}.work-with-wrapper ul li {padding: 20px; border-right: 10px solid #f0f0f0; background: #fff; }.work-with-wrapper ul li p {margin-bottom: 0px; text-align: center; font-size: 14px;}.new-team-item {width: 25%;float: left;}.new-team-item-inner {padding: 30px; width: 100%; padding-top: 80%; position: relative;}.new-team-item:nth-of-type(odd) .new-team-item-inner{background:rgba(71, 76,107,0.6); }.new-team-item:nth-of-type(even) .new-team-item-inner {background:rgba(255, 170,0,0.6); }.new-team-item:nth-of-type(even) .new-team-item-inner .new-team-details .orange-btn  {background: #474c6b; }.new-team-details {text-align: center; position: absolute; bottom: 0%; left: 0; width: 100%; transform: translateY(-50%);}.new-team-details h3 {color: #fff;}.new-team-details .orange-btn {padding: 5px 35px;}#s7302033 .inner-heading-wrapper .row {display: flex; align-items: center;}#s7302033 .inner-heading-wrapper {background: #9093a5;}#s7302033 .inner-heading-wrapper h1 {color: #484d6b; border-bottom: 3px dashed #f7a831; display: inline-block;}.essential-header-image img {width: 180px;}.essentials-side-box.box-1 {border-top: 4px solid #474c6b; border-bottom: 3px solid #474c6b; padding: 10px 0 15px 0; margin-bottom: 20px;}.box-1-text-image {display: flex; align-items: center;}.box-1-text h3 {font-family: 'Antonio', sans-serif; text-transform: uppercase; font-size: 40px; font-size: 2.5em; line-height: 1.1;}.box-1-image img {width: 140px;}.box-1-subtext p {margin: 0px; line-height: 1.1; font-family: 'PT Serif', serif; color: #474c6b;}.essentials-text-image {display: flex; align-items: center; }.essentials-text {width: 70%; padding: 10px 5px;}.essentials-image {width: 30%;}.essentials-text h3 {font-family: 'Antonio', sans-serif; text-transform: uppercase; font-size: 40px; font-size: 2.5em; line-height: 1.1; margin-bottom: 10px;}.essentials-text p {margin: 0px; line-height: 1.1; font-family: 'PT Serif', serif; color: #474c6b;}.essentials-side-box.box-2 {margin-bottom: 40px; position: relative; padding: 10px; background:url('/futuresmartcareers-co-uk/_img/img/essential-box-bg.png') #ffcf6c; background-repeat: no-repeat; background-position: top left;}.essentials-side-box.box-2:after{ content:" ";display: block;   width: 0;   height: 0;   border-left: 30px solid transparent;  border-right: 30px solid transparent;  border-top: 30px solid #ffcf6c; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}.essentials-side-box.box-3 {position: relative; margin-bottom: 40px; padding: 10px; background: #474c6b;}.essentials-side-box.box-3:after{ content:" ";display: block;   width: 0;   height: 0;   border-left: 30px solid transparent;  border-right: 30px solid transparent;  border-top: 30px solid #474c6b; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}.essentials-side-box.box-3 .essentials-text h3 {color: #fff;}.essentials-side-box.box-3 .essentials-text p {color: #fff;}.essentials-side-box.box-4 {position: relative; margin-bottom: 40px; padding: 10px; background:url('/futuresmartcareers-co-uk/_img/img/essential-box-bg.png') #ffcf6c; background-repeat: no-repeat; background-position: top left;}.essentials-side-box.box-4:after{ content:" ";display: block;   width: 0;   height: 0;   border-left: 30px solid transparent;  border-right: 30px solid transparent;  border-top: 30px solid #ffcf6c; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}.essentials-side-box.box-5 {border-top: 4px solid #474c6b; border-bottom: 3px solid #474c6b; padding: 15px 0 15px 0; margin-bottom: 20px;}.box-5-text {width: 100%; background: #b1c6bd; padding: 15px;}.box-5-text h3 {font-family: 'Antonio', sans-serif; text-transform: uppercase; font-size: 40px; font-size: 2.5em; line-height: 1.1; margin-bottom: 10px;}.box-5-text p {margin: 0px; line-height: 1.1; font-family: 'PT Serif', serif; color: #474c6b;}.box-5-text ul {padding: 0px; margin: 0px; list-style-position: inside;}.box-5-text ul li {line-height: 1.1; font-family: 'PT Serif', serif; color: #474c6b;}.box-5-text a {font-family: 'PT Serif', serif; color: #474c6b;}.essentials-side-box.box-6 {text-align: center;}.essentials-side-box.box-6 p {margin-bottom: 0px;}.essentials-side-box.box-6 p a {}/* New Page */.essentials-content-wrapper {background: #fff;}.essentials-banner {background: #ececec;}.essentials-banner-text {text-align: center;}/*.essentials-banner-text h1 {font-family: 'Antonio', sans-serif; font-size: 70px; font-size: 4.375em; color: #484d6b; }*/.essentials-banner-text h2 {font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 25px; font-size: 1.5625em; color: #484d6b; }.essentials-top-banner-image {width: 100%; padding-top: 45%;}.intro-heading {margin-bottom: 55px; text-align: center;}.intro-heading h2 {font-size: 25px; font-size: 1.5625em;}.intro-heading .purple-btn {margin-top: 35px;}.arrow-box-outer {display: flex; align-items: center; margin-bottom: 55px;}.arrow-box {width: 100%; padding: 35px; text-align: center; position: relative;}.arrow-box:after { content:" ";display: block;   width: 0;   height: 0;   border-left: 30px solid transparent;  border-right: 30px solid transparent;}.arrow-box.yellow:after {border-top: 30px solid #f7a831; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}.arrow-box.purple:after {border-top: 30px solid #2f325f; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}.arrow-box.yellow {background: #f7a831;}.arrow-box.purple {background: #2f325f;}.arrow-box h3 {font-family: 'Antonio', sans-serif; font-size: 56px; font-size: 3.5em; font-weight: 400; margin-bottom: 10px;}.arrow-box p {font-size: 24px; font-size: 1.5em;}.arrow-box .purple-btn,.arrow-box .orange-btn {margin-top: 25px;}.arrow-box.yellow h3 {color: #181818; }.arrow-box.yellow p {color: #181818; margin: 0px;line-height: 1.2;}.arrow-box.purple h3 {color: #fff; }.arrow-box.purple p {color: #fff; margin: 0px;line-height: 1.2;}.helpline-image {text-align: center;}.helpline-image img {width: 80%; margin: 0 auto;}.essentials-testimonial {text-align: center; margin-top: 55px; margin-bottom: 55px;}.essentials-testimonial h3 {font-size: 24px; font-size: 1.5em; font-weight: 400; position: relative;}.essentials-testimonial h3:before {content:"“"; font-size: 90px; color: #484d6b; display: block; position: absolute; top: -30px; left: -40px;}.essentials-testimonial h3:after {content:"”"; font-size: 90px; color: #484d6b; display: block; position: absolute; top: -30px; right: -40px;}.essentials-testimonial p strong {font-size: 24px; font-size: 1.5em; color: #484d6b;}.essentials-help-wrapper {padding: 55px 0; background: url('/futuresmartcareers-co-uk/_img/img/bottom-banner.jpg'); background-size: cover; background-position: center right;}.essentials-help-box {padding: 30px; background: #f7a831;}.essentials-help-box p {font-size: 24px; font-size: 1.5em; line-height: 1.2;}.essentials-help-box p a {font-weight: 600; word-wrap: break-word;}.white-popup {  position: relative;  background: #FFF;  padding: 20px;  width: auto;  max-width: 500px;  margin: 20px auto;}.previewFrame .white-popup.mfp-hide {display: block !important;}.new-team-wrapper-purple .new-team-item {width: 24%; margin-right: 1%; margin-bottom: 15px; float: left;  background: #474c6b;}.new-team-wrapper-purple .new-team-item-inner-purple {padding: 10px;}.new-team-wrapper-purple .new-team-image {width: 100%; padding-top: 100%;}.new-team-wrapper-purple .new-team-details {position: relative; transform: initial; margin-top: 15px;}.new-team-wrapper-purple .new-team-details h3 {margin-bottom: 0px;}.new-team-wrapper-purple .new-team-details p {color: #fff; text-align: center; margin: 0px;}.new-team-wrapper-purple .orange-btn {width: 100%; text-align: center; background: #ffffff; color: #474c6b !important;}/* Blog */.blog-summary-item {width: 31.33%; margin-right: 2%; margin-bottom: 20px; display: block; float: left;}.blog-summary-item:hover .blog-summary-details {background: #474c6b;}.blog-summary-item:hover .blog-summary-title h3 {color: #fff;}.blog-summary-item:hover .blog-summary-date p {color: #fff;}.blog-summary-image {width: 100%; padding-top: 80%;}.blog-summary-details {padding: 20px; background: #ececec; transition: all 0.5s ease 0s;}.blog-summary-title h3 {margin-bottom: 0px;transition: all 0.5s ease 0s;}.blog-summary-date p {margin: 0px;transition: all 0.5s ease 0s;}.blog-inner-image {width: 100%;}.blog-inner-image img {width: 100%;}.blog-inner-title {margin-top: 20px;}.blog-inner-date p {margin: 0px;}.apprentiships-inner h2 {margin-bottom:  20px;}.apprentiships-inner h2 a {font-size: 16px;}.apprentiships-inner ul {padding: 0px; margin: 0px; list-style-type: none;}.apprentiships-inner ul li a {width: 100%;padding: 20px;background: #474c6b;margin-bottom: 20px;display: block;transition: all 0.5s ease 0s;color: #fcb721;font-weight: bold;}.apprentiships-inner ul li a:hover {background: #fcb721;color: #474c6b;}.home-banner {position: relative;}.home-banner .row {position: absolute; top:  50%; left:  50%; transform:  translate(-50%,-50%);}.intro-text-image {position: relative;}.about-img-strap {width: 100%; position: absolute; top: 50%; left:  0; transform:  translateY(-50%); text-align: center; color: #fff; }.about-img-strap h2 {color: #fff; font-size:  40px; font-size: 2.5em;}.newsletter-blog-wrapper {width:  100%; display:  flex;}.newsletter {width: 50%; background: #474c6b; padding: 100px 2%; display:  flex; align-items: center;}.newsletter h2 {color: #fff; font-size: 48px; font-size: 3em;}.newsletter p {color: #fff; font-weight:  bold;}.newsletter p a {color: #fff; text-decoration: underline; font-weight: 700;}.newsletter .divider {background: #fcb720; margin: 0px 0px 40px 0px;}.blog-feed {width:  50%; background: #fcb720; padding: 100px 2%;}.blog-feed h2 {color: #fff; font-size: 48px; font-size: 3em;}.blog-feed .divider { margin: 0px 0px 40px 0px;}.blog-feed .blog-summary-item {width: 48%; margin-right:  2%;}.testimonials-full {width: 100%; float: left;}.testimonials-full ul {position: relative; padding-left: 0px; margin-top: 0px; padding: 0 80px;}.testimonials-full ul.test:before {content:"";background:url('/futuresmartcareers-co-uk/_img/img/quote-start.png'); background-size: cover; width: 80px; height:  60px; position: absolute; top:  0px; left:  0px;}.testimonials-full ul.test:after {content:"";background:url('/futuresmartcareers-co-uk/_img/img/quote-end.png'); background-size: cover; width: 80px; height:  60px; position: absolute; top:  0px; right:  0px;}.testimonials-full .purple-overlay {background: rgba(71, 76, 107, 0.89); text-align:  center; padding: 100px 0px;}.testimonials-full .purple-overlay h2 {color: #fff; font-size: 48px; font-size: 3em;}.testimonials-full .purple-overlay .divider {margin: 0px auto 40px auto; background: #fcb720;}.testimonial-text p {color: #fff; font-size: 25px; font-size: 1.5em; line-height: 1.2; font-weight: 700;}.testimonial-name {font-size: 25px; font-size: 1.5625em; color: #fcb720;}.testimonials-full .slick-dots {text-align:  center; margin-top: 20px;}.testimonials-full .slick-dots li {border: 0px;}.testimonials-full .slick-dots li.slick-active button {background: #fcb720; border: 0px;}.testimonials-full .slick-dots li button {background: #ffffff; border: 0px;} .newsletter-side-box {padding: 20px; background: #474c6b;}.newsletter-side-box h3 {color: #fff; font-size: 25px; font-size: 1.5625em;}.newsletter-side-box .divider {background: #fcb721; margin: 10px 0px 30px 0px;}.newsletter-side-box p {color: #fff;}.testimonials-mini {width: 100%; display:  block; padding: 30px; background: #474c6a; text-align: center;}.testimonials-mini h2 {font-size: 25px; font-size: 1.5625em; color: #fff;}.testimonials-mini .divider {background: #fcb721; margin: 10px auto 10px auto;}.testimonials-mini ul.test-mini {padding-left: 0px; margin: 0px;}.testimonials-mini .testimonial-text p {font-size: 18px; font-size: 1.125em;}.testimonials-mini .testimonial-name {font-size: 18px; font-size: 1.125em;}.testimonials-mini .slick-dots {text-align:  center; margin-top: 20px;}.testimonials-mini .slick-dots li {border: 0px;}.testimonials-mini .slick-dots li.slick-active button {background: #fcb720; border: 0px;}.testimonials-mini .slick-dots li button {background: #ffffff; border: 0px;} .newsletter-wrap .blog-summary-item {width:  45%;}.newsletter-wrap .blog-summary-image {padding-top: 68%;}/* Media Queries */ @media all and (max-width: 1500px) and (min-width: 0px) {.header-navigation #primary > li > a {font-size: 16px; font-size: 1em;}} @media all and (max-width: 1400px) and (min-width: 0px) {.header-navigation #primary > li > a {font-size: 14px; font-size: 0.875em;}}@media all and (max-width: 1034px) and (min-width: 0px) {.mobile-nav-btn {display: block; text-align: center; padding-top: 10px;}.mobile-btn {display: inline-block;}.header-navigation {display: none;}.mobile-btn {width: 100%; padding-right: 0px; text-align: right;}}@media all and (max-width: 1000px) and (min-width: 0px) {.header-navigation #primary {width: 95%; margin-left: 5%;}.home-banner-text-wrapper {max-width: 100%;}.service-box {width: 100%; }}@media all and (max-width: 900px) and (min-width: 0px) {.new-team-item {width: 33.33%;}.box-1-text-image {flex-direction: column-reverse;}.essentials-text-image {flex-direction: column-reverse;}.box-1-image img {width: 90px;}.box-1-text {text-align: center;}.box-1-subtext {text-align: center; margin-top: 10px;}.essentials-text {width: 100%; text-align: center;}.essentials-image {width: 100%; text-align: center;}.essentials-image img {width: 90px;}.box-5-text {text-align: center;}} @media all and (max-width: 895px) and (min-width: 0px) {.header-logo {width: 100%; text-align:center; }.header-logo a {display: inline-block; float: none;}.header-logo .header-social {width: 100%; float: none; display: inline-block; padding-top: 0px; margin-top: 10px;}.header-navigation-wrapper {width: 100%; text-align: center; margin-bottom: 15px;}.header-contact {text-align: center;}.mobile-btn {text-align: center;}.header-navigation-wrapper {padding: 0px;}/*.slides li {padding: 10vh 0px;}*/.intro-text-content {width: 100%; }.intro-text-image {width: 100%; padding-top: 450px;}.contact-text-content {width: 100%;}.contact-text-form {width: 100%;}.resource-details {width: 100%; float: left;}.resource-link {padding: 10px; width: 100%; float: left;}.newsletter-blog-wrapper {flex-direction: column;}.newsletter {width: 100%; background: #272727; padding: 50px 2%; display:  flex; align-items: center;}.blog-feed {width:  100%; background: #fcb720; padding: 50px 2%;}} @media all and (max-width: 850px) and (min-width: 0px) {.why-choose-us-text {width: 100%;}.why-choose-us-image {width: 100%; padding-top: 75%;}.implimentation-text {width: 100%;}.implimentation-image {width: 100%; padding-top: 75%;}.blog-summary-item {width: 48%; margin-right: 2%; margin-bottom: 20px; display: block; float: left;}.testimonial-text p {font-size: 18px; font-size: 1.125em;}.testimonial-name {font-size: 18px; font-size: 1.125em;}.testimonials-full ul.test:before {width: 40px; height: 30px;}.testimonials-full ul.test:after {width: 40px; height: 30px;}.testimonials-full ul {padding: 0 40px;}} @media all and (max-width: 800px) and (min-width: 0px) {.footer-logo {width: 50%; text-align: center; display: block; float: left;}.footer-accreditation {width: 50%; text-align: center; display: block; float: left;}.footer-copy {width: 100%; text-align: center;}} @media all and (max-width: 780px) and (min-width: 0px) {.slider-nav {display: none;}.testimonial-output ul li .eight.columns.push_two {width: 100% !important; margin-left: 0;}.new-team-wrapper-purple .new-team-item {width: 32.33%;}} @media all and (max-width: 650px) and (min-width: 0px) {.inner-position {display: block;}/*.slides li {padding-top: 170px; padding-bottom: 15%;}*/.follow-us {  width: 100%;   padding: 0 20px;    position: absolute;    top: auto;    bottom: 10%;    left: auto;    transform: none;    -webkit-transform: none;    -moz-transform: none;    -o-transform: none;    -ms-transform: none;    text-align:center;    }.float--right {width: 100%; display: block;}.float--left {width: 100%; display: block;}.float--right img , .float--left img {width: 100%;} .down-arrow {display: none;}/*.slides li {padding-top: 300px; padding-bottom: 15%;}*/.home-banner-text-wrapper .purple-btn {width: 100%; display: block; margin-bottom: 20px;}.home-banner-text-wrapper .orange-btn {width: 100%; display: block; margin-bottom: 20px;}.header-social {width: 100%; text-align: center; margin-bottom: 10px;}.header-contact {width: 100%; text-align: center;}.new-team-item {width: 50%;}.essential-header-image {text-align: center;}.arrow-box-outer {display: block;}.helpline-image {margin-top: 60px;}.helpline-image img {width: 50%;}.essentials-testimonial h3:before {    top: -60px;    left: 0;}.essentials-testimonial h3:after {    top: -60px;    right: 0;}.new-team-wrapper-purple .new-team-item {width: 49%;}} @media all and (max-width: 550px) and (min-width: 0px) {.footer-logo {width: 100%; text-align: center; display: block; float: left;}.footer-accreditation {width: 100%; text-align: center; display: block; float: left;}.blog-summary-item {width: 100%; margin-right: 0%; margin-bottom: 20px; display: block; float: left;}} @media all and (max-width: 480px) and (min-width: 0px) {.header-logo {width: 100%; padding: 15px; text-align: center;}.mobile-btn {width: 100%; text-align: center; padding-bottom: 20px; padding-right: 0px;}.follow-us {bottom: 10%;}.home-banner-text-wrapper h1 {font-size: 50px; font-size: 3.125em; color: #fff;}.contact-text-content table tbody tr td p {font-size: 14px; font-size: 0.875em; text-align: center;}.team-image {width: 100%; float: left; margin-right: 0%; text-align: center; margin-bottom: 20px;}.team-details {width: 100%; float: left;}.new-team-item {width: 100%;}}
/* not required */