@font-face {
    font-family: "CenturyGothic";
    src: url("/library/fonts/CenturyGothic/Regular.otf") format('opentype');
}
@font-face {
    font-family: "OpenSans";
    src: url("/library/fonts/OpenSans/Regular.otf") format('opentype');
}
@font-face {
    font-family: "MontserratBold";
    src: url("/library/fonts/Montserrat/Bold.otf") format('opentype');
}
@font-face {
    font-family: "Montserrat";
    src: url("/library/fonts/Montserrat/Regular.otf") format('opentype');
}
@font-face {
    font-family: "FontAwesome";
    src: url("/library/fonts/FontAwesome/FreeRegular5.otf");
}
@font-face {
    font-family: "FontAwesomeBrands";
    src: url("/library/fonts/FontAwesome/BrandsRegular5.otf");
}
@font-face {
    font-family: "FontAwesomeSolid";
    src: url("/library/fonts/FontAwesome/FreeSolid5.otf");
}


* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; outline: none;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ffffff;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 100%;line-height: 1.5;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #2a2a2a;; font-weight: normal; text-decoration:underline;}
ul, ol { padding: 0px; margin: 0px; }
li {list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {padding: 0px 10px 10px 0px;margin: 0px;font-size: 100%;font-weight: normal;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
fieldset { padding: 0px; margin: 0px; border: none; }
table { border-spacing: 0px; }
td, th { padding: 0px; }
.dark, .util_customhtml .trustpilot-widget{  background-color: #000032 !important;}

h2 { font-size: 150%; }
h3 { font-size: 120%; }

input[type=text], input[type=password], input[type=submit], input[type=button], textarea, select {font-size: 100%; background: transparent;border: none;background-color: #ffffff;padding: 5px;box-sizing: border-box;font-family: Arial;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
input[type=button], input[type=submit], button {color: black; cursor: pointer;padding: 10px 20px 10px 20px;background-color: #ffffff;border: 1px solid black; transition: all 0.3s ease; text-transform: uppercase;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;font-size: 100%; font-weight: 500;}
input[type=button]:hover, input[type=submit]:hover, button:hover { color: #ffffff; background-color: black;}
input[type=text],  input[type=password], textarea {color:darkslategrey;height: 40px;height: 40px;width: 100%;padding: 12px;  border: 1px solid #ccc; border-radius: 4px;resize: vertical;}
select {color:darkslategrey;border: 1px solid #ccc !important;border-radius: 4px !important;padding: 0px 10px;width:  25%;}
input[type=checkbox] { color:darkslategrey; height: 15px; width:15px; margin: 10px 0px; border: 1px solid #ccc !important; }
select { height: 40px; padding-right: 40px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
textarea {height: 100px; resize:none;}
.field_haserror .label { color:red; }
.field_haserror  input, .field_haserror select, .field_haserror textarea { border:1px solid red;}

p {padding: 0px 0px 20px 0px;margin: 0px;/* line-height: 1.5; */}
strong { font-weight: bold;  }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden {display: none;}
.spacer { clear: both; height: 0px; }
iframe { width: 100%; }


h3 { font-weight: 900; }

.remaining-places {display: none;}

.sitestripe { display: block; font-size:90%; text-align:center; background-color: #f5f5f5;} 
.sitestripe p {padding: 10px 0px; font-family: OpenSans;}

.site-header {/* background-color: #C59292 !important; */border: 0px !important;padding: 30px 50px 0px 50px !important;}

.site-header .headerlogo .imagetop img {max-width: 250px;height: auto;}
.site-header .headerlogo { float: left; }
.layoutheader .nav_sitemap {width: fit-content;margin-left: auto;margin-right: 115px;}
.layoutheader a {text-decoration: none;}
.layoutheader .nav_sitemap ul.level1 {padding: 0px; text-align:justify; justify-content:space-evenly;  margin: 0px auto}
.layoutheader .nav_sitemap .level1>li {float: left; padding: 10px 15px 30px 15px;}
.layoutheader .nav_sitemap .level1>li:hover>a {color: black; font-weigth:bold;}
.layoutheader  { position:sticky; top: 0px; background-color: white; z-index: 999;}

@media( max-width: 1300px ){ 
	.layoutheader  { position:initial; }
}


.layoutheader .nav_sitemap .level2 {background-color:#ffffff;z-index: 20;position: absolute;top: 140px;left:unset; margin-left: -20px; display:none; border: 1px solid #e8e9eb;}
.layoutheader .nav_sitemap .level2>li { text-align: left; clear:  left;width: 300px; padding: 10px 20px; }
.layoutheader .nav_sitemap .level2>li a { display: block;  width: 100%;  border-bottom: 1px solid #e8e9eb; padding-bottom: 10px }
.layoutheader .nav_sitemap .level2>li:last-of-type a {border-bottom:none;} 
.layoutheader .nav_sitemap .level2>li a:hover { color: black;   text-decoration: none; font-weigth:bold; }
.layoutheader .nav_sitemap .level1>li:hover .level2 { display: block; text-align:left;}

.layoutheader .nav_sitemap .level2>li:hover .level3 {  background-color: white;  }
.layoutheader .nav_sitemap .level3>li a { display: block;  width: 100%;   padding-bottom: 10px }
.layoutheader .nav_sitemap .level3>li { text-align: left; clear:  left; width: 280px; padding: 10px 20px; }


.site-header .nav_linklist {position: absolute;right: 100px;width: 100px;color: red;}
.site-header .nav_linklist li {float: left; line-height: 40px;}
.site-header .nav_linklist li a {color: #ffffff; }
.site-header .nav_linklist li a:hover {color: #504549; }
.site-header .nav_linklist li.link1 a:before {font-family: FontAwesomeSolid;content: '\f290';font-size: 200%;margin-right: 10px; color:#C59292}
.site-header .nav_linklist li.link2 a:before {font-family: FontAwesomeSolid; content: '\f007'; font-size: 200%; margin-right: 10px; color:#C59292}
.site-header .nav_linklist li.link3 a:before {display: none;font-family: FontAwesomeBrands; content: '\f16d'; font-size: 200%; margin-right: 10px;}
.site-header .nav_linklist li.link4 a:before {display: none; font-family: FontAwesomeBrands; content: '\f082'; font-size: 200%; margin-right: 10px;}

.site-header .shop_basketlink {position: absolute; right: 165px;top: 50px;width: 40px;height: 40px;z-index: 1; }
.site-header .shop_basketlink .items { text-align: center; height: 20px; width: 20px; line-height:18px; font-size:70%; display:block; background-color: #000032 !important; font-weight: bold; border: 1px solid #000032; border-radius: 50%;  color: white; }

.layouttopmenu .nav_linklist a { text-decoration: none;}
.layouttopmenu .nav_linklist {width: 1200px;margin: 40px auto;padding: 0px 20px;}
.layouttopmenu .nav_linklist li { float: left;}
.layouttopmenu .nav_linklist li:first-of-type a { margin: 0px 10px;}
.layouttopmenu .nav_linklist li a {background-color: #C59292; padding: 10px 20px; color: #ffffff; margin: 0px 10px; border-radius: 2px; }
.layouttopmenu .nav_linklist li a:hover { color: #504549; }

.hero {background-image: url(/images/eU8LntyVy4jSJRXl0co309f08c.png), url(/images/JoO24xH2fzlmXwiASRNh1xf1el.jpg);background-position: right 100px, center center;height:  520px;background-size: 150px auto, cover;background-attachment: fixed;/* background-position: center; */}
.hero .titletxt {font-size: 400%;color: #ffffff;text-align: center;padding-top: 250px;font-family: CenturyGothic;letter-spacing: 0.1em;}

.whychooseus {clear:both; max-width: 1200px; margin: 50px auto;}
.whychooseus .titletxt {text-align: center;margin: 40px; font-size: 200%;}
.util_expandtext {width: 100%; }
.util_expandtext .link {width: 100%; border: 1px solid lightgrey; display:block;}
.util_expandtext .link a {padding: 20px; display: block; text-decoration: none; width: 100%;  text-align: center;  font-weight: 700; font-size: 150%; color: #000032; }
.util_expandtext.open .link a { background-image: url(/images/6V0pOOR691i0LnFIVz7k08x04x.png);  background-size: 50px 32px; background-position: right 20px center; transition: background .2s ease-in-out;}
.util_expandtext.closed .link a { background-image: url(/images/HZcLZkt68vY55kAiQXQQ04x08x.png); background-size: 32px 50px; background-position: right 20px center; transition: background .2s ease-in-out;}
.util_expandtext .text {padding: 20px; border-left: 1px solid lightgrey; border-right: 1px solid lightgrey; border-bottom: 1px solid lightgrey;}
.util_expandtext li { list-style-type: disc; margin: 20px; }

@media( max-width: 1200px ){ 
	.whychooseus { width: 100%; padding: 0px 50px !important; }
}

@media( max-width: 900px ){ 
	.util_expandtext.open .link a {  background-size: 25px 14px; }
	.util_expandtext.closed .link a {  background-size: 14px 25px;}
}

@media( max-width: 700px ){ 
	.whychooseus { padding: 0px 20px !important; }
}

.services {background-image: url(/images/xsF4AfRSp2E6AkGA7Ssf0ui0jj.png), url(/images/2CDR7cKd8XtxBSEdrFGm0uh09r.png);background-position: left 0px, center center;height: 600px;background-size: 50% 100%, cover; }
.services.bath {background-image: url(/images/xsF4AfRSp2E6AkGA7Ssf0ui0jj.png), url(/images/c8JB2Z5PBtGxP0wFDyvl0uh09r.png);background-position: left 0px, center center;height: 600px;background-size: 50% 100%, cover;}
.services .content { width: 700px;}
.services.text-right { background-image: url(/images/zrfCTmI2pwreWTsf4izc0ui0jj.png), url(/images/0CwDx4fTqjLxUYoib4Rm0uh07b.jpg);background-position: right 0px, center center;height: 600px; background-size: 50% 100%, cover;}
.services.text-right .content  { position:relative; left: 50%; max-width: 700px; margin:0px 0px 0px 20px !important;  }
.services.text-right .link {position:relative; left: 50%; max-width: 300px; margin:0px 0px 0px 20px;}

.services.text-left { background-image: url(/images/zrfCTmI2pwreWTsf4izc0ui0jj.png), url(/images/2CDR7cKd8XtxBSEdrFGm0uh09r.png);background-position: right 0px, center center;height: 600px; background-size: 50% 100%, cover;}
.services.text-left .content  { position:relative; left: 50%; max-width: 700px; margin:0px 0px 0px 50px !important;  }
.services.text-left .link {position:relative; left: 50%; max-width: 300px; margin:0px 0px 0px 50px;}


.services .content h2 {padding: 200px 30px 0px 0px; font-size:250%;color: #ffffff;  text-transform:uppercase; font-weight:bold; }
.services .imagetop {display:none;}
.services .content {padding: 0px 60px 0px 100px !important;left: 0px; margin: 0px !important; max-width: 50% !important;}
.services .content p { padding: 20px 0px 0px 0px !important;  }
.services .link { padding: 50px 0px 0px 100px !important; }
.services .link a {display:inline-block; padding: 10px 20px 10px 20px !important; background-color: #000032; color: #ffffff; text-transform: uppercase; text-decoration:none;border-radius:5px;}
.services .link a:hover { color: #E8CACA; }


@media( max-width: 1200px ){
	.services .content h2 {padding: 100px 30px 0px 0px;  }
	.services .content { padding: 0px 60px 0px 50px !important;  }
	.services .link { padding: 50px 0px 0px 50px !important; }
}

@media( max-width: 950px ){
	.services .content, .services.text-right .content, .services.text-left .content { padding: 0px 20px 0px 20px !important; }
	.services .link, .services.text-right .link, .services.text-left .link { padding: 70px 0px 0px 20px !important; }
}

@media( max-width: 900px ){
	.services { background-image: initial;height:auto;  background-color:  #E8CACA; padding: 0px 0px 50px 0px;}
	.services.text-right, .services.text-left { background-image: initial; height:auto;  background-color:  #E8CACA; padding: 0px 0px 50px 0px;}
	.services .imagetop { display: block; width: auto;  height: 250px; background-size:cover;}
	.services .content h2 { padding: 20px 30px 0px 0px; font-size:200%; }
	.services .content, .services.text-right .content, .services.text-left .content  {height: initial;max-width: 100% !important; margin: 0px 0px 0px 0px !important; }
	.services.text-left .content {left: 0px;}
	.services.text-left .link {margin: 0px; }
	.services .link, .services.text-right .link { padding: 20px 0px 0px 20px !important; margin:0px 0px 0px 0px !important;}
	.services.text-right .content, .services.text-left .link { position:relative; left: 0px; }
	.services.text-right .link {position:relative; left: 0px; max-width: auto; margin: 0px;}
}


.banner {max-height: 500px;overflow:hidden;background-size: cover;width: 100%;height: 500px;}
.banner img {display: block;width: 100vw;min-height: 250px;object-fit: cover;max-height: 500px;   }

@media( max-width: 1000px ){
	.banner {max-height: 300px;}
}


.homepage .topcarousel {width: 100%; padding: 0px;height: 660px; }
.homepage .topcarousel .carousel { max-width: 100%; margin: 0px auto; text-align: center;  height: 660px; overflow: hidden; background-color: #000032; }
.homepage .topcarousel .carousel ul {width: 100% !important; }
.homepage .topcarousel  .carousel li {float: none;position: absolute;height: 660px;top: 0px; left: 0px; text-align: center; width: 100%; max-width: 100%; }
.homepage  .topcarousel .util_textbox  { display: block; height: 660px;width: 100%;margin: 0px auto;background-size: cover;background-position:center center;}

.homepage .topcarousel .util_textbox .content {opacity:0.9;max-width: unset;background-color: #000032; color: white;border-radius: 10px;right: 0px;width: 660px;padding: 0px;margin: 0px 0px 0px 50px;position: relative;top: 350px;height: 250px;}
.homepage .topcarousel .util_textbox .content .small {font-size: 100%;padding: 0px !important;margin: 0px auto 20px auto !important; max-width: 500px; }
.homepage .topcarousel .util_textbox .content p:first-of-type {margin: 20px 0px 0px 0px; font-size: 200%;  color: color: white; display: inline-block; font-weight: 900;}
.homepage .topcarousel .util_textbox .content a { display: inline-block; text-decoration: none; color: #C59292; background-color: #ffffff; text-transform: uppercase; padding: 10px 20px; border-radius: 5px; margin-top: 20px; font-size: 130%; }
.homepage .topcarousel .util_textbox .content a:hover {color: #ffffff; background-color: #C59292; } 

@media( max-width: 1400px ){
    .homepage .topcarousel #carouselitem-0 .util_textbox { background-image: url(/images/xsm89bPWhLc3hAJp4wGq0rs0go.jpg) !important;}
}


@media( max-width: 1300px )
{
	.homepage .topcarousel { height: 500px;}
	.homepage .topcarousel .carousel { height: 500px;}
	.homepage .topcarousel li { width: 100%; max-width: 1300px !important; height: 500px; }
	.homepage .topcarousel .util_textbox .content { padding: 0px;margin: 0px 0px 0px 20px;position: relative;top: 250px;height: 230px;}
    .homepage .topcarousel .util_textbox {height: 500px; }
}

@media( max-width: 700px )
{
	.homepage .topcarousel { height: 600px;}
	.homepage .topcarousel .carousel { height: 600px;}
	.homepage .topcarousel li { width: 900px !important; height: 600px; }
    .homepage .topcarousel .util_textbox {height: 600px; }
    .homepage .topcarousel .util_textbox .content { top: 350px; width: 400px; font-size: 80%; }
    .homepage .topcarousel .util_textbox .content p:first-of-type { margin: 0px 0px;}
	.homepage .topcarousel #carouselitem-0 .util_textbox, .homepage .topcarousel #carouselitem-4 .util_textbox  { background-image: url(/images/GIeSrqSxJ58OXOWpYvE20dw0go.jpg) !important;}
}

@media( max-width: 550px )
{
	.homepage .topcarousel li { width: 100vw !important; height: 600px; }
    .homepage .topcarousel .util_textbox {height: 600px; }
    .homepage .topcarousel .util_textbox .content { top: 360px; width: 100%; height: 250px; right: 0px; margin: 0px 0px; border: unset; border-radius: unset; }
    .homepage .topcarousel .util_textbox .content p:first-of-type { margin: 0px 0px; font-size: 170%;}
}


.homepage .util_textbox .content {max-width: 1200px;/* margin: 0px auto; */padding: 50px 100px 100px 100px;}
.homepage .calltoaction h2 { font-size: 200%; padding: 100px 0px 0px 0px; text-align: center;}
.homepage { padding: 0px 0px 0px 0px !important; }
.homepage li {list-style-type: none !important;}
 
.homepage .steps { background-color: #E8CACA; padding: 100px 0px; }
.homepage .steps>.titletxt {font-size: 250%; text-transform: uppercase; font-weight: bold; color: #ffffff;}
.homepage .steps .items { max-width: 1200px; margin: 0px auto;}
.homepage .steps .titletxt {text-align: center; }
.homepage .steps .introduction {text-align: center; max-width: 470px; margin: 0px auto;}
.homepage .steps .util_textbox {width: 33.3%; float: left;  background-size: 180px auto;}
.homepage .steps .util_textbox .content { color: #575757; position:relative; top: 0px; padding: 40px 20px 0px 20px;!important; min-height: 190px; text-align: center;}
.homepage .steps .util_textbox .titletxt { color: #575757; position:relative; top: 40px; text-transform: uppercase; font-weight: bold; font-size: 170%; }


.homepage .steps .util_textbox:nth-of-type(4) {display: block; text-align: center; width: 100%; }
.homepage .steps .util_textbox:nth-of-type(4) .imagetop {  display:block;  background-size:contain; height: 200px; width: 100%; clear: both; text-align: center; min-height: auto !important; margin-top: 50px !important; }
.homepage .steps .util_textbox:nth-of-type(4) .content { min-height: auto;  width: 100%;  }
.homepage .steps .util_textbox:nth-of-type(4) .link { width: auto; display:inline-block;   }
.homepage .steps .util_textbox:nth-of-type(4) .link a { color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: bold; border-radius: 5px;padding: 10px 20px; background-color: #C59292; font-size: 150%; }

.homepage .stats {padding: 100px 0px; background-size:cover; }
.homepage .stats .titletxt {max-width: 1200px; margin: 0px auto; text-align: center; font-size: 500%; font-weight: bold; color: #ffffff; padding: 0px 0px 40px 0px; font-family: MontserratBold; }
.homepage .stats .content { height: auto; text-align: center; font-weight: bold; padding: 0px; }


.camsocial { padding: 50px 0px; background-color: #f5f5f5;} 
.camsocial .imagetop {  height: 600px; background-size:cover; max-width: 1200px; margin: 0px auto;}
.camsocial .content {padding: 0px !important;}

@media( max-width: 1200px ) {
	.camsocial { padding: 50px 50px !important; } 
    .camsocial .imagetop {  background-size:contain; height: 500px;}
}

@media( max-width: 900px ) {
	.camsocial { padding: 20px 20px !important; } 
    .camsocial .imagetop {  height: 500px; }
}
@media( max-width: 700px ) {
    .camsocial .imagetop {height: 250px !important;background-size: contain;}
}

@media( max-width: 400px ) {
    .camsocial { padding: 0px 0px !important; } 
    .camsocial .imagetop {  height: 200px !important; background-size: cover; }
}

.calltoaction .content p:last-of-type { text-align:center;  }
.calltoaction a.btn {text-decoration: none !important; padding: 10px 10px; background-color: #C59292 !important; border-radius: 2px; color: #ffffff; margin-top: 20px; display: inline-block;}
.calltoaction a.btn:hover {color: #504549; }

ol li { list-style-type:  decimal !important;  list-style-position: outside; margin: 20px; }
ol > li::marker { font-weight: bold; }

.fullwidth { clear: both; background-color: #d9d9d9; background-image: linear-gradient(315deg, #d9d9d9 0%, #f6f2f2 74%); }
.fullwidth .util_textbox { max-width: 1200px; margin: 0px auto; padding: 50px 0px;  }
.fullwidth .util_textbox .imageleft { float:left; width: 50%; }
.fullwidth .util_textbox .imageright { float:right; width: 50% }
.fullwidth .util_textbox .imagetop {display: none;}
.fullwidth .util_textbox.textbox-left  .content {float: right;  width: 50%;max-width: auto !important;  }
.fullwidth .util_textbox.textbox-right .content {float: left;  width: 50%; max-width: auto !important;}

.fullwidth .util_textbox.textbox-left  img { width: 500px; height: auto; transform: rotate(-10deg);}
.fullwidth .util_textbox.textbox-left:hover img, .fullwidth .util_textbox.textbox-right:hover img { transform: rotate(0deg); transition-duration: 0.5s; }
.fullwidth .util_textbox.textbox-right  img { width: 500px; height: auto; transform: rotate(10deg);}
.fullwidth .util_textbox .content h3 { font-size: 150%; font-weight: 900px; padding-bottom: 20px;  }
.fullwidth .content a.btn { font-weight: 900; margin-top: 20px; display: inline-block; text-decoration: none !important; background-color: #C59292; color: #ffffff; padding: 10px 20px; border-radius: 2px; }
.fullwidth .content a.btn:hover { color: #504549;  }

/*
.boxes .titletxt {text-align: center; padding: 50px 0px; font-size: 200%}
.boxes .imageleft, .boxes .imageright {  display:none; }
.boxes .util_textbox {width: 25%; float: left;}
.boxes .util_textbox img {width: 100%; height: auto; border: 1px solid white; display:block; }
.boxes .util_textbox img:hover { transform: scale(1.05); transition-duration: 0.5s; }
.boxes .util_textbox  .imagetop { height: 100%; overflow: hidden;  }
.boxes .util_textbox .content {padding: 0px; text-align: center; width: 100%; border-left: 1px solid #dddddd; font-size: 200%; padding: 20px 0px; text-transform: uppercase; }
.boxes p {padding: 0px; }
*/

.boxes {background-color: #f5f5f5;}
.boxes .items { padding: 20px 0px;max-width: 1200px;margin:  0px auto;}
.boxes .titletxt {text-align: center; padding: 50px 0px; font-size: 200%}
.boxes .imageleft, .boxes .imageright {  display:none; }
.boxes .util_textbox {width: 25%;float: left;border: 10px solid #f5f5f5;}
.boxes .util_textbox img {width: 100%;height: auto;display:block;border-radius: 10px 10px 0px 0px;}
.boxes .util_textbox img:hover { transform: scale(1.05); transition-duration: 0.5s; }
.boxes .util_textbox .imagetop { height: 100%; overflow: hidden;  }
.boxes .util_textbox .content {padding: 0px; text-align: center; width: 100%; background-color: #000032; color: white; font-weight:900; font-size: 140%; padding: 20px 0px; text-transform: uppercase; border-radius: 0px 0px 10px 10px;}
.boxes p {padding: 0px; }

.classes {padding: 0px !important;}
.classes .content p { margin-bottom: 50px;}

.teachers .fullwidth {background: none; }
.teachers .fullwidth .util_textbox img  { width: 430px; height: auto}
.teachers .fullwidth .util_textbox .imageright, .teachers .fullwidth .util_textbox .imageleft {text-align: center}

.layoutcontent .std_contentpage { padding: 0px 0px 100px 0px; }
.layoutcontent .std_contentpage:not(.homepage) .components { max-width: 1200px; margin: 0px auto;}

.layoutcontent h1 { font-size: 250%;padding: 50px 0px 50px 0px;text-align: center;  }
.layoutcontent .content  {max-width: 1200px; margin: 0px auto; padding: 0px 100px 0px 100px;}
.layoutcontent .pageabstract { max-width: 1200px; margin: 0px auto; font-size: 120%; padding: 0px 100px 20px 100px; }
.layoutcontent .surv_standard  {max-width: 1200px; margin: 0px auto; padding: 0px 0px 100px 0px; }




.layoutcontent .std_contentpage img.right { margin: 30px;max-width: 50%;height: auto;float:right;  -webkit-box-shadow: 7px 7px 5px rgba(151,142,143,50);-moz-box-shadow:7px 7px 5px rgba(151,142,143, 50); box-shadow: 7px 7px 5px rgba(151,142,143, 50); }
.layoutcontent .content a {text-decoration: underline;}
.layoutcontent .resources li, .loggedin .introduction li { padding: 10px 0px 10px 20px; list-style-type: disc; list-style-position: inside; padding-left: 20px; }
.layoutcontent .right img {margin-left: 30px;}
.layoutcontent .std_contentpage img.left { margin: 0px 30px 30px 0px !important; -webkit-box-shadow: 7px 7px 5px rgba(151,142,143,50);-moz-box-shadow:7px 7px 5px rgba(151,142,143, 50); box-shadow: 7px 7px 5px rgba(151,142,143, 50); }
.layoutcontent .content .pagecontent_inner ul {padding: 10px 20px;}
.layoutcontent .content .pagecontent_inner ul li {list-style-type:disc;list-style-position: outside;padding: 0px 0px 0px 5px;}
.layoutcontent .content .pagecontent_inner ol li { list-style-position: outside;padding: 0px 0px 0px 5px;}
.layoutcontent .content .pagecontent_inner table { margin: 30px 0px; border: 1px solid black; }
.layoutcontent .content .pagecontent_inner td {border: 1px solid black; padding: 10px 10px;}

.vacancies .util_textbox_inner { padding: 0px 20px 50px 20px !important; max-width: 1200px; margin: 0px auto; }
.vacancies .util_textbox_inner .titletxt { font-weight: 900; }
.vacancies .content { padding: 20px 0px !important;}
.vacancies .link {background-color: #CCCCCD;padding: 10px;}
.vacancies .link a { color: white; text-decoration:none; text-transform: uppercase; font-weight: 900;  }
.vacancies .link a:before { font-family: FontAwesomeSolid; content: '\f56d'; padding-right: 10px; }
.vacancies .link a:hover { color: #504549;  }
.vacancies li { list-style-type: disc !important; margin: 0px 0px 10px 25px;}

.util_textbox.banner {height: 400px; width: 100%; background-position: center; background-size: cover; }

@media( min-width: 1500px ) {
     .util_textbox.banner {height: 600px;width: 100%;background-position: center;background-size: cover;}
}

@media( max-width: 700px ) {
     .util_textbox.banner {height: 250px;}
}

.event_classpage .classes .button { background-color: #ffffff; color: black; padding: 10px 20px; border: 1px solid black;  text-decoration: none; trasition: all 0.3s ease-in-out; }
.event_classpage .classes, .event_classpage .form {clear: both;}
.event_classpage .description ul {margin: 0px 0px 30px 0px;padding-left: 50px;}
.event_classpage .description li {padding: 10px 0px 0px 0px;list-style-type: disc;list-style-position: outside;}


.event_list { max-width: 1200px; margin: 0px auto;}
.event_list .titletxt {font-size: 190%; text-align: center; margin: 50px 0px; }
.event_list li {  min-height: 220px; border: 1px solid #cccccca6; padding: 20px; box-shadow: 5px 5px #cccccca6; margin: 0px 0px 50px 0px;}
.event_list .bgimage { float: left;  margin: 0px 20px 0px 0px; background-size: cover; border: 1px solid white; border-radius: 100%; height: 170px; width: 170px; }
.event_list li:after {content: ''; display:table; }
.event_list a { text-decoration: none; }
.event_list li .name a { font-family: sans-serif, Arial; font-weight: bold; padding: 20px 0px 10px 0px; display:block; }
.event_list .date:before { font-family: FontAwesomeSolid; content: '\f073';  min-width: 35px; display: inline-block;}
.event_list .time:before { font-family: FontAwesomeSolid; content: '\f017';  min-width: 35px; display: inline-block;}
.event_list .location:before { font-family: FontAwesomeSolid; content: '\f041'; min-width: 35px; display: inline-block;}
.event_list .location { padding-bottom: 20px;}
.event_list .link a { border: 1px solid black; padding: 10px 20px; position:relative; background-color: #ffffff; color:black;  transition: all 0.3s ease-in-out; }
.event_list .link a:hover { background-color: black; color: #ffffff; }

.bookcustom .description {float: left; margin: 5px 10px 10px 0px;}


.hub .util_container {max-width: 1200px; margin: 50px auto; }
.hub .util_container .titletxt {font-size: 150%; padding: 0px 0px 0px 0px;}
.hub .util_textbox { float: left;}
.hub .util_textbox .imagetop img { text-align:center;  height: auto; width: 300px; }
.hub .util_textbox .content { display: none; margin: 0px;  font-size: 150%;  padding: 0px !important; left: 10px; margin-top: -30px;} 
.hub .util_textbox .content h2 {text-align: center; font-weight: 900; padding: 0px !important; }

.teachers table { table-layout: auto; }
.teachers table tr.text-right td {vertical-align: middle;padding: 60px 0px 0px 0px; width: 50%;}
.teachers table tr.text-left  td { vertical-align: middle; padding: 60px 0px 0px 0px; width: 50%; }
.teachers table tr.text-left td.image {text-align: right; }
.teachers table tr.text-right td.image {text-align: left; }
.teachers table tr.text-right td.image img { transform: rotate(-10deg); }
.teachers table tr.text-left td.image img { transform: rotate(10deg);}
.teachers table td  img {width: 350px; height: auto; }

.teachers_portal {max-width: 1200px; margin: 0px auto; }
.teachers_portal h2 {font-size: 150%; }
.teachers_portal .eventdetails {padding: 10px 0px}


.trustpilot { clear: left; background-color: #000032; padding: 20px 0px; }


.footer, .layoutcredits, .supported {background-color:#f5f5f5; color: #504549; clear: both; }
.footer a {text-decoration: none;}
.footer .titletxt {margin-bottom: 20px; color: #504549; font-size: 150%;}
.footer>.items {max-width: 1200px; margin: 0px auto; padding: 50px 0px 0px 0px; }
.footer .items .nav_sitemap {float:left; width: 33.3%}
.footer .items .nav_sitemap li {line-height: 2}
.footer .items .nav_sitemap li a:hover { border-bottom: 1px solid; }
.footer .items .util_textbox {float:left; width: 33.3%;}
.footer .items .social { float:left; width: 33.3%;}
.footer .items .social .nav_linklist {  width: 100px; display:block; height: 100px; padding-top: 0px; margin: 0px; }
.footer .items .social .nav_linklist a {width: 25px; height: 25px; float: left;  margin-right: 10px; color: #C59292}
.footer .items .social .nav_linklist a:hover { color: #504549}
.footer .items .social .nav_linklist li.link1 a:before { font-family: FontAwesomeBrands; content: '\f16d'; font-size: 200%;}
.footer .items .social .nav_linklist li.link2 a:before { font-family: FontAwesomeBrands; content: '\f082'; font-size: 200%;}
.footer .items .social .int_newsletter {margin: 0px; padding: 0px;}
.footer .int_newsletter form {padding: 0px; width: auto; margin: 0px; }
.footer .items .social .int_newsletter .message {margin: 0px 0px 20px 0px; }
.footer .items .social .int_newsletter .label {display: none; }
.footer .items .social .int_newsletter input {float: left; height: 40px;  margin: 0px 10px 10px 0px;  }
.footer .int_newsletter .titletxt {padding: 0px 0px 0px 0px; }
.footer .items .util_textbox a  {text-decoration: underline;}


.supported { display: block;  width: 100%; }
.supported .items {max-width: 1200px;margin: 0px auto; border-top: 1px solid lightgrey; padding: 20px 0px;} 
.supported .util_textbox { width: auto; float:left; padding: 20px 20px 20px 0px; }
.supported .imagetop {line-height: 150px; }
.supported .titletxt {display:none !important;}
.supported img {width: 200px;height: auto; vertical-align:middle;  }


.layoutcredits .beachshore, .layoutcredits .copyright, .registered  {text-align:right; padding:0px  20px; background-color: #f5f5f5; margin: 0px; }
.registered p {margin: 0px; padding: 0px;  }

.surv_standard {padding-top: 50px !important;}
//.surv_standard form {background-color: #f5f5f5;padding: 0px 50px 50px 50px;width: 100%;box-shadow: 5px 5px #cccccca6;}
.surv_standard form { margin: 0; padding: 0; box-sizing: border-box;  padding: 24px;padding-bottom: 60px; border: 1px solid #d3dce6; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); border-radius: 4px; margin-bottom: 24px;}
.surv_standard .titletxt {font-size: 200%;padding: 50px 0px 50px 0px;text-align: center;}
.surv_standard .label {/*  display: none; */}
.surv_standard .field_section .label, .surv_standard .field_group>.label { border-bottom: 1px solid lightgrey; font-size: 140%; margin: 40px 0px;  }
.surv_standard .label { display: block; font-weight: 700}
.surv_standard .form .formbuilder { padding: 20px 5px 50px 5px !important; }
.surv_standard .form div { padding: 0px 0px 5px 0px; }
.surv_standard #fb-1-div {float: left; width: 50%; box-sizing: border-box; padding-right: 10px;  }
.surv_standard #fb-2-div {float: left; width: 50%; box-sizing: border-box; padding-left: 10px;}
.surv_standard input[type=text], .surv_standard textarea {width: 100%;}
.surv_standard .confirm {padding: 50px;}
.surv_standard  .message { padding-bottom: 20px; color: red; }
#fb-390-div .description, #fb-442-div .description  {font-size: 100%; font-weight: 700; }
.surv_standard .field_grid table { clear:both; width: 100%; margin-bottom: 20px;}
.surv_standard .field_grid table tr:first-child th {text-align: center;/* vertical-align: middle; */}
.surv_standard .field_grid table td {text-align: center;}
.surv_standard .field_grid .description {font-weight: bold;}
.surv_standard.application .label {display: block; font-weight: 900;}
.surv_standard .field_group {/* max-width: 600px; */}
.surv_standard .field_group table th {text-align:left; }

#fb-506-div .field_grid, #fb-543-div .field_grid, #fb-609-div .field_grid { max-width: 600px; }
#fb-508-div  .field_grid table th, #fb-528-div .field_grid table th { text-align: center !important;  }

.impact .label { display: block !important; }
.impact .field_group { background-color: #ffffff; margin: 20px; padding: 20px !important; }
.impact .field_group>.label { font-weight:bold; padding-bottom: 20px; }
.impact tr:first-of-type th  { padding: 5px; text-align: center; }
.impact th { padding: 10px; text-align: left; }
.impact td { text-align: center; vertical-align:middle; } 
#fb-262-div th:first-of-type, #fb-303-div th:first-of-type {max-width: 450px; }

.shop_basket form input[type=button], .shop_basket form input[type=submit] {margin: 10px 10px 10px 0px;}

.surv_standard.ambassabor .formbuilder {width: 75% }
.surv_standard.ambassabor .label {display:block; margin-bottom: 10px; margin-top: 10px;}
#fb-69-div .label, #fb-63-div .label, #fb-66-div .label, #fb-79-div .label, #fb-76-div .label  {display:block;}
.surv_standard .description {font-size: 90%;}

.teachers_onboardingform { max-width: 1200px; margin: 0px auto; padding: 20px 100px !important;}
.teachers_onboardingform .surv_standard {clear: both; }
.teachers_onboardingform  .field { margin: 20px 0px; }
.teachers_onboardingform  .field_group>.label { display: block; font-size: 140%; }
.teachers_onboardingform .label {display: block; padding: 0px 0px 10px 0px; font-weight:bold;}
.teachers_onboardingform li {float: left; width: 33.3%; }
.teachers_onboardingform .description {font-size: 95%; }

/* Login */
.memb_loginbox, .memb_account { max-width: 1200px; margin: 0px auto; padding: 0px 100px; }
.memb_account .text {margin-top: 20px;}
.memb_loginbox .titletxt, .memb_loginbox .titletxt { font-size: 200%; padding: 20px 0px 20px 0px; }
.memb_loginbox form, .memb_account form  { margin: 0; padding: 0; box-sizing: border-box;  padding: 25px;padding-bottom: 60px; border: 1px solid #d3dce6; margin-bottom: 24px; border-radius: 4px;}
.memb_loginbox form .label {display: none;}
.memb_loginbox form input[type=text], .memb_loginbox form input[type=password]  {width: 50%; margin-bottom: 10px;}
.memb_loginbox form .stayloggedin {float: left; font-size: 80%; }
.memb_loginbox form .login { float: right; }
.memb_loginbox .status { padding: 20px 0px 40px 0px;; }
.memb_loginbox .forgotpw {display: block; clear: both;}



.memb_account form #fb-MembFirstName-div, .memb_account form #fb-Surname-div, .memb_account form #fb-MembSurname-div { float: left; width: 50%; margin-top: 10px; padding: 0px 10px 20px 0px; }
.memb_account form .label {display: none; }
.memb_account  #fb-MembExtDueMonth-div, .memb_account  #fb-MembExtDueYear-div, .memb_account  #fb-MembExtDueDay-div  { float: left;  margin-top: 10px; padding: 10px 10px 20px 0px; }
.memb_account  #fb-MembExtDueMonth-div select, .memb_account  #fb-MembExtDueYear-div select, .memb_account  #fb-MembExtDueDay-div select { width: 170px; }
.memb_account form #fb-8-div .label {display: block; }
.memb_account  #fb-8-div {margin-top: 20px;}
.memb_account form #fb-MembPassword-div {margin-top: 10px;padding: 0px 10px 10px 0px;}
.memb_account form input[type=text], .memb_account form input[type=password] {width: 100%; margin: 10px 10px 0px 0px; box-sizing: border-box;}
.memb_account .buttons { float:right; padding: 20px 0px; }
#fb-MembGdprOptIn-div {margin: 10px 0px;}
#fb-MembGdprOptIn-div .description {float: left; width: 75%; font-size: 90%; }
#fb-MembGdprOptIn-div input[type=checkbox] { width: 20%}
#fb-MembExtFirstBorn-div {clear: left;    }
#fb-MembExtFirstBorn-div .description {clear: left; float: left; width: 75%; font-size: 90%; }
#fb-MembExtFirstBorn-div input[type=checkbox] { width: 20%}


.form_profile .label {display: block !important; margin-top: 10px; }
.form_profile #fb-32-div, .form_profile #fb-33-div, .form_profile #fb-32-div, .form_profile #fb-37-div {float: left;margin-right: 20px;} { float: left; margin-right: 20px;}
.form_profile #fb-29-div {clear: both; padding-top: 20px !important;}
.form_profile #fb-29-div .label {display:none !important; }
.form_profile #fb-29-div .description {float: left; width: 75%; font-size: 90%; }
.form_profile #fb-32-div select, .form_profile #fb-33-div select, .form_profile #fb-32-div select, .form_profile #fb-37-div select {width:150px;}

.formbuilder .fbdropzone { background: #ffffff; width: auto; display:inline-block; padding: 0px !important; }
.formbuilder .dz-image { float: left; margin: 0px 10px 0px 0px; }
.formbuilder .dz-clickable {cursor: pointer;content:'Add document';padding: 7px 20px !important;border: 1px solid #C59292;border-radius: 5px;overflow: hidden;font-size: 90%;font-family: Arial;}
.formbuilder .dz-clickable:before {content: 'Upload Documents'; display: inline-block; color: #C59292; text-transform: uppercase}
.formbuilder .dz-preview {cursor: pointer;margin: 20px 10px 10px 0px;padding: 20px !important;height: 90px;width: 100%;background-color: #ffffff; border: 1px solid grey }
.formbuilder .dz-preview .dz-details { padding: 0px 0px 20px 0px; width: 100%; }
.formbuilder .dz-preview .dz-success-mark { display: none; }
.formbuilder .dz-preview .dz-error-mark { display: none; }
.formbuilder .dz-image img {max-width: 250px; max-height: 150px;}
.formbuilder .dz-preview .dz-size {float: left; padding-right: 20px;}
.formbuilder .dz-preview .dz-size {float: left; padding-right: 20px;}
	.formbuilder #fb-TeachQualificationDoc-dzobject .dz-preview, 
	.formbuilder #fb-TeachInsuranceDoc-dzobject .dz-preview, 
	.formbuilder #fb-TeachSafeguardingDoc-dzobject .dz-preview,
	.formbuilder #fb-TeachNCTLicenceDoc-dzobject .dz-preview {display:none;}

.formbuilder .preview-images {clear: both; display: inline-block width: 100%; margin: 20px 0px;}
.formbuilder .preview-images a {position: relative; top: -10px; }

//.formbuilder .field_dynamic { padding: 50px !important; }
//.formbuilder .field_dynamic .item {display: flex; column-gap: 10px;}
.formbuilder .removelink {vertical-align:center; line-height: 94px;  }
//.formbuilder a {vertical-align:center; border: 1px solid #C59292; padding: 8px 20px; border-radius: 5px; background-color: white; color: #C59292; text-decoration: none; text-transform: uppercase}

.errors { padding: 20px; color:red; border: 1px solid red; margin-bottom: 20px;}

/* Carousels */
.feat_carousel { background-color:#e8e9eb; padding: 50px 0px; } 
.feat_carousel .carousel { overflow: hidden; position: relative; max-width: 1200px; margin: 0px auto;}
.feat_carousel .carousel ul { width: 20000em; position: relative; }
.feat_carousel .carousel li {text-align: center;float: left;/* width:  100%; */}
.skip { height: 15px;  max-width: 1200px; margin: 15px auto 0px auto; }
.skip a { display: block; float: left; width: 15px; height: 15px; background-color: #ffffff; margin: 0px 5px 5px 0px; font-size: 0px; }
.skip a.active { background-color: #C59292; }

.testimonial {background-color: #000032;}
.testimonial .util_textbox .content {max-width: 800px;margin: 0px auto;padding: 100px 100px 0px 100px !important;background-image:url(/images/J3UyJ2IkCFZxJcVxpMXy.svg);background-position: center 40px; background-size: auto 40px;}
.testimonial .util_textbox {background-color: #ffffff;  height: 300px; margin: 0px 20px 0px 0px; border-radius: 20px; }
.testimonial .skip a.active {background-color:#00b67a !important;}

.perks {text-align: center; background-color: #ffffff; cursor:pointer; }
.perks .feat_carousel {padding: 20px 0px; border: 1px solid;}
.perks .titletxt {font-size: 200%; padding: 20px 0px 20px 0px;  }
.perks .introduction {max-width: 1200px;  ;margin: 0px auto; text-align:right; }
.perks .introduction p { padding-bottom: 5px; font-size: 90%; }
.perks .introduction a { text-decoration: none; }
.perks li {height: 170px;line-height: 170px;padding: 0px 0px;border-bottom: 1px solid;border-top: 1px solid #504549;width: 260px !important;margin: 0px 0px;}
.perks img {vertical-align: middle;max-width: 230px;height: auto;margin: 0px 0px;}
.perks .skip { display: none;}


.feat_social {max-width: 1200px; margin: 50px auto;}
.feat_social .titletxt {text-align: center; padding: 0px 0px 50px 0px; font-size: 200%;}
.feat_social ul { float: left; max-width: 33.3%; padding: 0px; margin: 0px; }
.feat_social .more {clear: both; text-align:center; margin-top: 20px; display: inline-block; }
.feat_social li {cursor: pointer; text-indent:  unset !important; float: left; width: 100%; list-style-type: none !important; padding: 0px !important; margin: 0px !important;}
.feat_social li .image {border: 5px solid white;vertical-align: middle;line-height: 100%;}
.feat_social li .image img, .feat_social li video {width: 100%;height: auto;display: block;line-height: 100%;}
.feat_social li .video { border: 5px solid #ffffff;}
.feat_social li .created {display: none;}
.feat_social li .logo {display: none}
.feat_social li .text { display: none;}
.feat_social li .age {display: none;}
.feat_social:after { content: ""; display: table; clear: both; }



.layoutcontent .list_article {max-width: 1200px; margin: 0px auto; padding: 0px 100px;}
.layoutcontent .list_article .article {padding: 20px;border: 1px solid black; margin: 20px 10px;}
.layoutcontent .list_article .article:after { content: ""; display: table; clear: both; }
.layoutcontent .list_article .image {float: left; width: 50%; padding: 20px 20px 0px 20px; box-sizing: border-box;  }
.layoutcontent .list_article img { height: auto; width: 100%; dispaly: inline-block;}
.layoutcontent .list_article .created { float: right; width: 50%; padding: 0px 0px 20px 20px;  box-sizing: border-box; }
.layoutcontent .list_article .headline  { float: right; width: 50%; padding: 20px 0px 10px 20px;  box-sizing: border-box; font-size: 150%;   }
.layoutcontent .list_article  a {text-decoration: none;}
.layoutcontent .list_article .abstract {float: right;width: 50%;padding: 0px 0px 0px 20px;box-sizing: border-box;line-height: 1.5;}
.layoutcontent .list_article .link  { float: right; width: 50%; padding: 50px 0px 20px 20px;  box-sizing: border-box; }
.layoutcontent .list_article .link a { color: black; border: 1px solid black;  padding: 10px 20px; transition: all 0.3s ease-in-out;} 
.layoutcontent .list_article .link a:hover { background-color: black;  color: #ffffff; } 

.std_newsarticlea { max-width: 1200px; margin: 0px auto; padding: 0px 100px; min-height: 800px; }
.std_newsarticlea .created {padding: 0px 0px 20px 0px;font-weight: 700;}
.std_newsarticlea .image { display: none; }
.std_newsarticlea .abstract {font-weight: 700; line-height: 1.5;}
.std_newsarticlea .right {float: right;padding: 20px 0px 20px 20px;}
.std_newsarticlea .media {padding: 50px 0px;}
.std_newsarticlea .media .jwplayer {max-width: 100%; max-height: auto; height: auto;}

/* Mini calendar */

.event_minical {clear:left; min-height: 500px; margin: 0px auto 0px auto; background-color: #ffffff; width: 50%; padding: 20px; max-width: 800px; }
.event_minical .titletxt  { font-size: 175%; color: #C59292; margin: 0px 0px 10px 0px; }
.event_minical .header { margin-bottom: 5px; text-align: center; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding: 5px 0px 5px 0px; font-size: 120%;}
.event_minical .header #prev { width: 30px; float: left; cursor: pointer; }
.event_minical .header #next { width: 30px; float: right; cursor: pointer;}
.event_minical table {table-layout: unset;width: 100%;}
.event_minical table th {text-align: center; }
.event_minical table td { height: 50px;vertical-align: top; padding: 2px; border-left: 1px solid #f2f2f2;; border-bottom: 1px solid #f2f2f2; width:55px;} 
.event_minical table tr td:last-of-type {border-right: 1px solid #f2f2f2; } 
.event_minical table .datecell { text-align: center;  }
.event_minical table .nextmonth {color: #f2f2f2; }
.event_minical .today { background-color: #f2f2f2; }
.event_minical .daycell {cursor:pointer;}
.event_minical .daycell .event_content {display: none; }
.event_minical .daycell .event { display: inline-block; height: 5px; width: 5px; background-color: #C59292; margin: 1px; border-radius: 20px;}
.event_minical .dayview .close { background-image: url(/images/qjNHwXnn08ubkXIln2k900f00f.png); height: 15px; width: 100%; background-position: right 0px; cursor: pointer; }
.event_minical .dayview { border: 1px solid #f2f2f2; padding: 10px; height: 400px; overflow-y: scroll;}
.event_minical .dayview .date {padding-bottom: 10px; font-weight: 900;}
.event_minical .dayview .title {padding-bottom: 10px; font-weight: 900;}

.whatson {background-color: #f5f5f5;padding: 50px 50px;} 


.event_eventpage { max-width: 1200px; margin: 0px auto; padding: 50px; }
.event_eventpage .date { font-weight: bold}
.event_eventpage .article { margin: 20px 0px;}
.event_eventpage .article li {list-style-type: disc; margin-left: 30px;}
.event_eventpage .image { margin: 20px 0px; float:right;}
.event_eventpage .book {clear: both;}
.event_eventpage .book h2 {font-size: 150%; }
.event_eventpage form {background-color: #f5f5f5;padding: 50px 50px;  }
.event_eventpage .field_text { float: left; width: 50%; padding: 0px 10px 20px 0px; }
.event_eventpage input[type=text] { float: left; width: 100%; }
.removelink, .addlink { display: none; }
.event_eventpage  img {max-width: 100%; height: auto; padding-left: 20px;}
.event_eventpage input[type=submit] {clear:both; display: block; }

@media( max-width: 700px )
{
	.event_eventpage .image {float:none; }
	.event_eventpage  img { padding-left: 0px; }
	.event_eventpage .field_text { float: none; width: 100%; padding-left: 0px; }
}



/* All class lists */
.layoutcontent .event_classlist>h2 {display: none;}
.layoutcontent .event_classlist:before {content: 'Upcoming sessions'; text-align: center !important;  font-size: 150%; margin-bottom: 20px; display: block; }
.layoutcontent .event_classlist {max-width: 1200px;margin: 0px auto;   }
.layoutcontent .event_classlist li>* {float: left;/* min-height: 40px; */line-height: 40px !important;text-align: left;}
.layoutcontent .event_classlist li.event {clear: both;padding: 5px 10px 0px 70px !important;border-bottom: solid #f5f5f5 1px;/* line-height: 40px; */}
.layoutcontent .event_classlist li.event_available:hover, .layoutcontent .event_classlist li.event_basket:hover { background-color: #f5f5f5; cursor: pointer; }
.layoutcontent .event_classlist li .status {width: 50px;border-radius: 10px;padding: 0px 0px;text-align: center;font-weight: bold;margin-left: -60px;}
.layoutcontent .event_classlist li .category { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin-left: 5px; }
.layoutcontent .event_classlist li .divider { float: none; min-height: 0px; line-height: 0px !important; padding: 0px; height: 5px; clear: both; }
.layoutcontent .event_classlist li.event_available .status { background-color: #dcbebe; color: #ffffff; cursor: pointer; }
.layoutcontent .event_classlist li .quantity {display: block; float:right; padding-right: 5px;}


.layoutcontent .event_classlist li.event_full .status i:before {content: 'Sold out';  font-size: 75%; color: #ffffff; font-family: OpenSans; }
.layoutcontent .event_classlist li.event_full .quantity  {display: none;}

.layoutcontent .event_classlist li.event_full .status  { background-color: lightgrey; color: #ffffff; height: 45px;}
.layoutcontent .event_classlist li.event_basket .status { background-color: #C59292; color: #ffffff; cursor: pointer; }
.layoutcontent .event_classlist li.event_booked .status { background-color: #00dd00; color: #000000; }
.layoutcontent .event_classlist li.event_cat1 .category { background: #6688ff; }
.layoutcontent .event_classlist li.event_cat2 .category { background: #00dd00; }


.layoutcontent .event_classlist li.event_cat6 { background-image: url('/images/igYUp5xSxwEAYsKL0Lqc0c305p.png'); background-size: 45px auto; background-position: center right; }
.event .event_cat6 { background-image: url('/images/igYUp5xSxwEAYsKL0Lqc0c305p.png'); background-size: 60px auto; background-position: center right; position: absolute; bottom: 10px; right: 20px; width: 60px; height: 45px;}

/* Hide Full Barnardos & Little Village classes */
.layoutcontent .event_classlist .event_cat6.event_full { display: none; }


.layoutcontent .event_classlist li.event_cat7 {background-image: url("/images/nzyEg9jR2xbQg4FlH94n0hj05p.png"); background-size: 50px auto; background-position: center right;}
.layoutcontent .event_classlist li.event_cat9  { background-image: url("/images/8LqHWQ8gLtri5f8ZR0Fy.svg"); background-size: 20px auto; background-position: center right;}
.event .event_cat7 { background-image: url("/images/nzyEg9jR2xbQg4FlH94n0hj05p.png"); background-size: 60px auto; background-position: center right; position: absolute; bottom: 10px; right: 20px; width: 60px; height: 45px;}
.homeclasses li.event_cat9 {display:none;}

/* Course page */
.event_coursepage h2 {font-size: 120%; font-weight: 900; padding: 20px 0px;;}
.event_coursepage>.abstract {font-size: 110%; font-weight:700 }
.event_coursepage .courseteachers, .event_coursepage .venue, .event_coursepage form   { clear: both; margin: 40px 0px; }
.event_coursepage .courseteachers .teacher_details { clear: both; }
.event_coursepage .courseteachers .name {font-weight: 900; padding: 20px 0px 0px 0px; }
.event_coursepage .courseteachers .profile {float: left; padding: 25px  20px 0px 0px;}
.event_coursepage .courseteachers .biography {padding: 10px 0px 0px 0px; }
.event_coursepage .sessions li {margin: 10px 0px; padding: 10px; background-color:#f2f2f2; }
.event_coursepage .price {float:right; margin:10px 0px; } 
.event_coursepage .addtocart { clear:both; float:right; font-weight: 700;  } 
.event_coursepage #map {width: 50%; height: 400px; float: left;  }
.event_coursepage .venue .details {width: 49%;float: right; height: 400px; display:flex;background-position: center 30%; background-size: cover;background-color:#795548;}
.event_coursepage .address  {color: #ffffff;font-weight: bold;width: 100%;padding: 70px 20px 20px 20px;box-sizing: border-box;align-self: flex-end; background-image: linear-gradient( rgba(255,0,0,0), #c59292), url(/images/xYHacLrcRgy6n0d1Y7n401e029.png);  background-size: 100% 100%, 25px auto; background-position:  100%, 20px 20px;  background-repeat:no-repeat;}
.event_coursepage .venue .image { background-size: cover; }
.event_coursepage .type {float:right; }
.event_coursepage .events .abstract {font-size: 90%; }
.event_coursepage .description img { max-width: 100%; height: auto; -webkit-box-shadow: 7px 7px 5px rgba(151,142,143,50); -moz-box-shadow: 7px 7px 5px rgba(151,142,143, 50); box-shadow: 7px 7px 5px rgba(151,142,143, 50);}
.event_coursepage blockquote  { padding: 50px; color: white; background-color: #c59292;}
.event_coursepage blockquote em {color:white;}

@media( max-width: 1044px )
{
	.event_coursepage .details {clear: both; padding-bottom: 20px;}
	.event_coursepage #map { width: 100%; float:none; clear: both; }
	.event_coursepage .venue .details { float: none; padding: 0px 0px 20px 0px; width: 100%; padding: 0px; margin-bottom: 20px; }
}

@media( max-width: 550px )
{
	.event_coursepage .courseteachers .name { clear: both;}
	.event_coursepage .courseteachers .biography { clear: both; }
	.event_coursepage .courseteachers .profile { text-align: center;  width: 100%; }
	.event_coursepage blockquote { padding: 20px; }
}

/* Venue Page */
.feat_venue {margin: 50px;  min-height: 1000px; max-width: 1080px;margin: 0px auto;}
.feat_venue .events::after {content: ''; display: table; clear: both;  }
.feat_venue .events .event {text-align:center; background-color: #f5f5f5; width: 48%;padding: 20px;margin: 20px 1%;box-sizing:border-box;float: left; max-height: 400px; height: 400px;}
.feat_venue .events .event .name { font-size: 120%; font-weight: 700; margin: 20px 0px;}
.feat_venue .events .event .abstract, .feat_venue .events .event .date, .feat_venue .venueaddress   { margin: 20px 0px; } 
.feat_venue .venuename {font-size: 120%; font-weight: 700;}
.feat_venue .events a {text-decoration: none; margin: 20px; display:inline-block; border: 1px solid #C59292; background-color: #ffffff; color: #C59292; padding: 10px 20px; text-transform: uppercase; border-radius: 5px;}
.feat_venue .events a:hover {background-color:#C59292; color: #ffffff; }
.feat_venue .events .price { font-size: 110%; font-weight: 700;}
.feat_venue .events .placesremaining {color:#ff2525;}

@media( max-width: 850px )
{
	.feat_venue { margin: 50px; }
	.feat_venue .events .event {width: 100%; float: none; margin: 20px 0px;}
}
@media( max-width: 700px )
{
	.feat_venue {margin: 20px;}
}


/* Homepage class list */
.layoutcontent .homeclasses .components { max-width: 1200px; margin: 0px auto; padding: 0px 100px;}
.layoutcontent .homeclasses li { list-style-type: none !important; }
.layoutcontent .homeclasses li.date { padding-bottom: 10px; clear: both; font-weight: 900; border-bottom: solid black 1px; padding-top: 40px !important; }
.layoutcontent .homeclasses li.event {clear: both;padding: 5px 10px 0px 240px !important;border-bottom: solid #f5f5f5 1px;}
.layoutcontent .homeclasses li .status { margin-left: -245px; }
.layoutcontent .homeclasses li .time { width: 110px; position: absolute; margin: 0px 0px 0px -190px; }
.layoutcontent .homeclasses li .type { width: 80px; position: absolute; margin: 0px 0px 0px -80px; }

.layoutcontent .event_classpage h1 {padding: 0px; text-align: left; padding: 0px 0px 0px 0px; }
.layoutcontent .event_classpage .leftcolumn .button { display: none; }
.layoutcontent .event_classpage { max-width: 1200px; margin: 0px auto; padding: 50px 100px 100px 100px; min-height: 600px; }
.layoutcontent .event_classpage:after { content: ""; display: table; clear: both; }
.layoutcontent .event_classpage .abstract { padding: 20px 0px 0px 0px; font-weight: bold; }
.layoutcontent .event_classpage .description { padding: 20px 0px 0px 0px; }
.layoutcontent .event_classpage .description>h3 {text-align:center; text-transform: uppercase; margin-top: 20px; color: #C59292; font-size: 150%; }
.layoutcontent .event_classpage .description .flex { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px 0px;} 
.layoutcontent .event_coursepage .description ul { width: 45%; margin: 0px 0px; }
.layoutcontent .event_coursepage .description ul li { list-style-type: none; margin-bottom: 10px; }
.layoutcontent .event_coursepage .description ul li:before { clear:left; float:left;  content: '\2713';   color: #C59292; font-size: 260%; margin: -10px 0px 0px -40px; } 
.layoutcontent .event_coursepage .description ul li h3 { text-transform: uppercase; font-size: 95%; color: #C59292; padding: 0px;}

.layoutcontent .event_coursepage .feat_carousel {background-color: unset;}
.layoutcontent .event_coursepage .feat_carousel li { width: 400px; height: 600px; }
.layoutcontent .event_coursepage .feat_carousel .skip a { border: 1px solid #C59292; }
.layoutcontent .event_coursepage .feat_carousel .skip .action { background-color: #C59292 !important; }


.layoutcontent .event_classpage .description table { width: 100% !important}
.layoutcontent .event_classpage .description table, .layoutcontent .event_classpage .description table th, .layoutcontent .event_classpage .description table td {border: none;  }
.layoutcontent .event_classpage .description table tr th {background-color: #C59292; color:white; border-radius: 5px 5px 0px 0px; padding: 10px 10px; }
.layoutcontent .event_classpage .description table tr td { background-color: #f5f5f5}
.layoutcontent .event_classpage .description table tr:nth-of-type(3) td {background-color:unset;}
.layoutcontent .event_classpage .description table tr:first-of-type td:last-of-type { border-radius: 0px 5px 0px 0px; }
.layoutcontent .event_classpage .rightcolumn { box-sizing: border-box;  border: 1px solid #d3dce6;  border: solid #f5f5f5 2px; padding: 10px; border-radius: 5px;  }

.layoutcontent .event_classpage .event_classlist .introduction, .layoutcontent .event_classpage .event_classlist .noevents {text-align: left;}
.layoutcontent .event_classpage .event_classlist .introduction p.small {font-size: 90%;  padding: 0px; margin-bottom:10px }
.layoutcontent .event_classpage .event_classlist li .date { width: 40%; }
.layoutcontent .event_classpage .event_classlist li .time { width: 35%; }
.layoutcontent .event_classpage .event_classlist li .price { width: 25%; }
.layoutcontent .event_classpage .event_classlist ul { margin-bottom: 20px; }

.layoutcontent .event_classpage .surv_standard {clear: both; padding: 50px 0px 0px 0px; display:grid;}
.layoutcontent .event_classpage .surv_standard form {/* padding-top: 50px */  }
.layoutcontent .event_classpage .surv_standard .label {display:block; width: 40%; float: left;}
.layoutcontent .event_classpage .surv_standard input[type=text] {display:block; width: 60%; float: left;}
.layoutcontent .event_classpage .surv_standard .field_multiselect {width: 50%; float: left; padding-top: 20px;}
.layoutcontent .event_classpage .surv_standard .field_multiselect ul { display:block; width: 25%; float: left;}

.layoutcontent .event_classpage .form  { margin: 0; padding: 0; box-sizing: border-box;  padding: 24px;padding-bottom: 60px; border: 1px solid #d3dce6; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); border-radius: 4px; margin-bottom: 24px;}
.layoutcontent .event_classpage .form .field { padding: 15px 0px 0px 0px; }
.layoutcontent .event_classpage .form .field>.label {font-weight: bold; }
.layoutcontent .event_classpage .help-block.description {padding: 0px !important; font-size: 92%; }
.layoutcontent .event_classpage .form .buttons {display: flex; justify-content: space-between;}
.layoutcontent .event_classpage .form .buttons a  { text-decoration:none; color: black; cursor: pointer;padding: 10px 20px 10px 20px;background-color: #ffffff;border: 1px solid black; transition: all 0.3s ease; text-transform: uppercase;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;font-size: 100%; font-weight: 400;}
.layoutcontent .event_classpage .form .buttons a:hover { color: #ffffff; background-color: black;}



@media( max-width: 1044px )
{
    .layoutcontent .event_classpage .surv_standard .field_multiselect {clear: both; width: 100%;float: none;}
    .layoutcontent .event_classpage .surv_standard .field_multiselect ul { display:block; width: 50%; float: left;}
	.layoutcontent .event_classpage .event_classlist ul {max-height: unset;overflow: unset;}
	.layoutcontent .event_classpage .description ul { width: 100%; }
	.layoutcontent .event_coursepage .description .feat_carousel li { height: 300px; }
}

@media( max-width: 500px )
{
	.layoutcontent .event_classpage .surv_standard .label {display:block; width: 100%; float: none; float: left;}
    .layoutcontent .event_classpage .surv_standard input[type=text] {display:block; width: 100%; float: none;}
    .layoutcontent .event_classpage .surv_standard .field_multiselect {clear: both; width: 100%;float: none; padding: 0px;}
    .layoutcontent .event_classpage .surv_standard .field_multiselect ul { display:block; width: 100%; float: none; }
	.layoutcontent .event_classpage .description p {padding: 0px 0px 10px 0px;}
}

.layoutcontent .event_myclasses {max-width: 1200px;margin: 0px auto;padding: 0px 100px;margin: 0px auto 50px auto;}
.layoutcontent .event_myclasses li { border-bottom: solid #dddddd 1px; padding: 20px 0px 20px 0px !important; list-style-type: none; }
.layoutcontent .event_myclasses li .date {  padding: 5px 0px 5px 0px; }
.layoutcontent .event_myclasses li .time { padding: 5px 0px 5px 0px; }
.layoutcontent .event_myclasses li .name { padding: 5px 0px 20px 0px;  font-weight: 900; font-size: 120%; }
.layoutcontent .event_myclasses li .places {display:none;}
.layoutcontent .event_myclasses li .zoom { padding: 5px 0px 5px 0px; }
.layoutcontent .event_myclasses .button { background-color: #ffffff; color: black; padding: 10px 20px; border: 1px solid black;  text-decoration: none; trasition: all 0.3s ease-in-out; }
.layoutcontent .event_myclasses .button:hover {background-color: black; color: white; }



.fa-cart-plus, .fa-shopping-cart { font-family: FontAwesomeSolid; }

.shop_basket { margin: 0; padding: 0; box-sizing: border-box;  padding: 24px;padding-bottom: 60px; border: 1px solid #d3dce6; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); border-radius: 4px; margin-bottom: 24px;}
.shop_basket h2 {border-bottom: 1px solid #dddddd; font-weight: bold; margin-bottom: 30px; line-height: 50px; vertical-align:middle; height: 50px; }
.shop_basket form input[type=button] {margin-right: 10px;}
.shop_basket .message {margin: 20px 0px; color:red;}
.shop_basket .introduction {padding: 20px; border:1px solid #dddddd; font-size: 90%; margin: 0px 0px 20px 0px;}

.shop_basket table {width:100%;background-color: #ffffff;padding: 20px 10px;font-size: 90%;}
.shop_basket table td {padding: 20px 10px;}
.shop_basket table th {border-bottom : 1px solid  #dddddd ; padding: 10px;}
.shop_basket table tr:last-of-type th {border-top : 1px solid #dddddd !important; }
.shop_basket .discount { padding: 50px 10px 20px 10px;}
.shop_basket .discount button { margin: 10px 0px 10px 0px;}
.shop_basketpage { max-width: 1200px; margin: 0px auto;padding: 0px 100px;}
.shop_basketpage h2  {font-size: 120%; }
.shop_basket #fb-ContactGroup-div>.label, #fb-BillGroup-div>.label {font-size: 120%;  text-decoration: underline; }

.shop_basket #fb-BillGroup-div { clear: both; margin-top: 30px; border-top: 2px solid #dddddd;}
.shop_basket #fb-Company-div {display: none;}

.shop_basket .label {padding: 20px 0px 0px 0px; }

.shop_basket .confirm .discount { padding: 50px 0px 20px 0px !important; }
.shop_basket .confirm .discount input {margin: 10px 0px;}
.shop_basket .confirm  .paymentform  {background-color: #ffffff;padding: 20px 20px;display:block;margin: 20px 0px;}
#paymentform-stripe {background-image: url(/images/5xTnNgZeD64XzqBxGFOG0cg04d.png);background-size:  100px auto;background-position: top 10px right 20px;}
.shop_basket .paymentform #card-element { max-width; 300px; padding: 10px 0px; border: 1px solid grey; margin: 20px 0px; } 


.shop_basket input[type=text], .shop_basket textarea, .shop_basket select {border: 1px solid #dddddd;}
.shop_basket select {height: 40px;border-radius: 0px;width: 100%;}
.shop_basket textarea {width: 100%; min-width:500px; max-width:100%;min-height:100px;height:100%;}
.shop_basket .field_group input[type=text] {width: 100%;}
.shop_basket .errors {color:red; border: 1px solid; margin: 10px 0px 10px 0px; padding: 20px;}
.shop_basket .confirm .contact, .shop_basket .confirm #paymentform,.shop_basket .billing, .notes  {margin-top: 50px;  }
.shop_basket .field_text,  .shop_basket .field_select {float: left; width: 50%; padding: 0px 20px 0px 0px}

.layoutcontent .shop_credits {max-width: 1200px; margin: 0px auto 100px auto; }
.layoutcontent .shop_credits table { width: 100%; }
.layoutcontent .shop_credits table th { padding: 5px; border-bottom: solid #dddddd 1px; }
.layoutcontent .shop_credits table td { padding: 5px; border-bottom: solid #dddddd 1px; }


.int_newsletter {max-width: 1200px; margin: 0px auto; padding: 0px 100px;}
.int_newsletter form {background-color: #f5f5f5; padding: 50px;  }
.int_newsletter form .titletxt { padding: 20px 0px;   }
.int_newsletter form .label { display:none;   }
.int_newsletter form .field { margin: 10px 0px; width: 50%; float: left; padding: 0px 10px 0px 0px; box-sizing:border-box; }
.int_newsletter form .field.email {  width: 100%; }
.int_newsletter form input[type=text] {width: 100%;}
.int_newsletter form .buttons {clear: both; float:none; }

.ui-widget-overlay { position: fixed; background: #00000077; width: 100%; height: 100%; top: 0px;}
.ui-front { z-index: 2; }
.ui-dialog { background-color: #ffffff; padding: 10px; }
.ui-dialog-titlebar { text-align: right; }

//.ui-widget,  .ui-dialog-title, .ui-widget-content, .ui-widget-header { background: unset; background-color: #C59292 !important; padding: 0px; margin: 0px; }
.newsletter_popup .int_newsletter {  width: 100% !important; max-width: 100% !important; margin: 0px; padding: 0px; height: 100%;}
.newsletter_popup .int_newsletter .titletxt { padding: 0px 0px 10px 0px; margin: 0px; text-align: center; font-weight: bold; font-size:130%; color: #C59292}
.newsletter_popup .int_newsletter form  { width: 100%;  margin: 0px; padding: 0px 20px 20px 0px; max-width: 100%; height: 100%; background-color: unset; }
.newsletter_popup .int_newsletter form  input[type=text] { width: 100%; border: 1px solid #dddddd !important;}
.newsletter_popup .int_newsletter form .field {width: 100%;}
.newsletter_popup .close { width: 100%; font-size: 90%;  margin-top: 10px; background-color:#ffffff;color: #C59292;border: 1px solid #C59292;/* float:right; */}
.newsletter_popup .message {font-size: 80%; color: #C59292; }
.newsletter_popup .int_newsletter form  input[type=submit] { width: 100%; font-size: 90%;  }
.ui-widget-header { border: 0px;background: unset;padding: 0px;margin: 0px;}
.ui-state-default .ui-icon {display:none;}
.ui-widget-content .ui-state-default {background-color: unset !important; border: unset !important; background-image: url(/images/qjNHwXnn08ubkXIln2k900f00f.png); background-repeat: no-repeat;}
.ui-datepicker td a { background-image: unset !important; }


.shop_product  { max-width: 1200px; margin: 0px auto 0px auto; min-height: 400px; padding: 100px 100px 0px 100px; }
.shop_product hr { clear:left; background-color:#dcdcdc; height:1px; border:none; padding: 0px 0px 0px 0px; max-width: 760px; }
.shop_product .image {float:left; padding: 0px; text-align:center; vertical-align: middle; line-height: 0px; width: 600px; height: 400px;width:50%;}
.shop_product .image img { height: auto;width: auto;}
.shop_product .name { margin: 0px; font-size: 150%; font-weight: 900; text-align: left; padding: 5px 0px;}
.shop_product .price {padding: 5px 0px 20px 0px;}
.shop_product .details { float:left;  padding: 0px 0px 0px 40px; max-width:50%;  }
.shop_product .available { clear: both; }
.shop_product .outofstock { clear: both; font-weight: 900;}
.shop_product .options .label {float: left;line-height: 30px;padding-right: 25px;width: 100px;}
.shop_product .options .value {float: left;;}

.shop_product .available { clear: both; padding: 20px 0px 20px 0px; width: 100%;  }
.shop_product .available .quantity { float:left; }
.shop_product .available .quantity .label { width: 100px;float: left; padding: 0px 10px 0px 0px; vertical-align: middle; } 
.shop_product .available .quantity .value { float: left; padding: 0px 30px 0px 0px; width: 100px; }
.shop_product .available .addtobasket { padding: 50px 0px; }
//.shop_product .available .addtobasket input { background: #C59292; color: #ffffff; padding: 20px 10px 20px 10px;  width: 100%; } 
//.shop_product .available .addtobasket:after { content: ""; display: table; clear: both; }

.shop_product .product_images  {float:left; }
.shop_product .product_images .feat_carousel { max-width: 500px; background-color: unset; padding: 0px; }
.shop_product .product_images .feat_carousel .carousel { overflow: hidden; position: relative; margin: 0px auto 0px auto;  padding: 0px 0px 0px 0px;  }
.shop_product .product_images .feat_carousel .carousel>ul { width: 20000em; position: relative; }
.shop_product .product_images .feat_carousel .carousel>ul>li { float: left; overflow: hidden; padding: 0px 0px 0px 0px; text-align:center; }
.shop_product .product_images .feat_carousel .carousel img {height: auto;width:auto;max-width: 500px;max-height: 500px;vertical-align: middle;}

.shop_product .product_images .thumbnails  { width: 500px; display: inline-block; margin-top: 20px;}
.shop_product .product_images .thumbnails li { cursor:pointer; float:left; width: 25%; box-sizing: border-box; padding: 0px 0px 0px 0px; box-sizing: border-box;   vertical-align: middle; }
.shop_product .product_images .thumbnails li img { max-height: 100px; max-width: 100%; height: auto; width: auto; vertical-align: middle;  padding: 2px; }

.shop_product .productinfo { clear: both;}
.shop_product .description h3 {font-weight: 900; font-size: 150%; padding-bottom: 30px;}
.shop_product .description { background-color: #ffffff; padding: 50px 0px 50px 0px;   }
.shop_product .summary {  display: none;}

.booklist { max-width: 1080px; margin: 0px auto; padding: 20px 40px 20px 40px; }
.booklist .titletxt {padding: 0px 0px 20px 0px; font-size: 150%; line-height: 1.5em; }
.booklist .titletxt a {text-decoration: none;}
.booklist .imageleft {float: left; width: 250px; margin-right: 40px;}
.booklist .imageleft img { width: 100%; height:auto;}
.booklist .content p { overflow: hidden;  }
.booklist .link {margin-top: 20px; }
.booklist .link a {background-color: #C59292;color: #ffffff;padding: 10px 20px;border-radius: 2px;float: right;text-decoration: none;}
 
.discount { max-width: 1200px; margin: 0px auto; padding: 20px 40px 20px 40px; }
.discount .util_textbox {width: 50%; float: left;  padding: 10px; transition: transform .2s;}
.discount .util_textbox .titletxt {display:none;}
.discount .util_textbox .content {text-align:left;width: 100%;margin: 0px !important;padding: 20px 10px 0px 10px;background-color: #f5f5f5;display: inline-block; min-height: 250px;}.discount .util_textbox .imagetop {min-height: 220px;text-align: center;line-height: 250px; border-top: 2px solid #f5f5f5;border-left: 2px solid #f5f5f5;border-right: 2px solid #f5f5f5; }
.discount .util_textbox .imagetop img {height: auto;max-height: 250px;vertical-align: middle;height: auto;width: auto;max-width: 100%;padding: 20px;}.discount .util_textbox .imagetop img:hover {transform: scale(1.05); transition-duration: 0.5s; }
.discount .link {width: 100%; display: block; clear: both; float: none; background-color: #f5f5f5; height: 50px;}
.discount .link a { background-color: #C59292;color: #ffffff;padding: 10px 20px;border-radius: 2px;text-decoration: none; margin-left: 10px;}
.discount .util_textbox:nth-of-type(2n+1){ clear: left; }
  
.advisor { max-width: 1000px; margin: 50px auto;  }
.advisor .util_textbox {width: 100%; margin: 0px 0px 50px 0px; } 
.advisor .util_textbox .imageleft { background-size: cover; background-position: center; min-height: 450px; width: 30%; float:left; border-right: 15px solid #000032;  }
.advisor .util_textbox .content { float: left; width: 70%;  padding: 0px 100px; min-height: 450px;} 
  
//.advisor .util_textbox .imagetop { background-size: cover; background-position: top; min-height: 350px;}
//.advisor .util_textbox {width: 33.3%;} 
  
 
.bundles { padding: 0px !important; }
.bundles .util_textbox .imagetop {display:none;}
.bundles .util_textbox .imageleft { height: 600px;  float: left;width: 50%; box-sizing:border-box;background-size: cover;border-left: 100px solid #C59292;background-position: center;}
.bundles .util_textbox .imageright { height: 600px; float: right; width: 50%; box-sizing:border-box;background-size: cover;border-left: 100px solid #C59292;background-position: center }
.bundles .util_textbox img { display: block;  padding-left: 60px; margin: 0px; max-width: 580px; max-height: auto; height: auto;}
.bundles .util_textbox.left .content {float: right; width: 50%; padding-top: 50px;  }
.bundles .util_textbox.right .content { float: left; width: 50%; padding-top: 50px; }
.bundles .util_textbox .content h2 { font-size: 160%; font-weigth;: 900; margin: 10px 0px 20px 0px; border-bottom: 2px solid #C59292;}
.bundles .util_textbox .content ul {float: left; width: 50%; }
.bundles .util_textbox .content li {list-style-type: disc; margin-left: 30px; }
.bundles .util_textbox .content ul {padding-bottom: 20px;}
.bundles .util_textbox .content p {clear: both;}
  
  
.classlist_carousel  { clear: both; max-width: 1200px; margin: 0px auto; background-color: #ffffff; }
.classlist_carousel h2, .reviews h2 {font-size: 170%; color: #504549;  padding: 20px 0px 20px 10px;}
.classlist_carousel li.event .join {background-color: #000032; display:inline; padding: 10px 20px; border-radius: 5px; position:relative; top: -40px; left: 50%; margin: 0px 0px 0px 50px; opacity: 0.8;  }
.classlist_carousel li.event .join a {color: #ffffff; text-decoration: none; font-weight: 900;}
.classlist_carousel li.event { position: relative; min-height: 390px; float: left; width: 250px !important; height: auto !important; padding: 0px !important; border: 1px solid lightgrey; margin: 0px 10px; text-align: left;  cursor: pointer; list-style:none;   }
.classlist_carousel li.event .image {height: 170px; overflow: hidden; }
.classlist_carousel li.event img {width: 100%; height: auto; }
.classlist_carousel li.event .name a {/* color: #C59292; */font-weight: 900;text-decoration: none;font-size: 120%;}
.classlist_carousel li.event .name, .classlist_carousel li.event .date, .classlist_carousel li.event .price {padding: 5px 20px 5px 10px;}
.classlist_carousel li.event .date {/* color: #000032; */font-weight: 900;}
.classlist_carousel li.event .type {/* background-color: #C59292; */display: inline;padding: 5px 10px;margin: 0px; transition: all 0.3s ease-in-out; font-weight: 500;position: absolute;bottom: 20px;left: 10px;border: 1px solid black; border-radius: 5px;}
.classlist_carousel li.event .type:hover {background-color: black; color:white;  }


.feat_venues {max-width: 900px; margin: 0px auto; padding: 50px 50px}
.feat_venues .titletxt { font-size: 150%; text-align: center; margin-bottom: 20px;}
.feat_venues form {margin-bottom: 50px; border: 1px solid #C59292; padding: 50px 50px; border-radius: 20px;}
.feat_venues .formbuilder {margin: 20px 0px;}
.feat_venues input[type=text] {width: 100%; display: block; }
.feat_venues buttons { display: block;  width: auto; padding: 40px 20px;}

.feat_venues .events {float: left; width: 70%; border: 1px solid #000032; border-radius: 5px; margin-bottom: 20px; }
.feat_venues .venue>.name {font-weight: bold; padding: 20px 0px 10px 20px;font-size: 120%;  }
.feat_venues .venue>.address, .feat_venues .venue>.distance { padding: 10px 20px 10px 20px; } 
.feat_venues .venue>.address:before { content: "\f041"; font-family:FontAwesomeSolid; width: 20px; display: inline-block; }
.feat_venues .venue>.distance { font-size: 90%;} 
.feat_venues #map {position: relative;width: 100%;height: 400px;overflow: hidden;top:  0px; margin-bottom: 40px;}
.feat_venues .venue a {display: inline-block; padding: 10px 20px; text-transform: uppercase;  border-radius: 5px; border:1px solid #C59292; color: #C59292; text-decoration: none;  margin: 20px; }
.feat_venues .venue a:hover {background-color: #C59292; color: #ffffff;}
.feat_venues .venue {border: 1px solid #cccccca6;  box-shadow: 5px 5px #cccccca6;  margin: 20px 0px;}

@media(max-width: 1200px) {
	.feat_venues input[name='currentloc'] {display:none;}
}

@media(max-width: 700px) {
	.feat_venues {  padding: 20px 20px;}
	.feat_venues form { padding: 20px 20px; }
}

.reviews {clear: both;max-width: 1200px;margin: 0px auto; }
.reviews h2 {font-size: 170%; color: #504549;  padding: 20px 0px 20px 0px;}
.reviews .review {margin: 10px 0px; padding: 10px 0px; box-sizing: border-box; border-bottom: 1px solid #504549;}
.reviews .review_container {display: grid;grid-template-columns: 100%; grid-column-gap: 20px;} 
.reviews .review_title {font-weight: bold; }
.reviews .review_text { float: left; width: 80%; }
.reviews .stars { float: right; padding-bottom: 10px; text-align:left;}
.reviews i.fa-star {color: #02b67a;}
.reviews .review_name {clear: both; width: 90%; padding-top: 20px; }
.reviews a { background-color: white; padding: 10px 20px; color: black; display:inline-block; margin-top: 20px; text-decoration:none; border: 1px solid black; transition: all 0.3s ease-in-out;}
.reviews a:hover {background-color: black; color: white;}

.trustpilot_carousel {background-color: #000032; padding: 100px 100px;}
.trustpilot_carousel_white {background-color: #ffffff; padding: 50px 0px;}

@media(max-width: 1200px) {
    .reviews {  margin: 20px 50px;}
	.trustpilot_carousel {background-color: #000032;padding: 50px 0px;}
}
@media(max-width: 900px) {
	
	.reviews .review_container { display: grid; grid-template-columns: 100%}
}
@media(max-width: 700px) {
	.reviews {  margin: 20px 20px;}
	.reviews .review_container { display: grid; grid-template-columns: 100%}
    .reviews .stars { float: left;}
    .reviews .review_text { float: none; clear:both; width: 100%; }
}


@media(max-width: 1200px) {
    .reviews {  margin: 20px 50px;}
}
@media(max-width: 900px) {
	
	.reviews .review_container { display: grid; grid-template-columns: 100%}
}
@media(max-width: 700px) {
	.reviews {  margin: 20px 20px;}
	.reviews .review_container { display: grid; grid-template-columns: 100%}
    .reviews .stars { float: left;}
    .reviews .review_text { float: none; clear:both; width: 100%; }
}

.dbase_faqs { background-color: #ffffff; max-width: 1200px; margin: 0px auto; padding: 50px 0px 0px 0px; }
.dbase_faqs .content {display: inline-block; display: flex;}
.dbase_faqs .categories { float: left; min-width: 260px; margin-right: 20px; }
.dbase_faqs .categories li { padding: 0px 10px 0px 10px; cursor: pointer; border-top: 1px solid #d1d3d5; }
.dbase_faqs .categories li a {color: #000032;line-height: 50px;text-decoration: none;}
.dbase_faqs .categories li:hover { background-color: #d1d3d5; }
.dbase_faqs .categories li:hover a { color: #000032; }
.dbase_faqs .categories li.active { background-color: #d1d3d5; }
.dbase_faqs .categories li.active a { color: #000032; }
.dbase_faqs .faqs {float: left; min-height: 300px; padding-bottom: 100px; width: 100%; }
.dbase_faqs .faqs li { width: auto;}
.dbase_faqs .faqs li.even .question { background-color: #ffffff;}
.dbase_faqs .faqs li .question { padding: 20px 20px 20px 20px;  font-weight: 500; font-size: 123%; background-color: #eff0f1; margin: 0px 0px;  align-items: center;  background-position: right 20px center; background-image: url(/images/HZcLZkt68vY55kAiQXQQ04x08x.png);  background-size: auto 20px; color: #66596c; cursor: pointer;  } 
.dbase_faqs .faqs li .question span {  padding-right: 20px; }
.dbase_faqs .faqs li .question:first-of-type { margin: 0px 0px 10px 0px;}
.dbase_faqs .faqs li.expanded .question {  background-image: url(/images/8vstSFS5bewk9diE7xsP08x08x.png);  background-size: auto 20px;}
.dbase_faqs .faqs li .answer { padding: 0px 20px; }
.dbase_faqs .faqs li .answer img { max-width: 100%; width: 100%; height: auto; display: block; padding: 20px 0px;}
.dbase_faqs .faqs li .answer ul, .dbase_faqs .faqs li .answer ol { padding: 0px 0px 15px 25px; }
.dbase_faqs .faqs li .answer ul li { list-style-type: disc;}
.dbase_faqs .faqs li .answer ol li { list-style-type: decimal;}

@media(max-width: 1140px) {
    .dbase_faqs { margin: 0px 50px 50px 50px; padding: 0px 0px 0px 0px; }
}

@media(max-width: 900px) {
    .dbase_faqs { margin: 0px 50px 50px 50px; padding: 0px 0px 0px 0px; }
    .dbase_faqs .content {display: block;   }
    .dbase_faqs .categories { float: none; width:  auto; margin: 0px 0px 20px 0px}
    .dbase_faqs .faqs {float: none; width: 100%; max-width: 100%; margin-top: 20px;}
    .dbase_faqs .categories ul { display: none;}
    .dbase_faqs .categories .mobile { margin: 0px 0px 20px 0px; display: inline-block; width: 100%; border-bottom: 1px solid #dddfe0;}
    .dbase_faqs .categories .mobile select { background-image : url(/images/); line-height: 40px; height: 40px; border: none; border-bottom: 1px solid #1a2732; }
    .dbase_faqs .categories .mobile select option { margin: 10px;color: #ffffff; line-height: 60px;  background-color: #1a2732;  margin-bottom: -1px;}
    .dbase_faqs .categories .mobile select option:first-of-type { background-color: #ffffff; color:  #1a2732;} 
    .dbase_faqs .categories .mobile select:focus {border: none;}
    .dbase_faqs .faqs li { width: 100%; }
	.dbase_faqs .faqs li .answer img { padding: 20px 0px; }
}

@media(max-width: 900px) {
    .dbase_faqs { margin: 0px 20px 50px 20px; padding: 0px 0px 0px 0px; }
}


@media( min-width: 1044px )
{
    .layoutcontent .homeclasses li .name { width: 40%; }
    .layoutcontent .homeclasses li .abstract { width: 35%; display:none;  }
    .layoutcontent .homeclasses li .price { width: 25%; }
    
    .layoutcontent .event_classpage .leftcolumn { float: left; width: 60%; box-sizing: border-box; padding: 0px 20px 0px 0px; }
	.layoutcontent .event_classpage .rightcolumn {float: right;width: 40%;box-sizing: border-box; }
   
}
.layoutcontent {  box-sizing: border-box; }

.dashboard {max-width: 1200px; margin: 0px auto; }

.feat_newsfeed {max-width: 1200px; margin: 0px auto;}
.feat_newsfeed .articles { display: inline-block;}
.feat_newsfeed .articles .image {width: 100%; min-height: 200px !important; background-size:cover;}
.feat_newsfeed .article {padding: 10px 0px;box-sizing:border-box;}
.feat_newsfeed .article:nth-of-type(4n+1) { width:100%; min-heigth:400px; clear:both; padding: 10px 20px;}
.feat_newsfeed .articles .article:nth-of-type(4n+1)  .image {width: 100%;height: 600px;background-size:cover;}
.feat_newsfeed .article:nth-of-type(4n+2){  width: 33.3%; float: left; min-heigth:500px; padding: 10px 20px; }
.feat_newsfeed .article:nth-of-type(4n+3){ width: 33.3%; float: left; min-heigth:500px; padding: 10px 20px; clear:none; }
.feat_newsfeed .article:nth-of-type(4n+4) { width: 33.3%; float: left; min-heigth:500px; padding: 10px 20px; clear:none; }

@media( max-width: 1000px ) {
    .feat_newsfeed {max-width: 100%; margin: 0px auto;}
    .feat_newsfeed .article:nth-of-type(3n+1), .feat_newsfeed .article:nth-of-type(3n+4) { width:100%; min-heigth:400px !important; clear:both; padding: 10px 20px; }
    .feat_newsfeed .articles .article:nth-of-type(3n+1)  .image,  .feat_newsfeed .articles .article:nth-of-type(3n+4)  .image  {height: 450px !important; }
    .feat_newsfeed .article:nth-of-type(3n+2){  width: 50%; float: left; heigth:500px; padding: 10px 20px; }
    .feat_newsfeed .article:nth-of-type(3n+3){ width: 50%; float: left; heigth:500px; padding: 10px 20px; clear:none; }
    .feat_newsfeed .article:nth-of-type(3n+2) .image,  .feat_newsfeed .article:nth-of-type(3n+3) .image { height: 200px !important;}
}

@media( max-width: 700px ) {
	.feat_newsfeed {max-width: 100%; margin: 0px auto; padding: 0px 20px;}
    .feat_newsfeed .article { float:none !important; width: 100% !important; clear: both !important;}  
    .feat_newsfeed .articles .image {width: 100% !important; height: 200px !important; background-size:cover;}
    .feat_newsfeed .articles .article:nth-of-type(3n+1)  .image,  .feat_newsfeed .articles .article:nth-of-type(3n+4)  .image {height: 200px !important;  }
}


.membership.util_container {max-width:1200px; margin: 0px auto; }
.membership.util_container .items { display: flex; flex-wrap: wrap; }
.membership .util_textbox {border: 1px solid #C59292; height: 600px; margin: 0px auto; box-shadow: 5px 5px #cccccca6; }
.membership .util_textbox:hover {background-color: #f5f5f5}
.membership .util_textbox .title {text-align: center;  font-size: 200%; text-decoration:none; border-bottom: 1px solid #C59292;padding: 20px 0px;}
.membership .util_textbox .small {font-size: 60%; }
.membership .util_textbox .content  {padding: 0px 0px; }
.membership .util_textbox .content p {padding: 30px 50px; height: 70px;  }
.membership .util_textbox .content ul {  height: 350px;  }
.membership .util_textbox .content li::before {font-family: FontAwesomeSolid; content:'\f105'; padding: 0px 10px 0px 60px; color:#dddddd; }
.membership .util_textbox a {text-decoration: none; }
.membership .link { text-align:center; }
.membership .link a { padding: 10px; background-color: #000032; color: #ffffff; text-transform:uppercase; font-weight:bold; border-radius: 5px;}

@media( max-width: 1050px )
{
    .membership.util_container .items { display: block;  }
    .membership .util_textbox {width: 50%; margin: 20px auto; }
}

@media( max-width: 800px )
{
	.membership { max-width:100%; margin: 0px 50px; }
    .membership .util_textbox {width: 80%;  }
    .membership .util_textbox .content p {padding: 30px 20px;  }
    .membership .util_textbox .content li::before {padding: 0px 10px 30px 15px;} 
}

@media( max-width: 500px )
{
	.membership.util_container { margin: 0px 20px; }
	.membership .util_textbox {width: 100%;  }
}

.eventlist { max-width: 1200px; margin: 0px auto;  }
.eventlist li { box-shadow: 5px 5px #cccccca6; border: 3px solid #f5f5f5; margin: 50px 0px;}
.eventlist li .image { float: left; width: 200px; min-height: 300px; height: 100%;  background-size: contain;  }
    
@media( max-width: 1300px )
{
     body { font-size: 90%;}

    .layoutheader .nav_sitemap {max-width: 100%;width: 100%;left: 0px;margin: 0px 0px 0px 0px !important;z-index: 10;}
    .layoutheader .nav_sitemap .toggle {position: absolute;top: 35px;/*top: 63px; */right: 50px;width: 30px;height: 30px;cursor: pointer;z-index: 10;}
    .layoutheader .nav_sitemap.toggleoff .toggle { background-image:url(/images/lEpy8wfPmvrUwypFcEOV01400u.png); background-size: contain;}
    .layoutheader .nav_sitemap.toggleon .toggle { background-image:url(/images/COAX2ZpnHvEDUdv0HO2j014014.png); background-size: contain;}
    .layoutheader .nav_sitemap li { display: none; border: none; min-width: 100%; clear: both;   box-sizing: border-box;  }
    .layoutheader .nav_sitemap .level1 { z-index: 20; background-color: #ffffff;position: absolute; min-width: 100%; width: 100% !important; display: block !important; justify-content:unset; max-width: 100%; box-sizing: border-box;padding: 0px 0px 0px 0px !important;margin: 0px 0px 0px 0px !important;left: 0px !important; top: 80px;/* top: 123px; */} 
    .layoutheader .nav_sitemap .level1>li {z-index: 20;padding: 0px;border-left: none;line-height: 40px;border-bottom: unset;}
    .layoutheader .nav_sitemap .level1>li:last-of-type { border-right: none;}
    .layoutheader .nav_sitemap .level1>li>a {font-weight: bold; border-top: 1px solid #dddddd; }
    .layoutheader .nav_sitemap li a {  display: block; padding: 5px 0px 5px 20px;  }
    .layoutheader .nav_sitemap.toggleon li { display: block; }
    .layoutheader .nav_sitemap .level2, .layoutheader .nav_sitemap .level3 { display: block !important; left: initial; margin: 0px; padding: 0px; width: 100%; position: relative;  top: unset; border: unset;}
    .layoutheader .nav_sitemap .level2 li { dislay: block; border: none; width: 100%; margin: 0px; line-height: 30px; padding: 2px 20px;} 
    .layoutheader .nav_sitemap .level2 li a, .nav_multilevel .level2 li .textlink { border: none;  width: 100%;  line-height: 1.5em;  margin: 5px 15x; padding: 5px 0px; white-space: initial;  }
    .layoutheader .nav_sitemap a:hover { color: #504549; border-bottom: unset;}
    .layoutheader .nav_linklist { position: initial; left: unset; margin: 0px 0px 0px 0px; width: auto; float: right;}
    .layoutheader .nav_linklist { margin-right: 30px;}
	.layouttopmenu .nav_linklist {width: 100%; }
	.layouttopmenu .nav_linklist li:first-of-type {margin: 0px 0px 0px 20px;}
	.site-header .shop_basketlink {  right: 100px;}
	.site-header .headerlogo img { width: 200px; padding-bottom: 20px;}

    .hero {   background-size: 150px auto, cover; }
	
    .hero .titletxt {color: #ffffff;text-align: center !important;}


    .homepage .steps .items { max-width: 100%; margin: 0px 50px;}

    .layoutcontent .homepage .util_textbox.calltoaction .content {padding: 50px 50px; text-align: center; }
    .layoutcontent .homepage .util_textbox.calltoaction p {  text-align: left !important; }
    .layoutcontent .homepage .util_textbox.calltoaction p:last-of-type {  text-align: center !important; }
	.layoutcontent .pageabstract { max-width: 1200px; margin: 0px auto; font-size: 120%; padding: 0px 50px 20px 50px; }

   
    .testimonial .util_textbox .content { margin: 0px auto; padding: 100px 100px 0px 50px; }
    .testimonial .util_textbox { height: 400px; margin: 0px 20px; width: 500px; }
    .testimonial .skip { margin: 20px 20px !important;  }

   // .layoutcontent .std_contentpage { padding: 0px 0px 50px 0px; }
    
    .layoutcontent .content { max-width: 100%;  padding: 0px 50px 0px 50px; }
	.layoutcontent .pageabstract {max-width: 100%;  padding: 0px 50px 20px 50px; }
    .layoutcontent .surv_standard  {max-width: 100%;padding: 0px 50px 100px 50px;}
    .layoutcontent .std_contentpage img[float=right] {margin-left: 30px;max-width: 100%;height: auto; padding: 0px 0px 30px 0px; margin: 0px;}
 
    .footer {padding: 0px 50px 0px 50px;}
    .footer .items .nav_sitemap {float:none; width: 100%; padding-bottom: 20px;}
    .footer .items .titletxt {text-decoration: underline; margin: 0px 0px 5px 0px;}
    .footer .items .util_textbox {clear: left; float:none; width: 100%; padding-bottom: 20px;}
    .footer .items .social { clear: left; float:none; width: 100%;padding-bottom: 20px; }
    .footer>.items {max-width: 100%; }
    .footer .int_newsletter .titletxt {padding: 0px 0px 20px 0px;}
    
    .supported  {padding: 0px 20px;}
    .supported img {width: 200px; }

    .feat_carousel { background-position: center 30px; background-size: 30px auto;}
    .feat_carousel .carousel { overflow: hidden; position: relative; max-width: 100%; margin: 0px auto;}
    .feat_carousel .skip {max-width: 100%; }
    .surv_standard form {padding: 0px 20px 50px 20px;max-width: 100%;}

    .fullwidth .util_textbox {  padding: 50px 50px; }
    .fullwidth .util_textbox.textbox-left  img {width: 100%;height: auto;transform: rotate(0deg);max-width: 350px;text-align: center;display: inline-block;}
    .fullwidth .util_textbox.textbox-right  img { width: 100%; height: auto; transform: rotate(0deg);max-width: 350px; }
    .homepage .fullwidth  .util_textbox .content {padding: 0px 50px;}

    .boxes .util_textbox .content { font-size: 150%; }
    .boxes .util_textbox .content { padding: 20px !important;}
    .memb_loginbox, .memb_account {  padding: 0px 50px; }
    .feat_social  { max-width: 100%; width: 100%; padding: 50px;}

    .layoutcontent .event_classpage { max-width: 100%; margin: 0px auto; padding: 50px; min-height: 400px;}
    .layoutcontent .homeclasses .components {padding: 0px 50px; width: 100%; max-width: 100%; margin: 0px 0px; }
    .layoutcontent .homeclasses li .name {float: left;/* clear: left; */width: auto;}
    .layoutcontent .homeclasses li .abstract { clear:left; padding-left: 0px; }
    .layoutcontent .homeclasses li .price { float: right; width: auto; }
    .layoutcontent .event_myclasses { max-width: 100%; padding: 0px 50px;}


    .shop_basket {max-width: 100%;margin: 0px auto;padding: 50px 50px;}
    .shop_basketpage {max-width: 100%; margin: 0px auto; padding: 0px 50px; }
    .shop_product  { max-width: 100%; padding: 50px 50px; }
    .shop_product .available .addtobasket input { padding: 10px 20px 10px 20px;  width: auto; border-radius: 2px; } 
    .layoutcontent .shop_credits {max-width: 100%; padding: 0px 50px; }

    .int_newsletter {max-width: 100%; padding: 0px 50px;}

    .layoutcontent .list_article, .layoutcontent .std_newsarticlea {max-width: 100%; padding: 0px 50px 100px 50px;}
	
	.bundles .imagetop {display: block !important; background-size: cover; height: 300px; width: 100%; border-bottom: 20px solid #C59292; }
    .bundles .imageleft, .bundles .imageright {display: none;}
    .bundles .content { width: 100% !important; } 
    .bundles .content ul { width: 100% !important; }
    .bundles .content ul:nth-of-type(2) { margin-top: -20px;}
	.dashboard {max-width: 100%; margin: 0px 50px; }

	.layoutcontent .std_newsarticlea li { list-style-type: disc; padding: 10px; list-style-position:inside; }
	.layoutcontent .std_newsarticlea ul {padding-bottom: 20px;}
	.layoutcontent .std_newsarticlea h3 {font-size: 150%;}
	.event_list { max-width: 100%; margin: 0px 50px;}
	.hub .util_container .titletxt { padding: 0px 50px 0px 50px;}

}
@media( max-width: 1000px ){

	.discount .util_textbox {width: 100%; float: none;}
    .discount .util_textbox .imagetop { min-height: auto; }
    .discount .util_textbox img {height: auto !important;  width: 100% !important; min-height: auto; max-height: unset !important;}
	
	.advisor .util_textbox .imageleft { background-size: cover;  background-position: top; min-height: 400px; width: 85%; padding: 0px 50px; border-right: none; border-bottom: 20px solid #000032; }
    .advisor .util_textbox {width: 50%; float: left; border: 0px solid white; padding: 0px 20px 0px 20px;} 
    .advisor .util_textbox:nth-of-type(2n+1) { clear: left;} 
    .advisor .util_textbox .content {clear: left; float: none; padding: 20px 0px; margin: 0px; width: 100%;}
    .homepage .steps .items .util_textbox {float: none; width: 50%; margin: 50px auto; }
}

@media( max-width: 900px ){
	.layoutcontent h1, .event_list .titletxt {font-size: 200%;}
    .boxes .util_textbox {float: left;  width: 50%; }
    .boxes .util_textbox .content {border: none; }
    .boxes .util_textbox .imagetop {text-align: center; }
    .shop_product .details  { clear: both; width: 100%; max-width: 100%; padding: 20px 0px 0px 0px;  }
	.shop_product .details  { clear: both; width: 100%; max-width: 100%; padding: 20px 0px 0px 0px;  }
    .shop_product .image { max-width: 100%; height: auto; border: unset; }
    .shop_product .image img {width: 100%; height: auto;}
    .shop_product .description  { clear: both; width: 100%; padding: 0px 0px;  }
    .booklist { max-width: 1080px; margin: 0px auto; padding: 20px 20px 20px 20px; }
   
    .booklist .imageleft {padding: 0px 0px 10px 0px;}
    .booklist .content { padding: 0px;}
    .booklist .content p { overflow:initial;  }
	
	.event_minical {clear:left;  float: none;  width: 100%; padding: 20px 10px; max-width: 100%; }
    .whatson {max-width: 100%; padding: 20px;}
	
	.perks .introduction {padding-right: 10px;  }
	.perks li {height: 170px;line-height: 170px; width: 180px !important;}
    .perks img {max-width: 150px;}

    .pagecontent_inner ol li {  width: 33.3%; min-height: 200px; }
    .pagecontent_inner ol li:nth-of-type(4n+1) {float: left; clear: none;}
    .pagecontent_inner ol li:nth-of-type(3n+1) {clear: left;}

    .homepage .steps .items {  margin: 0px 20px;}
    .event_list { margin: 0px 20px;}

   
}
@media( max-width: 650px )
{
	.event_list .bgimage { background-size: cover; border: 1px solid white; border-radius: 100%; height: 170px; width: 170px; float: none; }
	.event_list .name, .event_list .date, .event_list .time, .event_list .location { margin: 0px 0px 0px 20px;}
	
}

@media( max-width: 700px )
{

	 body { font-size: 90% !important; }
	.layoutheader .nav_sitemap .toggle {  top: 30px; right: 30px; width: 20px; height: 20px;   }
    .site-header {  padding: 20px 20px 0px 20px !important;  }
	.site-header .nav_linklist li a:before { font-size: 150% !important; }
	.site-header .headerlogo .imagetop img { padding-top: 5px;max-width: 140px; height: auto; }
	.layouttopmenu .nav_linklist li:first-of-type {margin: 0px 0px 0px 0px;}
	.site-header .shop_basketlink {  right: 60px; font-size: 90%; }
	.site-header .shop_basketlink .items {height: 20px; width: 20px;line-height: 15px;  }

	.hero { background-attachment: fixed; background-position: right, center; height:  320px; background-attachment: unset; background-size: 100px auto, cover; background-position: right 10px, center center;  }
	.hero .titletxt {padding: 200px 0px;font-size: 320%;}
	
	.homepage .calltoaction h2 { padding: 50px 0px 0px 0px; }

    .layoutcontent .homepage .util_textbox.calltoaction .content {padding: 20px 20px;}
    .layoutcontent .content  { padding: 0px 20px 0px 20px; }
	.layoutcontent .pageabstract  { padding: 0px 20px 20px 20px; }
    .layoutcontent .surv_standard  {padding: 0px 20px 100px 20px;}
    .layoutcontent .surv_standard .field_text {clear: left; padding: 0px !important; margin: 0px; float:none; width: 100% !important;}
	.layoutcontent .std_contentpage img[float=right] {margin-left: 30px;max-width: 100%;height: auto; padding: 0px 0px 30px 0px; margin: 0px;}
	.layoutcontent .content img { width: 100%; height: auto;}
	.layoutcontent .std_contentpage img.right {margin: 20px 0px 30px 0px !important;float:none !important;width:100%;max-width: 100% !important; }
	.layoutcontent .std_contentpage img.left {margin: 20px 0px 30px 0px  !important;float:none !important;width:100%;max-width: 100% !important; }
    
    .footer {padding: 0px 20px 0px 20px;}
    .feat_carousel { background-position: center 20px; }
    .feat_carousel .carousel { overflow: hidden; position: relative; max-width: 100%; margin: 0px auto;}
    .feat_carousel .content {padding: 40px 10px !important; }
    .feat_carousel .skip {max-width: 100%;}
    .fullwidth .util_textbox {  padding: 20px 20px; }  

    .fullwidth .util_textbox .imageright, .fullwidth .util_textbox .imageleft { display: none; }
    .fullwidth .util_textbox .imagetop {display: block;padding: 0px 0px; text-align: center}
	.fullwidth .util_textbox .imagetop img {max-width: 350px;}
	.fullwidth .util_textbox .content {float: none; width: 100% !important; padding: 20px 0px !important; }
	.fullwidth .util_textbox .content h3 {text-align: center;}


	.memb_loginbox, .memb_account {padding: 0px 0px;margin: 0px 20px;}
	.memb_loginbox form, .memb_account form { padding: 20px !important; }
	.memb_loginbox form input[type=text], .memb_loginbox form input[type=password] { width: 100%; }
    .memb_account form input[type=text], .memb_account form input[type=password] { width: 100%; }
    .memb_account form #fb-7-div, .memb_account form #fb-10-div, .memb_account form #fb-2-div, .memb_account form #fb-2-confirm-div { float: none; width: 100%; }
    .memb_account .errors {padding: 20px 20px; border: none;}
    .feat_social  { max-width: 100%; width: 100%; padding: 20px;}
    .feat_social .titletxt { padding: 0px 0px 20px 0px;}

    .layouttopmenu .nav_linklist { padding: 0px 0px 0px 0px;margin: 30px 0px; }
    .layouttopmenu .nav_linklist li { margin: 0px 0px 0px 0px; }
    .layouttopmenu .nav_linklist li a { border-bottom: 1px solid #504549;border-radius: 0px;  color: #504549; background-color: unset !important; margin: 0px 0px 0px 20px !important; padding: 0px 0px; box-sizing:border-box; ; }

    .layoutcontent .event_classpage {  padding: 50px 20px; min-height: auto;}
    .layoutcontent .event_myclasses { max-width: 100%; padding: 0px 20px;}
	.layoutcontent .event_classpage img { max-width: 100%; height: auto;}
    .layoutcontent .homeclasses .components {padding: 0px 20px;}
    .layoutcontent .homeclasses li.event { padding-left: 50px !important; }
    .layoutcontent .homeclasses li .status { margin-left: -45px; }
    .layoutcontent .homeclasses li .time {position: relative;margin: 0px 0px 0px 10px;float: left;/* clear: left; */}
    .layoutcontent .homeclasses li .type { position: relative; margin: 0px; float: left; width: auto; }
    .layoutcontent .homeclasses li .name {float: left;clear: left;width: auto;padding: 0px 0px 0px 14px;}
    //.layoutcontent .homeclasses li .abstract { display: none; }
    .layoutcontent .homeclasses li .price { float: right; width: auto; }

	
    .footer .int_newsletter .email .input {margin: 0px 0px 10px 0px; }
    .footer .items .social .nav_linklist {height: auto; padding: 20px 0px; display: inline-block;}



    .shop_basket {max-width: 100%;margin: 0px auto;padding: 10px 20px;}
    .shop_basketpage {max-width: 100%; margin: 0px auto; padding: 0px 20px; }
	.shop_basketpage .form-group  {float: none; width: 100%;}
    .shop_basketpage .discount {padding: 20px 0px 0px 0px; }
    .shop_basketpage .discount input {margin: 10px 0px 0px 0px;}
    .shop_basket table th, td {padding: 10px 10px;}
    .shop_basket td.remove { display: none;}
    .shop_basket .buttons { padding: 0px; margin: 0px;}
    .shop_basket input[type=text] {width: 100%;}
	.shop_basket .payment #termscheckbox {width: auto ;float: right; margin-left:  20px;}
    .shop_credits {max-width: 100%; padding: 0px 20px; }
	.shop_basket textarea {width: 100%;min-width:100%;}

    .shop_product  { padding: 20px 20px; }

    .shop_product .product_images {text-align: center; width: 100%; padding: 0px 0px !important;}
    .shop_product .feat_carousel {width: 100%; max-width: 100%; }
   
    .shop_product .feat_carousel img { width: 100% !important; max-width: 335px !important;}
    .shop_product .thumbnails { max-width: 100% !important; }



    .int_newsletter { padding: 0px 20px;}    
    .layoutcontent .list_article, .layoutcontent .std_newsarticlea {padding: 0px 20px;}
    .layoutcontent .list_article div, .layoutcontent .list_article h3, .layoutcontent .list_article .abstract {float: none; clear: both; padding: 10px 10px !important; width: 100% !important; display: block;  }
    .layoutcontent .list_article a {display: inline-block}
    .layoutcontent .std_newsarticlea .right {float: right;padding: 10px 0px;text-align: center; max-width: 100%; width: 100%; height: auto;}
 
     .surv_standard.ambassabor .formbuilder {width: 100% }

    .testimonial .util_textbox .content { margin: 0px auto; padding: 100px 20px 0px 20px !important; }
    .testimonial .util_textbox { height: 450px; margin: 0px 10px; width: 300px; }
    .testimonial .skip { margin: 20px 10px !important;  }


    .booklist .imageleft {float:none;}
    .booklist .content {padding: 0px;}
	
	.ui-dialog { z-index:1000000000; top: 0; left: 0; margin: auto; position: fixed; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: stretch;}
	.ui-dialog .ui-dialog-content { flex: 1; }
	.int_newsletter {font-size: 90%;}
	.int_newsletter form { padding: 20px }
	.int_newsletter .field {width: 100% !important; float: none !important; }
	
	.advisor .util_textbox .imageleft { background-size: contain; max-width: 100%; width: 100%;  background-position: top; border: none;  min-height: 300px}
    .advisor .util_textbox {width: 100%; float: none; height: auto;}
    .advisor .util_textbox .content {height: auto;  min-height:auto;} 
	
	.layoutcontent .pagecontent_inner ul { padding: 0px 20px;}
	.dashboard {margin: 0px 20px; }

	 .homepage .steps .items .util_textbox {width: 100%; max-width: 400px; margin: 0px auto; padding: 0px; min-height: 300px; }
	 .homepage .steps .items .util_textbox .titletxt {top: 90px; padding: 0px 0px 0px 0px;}
	 .homepage .steps .items .util_textbox .content { top: 110px;padding: 0px 0px;}
	 .homepage .steps .items .util_textbox:nth-of-type(2) .titletxt {top: 80px; padding: 0px 0px 0px 0px;}
	 .homepage .steps .items .util_textbox:nth-of-type(2) .content { top: 100px;padding: 0px 0px;}
	 .homepage .steps .items .util_textbox:nth-of-type(3) .titletxt {top: 70px; padding: 0px 0px 0px 0px;}
	 .homepage .steps .items .util_textbox:nth-of-type(3) .content { top: 90px;padding: 0px 0px;}
	 .homepage .steps .items .util_textbox:nth-of-type(4) .content { top: 50px;padding: 0px 0px;}
	 
	 .homepage .stats .content {padding: 0px 20px; background-size: cover;}
	 .hub .util_container .titletxt { padding: 0px 20px 0px 20px;}
}
@media( max-width: 600px )
{
  .pagecontent_inner ol li {  width: 50%; min-height: 200px; }
  .pagecontent_inner ol li:nth-of-type(3n+1) {float: left; clear: none;}
  .pagecontent_inner ol li:nth-of-type(2n+1) {clear: left;}
  .hub .util_container  .util_textbox {  width: 100% !important; text-align:center; }
	
}
@media( max-width: 550px )
{
	.supported .imagetop {line-height: unset; }
	.supported img {width: 150px; }
    
	.boxes .util_textbox {float: none; clear: left;  width: 100%; }
    .hero .titletxt {  padding: 200px 0px; font-size: 200%;}
    .pagecontent_inner ol li {  width: 100%; min-height: auto; padding: 20px 0px; }
    .pagecontent_inner ol li:nth-of-type(2n+1) {float: left; clear: none;}
	

}

@media (max-width: 380px) {
  .sitestripe {font-size:85%;}
  .layoutcontent .event_classpage .event_classlist li.event { font-size: 85%;  height: 50px;  padding: 10px 0px 10px 60px !important;}
  .layoutcontent .event_classpage .event_classlist li.event .date, .layoutcontent .event_classpage .event_classlist li.event .time  {margin: 0px 10px 0px -15px;}
  .layoutcontent .event_classpage .event_classlist li>* {line-height: 30px !important;height: 30px !important;min-height: 30px;width: 40px; padding: 0px !important;}
  .layoutcontent .event_classlist li.event_cat6 {background-size: 40px auto;  }
   
}

@media( max-width: 330px )
{
    .hero .titletxt {   font-size: 180%;}
    .shop_product .feat_carousel img { max-width:  300px !important; width: 100%;  }
    .layoutcontent .event_classpage .event_classlist li.event { font-size: 80%; } 
}

.private .label { display: block; }
.private #fb-447-div, .private #fb-448-div { float: left; margin-right: 10px; }

.layoutfooter .html {background-color: #f5f5f5;text-align: right; }
#safe-space-iframe  { z-index: 10000; }

.optivita-carousel { max-width:  1200px; margin: 0px auto; padding: 20px; }
.optivita-carousel li { height: 40vh; background-size: contain; }
.optivita-carousel .nextprevious a i { font-size: 200%; color: #C59292; }
.optivita-carousel.lightbox .nextprevious, .optivita-carousel.lightbox .skip, .ui-dialog .ui-dialog-titlebar .ui-dialog-title, #trustpilot-gtm-floating-wrapper { display:none; }

.pathway { padding: 0px 100px 1000px 100px !important; }
.choosepathway {text-align: center; }
.choosepathway .btn { margin-left: 20px;text-decoration: none; cursor: pointer;  padding: 10px 20px 10px 20px; background-color: #ffffff; color: black; border: 1px solid black;  text-transform: uppercase; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; font-size: 100%; transition: all 0.3s ease-in-out; }
.choosepathway .btn:hover { background-color: black; color: white; }

@media( max-width: 1000px )
{
	.pathway { padding: 0px 50px 1000px 50px !important; }
}

@media( max-width: 700px )
{
	.pathway { padding: 0px 20px 50px 20px !important; }
}


.optivita .pagecontent_inner { background-image: url(/images/q2UtgqH4HwGYKx8oKO3t09q052.png); background-size: 50%; background-position: bottom right; padding-bottom: 50px; }
.optivita .pagetitle { height: 250px; }
.optivita .pagetitle .pagetitle_inner { display: none; }
.optivita .content img { width: auto !important; height: auto !important; margin-right: 20px; }
.optivita h3 { background-image: url(/images/uj25JMJPLFrwidl9lpSq01g01e.png);  background-size: 52px 50px; background-position: left ; padding: 10px 0px 10px 60px;}
.optivita .pagecontent_inner p, .optivita .pagecontent_inner ul {margin-left: 60px; }

@media( max-width: 700px)
{
	.optivita .pagecontent_inner  { padding-bottom: 120px; background-size: initial }
	.optivita .pagecontent_inner p, .optivita .pagecontent_inner ul {margin-left: initial;}
}

#fb-627 {height: 400px;}
 
blockquote {background-color: #dcbebe; padding: 10px 30px; text-align: left; color:white; border-radius: 10px;}
blockquote:before {content:'\f005\f005\f005\f005\f005'; font-size: 300%; font-family: FontAwesomeSolid; text-align: center; display: block;  }
blockquote p:first-child {font-weight: 700; font-size: 150%; text-align: center; }

.table-container { width: 100%;  max-height: 500px; overflow-x: auto; overflow-y: auto; border: 1px solid #ccc; -webkit-overflow-scrolling: touch;}
.table-container table {width: 100%; border-collapse: collapse; min-width: 800px; }
.table-container th, .table-container td { border: 1px solid #ddd; padding: 8px 12px; text-align: left; white-space: nowrap; }
.table-container thead th {position: sticky;top: 0; background: #f9f9f9; z-index: 2; box-shadow: 0 2px 2px rgba(0,0,0,0.05); }

.register { max-width: 1000px; margin: 20px auto 100px auto; padding: 0px 50px;}
.register img {text-align:center; display:block; margin: 0 auto;}

@media( max-width: 600px )
{
	.register { max-width: 1000px; margin: 20px auto 100px auto; padding: 0px 20px;}
}
.custom_calendar {margin: 0px 20px;}



.register form .field  {  float:left; width: 50%; margin-top: 10px; padding: 0px 10px 20px 10px; }
.register fieldset { padding-inline: 0px !important;  }
.register form .field_group {clear:both; background-color:#9e9e9e0f; padding: 20px 20px 0px 20px; width: 100%; }
.register form .field_group .field { width: 100%;  }
.register form .field_select select {width: 100%; }
.register form .field .label {font-weight: bold;  }
.register form .field_group > .label {font-weight: bold;  font-size: 120%;}
.register form .field_group .radio { float:left; width: 50%; padding-top: 5px; }
.register form input[type='submit'] { clear: both; float: none; display:block;  }
.register form .field_checkbox {clear: both; width: 100%; }
.register form .field_checkbox .description {float: left; width: 75%; padding-right: 20px; }

@media(max-width: 700px) {
	.register form .field  {  float:none; width: 100%; padding: 0px 0px 20px 0px;}
	.register form .field_group {clear:both;  }
	.register form .field_group .radio { float:none; width: 100%;  }
}

#fb-149-div { color:red; }

#attendees-popup .table {width: 100%; font-size:90%; }
#attendees-popup .table thead th { background: #f3f3f3; color: #333; text-align: left; padding: 10px; border-bottom: 2px solid #ddd; }
#attendees-popup .table tbody td { padding: 10px; border-bottom: 1px solid #e5e5e5; }
#attendees-popup .table-striped tbody tr:nth-child(odd) { background-color: #fafafa; }
#attendees-popup .table-striped tbody tr:nth-child(even) { background-color: #ffffff; }
#attendees-popup .table tbody tr:hover { background-color: #f0f7ff; cursor:pointer; }
#attendees-popup-content { padding: 10px; overflow-x: auto; }

#fb-998 { width: 100%; height: 120px; font-family: 'Great Vibes', cursive; font-size: 42px; line-height: 1.4; text-align: center; vertical-align: middle; padding: 30px 20px;  border: 2px solid #dcdcdc; border-radius: 12px; resize: none;  outline: none;   display: flex;   align-items: center;justify-content: center; }
#fb-998::placeholder {font-family: Arial, sans-serif;  font-size: 16px;}
.waiting-list-code {clear: both;}

.opportunities-page { max-width: 1100px;   margin: 0 auto;    padding: 40px 20px;}
.opportunities-page h1 { text-align: center;    margin-bottom: 40px;    font-size: 2.5rem;}
.opportunities-list { list-style: none;   margin: 0;   padding: 0;   display: grid;   gap: 25px;} 
.opportunity-card { background: #fff;    border-radius: 16px;   padding: 25px;    box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-left: 6px solid #c59292;  transition: all 0.3s ease;}
.opportunity-card:hover { transform: translateY(-3px);    box-shadow: 0 8px 30px rgba(0,0,0,0.12);}
.opportunity-card strong {    color: #444;}
.opportunity-card p:first-child { display: inline-block;  background: #fce8f0;   color: #c59292; padding: 8px 16px;border-radius: 50px;font-weight: 600; margin-bottom: 20px; }
.opportunity-card form { margin-top: 20px; }

.opportunities-page { max-width: 1100px;   margin: 0 auto;    padding: 40px 20px;}
.opportunities-page h1 { text-align: center;    margin-bottom: 40px;    font-size: 2.5rem;}
.opportunities-list { list-style: none;   margin: 0;   padding: 0;   display: grid;   gap: 25px;} 
.opportunity-card { background: #fff;    border-radius: 16px;   padding: 25px;    box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-left: 6px solid #c59292;  transition: all 0.3s ease;}
.opportunity-card:hover { transform: translateY(-3px);    box-shadow: 0 8px 30px rgba(0,0,0,0.12);}
.opportunity-card strong {    color: #444;}
.opportunity-card p:first-child { display: inline-block;  background: #fce8f0;   color: #c59292; padding: 8px 16px;border-radius: 50px;font-weight: 600; margin-bottom: 20px; }
.opportunity-card form { margin-top: 20px; }
.opportunities-page .application form { box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); padding: 50px; }
.opportunities-page .application form label { display: block; font-weight:700; padding: 10px 0px;}

.opportunities-page .sessions { max-width: 700px; margin: 30px auto;}
.opportunities-page .sessions h3 { margin-bottom: 5px; color: #333;}
.opportunities-page .sessions p { color: #666;margin-bottom: 20px;}
.opportunities-page .session { display: flex; align-items: flex-start; gap: 15px; padding: 18px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 10px; background: #fff; cursor: pointer; transition: all .25s ease; }
.opportunities-page .session:hover { border-color: #7b4d8b; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.opportunities-page .session input[type="checkbox"] { margin-top: 5px; transform: scale(1.3); accent-color: #7b4d8b; }
.opportunities-page .session-info { flex: 1; }
.opportunities-page .session-date { font-weight: 600; font-size: 1.05rem; color: #222; }
.opportunities-page .session-time { margin-top: 6px; color: #7b4d8b; font-weight: 500; }
.opportunities-page .session-volunteers { margin-top: 10px; display: inline-block;background: #f6f6f6; padding: 6px 10px;border-radius: 20px;font-size: .9rem; color: #555; }
.opportunities-page .session input[type="checkbox"]:checked + .session-info .session-date {color: #7b4d8b; }
.opportunities-page .session:has(input[type="checkbox"]:checked) {  border-color: #7b4d8b; background: #faf5fc; }

@media (min-width: 768px) 
{    
	.opportunities-list {grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); }

}
@media (max-width: 768px) {
	.opportunities-page form {  padding: 20px; }

}

.waiting-list-code p {
    font-size: 0;
}
.waiting-list-code p::before {
    content: "Please enter your professional referral code. \a \a Please note that these codes are provided to professionals only and are not available to the public. \a \a General booking will open shortly.  Please check back soon";
    font-size: 16px;
	white-space: pre-wrap;
}