/* Variables */

@import url('https://info.casio.co.uk/hubfs/Theme%202018/font_hk_grotesk/stylesheet.css');



/* Structure */
.wrapper {
    display: flex;
    flex-direction: column;
	min-height: 100vh;
}
.wrapper > .hs_cos_wrapper_type_module:last-child {
	margin-top:auto;
}
.container {
	padding:0 20px;
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}
.container--larger {
	max-width:1400px;
	padding:0 30px;
}
.container--large {
	max-width:1200px;
	padding:0 30px;
}
.container--small {
	max-width: 900px;
}
.container--smaller {
	max-width: 600px;
}
.container--margin {
	margin-top:50px;
	margin-bottom:50px;
}
.container--no-padding {
	padding:0;
	max-width: 1000px;
}
@media screen and (max-width:1060px) {
	.container--large {padding:0 20px;}
}
@media screen and (max-width:767px) {
	.container {padding:0 15px;}
}
@media screen and (max-width:550px) {
	.container {padding:0 10px;}
}
section {
	position:relative;
	width:100%;
	float:left;
	padding: 4.5em 0;
	animation-duration: 0.25s;
	animation-fill-mode: both;
}
section.no-padding {
	padding:0; 
}
section.small-padding{
	padding:2em 0;
}
section.grey-back {
	background-color: #f5f5f5;
}
section.green,
section.primary {
	background-color: #2dbf94;
	color: #FFFFFF;
}
section.purple,
section.gcse,
section.alevelgcse {
	background-color: #7d415d;
	color: #FFF;
}
section.orange,
section.alevel,
section.furthermaths,
section.ib {
	background-color: #ff855c;
	color: #FFF;
}
section.blue{
	background-color: #3393FA;
	color: #FFF;
}
@media screen and (max-width:767px) {
	section.mob-grey-back {
		background-color: #f5f5f5;
	}
	section.mob-green,
	section.mob-primary {
		background-color: #2dbf94;
		color: #FFF;
	}
	section.mob-purple,
	section.mob-gcse {
		background-color: #7d415d;
		color: #FFF;
	}
	section.mob-orange,
	section.mob-alevel,
	section.mob-furthermaths,
	section.mob-ib {
		background-color: #ff855c;
		color: #FFF;
	}
	section.mob-blue{
		background-color: #3393FA;
		color: #FFF;
	}
}
img, video {
	max-width:100%;
	height:auto;
}
.space-between {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.side-by-side-cntr {
	display:flex;
	justify-content: space-between;
}
.side-by-side-cntr > * {
	width:calc(50% - 35px); 
}
.side-by-side-cntr--vcenter {
	align-items: center;
}
.side-by-side-cntr--reverse {
	flex-direction: row-reverse;
}
.side-by-side-cntr--start {
	align-items: flex-start; 
}
@media screen and (max-width: 1000px) {
	.side-by-side-cntr > * {
		width:calc(50% - 25px); 
	}
}
@media screen and (max-width: 767px) {
	.side-by-side-cntr {
		flex-wrap:wrap;
	}
	.side-by-side-cntr > * {
		width:100%; 
	}
}
.bg-img {
	width:100%;
	float:left;
	background-size:cover;
	background-position:center;
	position:relative;
	color:#FFF;
}
.bg-img > div {
	position:relative; 
}
.bg-img::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.5);
}
.back-color--,
.back-color--green,
.back-color--primary,
.back-color--general {
	background-color: #2dbf94;
	color: #FFF;
}
.back-color--gcse,
.back-color--alevelgcse,
.back-color--scientific {
	background-color: #7d415d;
	color: #FFF;
}
.back-color--alevel,
.back-color--furthermaths,
.back-color--ib,
.back-color--colourgraphic {
	background-color: #ff855c;
	color: #FFF;
}
.back-color--blue,
.back-color--bwgraphic {
	background-color: #3393FA;
	color: #FFF;
}

