*{outline:none;}
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html,
body{
padding:0;
margin:0;
height:100%;
width:100%;
min-height:100%; 
font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
body.page-template-page_cream{background-color: #F8F6EF}
body.page-template-page_grey{background-color: #EDF0F1}
body {
color: #202029;
font-size: 18px;
line-height:28px; 
}
a {
color: #202029;  transition: 0.4s; text-decoration: none
}
a:visited  {
color:#202029;
}
a:hover {
text-decoration: none; color: #F28444
}
a img ,img{
border: none;
}	
a:focus, a:hover, a:active {
outline: none;
}
a.more-link{display:none;}
img,fieldset{border:none;}
img{max-width: 100%;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
select {
}
input {
}
hr{height: 1px; background-color: #F2ECDE; border: none; width: 20%; margin-left: uto; margin-right: auto; margin-bottom: 15px;} h1,h2,h3,h4,h5{
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 15px;
margin: 0;
font-family: "Atma", system-ui;
font-weight: 700;
font-style: normal; text-transform: uppercase
}
.home h1{font-size:95px; line-height:72px; letter-spacing: -2px; padding-top: 10px}
.home h1 strong{font-size: 64px; line-height:72px;color: #202029;  }
h1{font-size: 75px; line-height:68px;  letter-spacing: -1.5px}
h1 strong{font-size: 75px; line-height:68px; color: #5FB0E3 }
.page-template-page_grey h1{   font-family: "Alatsi", sans-serif;
font-weight: 300;
font-style: normal; font-size: 18px; line-height: 18px; letter-spacing: 2px}
.page-template-page_grey h1 strong{font-size: 110px; line-height: 130px;  font-weight: 500; letter-spacing: 7px; display: block; color: #202029}
h2{font-size:80px; line-height:70px; letter-spacing: -1.5px;  }
h3{font-size: 65px; line-height:60px; letter-spacing: -1.5px }
h4 strong{color: #5FB0E3 }
h4{font-size: 45px; line-height:40px; letter-spacing: -1.5px; text-transform: none; padding-bottom:12px }
h5{font-size: 31px; line-height:35px; letter-spacing: -1px; padding-bottom: 8px }
p{
padding: 0;
margin: 0px; padding-bottom:10px; 
} 
li{
padding: 0;
margin-top: 0;
margin-right: 0;
margin-left: 0; padding-bottom: 8px
}
ul,ol{padding: 0px; margin: 0px; margin-left: 18px}
ul.widget{
list-style:none;
padding:0;
margin:0;
}
b,strong{
font-weight:800; 
}
blockquote{
padding:0px; margin: 0px
}
blockquote p{font-weight: 700; font-size: 20px; line-height: 25px; letter-spacing: -0.7px; } .wrap{	 
max-width: 1350px;     margin: 0 auto; padding-left: 25px; padding-right:25px
}
.wrap:after{display: table; clear:both; content:'';}
#wrapper{
background:none;
padding:0;
margin:0;
width:100%;
box-shadow:none;
}
#mainbody{ max-width:100%; margin-left: auto; margin-right: auto;} #headerwrap{width: 100%;
max-width: 100%;
display: block;
}
#centredlogo{
float: left; text-align: left; padding-top: 45px; padding-bottom: 35px
}
#centredlogo a{display: block}
#centredlogo img{  height: auto; width: 320px; }
.scrolled{ } #main-nav{
margin: 0 auto; display:block; float:right;  text-align: right; padding-top: 60px
}
#main-nav ul{
list-style:none;
padding:0;
margin:0;
}
#main-nav ul li{
display:inline-block;
margin-left: 3px; margin-right: 3px; padding-bottom: 0px
}
#main-nav ul li span{
}
#main-nav ul li a{
font-size: 18px;
padding-top: 15px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 15px;
margin-left: 23px;
font-weight: 500;
line-height: 25px;
display: block;
text-decoration: none;
color: #202029;
font-family: "Open Sans", sans-serif;
}
#main-nav ul li a:hover{
color: #F28444
}
#main-nav ul li.current-menu-item a{
color: #F28444
}
#main-nav ul li.current-menu-item a{
color: #F28444
}
#main-nav ul li.current_page_parent a{
color: #F28444
}
#main-nav ul li.current_page_parent a{
color: #F28444
}
#main-nav ul li.menu-button a{	background-color: #ffffff;
color:#202029;
padding-top: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 11px;
text-decoration: none;
font-size: 13px; display: inline-block; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 25px; font-weight: 700;  font-family: "Open Sans", sans-serif;}
#main-nav ul li.menu-button a:hover{	background-color: #202029;
color:#ffffff;
} #main-nav li ul{position: absolute;width: 270px;
z-index: 9999;
background-color: #202029;
visibility: hidden;
opacity: 0;  margin-left: 1px; padding-top: 20px; padding-bottom:20px; border-radius: 15px}
#main-nav li ul li{    float: none; text-align: left; 	margin-left: 0px; margin-right: 0px; display: block;}
#main-nav li ul li a{
font-size: 15px;
padding-top: 0px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 0px;
margin: 0px;
border: none!important;
color: #ffffff; line-height: 30px
}
#main-nav li ul li a:hover {
border-radius: 0!important;
color: #E6BE51;
border: none!important;
}
#main-nav ul li ul li:hover{border-radius:0!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;}
#main-nav ul li.current-menu-item li a{color: #ffffff; border: none!important;}
#main-nav ul li.current-menu-item li a:hover{color: #E6BE51!important; border: none!important;}
#main-nav ul li.current_page_parent li a{
color: #ffffff
}
#main-nav ul li.current_page_parent li a:hover{
color: #E6BE51
}
#main-nav li ul li.dropdown-bold a{
font-weight:  700!important; font-size: 17px
}
#main-nav li ul li.dropdown-indent{
padding-left:15px!important
}
#main-nav li ul li.dropdown-arrow{
margin-left:40px!important; 
}
#main-nav li ul li.dropdown-arrow a{
color: #E6BE51; background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/menu-arrow.svg); background-repeat: no-repeat; background-size: 15px; background-position: left center; padding-left: 20px
}
#main-nav li ul li.dropdown-arrow a:hover{
color: #ffffff;
} #banner{
position: relative;
width: 100%; height: auto; 
}
#banner img{
width: 100%; height: auto; min-width: 100%
}
#homepage-banner{position:relative; }
#banner-home{position:relative; }
#banner-home img{width:100%; display:block;}
.flexslider .slides > li{}
#banner-home .flex-control-nav{display :none}
.flex-direction-nav{display:none;}
.flex-control-nav {
display: none!important
}
.show-mob,.close-mob{display:none;}
#new-sub-banner {
height: 60vh; position: relative; z-index: 9; 
}
#new-sub-banner .wrap{
position: relative;
}
#banner-overlay {
position: absolute; bottom: 60px; left: 0px; right: 0px; text-align: left; z-index: 9999
} #footer{background-color: #202029; background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/footer-line.svg); background-position: bottom center; background-size: 100%; background-repeat: no-repeat}
#footer-inner{    max-width: 1350px;     margin: 0 auto;padding-top: 110px; padding-bottom: 110px; padding-left: 25px; padding-right: 25px }
#footer p{ font-size: 16px;padding-bottom: 0px;color: #ffffff;font-weight: 500 }
#footer a{ font-size: 16px;padding-bottom: 0px;color: #ffffff;font-weight: 600 }
#footer a:hover{ color: #E6BE50 }
#footer li{list-style: none; color: #ffffff}
#footer-left{float: left; width: 48%; text-align: left}
#footer-right{float: left; width: 52%; text-align: right; padding-top: 95px }
#footer-left img{max-width: 80%!important}
#footer-right li{display: inline-block; margin-left: 25px}
#copyright-footer{background-color: #202029}
#copyright-inner{padding-top: 35px; padding-bottom: 60px; }
#copyright-inner p{ font-size: 12px;  padding-bottom: 0px; color: #ffffff}
#copyright-inner a{color: #ffffff}
#copyright-inner li{list-style: none;}
#copyright-smallprint{float: left}
#copyright-socials-inner{float: right}
#copyright-socials-inner img{height: 21px!important; width: auto; }
#copyright-socials-inner li{display: inline-block; margin-left: 15px}
#instagram-footer{background-color: #ffffff; background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/black-lines.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat}
#instagram-footer-inner{ max-width: 1350px;     margin: 0 auto;padding-top: 90px; padding-bottom: 90px; text-align: left }
#instagram-footer-inner li{list-style: none; }
#instagram-footer-inner img{ border-radius: 22px } .form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px; margin-bottom: 20px
}
.form-grid .form-field {
width: 100%;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
textarea.wpcf7-form-control.wpcf7-textarea{
width: 100%;
border-radius: 20px;
border: 3px solid #202029;
padding: 15px 12px;
background-color: #ffffff;
font-family: "Raleway", sans-serif;
font-size: 18px;
line-height: 28px;
color: #202029;
box-sizing: border-box; 
}
#wpcf7-f432-p429-o1 input[type="text"],
#wpcf7-f432-p429-o1 input[type="email"],
#wpcf7-f432-p429-o1 input[type="tel"],
textarea.wpcf7-form-control.wpcf7-textarea{
margin-bottom: 15px
}
@media (max-width: 600px) {
.form-grid {
grid-template-columns: 1fr;
}
}
textarea.wpcf7-form-control.wpcf7-textarea {
} 
.wpcf7-form input[type=submit] {
background-color: #E6BE50;
color: #ffffff;
padding-top: 13px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 15px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; border-radius: 25px; font-weight: 700;   font-family: "Open Sans", sans-serif; margin-top: 20px; border:none
}
.wpcf7-list-item{margin-left: 0px!important}
.wpcf7-form input[type=checkbox] {
border: 1px solid #ffffff; width: 15px; height: 15px;    -webkit-appearance: auto;
}
.wpcf7-form p {
font-size: 12px; line-height: 21px; padding-bottom: 0px
}
input::placeholder, textarea::placeholder {
color: #000000
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #ffffff;
color: #ffffff;
}
.form-submit {
position: absolute;
bottom: -20px;
left: 55%;
transform: translateX(-55%);
}  .fade-in-up,
.fade-in-down,
.fade-in-up-left,
.fade-in-up-right,
.fade-in-right {
opacity: 0;
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
will-change: opacity, transform;
}  .fade-in-up {
transform: translateY(50px);
}
.fade-in-up.visible {
opacity: 1;
transform: translateY(0);
} .fade-in-down {
transform: translateY(-60px);
}
.fade-in-down.visible {
opacity: 1;
transform: translateY(0);
} .fade-in-up-left {
transform: translate(60px, 60px); }
.fade-in-up-left.visible {
opacity: 1;
transform: translate(0, 0);
} .fade-in-up-right {
transform: translate(-60px, 60px); }
.fade-in-up-right.visible {
opacity: 1;
transform: translate(0, 0);
} .fade-in-right {
transform: translateX(-60px); }
.fade-in-right.visible {
opacity: 1;
transform: translateX(0);
} #quiz-columns{position: relative; overflow: hidden;     font-size: 18px;
line-height: 28px;}
#quiz-columns .wpcf7-list-item-label{font-size: 16px;
line-height: 26px;}
#quiz-columns h3{margin-bottom: 20px}
#quiz-columns h5{max-width: 430px; margin-bottom: 12px}
#quiz-columns h5 strong{color: #5FB0E3}
#quiz-columns label {
display: flex;
align-items: center;
gap: 0.5em; margin-bottom: 8px
}
#quiz-columns input[type="radio"] {
flex-shrink: 0;
}
.quiz-column-one{float: left; width: 48.5%}
.quiz-column-two{float: right; width: 48.5%}
#quiz-columns .smallbox{margin-bottom: 40px}
#custom-result-popup {
display: none;
position: fixed;
top: 20%;
left: 50%;
transform: translateX(-50%);
background: #fff;
padding: 40px;
max-width: 450px;
width: 90%;
border-radius: 25px;
z-index: 9999;
text-align: center;    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
#custom-result-popup  p{
font-size: 16px;
line-height: 26px;
}
#custom-result-popup .wpcf7-spinner{display: none}
#popup-close-btn {
position: absolute;
top: -25px;
right: -25px;
background: transparent;
border: none;
font-size: 1.5rem;
font-weight: bold;
cursor: pointer;
color: #555;
line-height: 1; font-size: 35px
}
#popup-close-btn:hover {
color: #000;
}
#custom-result-popup  .wpcf7-response-output {
border-color: #E6BE50;
color: #202029;
}
#custom-result-popup .wpcf7-list-item{margin-top: 15px;     font-size: 12px;
line-height: 21px;} .testimonials-item {
margin: 0 3% 0px 3%; 
}
.testimonials-item-inner{text-align: center;color: #ffffff}
.testimonials-item-inner p{color: #ffffff}
.testimonials-carousel .slick-prev {
background: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/left-white.svg) no-repeat center center;
width: 32px;
height: 32px;
cursor: pointer; background-size: 100%; top: 40%;
}
.testimonials-carousel .slick-prev:hover {
background: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/left-hover.svg) no-repeat center center;
background-size: 100%
}
.testimonials-carousel .slick-next {
background: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/right-white.svg) no-repeat center center;
width: 32px;
height: 32px;
cursor: pointer; background-size: 100%; top: 40%;
}
.testimonials-carousel .slick-next:hover {
background: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/right-hover.svg) no-repeat center center;
background-size: 100%
}
.slick-next:before, .slick-prev:before {
display: none!important
} .custom-post-overlay {
position: relative;
width: fit-content;
max-width: 100%;
border-radius: 35px; margin-bottom: 40px!important
}
.custom-post-overlay .overlay-image {
display: block;
width: 100%;
height: auto; border-radius: 35px
}
.custom-post-overlay .overlay-content {
position: absolute;
bottom: 15px;
right: 15px;
left: 15px;
background-color: #ffffff;
padding-top: 35px;
padding-right: 35px;
padding-left: 35px;
padding-bottom: 20px;
box-sizing: border-box;
border-radius: 25px;
text-align: center
}
.custom-post-overlay .overlay-content h5{
padding-left: 8%; padding-right: 8%
}
.custom-post-overlay .overlay-content p{
padding-left: 5%; padding-right: 5%
}
.overlay-date{color: #5FB0E3; padding-bottom: 10px} body.single{background-color: #F8F6EF}
#post-details-left{max-width: 1000px}
#post-details-left h1{}
#post-details-left h2{    font-size: 55px;
line-height: 50px;
letter-spacing: -1.5px; padding-top: 40px}
#post-details-left h3{    font-size: 45px;
line-height: 40px;
letter-spacing: -1.5px; padding-top: 40px}
#post-details-left h4{}
.post-thumbnail{    padding-top: 40px;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 30px;     border-radius: 28px; background-color: #ffffff; margin-top: 25px; margin-bottom: 45px}
.post-thumbnail img{ width: 100%; height: auto} .event-post {
position: relative;
width: fit-content;
max-width: 100%;
border-radius: 35px; margin-bottom: 50px!important
}
.event-post .event-post-content {
background-color: #ffffff;
box-sizing: border-box;
border-radius: 25px;
text-align: center
}
.event-post-content h5{
padding-left: 8%; padding-right: 8%
}
.event-post-content p{
padding-left: 5%; padding-right: 5%
}
.event-post-date{color: #5FB0E3; padding-bottom: 10px}
.event-post-link {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
} .paddingtop{padding-top:95px}
.paddingbottom{padding-bottom: 80px}
.paddingtopsmall{padding-top:40px}
.paddingbottomsmall{padding-bottom: 30px}
.paddingtoplarge{padding-top: 160px}
.paddingbottomlarge{padding-bottom: 160px}
.margintop{margin-top: 100px}
.marginbottom{margin-bottom: 100px}
.nobottommargin{margin-bottom: 0px!important}
.whitetext p, .whitetext a, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext li, .whitetext h5{color: #ffffff!important}
.darktext p, .darktext a, .darktext h1, .darktext h2, .darktext h3, .darktext h4, .darktext li{color: #202029!important}
.bluetext p, .bluetext li, .bluetext h1, .bluetext h2, .bluetext h3, .bluetext h4, .bluetext h5{color: #5FB0E3}
.rusttext p, .rusttext li, .rusttext h1, .rusttext h2, .rusttext h3, .rusttext h4, .rusttext h5{color: #EA8449}
.yellowtext p, .yellowtext li, .yellowtext h1, .yellowtext h2, .yellowtext h3, .yellowtext h4, .yellowtext h5{color: #E6BE51}
.purpletext p, .purpletext li, .purpletext h1, .purpletext h2, .purpletext h3, .purpletext h4, .purpletext h5{color: #D39AD5}
.blackbackground{background-color:  #202029}
.whitebackground{background-color:  #ffffff}
.bluebackground{background-color:  #5FB0E3}
.purplebackground{background-color:  #D39AD5}
.rustbackground{background-color:  #EA8449}
.yellowoutline{border-width: 4px; border-color: #E6BE51; border-style: solid }
.blackoutline{border-width: 4px; border-color: #202029; border-style: solid }
.blueoutline{border-width: 4px; border-color: #5FB0E3; border-style: solid }
.rustoutline{border-width: 4px; border-color: #EA8449; border-style: solid }
.purpleoutline{border-width: 4px; border-color: #D39AD5; border-style: solid }
.roundedcorners{border-radius: 28px}
.roundedcorners img{border-radius: 20px}
.smallbox{
padding-top: 40px;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 30px
}
.box{
padding-top: 60px;
padding-right: 60px;
padding-left: 60px;
padding-bottom: 45px
}
.featuredbox{
padding-top: 10px;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 10px
}
.featuredbox img{
margin-bottom: 0px!important
}
.featuredbox a {
position: absolute;
bottom: -35px;
left: 50%;
transform: translateX(-50%); margin-top: 0px!important;
}
.rustbutton a, a.rustbutton{
background-color: #F28444;
color: #ffffff;
padding-top: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 11px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; border-radius: 25px; font-weight: 700;   font-family: "Open Sans", sans-serif; margin-top: 20px; margin-right: 10px
}
.rustbutton a:hover, a.rustbutton:hover{
background-color: #000000;
}
.purplebutton a, a.purplebutton{
background-color: #D39AD5;
color: #ffffff;
padding-top: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 11px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; border-radius: 25px; font-weight: 700;   font-family: "Open Sans", sans-serif; margin-top: 20px; margin-right: 10px
}
.purplebutton a:hover, a.purplebutton:hover{
background-color: #000000;
}
.yellowbutton a, a.yellowbutton{
background-color: #E6BE50;
color: #ffffff;
padding-top: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 11px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; border-radius: 25px; font-weight: 700;   font-family: "Open Sans", sans-serif; margin-top: 20px;border-width: 0px; margin-right: 10px
}
.yellowbutton a:hover, a.yellowbutton:hover{
background-color: #000000;
}
.bluebutton a, a.bluebutton{
background-color: #5FB0E3;
color: #ffffff;
padding-top: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 11px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; border-radius: 25px; font-weight: 700;   font-family: "Open Sans", sans-serif;margin-top: 20px; margin-right: 10px
}
.bluebutton a:hover, a.bluebutton:hover{
background-color: #000000;
}
.blackbutton a, a.blackbutton{
background-color: #202029;
color: #ffffff;
padding-top: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 11px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; border-radius: 25px; font-weight: 700;   font-family: "Open Sans", sans-serif;margin-top: 20px; margin-right: 10px
}
.blackbutton a:hover, a.blackbutton:hover{
background-color: #ffffff; color: #000000
}
.whitebutton a, a.whitebutton{
background-color: #ffffff;
color: #202029!important;
padding-top: 10px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 11px;
text-decoration: none;
font-size: 12px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; border-radius: 25px; font-weight: 700;   font-family: "Open Sans", sans-serif;margin-top: 20px; margin-right: 10px; border-style: solid; border-width: 1px; border-color: #ffffff
}
.whitebutton a:hover, a.whitebutton:hover{
background-color: #202029; 	color: #ffffff!important;
}
.imagebanner{padding-top: 80px; padding-bottom: 80px; min-height: 50vh}
.starrow{background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/star-row.png); background-position: top right; background-size: 80%; background-repeat: no-repeat}
.bluestarrow{background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/blue-star-row.png); background-position: top right; background-size: 80%; background-repeat: no-repeat}
.yellowstarrow{background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/yellow-star-row.png); background-position: top right; background-size: 80%; background-repeat: no-repeat}
.ruststarrow{background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/rust-star-row.png); background-position: top right; background-size: 80%; background-repeat: no-repeat}
.sunrow{background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/sun.svg); background-position: top right; background-size: 50%; background-repeat: no-repeat}
.shiftup{margin-top: -130px}
.featuredtext p{  font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal; font-size: 27px; line-height: 35px; }
.starbullet p{  font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal; font-size: 20px; line-height: 24px; padding-left: 60px; background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/star-bullet.svg); background-repeat: no-repeat; background-size: 50px } .flexrow {
display: flex;
flex-wrap: wrap;
} .flexrow > .wpb_column {
display: flex;
flex-direction: column;
} .flexrow .vc_column-inner {
flex: 1;
display: flex;
flex-direction: column;
} .flexrow .wpb_wrapper {
flex: 1;
display: flex;
flex-direction: column;
} .flexrow .wpb_text_column {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between; min-height: 100px
}
.blacklines{background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/black-lines.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat}
.overflowrow{overflow: visible!important}
.mobile-nav{display:none}
.mobile-only{display:none!important}
.desktop-only{display: block!important}
.cky-title{display: none!important}
.cky-notice-des a{color:#ffffff}
.cky-notice-des p{padding-bottom: 5px}
.tiltleft {
transform: rotate(-3deg);
}
.tiltright {
transform: rotate(3deg);
}
.title-anvil h1,
.title-anvil h2,
.title-anvil h3,
.title-anvil h4,
.title-anvil h5,
.title-anvil h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/anvil.svg);
background-position: top right;
background-size: 170px;
background-repeat: no-repeat;
padding-right: 180px;
display: block;
margin: 0 auto;
max-width: fit-content; }
.title-pillars h1,
.title-pillars h2,
.title-pillars h3,
.title-pillars h4,
.title-pillars h5,
.title-pillars h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/three-pillars.svg);
background-position: top right;
background-size: 80px;
background-repeat: no-repeat;
padding-right: 80px;
display: inline-block; padding-top: 10px
}
.title-curlyarrow h1,
.title-curlyarrow h2,
.title-curlyarrow h3,
.title-curlyarrow h4,
.title-curlyarrow h5,
.title-curlyarrow h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/curly-arrow.svg);
background-position: bottom right;
background-size: 90px;
background-repeat: no-repeat;
padding-right: 90px;
display: inline-block; padding-bottom: 25px
}
.title-pen h1,
.title-pen h2,
.title-pen h3,
.title-pen h4,
.title-pen h5,
.title-pen h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/pen.svg);
background-position: center right;
background-size: 65px;
background-repeat: no-repeat;
padding-right: 80px;
display: inline-block; 
}
.title-bluestars h1,
.title-bluestars h2,
.title-bluestars h3,
.title-bluestars h4,
.title-bluestars h5,
.title-bluestars h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/bluestars.svg);
background-position: top right;
background-size: 90px;
background-repeat: no-repeat;
padding-right: 80px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 40px
}
.title-purplestars h1,
.title-purplestars h2,
.title-purplestars h3,
.title-purplestars h4,
.title-purplestars h5,
.title-purplestars h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/purplestars.svg);
background-position: top right;
background-size: 90px;
background-repeat: no-repeat;
padding-right: 80px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 40px
}
.title-yellowstars h1,
.title-yellowstars h2,
.title-yellowstars h3,
.title-yellowstars h4,
.title-yellowstars h5,
.title-yellowstars h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/yellowstars.svg);
background-position: top right;
background-size: 90px;
background-repeat: no-repeat;
padding-right: 80px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 40px
}
.title-ruststars h1,
.title-ruststars h2,
.title-ruststars h3,
.title-ruststars h4,
.title-ruststars h5,
.title-ruststars h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/ruststars.svg);
background-position: top right;
background-size: 90px;
background-repeat: no-repeat;
padding-right: 80px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 40px
}
.title-dart h1,
.title-dart h2,
.title-dart h3,
.title-dart h4,
.title-dart h5,
.title-dart h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/dart.svg);
background-position: top right;
background-size: 70px;
background-repeat: no-repeat;
padding-right: 80px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 20px
}
.title-yellow-dart h1,
.title-yellow-dart h2,
.title-yellow-dart h3,
.title-yellow-dart h4,
.title-yellow-dart h5,
.title-yellow-dart h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/yellow-dart.svg);
background-position: top right;
background-size: 70px;
background-repeat: no-repeat;
padding-right: 80px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 20px
}
.title-rust-dart h1,
.title-rust-dart h2,
.title-rust-dart h3,
.title-rust-dart h4,
.title-rust-dart h5,
.title-rust-dart h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/rust-dart.svg);
background-position: top right;
background-size: 70px;
background-repeat: no-repeat;
padding-right: 80px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 20px
}
.title-diamonds h1,
.title-diamonds h2,
.title-diamonds h3,
.title-diamonds h4,
.title-diamonds h5,
.title-diamonds h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/diamonds.svg);
background-position: top right;
background-size: 80px;
background-repeat: no-repeat;
padding-right: 80px;
display: inline-block; padding-top: 40px
}
.title-bubble h1,
.title-bubble h2,
.title-bubble h3,
.title-bubble h4,
.title-bubble h5,
.title-bubble h6 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/bubble.svg);
background-position: top right;
background-size: 90px;
background-repeat: no-repeat;
padding-right: 80px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 40px
}
.title-arrow h1,
.title-arrow h2,
.title-arrow h3,
.title-arrow h4,
.title-arrow h5,
.title-arrow h6,
.title-arrow p{
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/down-arrow.svg);
background-position: bottom center;
background-size: 90px;
background-repeat: no-repeat;
padding-bottom: 110px;
display: inline-block; 
}
.values-arrow::after {
content: "";
display: block;
width: 150px;
height: 100px;
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/down-arrow.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: -110px;
left: 35%;
transform: translateX(-35%);
}
.title-kite h1,
.title-kite h2,
.title-kite h3,
.title-kite h4,
.title-kite h5,
.title-kite h6,
.title-kite p{
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/kite.svg);
background-position: top right;
background-size: 80px;
background-repeat: no-repeat;
padding-right: 80px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 40px
}
.title-bolt h1,
.title-bolt h2,
.title-bolt h3,
.title-bolt h4,
.title-bolt h5,
.title-bolt h6,
.title-bolt p{
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/bolt.svg);
background-position: top right;
background-size: 70px;
background-repeat: no-repeat;
padding-right: 40px;
display: inline-block; 
padding-top: 80px
}
.title-question h1,
.title-question h2,
.title-question h3,
.title-question h4,
.title-question h5,
.title-question h6{
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/question-mark.svg);
background-position: top right;
background-size: 100px;
background-repeat: no-repeat;
padding-right:100px;
display: block;
margin: 0 auto;
max-width: fit-content; ;
padding-top: 80px
}
.title-empower {
position: relative;
}
.home .title-empower h1::before{
content: "";
width: 200px;
height: 200px;
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/empower.svg);
background-position: right top;
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
left: 500px;
top: -100px;
display: block
}
.home .title-empower h1{
background-image: none; padding-top: 0px
}
.title-empower h1::before{
display: none
}
.title-empower h1{
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/orange-empower.svg);
background-position: center top;
background-repeat: no-repeat;
padding-top: 80px; background-size:150px
}
.wpb_wrapper iframe{border-radius: 35px}
.bluefaqitem {
background-color: #ffffff;
padding: 28px;
color: #202029;
border-radius: 25px;
margin-bottom: 27px !important;  transition: background-color 0.3s ease;
}
.bluefaqitem:hover {
background-color: #5EB0E3;
color: #ffffff;
}
.bluefaqitem h4 {
text-transform: none; color: #202029;     font-size: 30px;
line-height: 32px;
}
.bluefaqitem:hover h4 {
color: #ffffff;
}
.bluefaqitem .vc_toggle_title  {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/faq-down.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.vc_toggle_active .vc_toggle_title  {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/faq-up.svg);
}
.bluefaqitem .vc_toggle_icon::before,
.bluefaqitem .vc_toggle_icon::after {
display: none!important; }
.bluefaqitem .vc_toggle_icon {
display: none!important; }
.bluefaqitem .vc_toggle_title {
padding-left: 0px !important;
padding-right: 24.2px;
}
.bluefaqitem .vc_toggle_icon {
left: auto !important;
right: 0px !important;
}
.bluefaqitem .vc_toggle_content {
padding-left: 0px!important;  padding-right: 24.2px;
}
.purplefaqitem {
background-color: #ffffff;
padding: 28px;
color: #202029;
border-radius: 25px;
margin-bottom: 27px !important;  transition: background-color 0.3s ease;
}
.purplefaqitem:hover {
background-color: #D39AD5;
color: #ffffff;
}
.purplefaqitem h4 {
text-transform: none; color: #202029;     font-size: 30px;
line-height: 32px;
}
.purplefaqitem:hover h4 {
color: #ffffff;
}
.purplefaqitem .vc_toggle_title  {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/faq-down.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.vc_toggle_active .vc_toggle_title  {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/faq-up.svg);
}
.purplefaqitem .vc_toggle_icon::before,
.purplefaqitem .vc_toggle_icon::after {
display: none!important; }
.purplefaqitem .vc_toggle_icon {
display: none!important; }
.bluefaqitem .vc_toggle_title {
padding-left: 0px !important;
padding-right: 24.2px;
}
.purplefaqitem .vc_toggle_icon {
left: auto !important;
right: 0px !important;
}
.purplefaqitem .vc_toggle_content {
padding-left: 0px!important;  padding-right: 24.2px;
}
.tablebox p{font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal; font-size: 22px; line-height: 28px;}
.tablebox{
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px
}
.arrowlink a{padding-right: 30px; background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/linkarrow.svg); background-size: 25px; background-position: right center; background-repeat: no-repeat}@media only screen and (max-width:1112px) {
.show-mob{display:block;padding-top:15vh;padding-left: 30px; padding-right: 30px}
.mobile-nav{ float: right;
font-size: 28px;
cursor: pointer;
color: #2F245B; padding-left: 0px; background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/menu-hamburger.svg); background-repeat: no-repeat; height: 45px; width: 45px; transition: 0.4s; background-size: 80%; display: block; margin-top: 40px}
.mobile-nav:hover{ background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/menu-hamburger-over.svg); background-repeat: no-repeat; height: 45px; width: 45px}
.mobile-nav .fa-bars{display: none}
#main-nav{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2000000;
display: none;
width: 100vw;
height: 100vh;
padding: 0;    transition: opacity 400ms ease 0s; margin-left: 0px; margin-right: 0px
}
#main-nav ul li{float:none; display: block;     font-family: "Open Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal; padding-bottom: 7px; margin-bottom: 7px; list-style: none; font-size: 15px; text-align: center}
#main-nav ul li a{text-align:center; 
display: block;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 10px;  border: none;color: #202029;  font-family: "Open Sans", sans-serif;
font-style: normal; font-size:20px; line-height: 26px; font-weight: 600}
#main-nav ul li a:hover,#main-nav li.current-menu-item a,#main-nav ul li a:focus{color:#E6BE50}
#main-nav li ul li a {
font-size: 14px;
padding: 0px;
margin: 0px;
border-bottom: none!important; 
}
#main-nav ul li a:hover {
border: none
}
#main-nav li ul li a {
color: #666666; padding-right: 17px;
padding-left: 17px;
}
.menu-header{display:none; padding-top:50px;}
.close-mob{       position: fixed;
left: auto;
top: 0;
right: 0;
bottom: auto;
z-index: 60000;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity .2s;
transition: opacity .2s;
cursor: pointer; padding-top: 13px; padding-right: 22px }
.close-mob img{width:45px;}
.menuin{position: relative;
z-index: 99999999;
overflow-y: auto;
width: 100%;
height: 100%;
background-color:#F8F6EF; transition: 0.4s; float: right }
#main-nav li ul{
position: relative;
width: inherit;
padding-top: 0;
padding-right: 0;
padding-left: 0px;
padding-bottom: 0;
visibility: visible;
opacity: 1;
margin-left: 0px; border: none!important;
background:none;
}
.mobmenu-header {margin-bottom:30px;}
#main-nav ul li.current-menu-item a {
color: #B6B6B6;
}
#main-nav ul li.current_page_parent a {
color: #B6B6B6;
}
.paddingtoplarge {
padding-top: 120px;
}
.paddingbottomlarge {
padding-bottom: 120px;
}
.paddingbottom {
padding-bottom: 50px;
}
.paddingtop {
padding-top: 50px;
}
.home h1 {
font-size: 85px;
line-height: 62px;
}
.home h1 strong {
font-size: 54px;
line-height: 62px;
}
#centredlogo img {
width: 260px;
}
.imagebanner {
padding-top: 40px;
padding-bottom: 40px;
min-height: 30vh;
}
.box {
padding-top: 40px;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 25px;
}
h3 {
font-size: 55px;
line-height: 55px;
}
body {
font-size: 17px;
line-height: 27px;
}
h4 {
font-size: 35px;
line-height: 35px;
}
h2 {
font-size: 70px;
line-height: 60px;
}
.featuredtext p {
font-size: 22px;
line-height: 30px;
}
.smallbox {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px;
}
#footer-inner {
padding-top: 80px;
padding-bottom: 80px;
}
#footer-left {
width: 100%; float: none;  text-align: center
}
#footer-left img {
max-width: 25% !important;
}
#footer-right {
width: 100%; float: none; text-align: center
}
.page-template-page_grey h1 strong {
font-size: 90px;
line-height: 120px;
letter-spacing: 6px;
}
.page-template-page_grey h1 {
font-size: 17px;
line-height: 17px;
}
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:850px) {
h1 {
font-size: 55px;
line-height:50px;
}
h1 strong {
font-size: 55px;
line-height: 50px;
} 
h2 {
font-size: 55px;
line-height: 45px;
}
h3 {
font-size: 40px;
line-height: 40px;
}
h4 {
font-size: 30px;
line-height: 35px;
}
h5 {
font-size: 24px;
line-height: 26px;
}
.title-empower h1::before {
right: 40px;
top: -60px;
width: 150px;
height: 150px;
}
.paddingtoplarge {
padding-top: 120px;
}
.paddingbottom {
padding-bottom: 65px;
}
.paddingtop {
padding-top:65px;
}
.mobile-only{display:block!important}
.desktop-only{display: none!important}
.box {
padding-top: 50px;
padding-right: 50px;
padding-left: 50px;
padding-bottom: 35px;
}
.title-empower h1::before{
display: none!important
}
.quiz-column-one {
float: none;
width: 100%;
}
.quiz-column-two {
float: none;
width: 100%;
}
#quiz-columns .smallbox {
margin-bottom: 20px;
}
#custom-result-popup {
padding: 30px;
max-width: 350px;
}
.page-template-page_grey h1 strong {
font-size:80px;
line-height: 90px;
letter-spacing: 5px;
}
.faqitem h4 {
font-size: 28px;
line-height: 30px;
}
.home h1 {
font-size: 75px;
line-height:50px;
}
.home h1 strong {
font-size: 54px;
line-height: 50px;
}
.shiftup {
margin-top: -30px;
}
}
@media only screen and (max-width:767px) {
#centredlogo {
width: 50%; padding-top: 35px
}
#centredlogo img {
width: 100%;
}
.paddingtoplarge {
padding-top: 80px;
}
.paddingbottom {
padding-bottom: 50px;
}
.paddingtop {
padding-top:50px;
}
.box {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px;
}
#footer-inner {
padding-top:45px;
padding-bottom: 45px; padding-left:25px; padding-right: 25px
}
#footer-left {
float: none;
width: 100%;
}
#footer p {
font-size: 13px; line-height:21px
}
#copyright-inner p {
font-size: 13px; line-height:21px
}
#footer-left img{
max-width: 50%!important
}
#footer-right {
display: none
}
body {
font-size: 17px;
line-height: 26px;
}
.featuredtext p {
font-size: 24px;
line-height: 24px;
padding-left: 3%;
padding-right: 3%;
}
.smallbox {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}
.title-anvil h1, .title-anvil h2, .title-anvil h3, .title-anvil h4, .title-anvil h5, .title-anvil h6 {;
background-size: 100px;
padding-right: 110px;
}
.form-submit {
position: relative;
display: block
}
.page-template-page_grey h1 strong {
font-size:70px;
line-height: 80px;
letter-spacing: 5px;
}
.page-template-page_grey h1 {
font-size: 15px;
line-height: 15px;
}
.faqitem h4 {
font-size: 26px;
line-height: 28px;
}
.faqitem {
padding: 15px;
margin-bottom: 18px !important;
}
.faqitem .vc_toggle_title {
background-size: 5%;
}
h1 {
font-size: 50px;
line-height:40px; text-align: center
}
h1 strong {
font-size: 50px;
line-height: 40px; text-align: center
} 
.home h1 {
font-size: 65px;
line-height:40px;
}
.home h1 strong {
font-size: 44px;
line-height: 40px;
}
.home .title-empower h1 {
background-image: url(//www.thefuturesmiths.co.uk/wp-content/themes/thefuturesmiths/images/orange-empower.svg);
padding-top: 50px;
}
.title-empower h1 {
padding-top: 50px;
background-size: 90px;
}
#post-details-left h2{    font-size: 35px;
line-height: 30px;
letter-spacing: -1.5px; padding-top: 30px}
#post-details-left h3{    font-size: 35px;
line-height: 30px;
letter-spacing: -1.5px; padding-top: 30px}
.post-thumbnail{    padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;  margin-top: 15px; margin-bottom: 35px}
}
@media only screen and (max-width:480px) {
.box {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px;
}
.paddingtoplarge {
padding-top: 50px;
}
.paddingbottomlarge {
padding-bottom: 50px;
}
.paddingbottom {
padding-bottom: 30px;
}
.paddingtop {
padding-top:30px;
}
h3 {
font-size: 35px;
line-height: 35px;
}
.custom-post-overlay .overlay-content p {
display: none
}
.featuredtext p {
font-size: 21px;
line-height: 23px;
padding-left: 0%;
padding-right: 0%;
}
#custom-result-popup {
padding: 20px;
max-width: 280px; 
top: 10%;
}
.page-template-page_grey h1 strong {
font-size:60px;
line-height: 70px;
letter-spacing: 3px;
}
.faqitem h4 {
font-size:22px;
line-height: 24px;
}
h1 {
font-size: 45px;
line-height:40px;
}
h1 strong {
font-size: 45px;
line-height: 40px;
} 
.home h1 {
font-size: 45px;
line-height:40px;
}
.home h1 strong {
font-size: 40px;
line-height: 40px;
}
#centredlogo {
padding-top: 25px;
padding-bottom: 0px;
}
.mobile-nav {
margin-top: 30px;
}
h2 {
font-size: 48px;
line-height: 42px;
}
.title-pen h1, .title-pen h2, .title-pen h3, .title-pen h4, .title-pen h5, .title-pen h6 {
background-size: 30px;
padding-right: 40px;
}
.title-pillars h1, .title-pillars h2, .title-pillars h3, .title-pillars h4, .title-pillars h5, .title-pillars h6 {
background-size: 40px;
padding-right: 40px;
}
h5 {
font-size: 21px;
line-height: 24px;
}
body {
font-size: 16px;
line-height: 23px;
}
}
@media only screen and (max-width:375px) {
}