html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
color:#000;
font-family: 'Sniglet', cursive;
line-height:1.4em
}

ol,ul {
list-style:none
}

table {
border-collapse:collapse;
border-spacing:0
}

html,body,form {
height:100%
}

#wrap {
min-height:100%
}
#main {
overflow:auto;
padding-bottom:100px
}

footer {
position:relative;
margin-top:-100px;
height:100px;
clear:both
}


.clearfix:before,.clearfix:after {
content:"";
display:table
}

.clearfix:after {
clear:both
}
/* links */
a,
a:visited {
color: #ffffff;
text-decoration: underline;
}

a:active {
color: #ffffff;
text-decoration: underline;
    }
a:hover {
color: #ca006f;
text-decoration: none;
    }



header {
background: rgba(255, 255, 255, 0.7); 
height:250px;
transition: all 0.4s ease;
z-index:9999;
width:100%;



}




.main-site-logo {
height:auto;
z-index:999999;
width:450px;
position: absolute;
left:0;
right:0;
top:20px;
margin-left:auto;
margin-right:auto;
transition: all 0.4s ease;

}
.main-site-logo:hover {opacity:0.8;}



.fix {
height:90px;
position:fixed;
top:0;
left:0;
right:0;
margin:0;
background: rgba(255, 255, 255, 1); 
}





.fix .main-site-logo {
top:4px;
width:170px;

}




hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0;
border-bottom:dashed 1px #ddd;
border-top:none;
border-left:none;
border-right:none;
margin-top:35px;
margin-bottom:25px;
clear:both
}

em {
font-style:italic
}

h1,h2,h3,h4,h5 {
line-height:1em;
margin:0 0 15px;
padding:0; font-weight:400;
 color:#fff;
}

h1 {
font-size:2.8em; 
}

h2 {
font-size:2.5em; 
}


h3 {
font-size:1.7em
}





b,strong {
font-weight:700
}

dl,menu,ol,ul {
margin:1em 0
}

dd {
margin:0 0 0 40px
}

menu,ol,ul {
padding:0 0 0 20px
}

nav ul,nav ol {
list-style:none;
list-style-image:none;
padding:0;
margin:0
}





p {
margin:0 0 1.1em; line-height:25px;
}

ol li {
padding-bottom:10px
}

p,li {
font-size:1.2em;
font-weight:400
}

.vanish-desktop {
display:none
}


* {
box-sizing:border-box;
-moz-box-sizing:border-box
}

.box-shadow {
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
box-shadow:0 0 2px 0 rgba(0,0,0,0.5)
}

.shadow-me-white {
text-shadow:1px 1px 0 rgba(255,255,255,0.8)
}

.shadow-me-black {
text-shadow:1px 1px 0 rgba(0,0,0,0.5)
}

img {
width:100%;
height:auto
}





.wrapper {
max-width:1300px;
padding:0 20px;
margin:0 auto;
position:relative
}

.wrapper-inner-top {
max-width:1300px;
padding:115px 20px 60px;
margin:0 auto;
position:relative
}

.wrapper-inner {
max-width:1300px;
padding:40px 20px 60px;
margin:0 auto;
position:relative
}

.wrapper-inner li {list-style:circle;}



.container-blue {
    background: #008dc8;
}