/* Typography */
body {
	color: #2f2f2f;
	font-family: 'hk_grotesk', sans-serif;
	font-weight: 400;
	font-size:14px;
	line-height:1.4;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 600;
	margin: 0.2em 0;
	letter-spacing: 0.1em;
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child { margin-top: 0; }
h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0px;
}
h1.alt {
	text-transform:none;
	font-weight:600;
}
h2 {
	font-size: 1.7em;
	text-transform: uppercase;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
h6{
	font-size: 1em;
	color: #ccc;
	margin: 0.5em 0;
	font-weight: normal;
	letter-spacing: 0px;
}
@media screen and (max-width:767px) {
	h2 {
		font-size: 1.5em;
		letter-spacing: 0.05em;
	}
}
.title-text {
	font-size:2em;
	font-weight:700;
	text-transform:none;
	letter-spacing:0;
}

a {
	color: #2dbf94;
	text-decoration: none;
	transition:all 0.2s ease;
}
a.purple,
a.gcse,
a.alevelgcse,
a.scientific {
	color: #7d415d;
}
a.orange,
a.alevel,
a.ib,
a.furthermaths,
a.colourgraphic {
	color: #ff855c; 
}
a.discontinued {
	color: #cfcfcf; 
}
a.blue,
a.bwgraphic {
	color: #3393FA; 
}
a:hover {
	text-decoration:underline;
}
@media (hover: none){
	a:hover {
		text-decoration:none;
	}
}
.btn, .cta_button {
	color: #FFF;
	text-transform: uppercase;
	background: #2dbf94;
	padding: 0.75em 1.2em;
	letter-spacing: 2px;
	display: inline-block;
	text-align:center;
	transition:all 0.3s ease;
	cursor:pointer;
}
.btn--inline-flex {
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
}
.btn--flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.btn--flex .hs_cos_wrapper_type_icon {
	width: 1.5em;
	height: 1.5em;
	fill: #fff;
	margin-left: 10px;
}
a.cta_button {
	box-sizing:border-box !important;
}
.btn--small {
	font-size: 0.8em;
}
.btn--greenlight,
.btn--primarylight {
	background: #4ddfb4;
}
.btn--purple,
.btn--gcse,
.btn--alevelgcse,
.btn--scientific {
	background: #7d415d;
}
.btn--orange,
.btn--alevel,
.btn--ib,
.btn--furthermaths,
.btn--colourgraphic {
	background: #ff855c;
}
.btn--discontinued {
	background: #cfcfcf;
}
.btn--blue,
.btn--bwgraphic {
	background: #3393FA;
}
.btn:hover, .cta_button:hover {
	text-decoration:none;
	background:#4f4f4f;
}
@media (hover: none) {
	.btn:hover, .cta_button:hover {
		text-decoration:none;
		background:#2dbf94;
	}
	.btn--greenlight:hover,
	.btn--primarylight:hover {
		background: #4ddfb4;
	}
	.btn--purple:hover,
	.btn--gcse:hover,
	.btn--alevelgcse:hover,
	.btn--scientific:hover {
		background: #7d415d;
	}
	.btn--orange:hover,
	.btn--alevel:hover,
	.btn--ib:hover,
	.btn--furthermaths:hover,
	.btn--colourgraphic:hover {
		background: #ff855c;
	}
	.btn--discontinued:hover {
		background: #cfcfcf;
	}
	.btn--blue:hover,
	.btn--bwgraphic:hover {
		background: #3393FA;
	}
}
.btn--disabled {
	pointer-events:none;
	background:#ccc;
}
.color--green,
.color--primary,
.color--general {
	color: #2dbf94;
}
.color--purple,
.color--gcse,
.color--alevelgcse,
.color--scientific {
	color: #7d415d;
}
.color--orange,
.color--alevel,
.color--ib,
.color--furthermaths,
.color--colourgraphic {
	color: #ff855c; 
}
.color--discontinued {
	color: #cfcfcf; 
}
.color--body {
	color: #2f2f2f;
}
.color--blue,
.color--bwgraphic {
	color: #3393FA;
}
.view-all{
	color:#2dbf94;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:0.1em;
	text-align:center;
	margin: 0 auto;
	display: block;
}
.material-icons {
	font-feature-settings: 'liga';
}

/* Header */
header {
    position: sticky;
    top: 0;
    z-index: 50;
}
/* .main-head {
	width:100%;
	float:left;
	padding:0;
	color:#FFF;
	background: #2f2f2f;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	position:fixed;
	top:0;
	left:0;
	height:63px;
	z-index:6;
} */
.main-head {
	width:100%;
	float:left;
	padding:0;
	color:#FFF;
	background:#2f2f2f;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	position: relative;
	height: 63px;
	z-index:6;
}

.main-head--no-nav{
    display: flex;
    align-items: center;
}

.logo {
	display:inline-block;
	font-size: 30px;
}
.logo__img {
	width: 120px;
}
.nav {
	display: inline-block;
}
.hs-menu-wrapper > ul { /* top ul */
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.hs-menu-item a {
	display:inline-block;
	color:inherit;
	text-decoration:none;
	padding: 20px 17px;
	font-size: 1.2em;
}
.hs-menu-item a:hover, .hs-item-has-children:hover > a {
	background:#4f4f4f;   
}
.hs-menu-depth-1 { /* top li */
	margin:0;
	padding:0;
	list-style:none;
}
.hs-menu-children-wrapper { /* child ul */
	margin: 0;
	padding: 0;
	list-style: none;
	visibility:hidden;
	overflow:hidden;
	max-height:0;
	position:absolute;
	background: #2dbf94;
	z-index:2;
	transition:max-height 0.3s ease, visibility 0s ease 0.3s;
}
@media screen and (min-width:767px){
	.hs-item-has-children:hover .hs-menu-children-wrapper {
		visibility:visible;
		max-height:350px;
		transition:max-height 0.3s ease, visibility 0s ease 0s;
	}
}
.hs-menu-depth-2 { /* child li */
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}
.hs-menu-children-wrapper a { /* child a */
	padding:10px 17px;
	width:100%;
}

.hamburger {
	padding: 19px 0px;
	display: inline-block;
	display: none;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}
.hamburger:hover {
	/*   opacity: 0.7; */
}
.hamburger-box {
	width: 34px;
	height: 24px;
	display: inline-block;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 34px;
	height: 3px;
	background-color: #FFF;
	border-radius: 1.5px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -10px;
}
.hamburger-inner::after {
	bottom: -10px;
}
/*Squeeze specific*/
.hamburger--squeeze .hamburger-inner {
	transition-duration: 0.075s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
	transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
	transform: rotate(45deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

@media screen and (max-width:767px) {
	.nav .hs-menu-wrapper {
		position:fixed;
		right:0;
		transform:translate(100%,0);
		width:400px;
		background: #2f2f2f;
		transition:transform 0.25s ease;
		top: 63px;
		height: calc(100vh - 63px);
/* 		overflow: scroll; */
/* 		overflow-x: auto; */
		overflow:auto;
	}
	.nav .hs-menu-wrapper.is-active {
		transform:translate(0);
	}
	.hamburger {
		display:inline-block;
	}
	.hs-menu-wrapper > ul {
		flex-direction:column;
	}
	.hs-menu-item a {
		padding:13px 10px;
		width:100%;
		font-size:1.2em;
	}
	.hs-menu-children-wrapper {
		position: static;
		visibility: visible;
		background: #4f4f4f;
		padding-left: 15px;
		display:block !important;
		max-height:0;
		overflow:hidden;
		transition:max-height 0.3s ease;
	}
	.nav .hs-menu-wrapper .hs-item-has-children.active {
		background: #4f4f4f;
	}
	.nav .hs-menu-wrapper .hs-item-has-children.active ul {
		height:auto;
		max-height:343px;
		transition:max-height 0.3s ease;
	}
}
@media screen and (max-width:550px) {
	.nav .hs-menu-wrapper {
		width:100%;
	}
}

/* .secondary-head {
	float:left;
	position:fixed;
	top:63px;
	left:0;
	background:white;
	width:100%;
	z-index:5;
	padding: 5px 0px;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	transition: all 0.25s ease;
} */
.secondary-head {
	float:left;
	position: relative;
	background:white;
	width:100%;
	z-index:5;
	padding: 5px 0px;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	transition: all 0.25s ease;
}
/* .secondary-head--hidden {
	top:calc(63px - 140px - 10px);
	transition: all 0.25s ease;
} */
.secondary-head--hidden {
	transform: translate(0px, -100%);
	margin-bottom: calc(-140px - 10px);
	transition: all 0.25s ease;
}
/* .secondary-head--hidden.show {
	top:63px;
	transition: all 0.25s ease 0.25s;
} */
.secondary-head--hidden.show {
	transform: translate(0px, 0px);
	transition: all 0.25s ease 0.25s;
	margin-bottom: 0;
}
/* .secondary-head--expand {
	text-align:center;
	cursor:pointer;
	transition:all 0.25s ease 0.25s;
	margin-top: -500px;
	border-top: 500px solid #FFF;
} */
.secondary-head--expand {
	text-align:center;
	cursor:pointer;
	transition:all 0.25s ease 0.25s;
	border-top: 5px solid #FFF;
	margin-top: -5px;
	
	transform: translate(0, -38px);
    margin-bottom: -38px;
    transition: all 0.25s ease;
    z-index: 4;
}
/* .secondary-head--expand:hover {
	top:calc(63px + 5px);
	transition:all 0.15s ease;
} */
.secondary-head--expand:hover {
	transform: translate(0, 5px);
	transition:all 0.15s ease;
}
/* .secondary-head--expand.hide {
	top:calc(63px - 38px);
	transition:all 0.25s ease;
} */
.secondary-head--expand.hide {
	transform: translate(0, -38px);
	margin-bottom: -38px;
	transition:all 0.25s ease;
	z-index: 4;
}
.head-calcs {
	height:140px;
	display:block;
	white-space: nowrap;
	overflow: scroll;
	overflow-y: hidden;
	width:auto;
	text-align: center;
	-ms-overflow-style: none;/* IE10+ hide scrollbar */
}
.head-calcs::-webkit-scrollbar { 
	display: none; 
}
.head-calcs__calc {
	width:140px;
	height:100%;
	display: inline-block;
	color:inherit;
	white-space: normal;
	position: relative;
	vertical-align: middle;
	transition:all 0.6s ease;
}
.head-calcs__calc:hover {
	text-decoration: none;
}
.head-calcs__calc.active {

}
.head-calcs__calc.shrink {
	/*   overflow:hidden; */
	width:0;
	opacity:0;
	z-index:-1;
}
.head-calcs__calc.dont-shrink {
	width:auto;
}
.head-calcs__calc.shrink .head-calcs__title {
	opacity:0;
}
.head-calcs__calc:not(.shrink) ~ .head-calcs__calc.shrink {
	transform:translate(-140px);
}
.head-calcs__title {
	width: 100%;
	height:31px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 0.8rem;
	line-height: 1;
	padding: 0px 30px 2px;
	font-weight: 600;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;

	width:140px
}
.head-calcs__img-ctr {
	position:relative;
	display: block;
	width: 100%;

	width:140px;
	z-index: 0;
}
.head-calcs__img-ctr::after {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:70px;
	width:70px;
	border-radius:50%;
	z-index:-1;
	transition:all 0.2s ease;
	background:#2dbf94;
}
.head-calcs__calc:hover .head-calcs__img-ctr::after {
	height: 80px;
	width: 80px;
}
.head-calcs__calc--green .head-calcs__img-ctr::after,
.head-calcs__calc--primary .head-calcs__img-ctr::after,
.head-calcs__calc--general .head-calcs__img-ctr::after {
	background:#2dbf94;
}
.head-calcs__calc--purple .head-calcs__img-ctr::after,
.head-calcs__calc--gcse .head-calcs__img-ctr::after,
.head-calcs__calc--alevelgcse .head-calcs__img-ctr::after,
.head-calcs__calc--scientific .head-calcs__img-ctr::after {
	background:#7d415d;
}
.head-calcs__calc--orange .head-calcs__img-ctr::after,
.head-calcs__calc--alevel .head-calcs__img-ctr::after,
.head-calcs__calc--furthermaths .head-calcs__img-ctr::after,
.head-calcs__calc--ib .head-calcs__img-ctr::after,
.head-calcs__calc--colourgraphic .head-calcs__img-ctr::after {
	background:#ff855c;
}
.head-calcs__calc--discontinued .head-calcs__img-ctr::after {
	background:#cfcfcf;
}
.head-calcs__calc--blue .head-calcs__img-ctr::after,
.head-calcs__calc--bwgraphic .head-calcs__img-ctr::after {
	background:#3393FA;
}
.head-calcs__img {
	max-height:90px;
}
.head-calcs__arrow {
	position:absolute;
	top: 0;
	left:50%;
	height:100%;
	transform:translate(-50%,0);
	display:flex;
	align-items:flex-end;
	transition:all 0.25s ease;

	width: 140px;
	justify-content: center;
	left: 0;
	transform: translate(0);
	transform-origin: 70% 30%;
}
@media screen and (min-width:767px) {
	.head-calcs__calc.clicked .head-calcs__arrow, .head-calcs__calc.active .head-calcs__arrow {
		transform: translate(-50%,4%) rotate(-90deg);
	}
}
.head-calcs__arrow i {
	line-height:0.8;
}

.prod-links {
	display:inline-block;
	vertical-align:middle;
	transition:max-width 0.8s ease, visibility 0s ease 0s;
	max-width:820px;
}
.prod-links--hidden {
	visibility:hidden;
	max-width:0px;
	overflow: hidden;
	height: 59px;
	transition:max-width 0.8s ease, visibility 0s ease 0.8s;
}
.prod-links a {
	position:relative;
	display:inline-block;
	margin-top: 10px;
	padding: 15px;
	opacity:0;
	transition:all 0.25s ease;
	animation-duration: 0.25s;
	animation-fill-mode: both;
	color: inherit;
	font-size:1.125em;
}
.prod-links a::after {
	content:'';
	position:absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%,0);
	width:0px;
	height: 2px;
	border-radius: 2px;
	transition:all 0.25s ease;
}
.prod-links.green a.active::after
.prod-links a.active::after {
	width:20px;
	background: #2dbf94;
}
.prod-links.purple a.active::after
.prod-links.gcse a.active::after,
.prod-links.alevelgcse a.active::after,
.prod-links.scientific a.active::after {
	background: #7d415d;
}
.prod-links.orange a.active::after
.prod-links.alevel a.active::after,
.prod-links.ib a.active::after,
.prod-links.furthermaths a.active::after,
.prod-links.colourgraphic a.active::after {
	background: #ff855c;
}
.prod-links.discontinued a.active::after {
	background: #cfcfcf;
}
.prod-links.blue a.active::after,
.prod-links.bwgraphic a.active::after {
	background: #3393FA;
}
.prod-links.green a:hover,
.prod-links a:hover {
	text-decoration:none;
	color: #2dbf94
}
.prod-links.purple a:hover,
.prod-links.gcse a:hover,
.prod-links.alevelgcse a:hover,
.prod-links.scientific a:hover {
	color: #7d415d 
}
.prod-links.orange a:hover,
.prod-links.alevel a:hover,
.prod-links.ib a:hover,
.prod-links.furthermaths a:hover,
.prod-links.colourgraphic a:hover {
	color: #ff855c 
}
.prod-links.discontinued a:hover {
	color: #cfcfcf 
}
.prod-links.blue a:hover,
.prod-links.bwgraphic a:hover {
	color: #3393FA 
}
.prod-links a i {
	font-size: inherit;
	transform: translate(0,3px);
}
.header-spacer{
	height:calc(63px + 150px);
}
.header-spacer--small {
	height:calc(63px + 38px); 
}
.header-spacer--only-top {
	height:63px;
}
@media screen and (max-width:767px) {
	.head-calcs__calc.shrink {
		overflow: visible;
		width: 140px;
		opacity: 1;
		z-index:0;
	}
	.head-calcs__calc.shrink .head-calcs__title {
		opacity:1;
	}
	.head-calcs__calc:not(.shrink) ~ .head-calcs__calc.shrink {
		transform:translate(0);
	}
	.prod-links {
		display:none;
		/*     width: calc(100vw - 140px);
		white-space: normal; */
	}
	/*   .prod-links a {
	margin:0;
	padding: 8px;
}
	.prod-links a::after {
	bottom: 5px;
} */
}

/* Hero Module */
.home-hero {
	padding: 5.5em 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	min-height: calc(100vh - 150px - 63px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-hero::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.75);
}
.home-hero__inner {
	max-width: 800px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: relative;
}
.home-hero i {
	font-size:4em; 
}
.home-hero h1 {
	font-size: 2.9em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 7px;
}
.home-hero__text {
	margin:0 auto;
	max-width:80%;
	line-height:1.4;
	font-size:1.3em;
	margin-bottom:35px;
}
.home-hero__buttons {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
    align-items: center;
}
.home-hero__buttons a {
	margin:5px;
}
.hero-slider .slick-dots {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.hero-slider .slick-dots li {
	float: left;
	padding: 8px;
	position: relative;
}
.hero-slider .slick-dots button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 15px;
	height: 15px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 2px solid #2dbf94;
	outline: none;
	background: transparent;
	border-radius: 50%;
}
.hero-slider .slick-dots .slick-active button {
	background: #2dbf94;
}

@media screen and (max-width: 767px) {
	.home-hero {
		height: auto;
	}
	.home-hero h1 {
		font-size: 2em;
	}
}

/* news module*/
.card-wrap {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.news-card{
	float:left;
	width: calc(33.3% - 20px);
}
.news-card .img{
	background-size:cover;
	background-position:center;
	width:100%;
	padding-bottom: calc(9 / 16 * 100%);
	display:block;
	position:relative;
	margin-bottom:0.5em;
}
.news-card .img:before{
	content:" ";
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#2dbf94;
	opacity:0;
	z-index:2;
	transition:all 0.2s ease;
}
.news-card .img:hover::before{
	opacity:0.8;
}
.card-wrap{
	margin-top:40px; 
}
.news-card a {
	color:inherit;
	text-decoration:none;
}
.news-card a:hover{
	color:#2dbf94;
	text-decoration:none;
}
.news-card.news-card h2{
	text-transform: none;
	font-size: 1.6em;
	font-weight: 600;
	letter-spacing: 0.03em;
}
.news-card p{
	font-size:0.9em;
}
@media screen and (max-width:767px) {
	.latest-news-container {
		max-width:410px;
	}
	.news-card {
		width:100%;
		margin-bottom:20px;
	}
}
@media screen and (max-width:450px) {
	.latest-news-container {
		max-width:320px;
	}
}

/* Hero Panels */
.hero-panels {
	width:100%;
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	padding:20px;
}
.hero-panels__right {
	position:relative;
	display:flex;
	width:66.66%;
	padding-bottom:calc(100vh - 250px);
}
@media screen and (max-aspect-ratio: 16/9) {
	.hero-panels__right {
		padding-bottom:calc(66.66% * 9/16);
	}
}
.hero-panels__left {
	position:relative;
	display:flex;
	width:calc(33.33% - 20px);
	flex-direction:column;
	justify-content:space-between;
}
.hero-panels__panel {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:no-repeat 50% 50%/cover;
}
.hero-panels__panel--half {
	position:relative;
	height:calc(50% - 10px);
}
.hero-panels__text {
	position:absolute;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.6);
	padding:15px 20px;
	color:#FFF;
}
.hero-panels__description {
	max-height:0;
	overflow:hidden;
	transition:all 0.3s ease;
}
.hero-panels__panel:hover .hero-panels__description {
	max-height:300px;
}
@media only screen and (max-width:1023px) {
	.hero-panels {
		flex-direction:column;
	}
	.hero-panels__right, .hero-panels__left {
		width:100%;
		padding:0;
	}
	.hero-panels__panel {
		position: relative;
		height: calc((100vw - 40px)*9/16);
	}
	.hero-panels__panel:first-of-type {
		margin-bottom:20px;
	}
	.hero-panels__panel .hero-panels__description {
		max-height:300px;
	}
}
@media only screen and (max-width:767px) {
	.hero-panels {
		padding:0;
	}
	.hero-panels__panel {
		height: calc(100vw * 9/16);
	}
	.hero-panels__panel:first-of-type {
		margin-bottom:0;
	}
}

/* Hero Inner */
.hero-text__text {
	width:100%;
	margin: 30px 0 40px;
}
@media screen and (max-width: 767px) {
	.hero-image {
		width:100%;
		text-align:center;
		margin: 0 auto;
		max-width: 320px;
	}
	.hero-image img {
		max-width: 100%;
	}
}

/* Product Panel */
.product-panel-top {
	padding:2.5em 0;
	background: linear-gradient(to right, #2dbf94, #4ddfb4);
	color: #FFF;
	border-bottom:1px solid;
	cursor:pointer;
	transition:all 0.25s ease;
}
.product-panel-top:hover {
	background-size: 140%;
}
.product-panel-top .material-icons {
	font-size: 3.9em;
	vertical-align:middle;
	padding:8px 10px;
}
.product-panel-top .fa {
	font-size: 3.9em;
	vertical-align:middle;
	padding:8px 10px;
}
.product-panel-top__text {
	display:inline-block;
	vertical-align:middle;
}
.product-panel-top .right-arrow {
	float:right;
	font-size:3.5em;
	padding: 0.2em 0;
	transition: all 0.25s ease;
}
.product-info-panel.active .right-arrow {
	transform: rotate(90deg);
}
.product-info-panel.active .product-panel-top {
	border-bottom:none;
}
@media screen and (max-width:767px) {
	.product-panel-top {
		padding:0.8em 0px;
	}
	.product-panel-top .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: center;
		padding:0;
	}
	.product-panel-top .fa, .product-panel-top .material-icons {
		font-size: 3em;
		vertical-align: middle;
		padding: 8px 15px;
	}
	.product-panel-top__text {
		width:100%;
		text-align:left;
	}
	.product-panel-top__text h2 {
		margin: 0;
	}
	.product-panel-top .right-arrow {
		padding:0;
	}
}

.product-panel-main {
	display:none;
	width:100%;
	position:relative;
}

.product-features {
	width:100%;
	padding: 4.5em 0;
	float:left;
	display: flex;
	flex-wrap: wrap;
	/*   justify-content:space-between; */
}
.product-features__feature {
	width: calc(33.3% - 50px);
	margin: 0 25px;
	padding: 10px 0px;
	float: left;
	text-align:center;
	font-size: 0.9em;
	color:inherit;
}
a.product-features__feature:hover {
	text-decoration:none;
	color:#2dbf94;
}
.product-features__img {
	display:block;
	margin:0 auto;
	height:122px;
}
.product-features__underline {
	height: 8px;
	width: 90%;
	border-radius: 4px;
	display: block;
	margin: 0 auto;
}
.product-features__imderline--green,
.product-features__underline--primary,
.product-features__underline--general {
	background: #2dbf94
}
.product-features__imderline--purple,
.product-features__underline--gcse,
.product-features__underline--alevelgcse,
.product-features__underline--scientific {
	background: #7d415d
}
.product-features__imderline--orange,
.product-features__underline--alevel,
.product-features__underline--ib,
.product-features__underline--furthermaths,
.product-features__underline--colourgraphic {
	background: #ff855c
}
.product-features__underline--discontinued {
	background: #cfcfcf
}
.product-features__underline--blue,
.product-features__underline--bwgraphic {
	background: #3393FA
}
@media screen and (max-width:1000px) {
	.product-features__feature {
		width: calc(33.3% - 20px);
		margin: 0 10px;
	}
}
@media screen and (max-width:767px) {
	.product-features {
		justify-content:space-between;
	}
	.product-features__feature {
		width:calc(50% - 20px);
		max-width: 300px; 
	}
}
@media screen and (max-width:450px) {
	.product-features {
		justify-content:space-around;
	}
	.product-features__feature {
		width:100%;
		max-width: 300px;
	}
}

/*Emulator*/
.product-info-panel__content {
	padding:4.5em 0;
	display:flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	text-align:center;
	min-height:calc(100vh - 141px - 150px - 63px);
}
.product-info-panel__content--evenly {
	justify-content: space-evenly;
}
.product-info-panel__title {
	font-weight: 600;
	font-size: 2.5em;
}
.product-info-panel__subtitle {
	font-size: 2.5em;
	letter-spacing: 4px;
	margin-bottom: 20px;
}
.product-info-panel__subtitle-2 {
	font-size: 1.6em;
	/*   letter-spacing: 4px; */
	margin-bottom: 20px;
}
.product-info-panel__buttons .btn {
	margin: 0 1em;
}
.product-info-panel__disclaimer {
	position: absolute;
	bottom: 0;
	font-weight: 300;
	opacity: 0.8;
	left: 20px;
	right: 20px;
}
@media screen and (max-width:767px) {
	.product-info-panel--emulator {
		display:none;
	}
	.product-info-panel__title {
		font-size:2em;
	}
	.product-info-panel__subtitle {
		font-size:2em;
	}
	.product-info-panel__content {
		min-height: calc(100vh - 81px - 63px);
	}
}

/* Cards */
.cards {
	width:100%;
	padding: 4.5em 0;
	float:left;
	display: flex;
	flex-wrap: wrap;
}
.resources .cards {
	float:none;
	margin:0 auto;
	transition: all 0.25s ease;
}
.cards h3 {
	font-size:0.9em;
	letter-spacing: 0;
}
.cards h2 {
	text-transform: none;
	font-size: 1.5em;
	letter-spacing: 0;
}
.cards .view-all-link {
	width:100%;
	text-align:center;
	margin: -25px 0 25px;
}
.cards .view-all-link a {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.1em;
	background: #2dbf94;
	padding: 10px 25px;
	min-width: 15em;
	color:#FFF;
	transition:all 0.3s ease;
}
.cards .view-all-link a:hover {
	text-decoration:none;
	background: #4ddfb4;
}
a.cards__card {
	width: calc(33.3% - 40px);
	margin: 10px 20px;
	float: left;
	font-size: 0.9em;
	box-shadow: 2px 3px 8px rgba(0,0,0,0.2);
	color:inherit;
	text-decoration:none;
	transition: box-shadow 0.25s ease;
}
a.cards__card:hover {
	box-shadow: 2px 3px 8px rgba(0,0,0,0.4);
}
.resources .cards__card {
	max-width: 300px;
	width: calc(100% - 20px);
	margin: 10px;
}
.cards__top {
	text-align:center;
	background: #2dbf94;
	color:#FFF;
	padding:30px 10px 0;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;
}
.cards__top--purple,
.cards__top--gcse,
.cards__top--alevelgcse,
.cards__top--scientific {
	background:#7d415d;
}
.cards__top--orange,
.cards__top--alevel,
.cards__top--ib,
.cards__top--furthermaths,
.cards__top--colourgraphic {
	background: #ff855c;
}
.cards__top--discontinued {
	background: #cfcfcf;
}
.cards__top--green,
.cards__top--primary,
.cards__top--general {
	background: #2dbf94;
}
.cards__top--blue,
.cards__top--bwgraphic {
	background: #3393FA;
}
.cards__icon {
	display:inline-block;
	background: linear-gradient(to bottom, #FFF 51%, rgba(255,255,255,0) 60%);
	color: #2dbf94;
	transform: translate(0,50%);
	margin-top: -3em;
	margin-bottom: 0em;
	border-radius: 50%;
	padding:1.3em;
}
.cards__icon .material-icons {
	font-size:3.9em;
	padding:8px 10px;
}
.cards__icon .fa {
	font-size:3.9em;
	padding:8px 10px;
}
.cards__icon--purple,
.cards__icon--gcse,
.cards__icon--alevelgcse,
.cards__icon--scientific {
	color: #7d415d;
}
.cards__icon--orange,
.cards__icon--alevel,
.cards__icon--furthermaths,
.cards__icon--ib,
.cards__icon--colourgraphic {
	color: #ff855c;
}
.cards__icon--discontinued {
	color: #cfcfcf;
}
.cards__icon--green,
.cards__icon--primary,
.cards__icon--general {
	color: #2dbf94;
}
.cards__icon--blue,
.cards__icon--bwgraphic {
	color: #3393FA;
}
.cards__bottom {
	padding:35px 25px 40px;
	background:#FFF;
}
.cards__text {
	font-size:0.9em; 
}
@media screen and (max-width:1000px) {
	a.cards__card {
		width: calc(33.3% - 10px);
		margin: 10px 5px;
	}
}
@media screen and (max-width:767px) {
	a.cards__card {
		width: calc(50% - 10px);
		margin: 5px;
	}
}
@media screen and (max-width:550px) {
	.cards {
		justify-content: center;
	}
	a.cards__card {
		width: 100%;
		max-width: 300px;
		margin: 5px 0;
	}
}

/* Resources */
.resources__side {
	width:398px;
	float:left;
	padding: calc(4.5em) 20px 0;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	background:#f5f5f5;
	border-right: solid 2px #2dbf94;
	height: calc(100vh - 63px);
	position: -webkit-sticky;
	position: sticky;
	overflow-y:scroll;
	top: calc(63px);
	transform: translate(0,0);
	margin-bottom: 0px;
	-ms-overflow-style: none;/* IE10+ hide scrollbar */
}
.resources__side::-webkit-scrollbar { 
	display: none; 
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.resources__side {
		height:auto;
		border-bottom: solid 2px #2dbf94;
		overflow:auto;
	}
}
.resources .button-group {
	margin:0 0 20px; 
}
.resources button {
	-webkit-appearance: none;
	padding: 5px 10px;
	border: none;
	outline-color:none;
	margin: 5px 5px 5px 0;
	transition:all 0.25s ease;
	cursor:pointer;
	background: #FFF;
}
div[data-filter-group="subject"] button {
	display:none;
}
div[data-filter-group="subject"] button.show {
	display:inline-block;
}
.resources button:focus {
	outline: none !important;
}
.resources button:hover {
	background: #4f4f4f;
	color:#FFF;
}
.resources button.is-checked, .resources button.is-checked:hover {
	background:#2dbf94;
	color:#FFF;
}
.resources__side h3 {
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing:0;
	margin-bottom: 0.3em;
}
.resources__side__center {
	text-align:center; 
}
.resources__side__bottom {
	width: calc(100% + 40px);
	margin-left: -20px;
	text-align: center;
}
.resources__side__bottom span {
	display:block;
	margin: 10px 20px;
}
.resources-join-btn {
	width: 100%;
	display: block;
}
.resources__side__filter-apply {
	visibility:hidden;
	opacity:0;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 1;
	transition: color 0.25s ease, background 0.25s ease, opacity 0.25s ease, visibility 0s linear 0.25s;
	/*   position: -webkit-sticky;
	position:sticky;
	bottom:0;
	margin-top: 30px;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px; */
}
.resources__main {
	width:calc(100% - 400px);
	float:left;
	min-height: calc(100vh - 63px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.resources .no-results {
	display:none; 
	width: 100%;
	text-align: center;
	padding: 0 20px;
}
.resources-mob-filter-link {
	display:none;
}
@media screen and (max-width:1050px) {
	.resources__side {
		width:298px;
		padding: calc(2.5em) 10px 0;
	}
	.resources__main {
		width:calc(100% - 300px);
	}
	.resources .cards {
		padding:2.5em 0;
	}
	.resources .button-group {
		margin:0 0 15px;
	}
	.resources button {
		margin: 6px 3px 0 0;
	}
	/*   .resources__side__filter-apply, .resources__side__bottom {
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
} */
}
@media screen and (max-width:650px) {
	.resources__side {
		width: 100%;
		transform: translate(calc(-100% + 2px),0);
		transition: all 0.3s ease;
		position: fixed;
		z-index: 1;
		padding-bottom: 100px;
	}
	.resources__side.active {
		transform: translate(0,-0px);
	}
	.resources__side.active + .resources__side__filter-apply {
		visibility:visible;
		opacity:1;
		transition: color 0.25s ease, background 0.25s ease, opacity 0.25s ease, visibility 0s linear;
	}
	.resources button {
		padding: 14px 14px;
	}
	.resources button:hover {
		background:#FFF;
		color:inherit;
	}
	.resources__main {
		width: calc(100% - 2px);
	}
	.resources-mob-filter-link {
		display:flex;
		position: -webkit-sticky;
		position:sticky;
		bottom:0;
		width: calc(100% + 2px);
	}
	.resources-mob-filter-link:before {
		content: 'Page best viewed on desktop';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		transform: translate(0,-100%);
		text-align: center;
		background: #8a8a8a;
		color: #FFF;
		font-weight: 300;
		padding: 5px;
	}
	.toggleFilter {
		width:100%;
		padding: 1.1em 1.2em;
	}
	.shareFilteredPage {
		position:relative;
	}
	.tooltiptext {
		visibility: hidden;
		width: 230px;
		font-size: 0.9em;
		background-color: #4f4f4f;
		border-radius:8px;
		color: #fff;
		text-align: center;
		padding: 3px;
		position: absolute;
		z-index: 1;
		bottom: 100%;
		right: 50vw;
		transform:translate(50%, -10px);
		opacity: 0;
		transition: opacity 0.3s;
	}
	.tooltiptext.clicked {
		visibility: visible;
		opacity: 1;
	}
	.resources__side__bottom {
		display:none;
	}
	.resources__side__filter-apply {
		/*     display:block; */
		padding: 0.9em 1.2em;
	}
}

/* Form Panel */
.form-container {
	width:100%;
	float:left;
	padding:4.5em 0;
	position:absolute;
	margin-top: 4.5em;
	z-index: 0;
}
.form-container.grey-back {
	background-color: #f5f5f5;
}
.form-container.green,
.form-container.primary,
.form-container.general {
	background-color: #2dbf94;
	color: #FFF;
}
.form-container.purple,
.form-container.gcse,
.form-container.alevelgcse,
.form-container.scientific {
	background-color: #7d415d;
	color: #FFF;
}
.form-container.orange,
.form-container.alevel,
.form-container.colourgraphic {
	background-color: #ff855c;
	color: #FFF;
}
.form-container.blue,
.form-container.scientific {
	background-color: #3393FA;
	color: #FFF;
}
.form-panel-img-area {
	text-align:center;
	/*   position:relative; */
}
.form-panel-img {
	filter: drop-shadow(0 0 100px rgba(0,0,0,0.25));
}
.form-panel-img--no-shadow {
	filter: none;
}
.form-area {
	text-align:left;
	max-width: 700px;
	margin: auto;
}
.form-data {
	display:none;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
.form-columns-2 .hs-form-field:nth-of-type(1) {
	width:calc(50% - 10px);
	float:left;
}
.form-columns-2 .hs-form-field:nth-of-type(2) {
	width:calc(50% - 10px);
	float:right;
}
.form-area label {
	font-weight: 600;
}
.form-area label a {
	color:inherit;
	text-decoration:underline;
}
.form-area .hs-form-field {
	margin:0 0 7px;
}
.form-area .input {
	margin:0;
}
.form-area .hs-input {
	width: 100%;
	border: none;
	padding: 12px 10px;
	margin: 5px 0 3px;
}
.form-area ul.inputs-list {
	margin-bottom:5px;
}
.form-area .hs-input[type="checkbox"], .form-area .hs-input[type="radio"] {
	width: auto;
	margin: 0 7px 0 0;
}
li.hs-form-booleancheckbox label, li.hs-form-checkbox label, li.hs-form-radio label {
	display: flex;
	align-items: center;
}
.legal-consent-container {
	font-weight:300;
	font-size: 0.8em;
}
.hs-fieldtype-checkbox ul, .hs-fieldtype-booleancheckbox ul, .hs-fieldtype-radio ul {
	padding: 0;
	list-style: none;
}
.hs-fieldtype-booleancheckbox [type="checkbox"], .hs-fieldtype-booleancheckbox [type="radio"], .hs-fieldtype-radio [type="radio"], .hs-fieldtype-checkbox [type="checkbox"], .hs-fieldtype-checkbox [type="radio"] {
	margin-right:10px; 
}
.legal-consent-container{
	line-height:1.3;
}
.legal-consent-container p{
	margin:0.4em 0;
}
.legal-consent-container .hs-form-field {
	margin:0.5rem;
}
.legal-consent-container label.hs-form-booleancheckbox-display p{
	display:inline;
}
.form-area [type="submit"] {
	-webkit-appearance: none;
	border: 2px solid #FFF;
	background: none;
	color: #FFF;
	width: 100%;
	padding: 15px;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 500;
	letter-spacing: 0.1em;
	margin-top: 20px;
	transition: all 0.3s ease;
	cursor:pointer;
}
.hs-error-msgs {
	margin: 0 0 1.2em;
	list-style: none;
	padding: 0;
}
.green .form-area [type="submit"]:hover,
.primary .form-area [type="submit"]:hover,
.general .form-area [type="submit"]:hover {
	color:#2dbf94;
}
.purple .form-area [type="submit"]:hover,
.gcse .form-area [type="submit"]:hover,
.alevelgcse .form-area [type="submit"]:hover,
.scientific .form-area [type="submit"]:hover {
	color:#7d415d;
}
.orange .form-area [type="submit"]:hover,
.alevel .form-area [type="submit"]:hover,
.ib .form-area [type="submit"]:hover,
.futhermaths .form-area [type="submit"]:hover,
.colourgraphic .form-area [type="submit"]:hover {
	color:#ff855c;
}
.blue .form-area [type="submit"]:hover,
.bwgraphic .form-area [type="submit"]:hover {
	color:#3393FA;
}
.form-area [type="submit"]:hover {
	background:#FFF;
	color:#2dbf94;
}

@media screen and (max-width:767px) {
	.form-section {
		min-height:0 !important;
	}
	.form-section .title-area {
		max-width: 500px;
		margin: 0 auto;
	}
	.form-container {
		top: auto !important;
		padding: 1.5em 0 0;
		margin-top: 0;
		position: static;
	}
	.form-area {
		max-width: 500px;
		margin: 0 auto;
	}
	.form-panel-img-area {
		display:none;
	}
}
@media screen and (max-width:767px) {
	.form-area .form-columns-2 .hs-form-field:nth-of-type(1n) {
		width:100%;
	}
}

/* image and text area */
.txt-img-area {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	color:#FFF;
}
.txt-img-area__txt {
	width:100%;
	background:linear-gradient(to right, #2dbf94, #4ddfb4);
	padding: 2.5em calc(50% + 3em) 2.5em 3em;
	text-align:center;
}
.txt-img-area__txt p {
	font-size: 1.5em;
	font-weight: 300;
	letter-spacing: 0.04em;
	/*   -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale; */
}
.txt-img-area__img {
	width: 50%;
	padding-right:3em;
	margin-left: -50%;
}
@media screen and (max-width:767px) {
	.txt-img-area {
		flex-direction: column;
	}
	.txt-img-area__txt {
		width:auto;
		max-width: 450px;
		padding: 2.5em 3em calc(50% + 2.5em) 3em;
	}
	.txt-img-area__txt p {
		margin: 0;
	}
	.txt-img-area__img {
		padding:0;
		margin-left: 0;
		margin-top: -50%;
		width: 90%;
		max-width: 450px;
	}
}


/* Image Band */
.image-band {
	height: calc(100vw * 1 / 2.5);
	background-size:cover;
	background-position:center;
	color:#FFF;
	display:flex;
	justify-content:center;
	align-items:center;
}
.image-band .container { /* IE Fix with the justify content attribute set */
	margin:0; 
}
.image-band::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}
.image-band__text-container {
	width:100%;
	text-align:center;
	position:relative;
}
.image-band__text {
	font-size:3em;
	font-weight:700;
}
@media screen and (max-width:767px) {
	.image-band__text {
		font-size:2.5em;
	}
}

/* 3 Col Feature Panel */
.feat-panel {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:stretch;
}
.feat-panel__feat {
	width: 250px;
	padding: 10px;
	text-align: center;
}
.feat-panel__feat__img {
	width: 100%;
	height: 110px;
	background-size: 100% 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}
.feat-panel__feat__title {
	margin: 10px 0; 
}
.feat-panel__feat__text {
	font-size: 0.95em; 
}

/* Blog  Page */
.blog-container {
	display:flex;
	flex-wrap:wrap;
	/*   justify-content: space-between; */
	align-items:stretch;
}
a.blog__post {
	width:calc(33.3% - 20px);
	margin: 0 10px 50px;
	color:inherit;
	text-decoration:none;
}
@media screen and (min-width:768px) {
	a.blog__post:nth-of-type(4n + 1) {
		width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
		align-items:stretch;
	}
	.blog__post:nth-of-type(4n + 1) .blog__post__img-cntr {
		width:calc(50% - 10px);
	}
	.blog__post:nth-of-type(4n + 1) .blog__post__img {
		margin-bottom:0;
	}
	.blog__post:nth-of-type(4n + 1) .blog__post__txt {
		width:calc(50% - 10px);
	}
}
a.blog__post:hover .blog__post__img {
	filter:brightness(1.3);
}
.blog__post__img {
	width:100%;
	height:0;
	padding-bottom:56.25%; /* 16:9 resolution */
	background-size:cover;
	background-position:center;
	margin-bottom: 15px;
	transition: all 0.25s ease;
}
@media screen and (max-width:767px) {
	a.blog__post {
		width:calc(50% - 20px);
		max-width: 400px;
	}
}
@media screen and (max-width:600px) {
	.blog-container {
		justify-content: space-around;
	}
	a.blog__post {
		width:100%;
		max-width: 400px;
	}
}

.blog-pager {
	list-style: none;
	padding:0;
	text-align:center;
}
.blog-pager li {
	display:inline-block;
	font-size:1.2em;
	font-weight:600;
	vertical-align: middle;
	width: 2em;
}
.blog-pager a {
	width: 100%;
	display: inline-block;
}
.blog-pager .first-link i, .blog-pager .last-link i {
	letter-spacing: -18px;
	transform: translate(-9px,0);
}
.blog-pager .disabled a {
	pointer-events: none;
	color:#cfcfcf;
}

/* Blog Inner */
.blog-inner__feat-img {
	width:100%;
	height:calc(100vh - 63px);
	background-size:cover;
	background-position: 50%;
}
.blog-inner__container {
	position:relative;
	top: calc(-60vh + (63px / 2));
	margin-bottom: calc(-60vh + (63px / 2));
	background: #FFF;
	padding: 3.5em;
}
#hs_cos_wrapper_post_body img {
	max-width:calc(100% + (3.5em * 2));
	margin-left: -3.5em;
	margin-right: -3.5em;
	padding: 15px 0;
}
.blog-inner__title {
	text-transform:none;
	font-size: 1.5em;
}
.blog-inner__topic {
	text-transform: capitalize;
}
.blog-inner__back-link {
	position: fixed;
	top: calc(40vh + (63px / 2) + 3.5em);
	left: calc(50% - 300px);
	margin-left: -0px;
	padding: 5px 12px 5px 5px;
	background: #2dbf94;
	color: #FFF;
	cursor:pointer;
	transition:all 0.25s ease;
	text-transform:uppercase;
}
.blog-inner__back-link:hover {
	background: #3ccea3;
	transform: translate(calc(-100% + 35px),0);
}
.blog-inner__back-link i {
	vertical-align:middle;
}
.blog-inner__back-link span {
	vertical-align:middle;
}
.blog-inner__cta-title {
	text-align:center;
	font-size: 1.3em;
	margin-top:5em;
}
.blog-inner .cta_button {
	width:100%;
	padding: 1em 1.2em;
}
@media screen and (max-width:767px) {
	.blog-inner__feat-img {
		height: 0;
		padding-bottom: calc(100% * 9 / 16); 
	}
	.blog-inner__back-link {
		display:none;
	}
	.blog-inner__container {
		top:0;
		margin-bottom:0;
	}
}
@media screen and (max-width:450px) {
	.blog-inner__container {
		padding:3.5em 15px;
	}
}

/* Landing Page */
.landing-container {
	min-height:calc(100vh - 98px);
	display:flex;
	justify-content:stretch;
	align-items:stretch;
}
.landing-left {
	width:50%;
	padding:4.5em 80px 4.5em;
	display:flex;
	align-items:center;
}
.landing-right {
	width:50%;
	padding: calc(4.5em) 80px 4.5em;
	display:flex;
	align-items:center;
	text-align: center;
	transform: translate(0,-0);
	margin-bottom: -0px;
}
.landing-right--typ {
	text-align:left;
}
.landing-inner {
	width:100%;
	max-width: 450px;
	margin: 0 auto;
}
.landing-inner__header {
	margin-bottom:4em;
	text-align: center;
}
.landing-inner__header--show-mob {
	display:none;
}
.landing-inner__header h2 {
	font-size:3em;
}
.landing__icon {
	background:#FFF;
	border-radius:50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding: 1.7em;
	z-index:1;
	display:none;
}
.landing__icon i {
	font-size:4.5em;
}
.landing__icon.green,
.landing__icon.primary,
.landing__icon.general {
	color: #2dbf94;
	display:block;
}
.landing__icon.orange,
.landing__icon.alevel,
.landing__icon.colourgraphic {
	color: #ff855c;
	display:block;
}
.landing__icon.purple,
.landing__icon.gcse,
.landing__icon.alevelgcse,
.landing__icon.ib,
.landing__icon.furthermaths,
.landing__icon.scientific {
	color: #7d415d;
	display:block;
}
.landing__icon.blue,
.landing__icon.bwgraphic {
	color: #3393FA;
	display:block;
}
@media screen and (max-width:1000px) {
	.landing__icon {
		padding: 1.3em;
	}
	.landing__icon i {
		font-size: 3.5em;
	}
	.landing-left {
		padding-left:60px;
		padding-right:60px;
	}
	.landing-right {
		padding-left:60px;
		padding-right:60px;
	}
}
@media screen and (max-width:900px), screen and (max-height:700px) {
	.landing-container {
		height:auto;
		flex-direction:column;
		align-items: center;
	}
	.landing-left {
		width:100%;
		padding: 3em 20px calc(3em + 30px);
		transform: translate(0);
	}
	.landing-right {
		width:100%;
		padding: calc(3em + 30px) 20px 3em;
		transform: translate(0);
		margin-bottom: 0;
	}
	.landing__icon {
		position: static;
		transform: translate(0);
		z-index: 1;
		margin-top: -42px;
		margin-bottom: -42px;
	}
	.landing-inner__header--show-mob {
		display:block;
	}
	.landing-inner__header--hide-mob {
		display:none;
	}
}

/* FAQ */
.links__link {
	text-decoration: underline;
	display:block;
	margin-bottom:10px;
}
.links__link:hover {
	color:#2f2f2f;
}
.faq-group, .faq-links {
	margin-bottom: 4.5em;
	min-height: 150px;
}
.faq {
	margin-bottom: 10px;
}
.faq__q {
	color:#2dbf94;
	cursor:pointer;
	font-size:1.2em;
	font-weight:600;
	margin: 0 auto 3px;
	transition:all 0.3s ease;
}
.faq__q:hover {
	color:#2f2f2f;
}
.faq__a {
	display:none;
}
.faq20__section {
	margin-bottom:4em;
}
.faq20__q {
	font-size:1.4em;
	margin: 0 auto 3px;
	cursor:pointer;
	display:flex;
	align-items:center;
}
.faq20__q .material-icons {
    font-size: 1.9em;
	transition:all 0.25s ease;
}
.faq20__q .material-icons.active {
	transform:rotate(90deg);
}
.faq20__a {
	display:none;
}
.faq20__a p {
	margin-top:0.1em;
}
.faq20__section-link {
	width:100%;
	text-transform:none;
	font-size:1.2em;
	text-align:left;
	margin-bottom:0.6em;
}
@media screen and (max-width:767px) {
	.faq-group, .links {
		margin-bottom:3em;
		min-height:0;
	}
}

/* 3 col grid for images */
.imgGrid{
	margin-left: -2%;
}
.imgGrid > .item{
	width:33.33%;
	box-sizing:border-box;
	padding:2%;
	float:left;
}
.imgGrid .item img{
	width:100%;
	max-width:100%;
}
@media screen and (max-width:767px) {
	.imgGrid > .item{
		width:100%;
		float:none;
	}
}

/* Page Table */
.pageTable{
	margin:0 auto;
	margin-top:-3em;
	max-width:900px;
	width:100%;
	border-collapse: collapse;
	padding: 0 20px;
	text-align:center;
}
.pageTable th{
	padding:10px 0px;
}
.pageTable tr{
	border-top:1px solid #ddd;
}
.pageTable tr:nth-child(1), .pageTable tr:nth-child(2) {
	border-top:none;
}
.pageTable td{
	padding:10px;
}
.pageTable td img{
	max-height:100px;
}

/* Comparison */
.compare {
	width: 100%;
	text-align: center;
}
.compare__select {
	background: #FFF;
	border-radius: 0;
	cursor: pointer;
	outline: none;
}
.compare__select--disabled {
	cursor:default;
	border: none;
	text-align: center;
	color: inherit;
	font-weight: 600;
	letter-spacing: 0.1em;
}
.compare .category{
	color:white;
	background: #2dbf94 !important;
}
.select2-container{
	width:70% !important;
}
@media screen and (max-width:500px) {
	.compare {
		font-size:0.69em;
	}
}
.compare tr:nth-of-type(even) {
	background: #f5f5f5;
}
.compare th {
	position:relative;
	vertical-align:bottom;
	padding-bottom:30px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:1.1em;
	font-weight:600;
}
.compare td {
	border:none;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight: 600;
	padding:0.5em;
}
.compare td:first-of-type {
	text-align:left;
}
.compare sub {
	margin: 0 -3px;
	cursor:pointer;
	position:relative;
}
.compare__ttip {
	position:absolute;
	background:#2f2f2f;
	color:#FFF;
	padding: 0.5em;
	visibility: hidden;
	left: 0;
	bottom: 100%;
	min-width: 200px;
	transform: translate(-50%,0);
	line-height: 1.3;
	display: block;
	text-transform: none;
	opacity:0;
	border-radius:4px;
	transition:opacity 0.3s ease 0s, visibility 0s ease 0.3s;
}
.compare sub:hover .compare__ttip {
	visibility:visible;
	opacity:1;
	transition:opacity 0.3s ease 0s, visibility 0s ease 0s;
}
.compare__calc {
	padding-top:120px;
}
.compare__calc .head-calcs__img {
	max-height: 110px;
}
.compare__calc .head-calcs__calc {
	position:absolute;
	margin-top: -120px;
	opacity:0;
	height: auto;
	transition:all 0.25s ease;
	left: 50%;
	transform: translate(-50%,0);
	cursor:pointer;
}
.compare__calc .head-calcs__calc.visible {
	opacity:1;
}
.compare__calc .head-calcs__calc .head-calcs__img-ctr::after {
	height: 90px;
	width: 90px;
}
.compare__label {
	font-size:0.9em;
}
.compare__label.compare__label--row:first-of-type {
	font-size: 1em;
	text-align:center;
	padding: 15px;
}
.compare__feature i {
	font-size:2.2em;
}
.compare__td--check {
	color:#2dbf94;
}
.compare__td--close {
	color:#EE6E6F;
}
.select2-container--default .select2-selection--single {
	border:none;
	outline:none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #2f2f2f transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #2f2f2f transparent;
}
.select2-container--default .select2-results>.select2-results__options {
	max-height: 50vh;
}
.select2-container--open .select2-dropdown--above {
	border-radius:0;
	border:1px solid;
}
@media screen and (max-width: 900px) {
	.compare td:nth-of-type(n+5), .compare th:nth-of-type(n+5) {display:none;}
}
@media screen and (max-width: 767px) {
	.compare td:nth-of-type(n+4), .compare th:nth-of-type(n+4) {display:none;}
}
@media screen and (max-width:500px) {
	.compare__calc .head-calcs__calc {
		width: 100px;
	}
	.compare__calc .head-calcs__img-ctr {
		width:100px;
	}
	.compare__calc .head-calcs__img {
		max-height: 90px;
	}
	.compare__calc .head-calcs__calc .head-calcs__img-ctr::after {
		height: 75px;
		width: 75px;
	}
	.select2-container--default .select2-results>.select2-results__options {
		font-size:13px;
	}
}

/* Calculator Links */
.head-calcs--links {
	overflow: visible;
	white-space: normal;
	text-align: left;
	height:auto;
}
.head-calcs--links .head-calcs__calc {
	margin:36px 30px 10px;
	text-align:center;
}
.head-calcs--links .head-calcs__title {
	position: absolute;
	top: -36px;
	font-size: 1rem;
	height: 36px;
}
.head-calcs--links .head-calcs__img {
	max-height: 130px;
}
.head-calcs--links .head-calcs__calc .head-calcs__img-ctr::after {
	height: 95px;
	width: 95px;
}
.head-calcs--links .head-calcs__calc:hover .head-calcs__img-ctr::after {
	height: 105px;
	width: 105px;
}
@media only screen and (max-width:1040px) {
	.head-calcs--links {
		text-align:center;	
	}
}
@media only screen and (max-width:630px) {
	.head-calcs--links .head-calcs__calc {
		margin: 36px 15px 10px;
		width:120px;
	}
	.head-calcs--links .head-calcs__title {
		width:120px;
	}
	.head-calcs--links .head-calcs__img-ctr {
		width:120px;
	}
}

/* Where To Buy */
.buy-group {
	width:100%;
	margin-bottom:50px;
}
.buy-group__calc {
	margin: 60px 0 90px;
	display:flex;
	align-items:center;
}
.buy-group .head-calcs__calc {
	text-align:center;
}
.buy-group .head-calcs__img {
	max-height: 130px;
}
.buy-group .head-calcs__calc .head-calcs__img-ctr::after {
	height: 100px;
	width: 100px;
}
.buy-group .head-calcs__title {
	display: block;
	font-size: 1.3em;
	position: absolute;
	padding: 0;
}
.buy-group__arrow {
	font-size:2em;
}
.buy-group h6 {
	padding-left:25px;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing: 2px;
	margin: 8px 0 2px;
}
.buy-group__link {
	display:inline-block;
	color:#2f2f2f;
	font-size: 1.2em;
	padding-left: 25px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.buy-group__link:hover {
	text-decoration:none;
	color: #2dbf94;
}
@media screen and (max-width:650px) {
	.buy-group {
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	.buy-group h6 {
		padding-left:15px;
	}
	.buy-group__link {
		width:100%;
		padding: 0 0 0 15px;
		font-size: 1.1em;
	}
}

/* Discontinued Popup */
.dis-popup {
	position:fixed;
	z-index:9;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(0,0,0,0.6);
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.3s, opacity 0.3s ease;
}
.dis-popup.active {
	opacity:1;
	visibility:visible;
	transition:visibility 0s linear 0s, opacity 0.3s ease;
}
.dis-popup__box {
	position:relative;
	max-width:465px;
	width:90%;
	background:#FFF;
	border-left:20px solid #2dbf94;
	padding:30px;
}
.dis-popup__text {
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	max-width:320px;
	margin:auto;
}
.dis-popup__title {
	font-size:1.5em;
	font-weight:800;
}
.dis-popup__images {
	width:100%;
	display:flex;
	justify-content:space-between;
	background:no-repeat url('https://cdn2.hubspot.net/hubfs/2210734/CAL/Icons/arrow.png') 50% 50%/15%;
	margin-bottom:20px;
}
.dis-popup__img {
	width:40%;
	position:relative;
}
.dis-popup__img--old {
	filter: grayscale(1);
}
.dis-popup__img--new {
	opacity:0;
	transform:translate(-100%);
	transition:all 0.3s ease 0.5s;
}
.active .dis-popup__img--new {
	opacity:1;
	transform:translate(0);
}
.dis-popup__img-text {
	position:absolute;
	bottom:20px;
	width:90%;
	border-radius:20px;
	text-align:center;
	margin:auto;
	padding:5px;
	font-weight:500;
}
.dis-popup__close {
	cursor:pointer;
	color:#2dbf94;
}
.dis-popup__side-links {
	position:absolute;
	top:0;
	left:100%;
}
.dis-popup__side-links a {
	padding: 0 10px 10px;
	color: #FFF;
	font-weight: 500;
	display: flex;
	width: 180px;
	align-items: center;
}
.dis-popup__side-links a:hover {
	text-decoration:none;
	color:#2dbf94
}
.dis-popup__side-links i {
	background: #FFF;
	color: #2e2e2e;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 7px;
	transition:all 0.2s ease;
}
.dis-popup__side-links a:hover i {
	background:#2dbf94
}
.dis-popup__mob {
	display:none;
}
@media only screen and (max-width:840px) {
	.dis-popup__box {
		border-left:0;
	}
	.dis-popup__mob {
		display:block;
	}
	.dis-popup__side-links {
		display:none;
	}
}
@media only screen and (max-width:460px) {
	.dis-popup__img-text {
		font-size:0.8em;
		width:100%;
	}
}
@media only screen and (max-width:360px) {
	.dis-popup__img-text {
		font-size:0.7em;
	}
}

/* Box Links */
.box-links {
	display:flex;
	flex-wrap:wrap;
	margin:0 -1.8em;
}
.box-link {
	margin:1.8em;
	width:calc(33.33% - 3.6em);
	padding:1.5em 2.5em;
	background-color:#2dbf94;
	color:#FFF;
}
.box-link:hover {
	background-color:#3ccea3;
	text-decoration:none;
}
@media only screen and (max-width:1200px) {
	.box-links {
		margin:0 -1em;
	}
	.box-link {
		margin:1em;
		width:calc(33.33% - 2em);
		padding:1em 2em;
	}
}

@media only screen and (max-width:1024px) {
	.box-link {
		width:calc(50% - 2em);
	}
}
@media only screen and (max-width:550px) {
	.box-links {
		margin:0;
	}
	.box-link {
		margin:5px 0;
		width:100%;
	}
}

/* Text Block */
.text-block {
	display:flex;
	flex-direction:column;
	max-width:365px;
	height: 100%;
	align-items: flex-start;
}
.text-block__key-feature {
	display:flex;
	align-items:center;
}
.text-block__key-feature__img {
	margin-right:10px;
}
.text-block__bottom-links {
	margin-top:auto;
	display:flex;
	flex-direction:column;
}

/* Features Block */
.features-block {
	background:#2dbf94;
	color:#FFF;
	padding:2.5em;
	width:100%;
}
.features-block__title {
	padding-left:2rem;
}
.features-block__ul {
	margin:0;
	padding:0;
	list-style:none;
}
.features-block__li {
	position:relative;
	padding-left:2rem;
	margin:1.2em 0;
}
.features-block__li::before {
	content:'';
	position:absolute;
	left:0%;
	width:1.6rem;
	height:1.6rem;
	background:no-repeat url('https://education.casio.co.uk/hubfs/CAL/star.svg') 50% 50% / contain;
}

/* Steps Block */
.step-block {
	background:#2dbf94;
	color:#FFF;
	padding:2.5em 2.5em 2em;
	width:100%;
}
.step-block + .step-block {
	margin-top:1.5em;
}
.step-block a {
	color:#FFF;
	text-decoration:underline;
}

/* Install Video */
.install-vid-block {
	position:relative;
	background:50% 50%/cover;
	padding-bottom:calc(100% * 3 / 4);
	height:0;
}
.install-vid-block__1 { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding: 40px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	color: #FFF;
	fill:#FFF;
    text-decoration: none;
    font-size: 1.8em;
    font-weight: 600;
	cursor:pointer;
}
.install-vid-block__1:hover {
	text-decoration: none;
	color: #FFF;
	fill:#FFF;
}
.install-vid-block__1 img {
	pointer-events:none;
}
.install-vid-block__2 {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding: 40px;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
	color: #FFF;
	fill:#FFF;
    font-size: 1.8em;
    font-weight: 600;
}
.install-vid-block__video {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:black;
}
.install-vid-block__options {
    display: flex;
	min-width: 60%;
    justify-content: space-between;
	margin-top: 30px;
}
.install-vid-block__options__left {
    display: flex;
    flex-direction: column;
	padding-right:15px;
	cursor:pointer;
}
.install-vid-block__options__right {
    display: flex;
    flex-direction: column;
	padding-left:15px;
	cursor:pointer;
}
.install-vid-block__options__img {
	height:2em;
	width:auto;
	margin-bottom:10px;
}
.install-vid__link {
	text-align:right;
	margin-top: 5px;
    display: block;
}
@media only screen and (max-width:1050px) and (min-width:768px) {
	.install-vid-block__1, .install-vid-block__2 {
		font-size:1.6em;		
	}
}
@media only screen and (max-width:850px) and (min-width:768px) {
	.install-vid-block__1, .install-vid-block__2 {
		font-size:1.4em;		
	}
}
@media only screen and (max-width:767px) {
	.install-vid-block {
		margin-top:20px;
	}
}
@media only screen and (max-width:450px) {
	.install-vid-block__1, .install-vid-block__2 {
		font-size:1.6em;		
	}
}
@media only screen and (max-width:380px) {
	.install-vid-block__1, .install-vid-block__2 {
		font-size:1.4em;		
	}
}

/* Description side with link blocks */
.link-area {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.link-area__desc {
	display:flex;
	flex-direction:column;
	width:33.33%;
	max-width:240px;
	padding-right:20px;
	align-items: flex-start;
}
.link-area__desc__button {
	font-size:1.2em;
	display:flex;
	justify-content:space-between;
	align-items:center;
	letter-spacing: 0px;
    font-weight: 600;
}
.link-area__desc__btm-lnks {
	margin-top:auto;
	display:flex;
	flex-direction:column;
	font-size:1.1em;
}
.link-area__links {
	width:calc(66.6% + 40px);
	margin:-20px;
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
	align-content: flex-start;
}
.link-area__link:hover {
	text-decoration:none;
	opacity:0.9;
}
.link-area__link--green,
.link-area__link--primary,
.link-area__link--general {
	background-color: #2dbf94;
	color: #FFF;
}
.link-area__link--purple,
.link-area__link--gcse,
.link-area__link--alevelgcse,
.link-area__link--scientific {
	background-color: #7d415d;
	color: #FFF;
}
.link-area__link--orange,
.link-area__link--alevel,
.link-area__link--furthermaths,
.link-area__link--ib,
.link-area__link--colourgraphic {
	background-color: #ff855c;
	color: #FFF;
}
.link-area__link--discontinued {
	background-color: #cfcfcf;
	color: #FFF;
}
.link-area__link--blue,
.link-area__link--bwgraphic {
	background-color: #3393FA;
	color: #FFF;
}
.link-area__link--title_image {
	width:calc(33.33% - 40px);
	margin:30px 20px;
	padding:25px;
	min-height:125px;
	display:flex;
	align-items:center;
}
.link-area__link--title_text {
	width:calc(50% - 40px);
	margin:20px;
	border: 1px solid #ff855c;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	color:inherit;
}
.link-area__link--color-green,
.link-area__link--color-primary,
.link-area__link--color-general {
	border-color: #2dbf94;
}
.link-area__link--color-purple,
.link-area__link--color-gcse,
.link-area__link--color-alevelgcse,
.link-area__link--color-scientific {
	border-color: #7d415d;
}
.link-area__link--color-orange,
.link-area__link--color-alevel,
.link-area__link--color-furthermaths,
.link-area__link--color-ib,
.link-area__link--color-colourgraphic {
	border-color: #ff855c;
}
.link-area__link--color-discontinued {
	border-color: #cfcfcf;
}
.link-area__link--color-blue,
.link-area__link--color-bwgraphic {
	border-color: #3393FA;
}
.link-area__link--title_text .link-area__title {
	background: #ff855c;
	color:#fff;
	width:100%;
	padding:15px 25px;
	margin: 0;
	text-transform:none;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.link-area__link--color-green .link-area__title,
.link-area__link--color-primary .link-area__title,
.link-area__link--color-general .link-area__title {
	background: #2dbf94;
}
.link-area__link--color-purple .link-area__title,
.link-area__link--color-gcse .link-area__title,
.link-area__link--color-alevelgcse .link-area__title,
.link-area__link--color-scientific .link-area__title {
	background: #7d415d;
}
.link-area__link--color-orange .link-area__title,
.link-area__link--color-alevel .link-area__title,
.link-area__link--color-furthermaths .link-area__title,
.link-area__link--color-ib .link-area__title,
.link-area__link--color-colourgraphic .link-area__title {
	background: #ff855c;
}
.link-area__link--color-discontinued .link-area__title {
	background: #cfcfcf;
}
.link-area__link--color-blue .link-area__title,
.link-area__link--color-bwgraphic .link-area__title {
	background: #3393FA;
}

.link-area__text {
	padding: 4px 25px;
}
.link-area__image {
	flex: 1;
	margin: -55px 0;
    text-align:right;
}
.link-area__btm-lnks {
	display:none;
}

.link-area__popup-mask {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	background:rgba(0,0,0,0.4);
	cursor:pointer;
}
.link-area__popup {
	cursor:default;
	position:fixed;
	max-height:80vh;
	max-width:60em;
	width:calc(100% - 3em);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding:2em;
	overflow:auto;
	background: #FFF;
}
.link-area__popup__close {
	position:absolute;
	top:0.5em;
	right:0.5em;
	cursor:pointer;
}

@media only screen and (max-width:1180px) and (min-width:1101px) {
	.link-area__links {
		width: calc(66.6% + 30px);
		margin: -15px;
	}
	.link-area__link--title_image {
		width: calc(33.33% - 30px);
		margin: 30px 15px;
		padding:20px;
	}
}
@media only screen and (max-width:1100px) {
	.link-area__links {
		width: calc(66.6% + 40px);
	}
	.link-area__link--title_image {
		width: calc(50% - 40px);
	}
	
	.link-area__link--title_text {
		width: calc(50% - 30px);
		margin:15px;
	}
}
@media only screen and (max-width:950px) {
	.link-area__link--title_text {
		width: calc(100% - 40px);
		margin:15px 20px;
	}
}
@media only screen and (max-width:767px) {
	.link-area__desc {
		width:100%;
		max-width: 100%;
		padding:0;
	}
	.link-area__desc__btm-lnks {
		display:none;
	}
	.link-area__btm-lnks {
		display: flex;
		flex-direction: column;
		font-size: 1.1em;
	}
	.link-area__links {
		width:calc(100% + 40px);
		margin: 10px -20px;
	}
}
@media only screen and (max-width:520px) {
	.link-area__link--title_image {
		width: calc(100% - 40px);
	}
}

/* 2020 Form Module */
.form-module {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.form-module__desc {
	display:flex;
	flex-direction:column;
	width:33.33%;
	max-width:240px;
	padding-right:20px;
	align-items: flex-start;
}
.form-module__desc__button {
	font-size:1.2em;
	display:flex;
	justify-content:space-between;
	align-items:center;
	letter-spacing: 0px;
    font-weight: 600;
}
.form-module__desc__btm-lnks {
/* 	margin-top:auto; */
	display:flex;
	flex-direction:column;
	font-size:1.1em;
}
.form-module__form {
	width:calc(66.6% + 40px);
	margin:0 -20px;
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
	align-content: flex-start;
}


.form-module__text {
	padding: 4px 25px;
}
.form-module__image {
	flex: 1;
	margin: -55px 0;
    text-align:right;
}
.form-module__btm-lnks {
	display:none;
}
@media only screen and (max-width:767px) {
	.form-module__desc {
		width:100%;
		max-width: 100%;
		padding:0;
	}
	.form-module__desc__btm-lnks {
		display:none;
	}
	.form-module__btm-lnks {
		display: flex;
		flex-direction: column;
		font-size: 1.1em;
	}
}
@media only screen and (max-width:520px) {
	.form-module__link--title_image {
		width: calc(100% - 40px);
	}
}

/* Popup Form */
.pop-form__mask {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(46, 46, 46, 0.9);
	display:none;
}
.pop-form {
	width:90%;
	max-width:683px;
    max-height: 80vh;
    overflow: auto;
}
.pop-form__head-bar {
	padding:25px 50px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.pop-form__content {
	padding:30px;
	background:#fff;
}
.pop-form form {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.pop-form__left, .pop-form__right {
	width:calc(50% - 10px);
}
.pop-form__right {
	background:#F0F0F0;
	padding:20px;
}
.pop-form .form-area .hs-input {
	background:#F0F0F0;
}
.pop-form--inner-color-green .form-area [type="submit"],
.pop-form--inner-color-primary .form-area [type="submit"],
.pop-form--inner-color-general .form-area [type="submit"] {
	background-color: #2dbf94;
	color: #FFF;
}
.pop-form--inner-color-purple .form-area [type="submit"],
.pop-form--inner-color-gcse .form-area [type="submit"],
.pop-form--inner-color-alevelgcse .form-area [type="submit"],
.pop-form--inner-color-scientific .form-area [type="submit"] {
	background-color: #7d415d;
	color: #FFF;
}
.pop-form--inner-color-orange .form-area [type="submit"],
.pop-form--inner-color-alevel .form-area [type="submit"],
.pop-form--inner-color-furthermaths .form-area [type="submit"],
.pop-form--inner-color-ib .form-area [type="submit"],
.pop-form--inner-color-colourgraphic .form-area [type="submit"] {
	background-color: #ff855c;
	color: #FFF;
}
.pop-form--inner-color-discontinued .form-area [type="submit"] {
	background-color: #cfcfcf;
	color: #FFF;
}
.pop-form--inner-color-blue .form-area [type="submit"],
.pop-form--inner-color-bwgraphic .form-area [type="submit"] {
	background-color: #3393FA;
	color: #FFF;
}

.faq20__side {
	width:33.33%;
	max-width: 21em;
	padding-right:1.8em;
	float:left;
}
.faq20__main {
	width:66.66%;
	float:right;
}
.faq20__section__title {
	font-weight:700;
	text-transform:none;
}
.faq20__search {
	background: #ececec;
}
.faq20__search-box {
	background: #ececec;
    border: 0;
    border-bottom: 2px solid #d4d4d4;
    width: 100%;
	padding: 0.75em 1.2em;
    font-size: 1.2em;
}
.faq20__search .autocomplete-items > div {
	width:calc(100% - 2.4em);
	margin:0 1.2em;
	padding:0.75em 0;
	font-size:1.1em;
	display: inline-block;
	border-bottom:1px solid #d4d4d4;
	cursor:pointer;
}
.faq20__search .autocomplete-items > div:last-of-type {
	border:none;
}

/* https://education.casio.co.uk/teach-maths-anywhere */
#hs_cos_wrapper_widget_1605810828297 {
    background-color: #000000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    display: block !important;
    padding-bottom: 11px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    padding-top: 11px !important;
    text-align: center !important;
}

/* Emulator Forms */

.em-selection__text {
	max-width:50em;
	margin:auto;
	text-align:center;
}
.em-selection__calcs {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
}
.em-selection__calc-outer {
	width:18em;
	margin:2em;
	padding:2em 2em 5em;
	box-shadow: 0px 3px 6px #00000029;
	position:relative;
	text-align:center;
}
.em-selection__calc {
	width:100%;
	margin: 2em 0;
	padding:1em;
	min-height:6em;
	display:flex;
	align-items:center;
	color: #FFF;
	text-align:left;
}
.em-selection__calc--green,
.em-selection__calc--primary,
.em-selection__calc--general {
	background-color: #2dbf94;
	color: #FFF;
}
.em-selection__calc--purple,
.em-selection__calc--gcse,
.em-selection__calc--alevelgcse,
.em-selection__calc--scientific {
	background-color: #7d415d;
	color: #FFF;
}
.em-selection__calc--orange,
.em-selection__calc--alevel,
.em-selection__calc--furthermaths,
.em-selection__calc--ib {
	background-color: #ff855c;
	color: #FFF;
}
.em-selection__calc--discontinued{
	background-color: #cfcfcf;
	color: #FFF;
}
.em-selection__calc--blue,
.em-selection__calc--BWGraphic{
	background-color: #3393FA;
	color: #FFF;
}
.em-selection__calc__img-ctr {
	flex: 1;
    margin: -3em 0;
    text-align: right;
}
.em-selection__calc__img {
	height:8em;
	width:auto;
}
.em-selection__calc__btn {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.em-selection__calc-outer {
	color: inherit;
	text-decoration:none!important;
	cursor:pointer;
}
.em-selection__calc-outer:hover .btn {
	background: #4f4f4f;
}
.em-selection__top {
	display:flex;
	justify-content:center;
}
.em-selection .em-form__reseller-logo {
	float:left;
	margin-left:2em;
}

.em-form__top {
	width:100%;
	border-bottom:3px solid;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	padding-bottom:1.5rem;
	margin-bottom:1.5rem;
}
.em-title {
	font-size: 1.7em;
}
.em-subtitle {
	font-size: 1.3em;
	text-transform:none;
}
.em-form__progress {
	display:flex;
	margin:0 1em 1em 1em;
	position:relative;
}
.em-form__progress::before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:2px;
	background:currentColor;
}
.em-form__progress-item:first-of-type {
	margin-left:0;	
}
.em-form__progress-item {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid;
    margin-left: 6rem;
	position:relative;
	background:#FFF;
}
.em-form__progress-item.active {
	background: currentColor;	
}
.em-form__progress-item.complete::after {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color: #FFF;
	content:'done';
	font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.em-form__progress-title {
	position:absolute;
	top:calc(100% + 0.3rem);
	left: 50%;
    transform: translate(-50%);
    width: 7rem;
    text-align: center;
	font-size:0.8em;
}
@media only screen and (max-width: 480px) {
	.em-form__top {
		text-align: center;
		justify-content: center;
	}
	.em-form__progress {
		margin: 1em auto;
	}
	.em-form__progress-item {
		margin-left:3rem;
	}
}
@media only screen and (max-width:340px) {
	.em-form__progress-item {
		margin-left:2.5rem;
	}
}
.em-form__section {
	display:none;
}
.showall-sections .em-form__section {
	display:block!important;
}
.em-form__section--1 {
	display:block;
}
.em-form__flex-buttons {
	display: flex;
	justify-content: space-between;
	align-items:flex-end;
	flex-wrap:wrap;
}
.em-form__flex-buttons .btn {
	margin:10px 0;
}
.em-form__next {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.em-form__next.btn--disabled {
	pointer-events:none;
}
.em-form form.hs-form .hs_number_of_users .input {
	display: flex;
    justify-content: space-between;
}
.em-form form.hs-form .hs_number_of_users .input input:not([type="submit"]) {
	width:10rem;
}
.em-form form.hs-form .hs_number_of_users .input button {
	-webkit-appearance:none;
	border: none;
    border-radius: 0;
	display: flex;
    float: right;
    align-items: center;
}
.em-form form.hs-form .last-field .input {
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.em-form form.hs-form .hs_blank .input input:not([type="submit"]) {
	width:0;
	padding-left:0;
	padding-right:0;
	visibility:hidden;
}
.em-form form.hs-form .last-field .input button {
    float: right;
	margin-left:2em;
}
.em-form .em-form__it-link form.hs-form .hs-submit .actions {
	text-align:left;
}
.em-form__users-loader, .em-form__share-link-loader {
	text-align:center;
}
.em-form__users-area, .em-form__share-link-area {
	display:none;
}
.em-form__share-link-confirm, .em-form__section--5__buttons {
	display: flex;
	justify-content: space-between;
	align-items:center;
}
@media only screen and (max-width:620px) {
	.em-form__share-link-confirm, .em-form__section--5__buttons {
		flex-direction:column;
	}
}

.em-form__calc-selection:after {
	content: "";
	display: table;
	clear: both;
}
.em-form__calc-selection__calcs {
	width:66.6%;
	float: left;
}
.em-form__calc-selection__calc {
	display:inline-block;
	float: left;
}
.em-form__calc-selection__calcs .head-calcs__calc {
	text-align:center;
	margin-right:3rem;
	padding-bottom: 0.8rem;
	cursor:pointer;
	border:1px solid #FFF;
}
.em-form__calc-selection__calcs .head-calcs__calc.selected {
	border:1px solid #2dbf94;
}
.em-form__calc-selection__curriculum {
	display:none;
	margin-top:1em
}
.em-form__calc-selection__checkboxes {
	display:flex;
	flex-direction:column;
}
.em-form__calc-selection__checkboxes > span {
	display: flex;
    align-items: center;
}
.em-form__calc-selection__checkboxes input {
	margin-right:0.5rem;
}
.em-form__calc-selection__checkboxes label {
	cursor:pointer;
}
.em-form__calc-selection__next {
	float:right;
	width:33.33%;
	display: flex; justify-content: flex-end;
	margin-top:3rem;
}

.em-form__already-licenced .head-calcs__calc {
	text-align:center;
}

.em-form__copy-text {
	background:rgba(45, 191, 148, 0.1);
	padding:1rem 2rem;
	max-height: 6rem;
    overflow: auto;
}
.em-form__buttons {
	display:flex;
}
.em-form__copied-ttip {
	display:none;
	position:absolute;
	bottom:calc(100% + 1.2em);
	border-radius:4em;
	padding:1em 1.5em;
	width: 21em;
    left: 50%;
	transform: translate(-50%);
}
.em-form__triangle {
	position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.2em 1em 0 1em;
    border-color: currentColor transparent transparent transparent;
    transform: translate(-50%);
}

.em-form__licence-types {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.em-form__licence-type {
    border: 1px solid #2f2f2f;
	padding:1.3em;
	width: calc(50% - 1em);
    max-width: 25em;
	cursor:pointer;
	transition:all 0.3s ease;
}
.em-form__licence-type__message {
	display:none;
    color: #2E2E2E;
    width: calc(100% + 2.8em);
    padding: 2em;
    margin: 0 -1.4em -1.4em;
    background: #FFD6D6;
}
.em-form__licence-type:hover, .em-form__licence-type.active {
    border-color: currentColor;
    background: currentColor;
}
.em-form__licence-type.active .em-form__licence-type__message {
	display:block;	
}
.em-form__licence-type__inner {
	color: #2f2f2f;
	min-height:8em;
	transition:all 0.3s ease;
}
.em-form__licence-type:hover .em-form__licence-type__inner, .em-form__licence-type.active .em-form__licence-type__inner {
	color:#FFF;
}
.em-form__licence-type__top-row {
	display:flex;
	justify-content:space-between;
	align-items:top;
}
.em-form__licence-checked.em-form__licence-checked {
	display:none;
}
.em-form__licence-type.active .em-form__licence-checked {
	display:block;
}
.em-form__licence-type.active .em-form__licence-unchecked {
	display:none;
}
@media only screen and (max-width:450px) {
	.em-form__licence-types {
		flex-direction:column;
	}
	.em-form__licence-type {
		width: 100%;
		margin-bottom: 0.5em auto;
	}
}
.em-form__average-required-licences {
	width:100%;
	background:rgba(45, 191, 148, 0.1);
	padding:1rem 2rem;
}
.em-form__average-required-licences__text {
	margin-left:1em;
}
.em-form__location {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	background:rgba(0,0,0,0.75);
	z-index:9;
}
.em-form__location__box {
	background:#FFF;
	display:flex;
	padding:2rem;
	flex-direction:column;
}
.em-form__location__title {
	font-weight:700;
	font-size:75px;
}
.em-form__thankyou-buttons {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.em-form__thankyou-buttons .btn {
	margin:20px;
}

.em-form__50-50-container.em-form__50-50-container {
	display:flex;
	justify-content:space-between;
}
.em-form__50-50 {
	width:calc(50% - 1.5em);
}
.em-form__details-calcs-container {
	display:flex;
	justify-content:space-between;
}
.em-form__em-calcs {
	text-align:center;
}

/* FORM */
/* Variables */





































/* Extra Overrides */

















.em-form .form-data--align-right {
	text-align:right;	
}
.em-form .form-data--align-right form.hs-form label.hs-form-checkbox-display {
	display:flex;
	flex-direction:row-reverse;
}
.em-form .form-data--align-right form.hs-form input[type="checkbox"] {
	margin-right:0;
	margin-left:0.5rem;
}

.em-form form.hs-form {
	width:100%;
}
.em-form form.hs-form fieldset{
	width:100%;
	max-width:100%;
}
.em-form form.hs-form fieldset:not(.form-columns-1) { /* requires js to add spaces between tags e.g. $(window).load(function(){ $('fieldset > .hs-form-field').after(' '); }); */
	text-align: justify;
	line-height: 0;
}
.em-form form.hs-form fieldset:not(.form-columns-1)::after {
	content: '';
	width: 100%;
	display: inline-block;
}
.em-form form.hs-form fieldset.form-columns-2 .hs-form-field {
	margin-bottom: calc(1rem - 0.3em);
	float: none;
	width:calc(100%/2 - 4rem * (2 - 1)/2);
	line-height:1.2;
	vertical-align: top;
}
.em-form form.hs-form fieldset.form-columns-3 .hs-form-field {
	margin-bottom: calc(1rem - 0.3em);
	float: none;
	width:calc(100%/3 - 4rem * (3 - 1)/3);
	line-height:1.2;
	vertical-align: top;
}
.em-form form.hs-form .hs-form-field{
	margin-bottom:1rem;
	display: inline-block;
	width: 100%;
	line-height:1.2;
	vertical-align: top;
}
.em-form form.hs-form label{
	display: block;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 0.4em;
	line-height: 1;
}
.em-form form.hs-form .input {
	width:100%;
	margin:0;
}
.em-form .hs-form input:not([type="submit"]) {
	width:100%;
    padding: 1em 1.5em;
	border: none;
	border-radius: 0;
	background: #eee;
	color: inherit;
	outline:none;
	box-shadow: none;
}
.em-form form.hs-form textarea{
	width:100%;
	padding:1em 1.5em;
	border:none;
	border-radius:0;
	background: #eee;
	color: inherit;
	outline:none;
	box-shadow: none;
	min-height: 9em;
}
.em-form form.hs-form select{
	display: block;
	width:100%;
	max-width: 100%;
	padding: 1em 1.5em 1em 1.7em;
	height: auto;
	border: none;
	border-radius: 0;
/* 	background-color: #eee; */
	color: inherit;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-repeat: no-repeat, repeat;
	background-position: right .6em top 50%, 0 0;
	background-size: .65em auto, 100%;
	background-clip: padding-box;
	box-shadow: none;
	outline: none;
	color: inherit;
	line-height: inherit;
	cursor:pointer;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		linear-gradient(to bottom, #eee 0%,#eee 100%);
}
.em-form form.hs-form select::-ms-expand {
	display: none;
}
.em-form form.hs-form select option {
	font-weight:normal;
}
.em-form form.hs-form .inputs-list{
	list-style: none;
	padding: 0;
	margin: 0.3em 0; 
}
.em-form form.hs-form .hs-form-checkbox {
	margin:0.5rem 0;
}
.em-form form.hs-form label.hs-form-booleancheckbox-display{
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
.em-form form.hs-form input[type="checkbox"]{
	width:auto;
	margin-right:0.5rem;
	transform: scale(1.5);
}
.em-form form.hs-form input[type="radio"]{
	width:auto;
	margin-right:0.5rem;
/* 	transform: scale(1.5); */
}
.em-form form.hs-form .hs-submit .actions {
    text-align: right;
}
.em-form .form-data--btn-left form.hs-form .hs-submit .actions {
	text-align:left;
}
.em-form form.hs-form input.hs-button,.em-form form.hs-form button.hs-button{
	display: inline-block;
	width: auto;
	min-width: 5rem;
	background: ;
    color: #FFF;
	margin: 0;
    padding: 0.75em 1.2em;
    text-decoration: none;
	cursor: pointer;
	transition: all 0.25s ease;
	border: none;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
}
.em-form form.hs-form input.hs-button:hover{
	background: ;
	color: ;
	border: none;
}
.em-form form.hs-form button.hs-button {
	-webkit-appearance:none;
	display: inline-flex;
    align-items: center;
}
/*.em-form form.hs-form .hs-error-msgs,*/ .em-form form.hs-form .hs-form-required{
	display:none !important;
}
.em-form form.hs-form .hs-main-font-element{
/* 	display:none; */
	line-height: 1;
}
.em-form form.hs-form .hs-error-msgs label {
	font-weight:400;
}
.em-form form.hs-form input.invalid{
	border-bottom:solid 2px red;
}
.em-form form.hs-form .legal-consent-container{
	font-size:0.8rem;
	line-height:1.1;
	margin: -1em 0 0.8em;
}
.em-form form.hs-form .legal-consent-container p{
	margin:0.4em 0;
}
.em-form form.hs-form .legal-consent-container .hs-form-field {
	margin:0.5rem;
}
.em-form form.hs-form .legal-consent-container label.hs-form-booleancheckbox-display{
	font-size:0.8rem;
}
.hubspot-link__container.sproket {
	display:none;
}
.em-form hr {
	border-top: 1px solid #2dbf94;
}
@media only screen and (max-width:767px) {
	.em-form form.hs-form fieldset.form-columns-2 .hs-form-field {
		margin-bottom: calc(0.9rem - 0.3em);
		width:calc(100%/2 - 1rem * (2 - 1)/2);
	}
	.em-form form.hs-form fieldset.form-columns-3 .hs-form-field {
		margin-bottom: calc(0.9rem - 0.3em);
		width:calc(100%/3 - 1rem * (3 - 1)/3);
	}
    .em-form form.hs-form .hs-submit .actions {
        margin-top: 1.5em;
        text-align: left;
    }
    .em-form .form-data--align-right form.hs-form input[type="checkbox"] {
        margin-left:0;
        margin-right:1rem;
    }
}
@media only screen and (max-width:475px) {
	.em-form form.hs-form fieldset .hs-form-field.hs-form-field {
		width:100%;
	}
}

/* CSS Loader */
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: currentColor;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}

.st-form__title-area {
	width: 100%;
	border-bottom: 3px solid #2dbf94;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}
.st-form__new-tab {
	font-size:1rem;
}
.tr-form form.hs-form div.preferred-date-message {
    width: 100%;
	background: rgba(45, 191, 148, 0.1);
	margin-bottom: calc(1rem - 0.3em);
    padding: 1rem 2rem;
	display:flex;
	max-height:15rem;
	transition:all 0.3s ease;
}
.tr-form form.hs-form div.preferred-date-message--hidden {
	display:none;
	height:0;
	max-height:0;
}
.preferred-date-message__logo {
	margin-right:1rem;
}

.st-explained__data {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.st-explained__topics {
	width:calc(50% - 2rem);
	background:#2dbf94;
	padding:0.5rem 0;
}
.st-explained__text {
	width:calc(50% - 2rem);
}

.st-explained__topic {
	width:100%;
	padding:0.8rem 1.5rem;
	color:#FFF;
	transition:all 0.3s ease;
	cursor:pointer;
}
.st-explained__topic:hover {
	filter: brightness(1.1) contrast(0.88);
	background:#2dbf94
}

.st-explained__topic-explanation {
	display:none;
}

.st-form__title-area--2col {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.st-form__text-form {
	display: flex;
	justify-content:space-between;
}
.st-form__title-area__right {
	text-align:right;
}
.st-form__text-form {
	display:flex;
	justify-content:space-between;
}
.st-form__text-form > div {
	width:calc(50% - 2rem);
	max-width:400px;
}

.st-form__text-form form.hs-form .hs-form-radio-display, .st-form__text-form form.hs-form .hs-form-booleancheckbox-display {
	display: flex;
    flex-direction: row-reverse;
}
.st-form__text-form form.hs-form .hs-form-radio-display input, .st-form__text-form form.hs-form .hs-form-booleancheckbox-display input {
	margin-left:0.5rem;
}

.st-form__thankyou {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin: 0 -1rem;
    width: calc(100% + 2rem);
}
.st-form__thankyou .btn {
	margin:1rem;
}

.st-form__show-on-submit {
	display:none;
}
.st-form__need-a-loanset {
	background: #2f2f2f;
	color:#FFF;
	padding: 1.6rem 2rem;
}
.st-form__need-a-loanset .btn {
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
}

.notice-message {
    width: 100%;
	background: rgba(45, 191, 148, 0.1);
	margin-bottom: calc(1rem - 0.3em);
    padding: 1rem 2rem;
	display:flex;
	max-height:15rem;
	transition:all 0.3s ease;
}
.notice-message__logo {
	margin-right:1rem;
}

.st-signup__container {
	display:flex;
	justify-content:space-between;
}
.st-signup__container > div {
	width:calc(33.33% - 2rem);	
}
.st-signup__form {
	background:#2dbf94;
	color:#FFF;
	padding:3rem;
}

@media only screen and (max-width:767px) {
   .tr-form form.hs-form div.preferred-date-message {
       margin-bottom: calc(3.5rem - 0.3em);
       width: calc(100% - 2rem);
    }
    .st-signup__container {
        flex-wrap: wrap;
    }
    .st-signup__title-area,
    .st-signup__text{
        width: calc(50% - 2rem) !important;
    }
    .st-signup__form{
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        margin-top: 2rem;
    }
    
    .st-form__title-area--2col {
        flex-direction: column;
        align-items: flex-start;
    }
    .st-form__title-area--2col > div {
        text-align: left;
    }
    
    .st-form__text-form{
        flex-direction: column;
    }
    
    .st-form__intro-text{
        width: calc(100% - 2rem);
        max-width: none;
    }
    .st-form__intro-text p:first-of-type{
        margin-top: 0;
    }
    
    .st-form__text-form > div {
        width: calc(100% - 2rem);
        max-width: none;
        margin-bottom: 1.5em;
    }
    
    .st-form__text-form--mob form.hs-form {
        text-align: left;   
    }
    
    .st-form__text-form--mob form.hs-form .hs-form-radio-display{
        flex-direction: row;
        margin-bottom: 1em;
    }
    .st-form__text-form--mob form.hs-form .inputs-list{
        margin: 1em 0;
    }
    .st-form__text-form form.hs-form .hs-form-radio-display, .st-form__text-form form.hs-form .hs-form-booleancheckbox-display {
        flex-direction: row;
        text-align: left;
    }
}

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

    .st-signup__container{
        flex-direction: column;
    }
    .st-signup__title-area,
    .st-signup__text{
        width: 100% !important;
    }
    .st-signup__form{
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        margin-top: 2rem;
    }
}
/* FORM */
/* Variables */





































/* Extra Overrides */

















.tr-form form.hs-form {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.tr-form form.hs-form fieldset{
	width:calc(100%/2 - 4rem * (2 - 1)/2);
	margin-bottom: calc(1rem - 0.3em);
}
.tr-form form.hs-form fieldset:not(.form-columns-1) { /* requires js to add spaces between tags e.g. $(window).load(function(){ $('fieldset > .hs-form-field').after(' '); }); */
/* 	text-align: justify; */
	line-height: 0;
}
.tr-form form.hs-form fieldset:not(.form-columns-1)::after {
	content: '';
	width: 100%;
	display: inline-block;
}
/* .tr-form form.hs-form fieldset.form-columns-2 .hs-form-field {
	float: none;
	line-height:1.2;
	vertical-align: top;
	width:calc(100%/2 - 4rem * (2 - 1)/2);
	margin-bottom: calc(1rem - 0.3em);
} */
/* .tr-form form.hs-form fieldset.form-columns-3 .hs-form-field {
	float: none;
	width:calc(100%/3 - 4rem * (3 - 1)/3);
	line-height:1.2;
	vertical-align: top;
	margin-bottom: calc(1rem - 0.3em);
} */
.tr-form form.hs-form .hs-form-field{
	margin-bottom:1rem;
	display: inline-block;
	width: 100%;
	line-height:1.2;
	vertical-align: top;
}
.tr-form form.hs-form label{
	display: block;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 0.4em;
	line-height: 1;
}
.tr-form form.hs-form .input {
	width:100%;
	margin:0;
}
.tr-form .hs-form input:not([type="submit"]) {
	width:100%;
    padding: 1em 1.5em;
	border: none;
	border-radius: 0;
	background: #eee;
	color: inherit;
	outline:none;
	box-shadow: none;
}
.tr-form form.hs-form textarea{
	width:100%;
	padding:1em 1.5em;
	border:none;
	border-radius:0;
	background: #eee;
	color: inherit;
	outline:none;
	box-shadow: none;
	min-height: 9em;
}
.tr-form form.hs-form select{
	display: block;
	width:100%;
	max-width: 100%;
	padding: 1em 1.5em 1em 1.7em;
	height: auto;
	border: none;
	border-radius: 0;
/* 	background-color: #eee; */
	color: inherit;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-repeat: no-repeat, repeat;
	background-position: right .6em top 50%, 0 0;
	background-size: .65em auto, 100%;
	background-clip: padding-box;
	box-shadow: none;
	outline: none;
	color: inherit;
	line-height: inherit;
	cursor:pointer;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		linear-gradient(to bottom, #eee 0%,#eee 100%);
}
.tr-form form.hs-form select.invalid{
	border-bottom: 2px solid red;
}
.tr-form form.hs-form select::-ms-expand {
	display: none;
}
.tr-form form.hs-form select option {
	font-weight:normal;
}
.tr-form form.hs-form .inputs-list{
	list-style: none;
	padding: 0;
	margin: 0.3em 0; 
}
.tr-form form.hs-form .inputs-list.invalid {
    border-bottom: 2px solid red;
}
.tr-form form.hs-form label.hs-form-booleancheckbox-display{
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
.tr-form form.hs-form input[type="checkbox"]{
	width:auto;
	margin: 0.3rem 0.5rem 0.3rem 0.3rem;
	transform: scale(1.5);
}
.tr-form form.hs-form input[type="radio"]{
	width:auto;
	margin-right:0.5rem;
	transform: scale(1.5);
}
.tr-form form.hs-form input.hs-button{
	display: inline-block;
	width: auto;
	min-width: 5rem;
	background: ;
    color: #FFF;
	margin: 0;
    padding: 1em 1.5em;
    text-decoration: none;
	cursor: pointer;
	transition: all 0.25s ease;
	border: none;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
}
.tr-form form.hs-form input.hs-button:hover{
	background: ;
	color: ;
	border: none;
}
.tr-form form.hs-form .hs-submit {
	margin-left: auto;
}
.tr-form form.hs-form .hs-submit button {
	-webkit-appearance:none;
	border: none;
    border-radius: 0;
	display: flex;
    float: right;
    align-items: center;
}
/*.tr-form form.hs-form .hs-error-msgs,*/ .tr-form form.hs-form .hs-form-required, .tr-form form.hs-form .hs-main-font-element{
	display:none !important;
}
.tr-form form.hs-form .hs-error-msgs label {
	font-weight:400;
}
.tr-form form.hs-form input.invalid{
	border-bottom:solid 2px red;
}
.tr-form form.hs-form .legal-consent-container{
	font-size:0.8rem;
	line-height:1.1;
	margin: -1em 0 0.8em;
}
.tr-form form.hs-form .legal-consent-container p{
	margin:0.4em 0;
}
.tr-form form.hs-form .legal-consent-container .hs-form-field {
	margin:0.5rem;
}
.tr-form form.hs-form .legal-consent-container label.hs-form-booleancheckbox-display{
	font-size:0.8rem;
}


.hubspot-link__container.sproket {
	display:none;
}

.tr-form form.hs-form .inputs-list .hs-form-radio{
    margin: .75em 0;
}

@media only screen and (max-width:767px) {
    .tr-form{
        margin-top: 3rem;    
    }
    
    .tr-form form.hs-form fieldset.form-columns-1,
    .tr-form form.hs-form fieldset.form-columns-2{
        width:calc(100% - 1rem * (2 - 1)/2);
    }
    
	.tr-form form.hs-form fieldset.form-columns-2 .hs-form-field {
		width: 100%;
        float: none;
	}
	.tr-form form.hs-form fieldset.form-columns-3 .hs-form-field {
		width: 100%;
        float: none;
	}
    .tr-form form.hs-form fieldset > div{
        margin-bottom: calc(0.9rem - 0.3em) !important;    
    }
    .tr-form form.hs-form .hs-submit {
        margin-left: 0;
    }
    .tr-form form.hs-form .inputs-list .hs-form-radio{
        margin: 1.25em 0.25em;
        display: inline-block;
        width: 100%;
    }
    .tr-form .pika-lendar{
        width: calc(100vw - 55px);
    }
}
@media only screen and (max-width:550px) {
    .tr-form .pika-lendar{
        width: calc(100vw - 45px);
    }
}
@media only screen and (max-width:475px) {
	.tr-form form.hs-form fieldset .hs-form-field.hs-form-field {
		width:100%;
	}
}

/* Footer */
footer .copyright {
	background:#4f4f4f;
	padding: 1em;
	width:100%;
	color:#FFF;
	font-size:0.9em;
	font-weight:200;
	text-align:center;
}
footer {
	float:left;
	width:100%;
}
footer .footer-links {
	width:100%;
	background:#2f2f2f;;
	padding:25px 0px;
}
footer .footer-links a {
	color:white;
	padding:10px 0px;
	font-weight:200;
	display:inline-block;
}
footer .links {
	width:25%;
	float:left;
	padding-right:20px;
}
@media screen and (max-width:767px) {
	footer .links {
		width:50%; 
	}
}
@media screen and (max-width:500px) {
	footer .links {
		width:100%;
		padding-right:0;
	}
}"