.container-blue:before {
    background: linear-gradient( 45deg, transparent 33.333%, #008dc8 33.333%, #008dc8 66.667%, transparent 66.667% ),
                linear-gradient( -45deg, transparent 33.333%, #008dc8 33.333%, #008dc8 66.667%, transparent 66.667% );
    background-size: 20px 40px;
}

    
.container-black {
    background: #231f20; z-index:99;
}

.container-black:before {
    background: linear-gradient( 45deg, transparent 33.333%, #231f20 33.333%, #231f20 66.667%, transparent 66.667% ),
                linear-gradient( -45deg, transparent 33.333%, #231f20 33.333%, #231f20 66.667%, transparent 66.667% );
    background-size: 20px 40px;
}


.container-grey {
    background: #2d2d2d; z-index:99;
}

.container-grey:before {
    background: linear-gradient( 45deg, transparent 33.333%, #2d2d2d 33.333%, #2d2d2d 66.667%, transparent 66.667% ),
                linear-gradient( -45deg, transparent 33.333%, #2d2d2d 33.333%, #2d2d2d 66.667%, transparent 66.667% );
    background-size: 20px 40px;
}

.container-pink {
    background: #ca006f;
}


.container-pink:before {
    background: linear-gradient( 45deg, transparent 33.333%, #ca006f 33.333%, #ca006f 66.667%, transparent 66.667% ),
                linear-gradient( -45deg, transparent 33.333%, #ca006f 33.333%, #ca006f 66.667%, transparent 66.667% );
    background-size: 20px 40px;
}



.zigzag {
    position: relative;
    width: 100%;
}

    .zigzag:before {
        content: "";
        display: block;
        position: absolute;
        top: -10px;
        width: 100%;
        height: 10px;
    }




button, .btn-core, a, footer .socials i, .list-cont img, .opacity, .large-containers img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
	transition: all .4s ease;

}

.btn-core{
	display:inline-block;
	text-transform:uppercase;


	text-align:center;
	text-decoration:none;
font-weight:400;
}

.btn-core-input{
	display:inline-block;
    font-family: 'Montserrat', sans-serif;
	border:1px solid #fff;
    	text-transform:uppercase;
	text-align:center;

cursor:pointer;

}


.btn-fw
{width:100%;
}

.btn-large{
font-size:1.5em; padding:21px 40px 21px 40px;  }

.btn-medium{
font-size:0.9em; padding:14px 40px 14px 40px;
}


.btn-small{
font-size:0.85em; padding:10px 15px 10px 15px;
}

.btn-call
{background-color:#1cad50; color:#fff !important; text-shadow:1px 1px 0 rgba(0,0,0,0.5);  font-size:1.1em;  padding:21px 20px 21px 20px; margin:2%; width:96%;
}


.btn-cta-main
{background-color:#ffffff; color:#000 !important; text-shadow:1px 1px 0 rgba(0,0,0,0.8)}
.btn-cta-main:visited {color:#000;}
.btn-cta-main:hover
{opacity:0.8}

.btn-cta-secondary
{ color:#fff !important;  border:solid 2px #5cbe5e
}
.btn-cta-secondary:hover
{background:#5cbe5e; color:#fff !important;text-shadow:1px 1px 0 rgba(0,0,0,0.8);
}

.btn-cta-tertiary
{ color:#5cbe5e !important;  border:solid 1px #5cbe5e
}
.btn-cta-tertiary:hover
{background:#5cbe5e; color:#fff !important;text-shadow:1px 1px 0 rgba(0,0,0,0.8);
}


.btn-blog-srnd
{margin:90px 0px 20px 0px;
}



.btn-cta-grey {background:#f6f6f6; color:#333 !important; text-shadow:1px 1px 0 rgba(255,255,255,0.8)}
.btn-cta-grey:hover
{background:#5cbe5e; color:#fff !important;text-shadow:1px 1px 0 rgba(0,0,0,0.8);
}

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


/* Core sectionals*/
.sectional-x-large
{padding:130px 0 130px 0;
}

.sectional-large
{padding:70px 0 70px 0;
}

.sectional-medium
{padding:50px 0 50px 0;
}

.sectional-small
{padding:30px 0 30px 0;
}


.sectional-base
{padding:0px 0 70px 0;
}


.sectional-top
{padding:70px 0 0 0;
}



#intro p, #intro li {line-height:35px; color:#fff;}
#intro h3{font-size:2.3em; line-height:35px;  color:#fff;}

#about p {color:#fff; }
#about h3{font-size:2.3em; line-height:35px;  color:#fff;}

.teaser {height:800px;text-align:center;  position:relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size:auto;
  -webkit-background-size: cover;

  background-size: cover;
  background-attachment:fixed;
}

.teaser p, .teaser li {color:#fff; }
.teaser-bg-01 {background-image:url(/images/mathematics.jpg); }


.teaser-content-left {float:left; width:35%; text-align:left; padding:130px 0px 0px 50px}


.teaser li {color:#fff; list-style-type:circle;}

.teaser-content-left-bare {float:left;  text-align:left; padding:50px 50px 0px 0px}

.teaser h3, .crafts h3 {text-transform:uppercase; font-size:3em; color:#fff;}


.crafts p {color:#fff;}

.crafts img, #about img {border:3px solid #fff;
transform:          rotate(-4deg);
-ms-transform:      rotate(-4deg);
-moz-transform:     rotate(-4deg);
-webkit-transform:  rotate(-4deg);
-o-transform:       rotate(-4deg);}

.btn-core {
transform:          rotate(-2deg);
-ms-transform:      rotate(-2deg);
-moz-transform:     rotate(-2deg);
-webkit-transform:  rotate(-2deg);
-o-transform:       rotate(-2deg);}


.teaser-content-desc {line-height:30px;}





.large-containers {
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08); padding:1.8% 2% 1.8% 2%; margin:20px 0 10px 0;}
.large-containers h2 {text-transform:uppercase; font-size:1.5em; }

.large-containers img:hover {opacity:0.7;}




.call-to-action p {color:#fff; font-size:3em; margin:20px 0 0 0; padding:0;}






.terms {font-size:0.9em !important;}



.testimonials i
{opacity:0.8; color:#fff;
}



.col {
display:block;
float:left;
margin:1% 0 1% 1.6%
}

.col:first-child {
margin-left:0
}

.group:before,.group:after {
content:"";
display:table
}

.group:after {
clear:both
}



.span_12_of_12 {
width:100%
}

.span_11_of_12 {
width:91.53%
}

.span_10_of_12 {
width:83.06%
}

.span_9_of_12 {
width:74.6%
}

.span_8_of_12 {
width:66.13%
}

.span_7_of_12 {
width:57.66%
}

.span_6_of_12 {
width:49.2%
}

.span_5_of_12 {
width:40.73%
}

.span_4_of_12 {
width:32.26%
}

.span_3_of_12 {
width:23.8%
}

.span_2_of_12 {
width:15.33%
}

.span_1_of_12 {
width:6.866%
}


.span_1-5_of_12 {
width:10.866%
}



footer {
background-color:#231f20; position:relative;
}

footer p {text-transform:uppercase; color:#fff; font-size:0.7em;}

    footer i
    {color:#fff; font-size:2em !important; padding:20px 5px 10px 5px;
    }
footer i:hover {color:#ca006e}








::-webkit-input-placeholder {
color:#333;
opacity:1
}

:-moz-placeholder {
color:#333;
opacity:1
}

::-moz-placeholder {
color:#333;
opacity:1
}

:-ms-input-placeholder {
color:#333;
opacity:1
}





/* Typeform*/



.bdHjim {
    right: -14px !important;width:unset !important;
}

.top-nav-on {
background-color:#596f11;
}


@media only screen and (min-width: 1200px){
.teaser-content {
    width: 45%;}
}


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


}



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

}




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


}




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



}



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



}

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

}

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




}

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


}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
.teaser {
  background-attachment:scroll;
}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.teaser {
  background-attachment:scroll;
}
}



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

}




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


header {
    background: rgba(255, 255, 255, 0.7);
    height: 130px;}


h2 {font-size:2em}


.main-site-logo  {
width:200px;
}

.call-to-action p {font-size:2em; margin:0; padding:0;}


.teaser {height:600px; }
.teaser-content-left {width:100%;  text-align:center; padding:15% 4% 2% 4% }

.teaser-content-left, .teaser-content-right {position:static; height:100%;}


.teaser-bg-01 {background-image:url(/images/mathematics-mob.jpg); }


.teaser-content-sub {

    font-size: 2.1em;}


.teaser-content-sub {border-right:none;}
.teaser-content-desc {

    font-size: 1em;
    line-height: 25px;

}

.wrapper,.wrapper-inner {
padding:20px;
margin:0 auto;
position:relative
}

.wrapper-inner-top {

padding:55px 20px 60px;

}

.vanish {
display:none!important
}

.vanish-desktop {
display:block!important
}

.teaser {
  background-attachment:scroll;
}


p,li {
font-size:1.1em;

}


.span_1_of_12,.span_2_of_12,.span_3_of_12,.span_4_of_12,.span_5_of_12,.span_6_of_12,.span_7_of_12,.span_8_of_12,.span_9_of_12,.span_10_of_12,.span_11_of_12,.span_12_of_12 {
width:100%}


.col {margin:1% 0}
.fix {display:none}


.mobile-centre {text-align:center;}
.sectional-x-large {
    padding: 40px 0 40px 0;
}






#intro p, #intro li {font-size:1.2em; line-height:29px; }


.crafts img, #about img {width:80%;}
.teaser p, .teaser li {

    font-size: 1.3em;
}
}

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

}