@charset "UTF-8";
@import url(../ovw7ztl.css);
*,html {
 box-sizing:border-box
}
body,html {
 overflow-x:hidden
}
#introareainside,.fulltest {
 width:100%;
 position:relative
}
html {
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box
}
h1,h2,h3,h4,h5 {
 font-weight:300;
 margin-top:8px;
 margin-bottom:8px
}
.planthireform {
 border-radius:4px;
 float:left;
 width:100%;
 max-width:768px;
 padding:12px;
 border:2px solid #69b13f;
 margin-top:12px;
 margin-bottom:12px
}

.resourceitem {
 float: left;
  width: 31.3333333%;
  padding: 4px;
  border: 1px solid #eee;
  border-bottom: 3px solid #ccc;
   text-align: center;
  margin: 1%;
}

.resourceitem h3{
 float: left;
  width: 100%;
  padding: 8px;
}

.resourcedesc {
 float: left;
  width: 100%;
  padding: 4px;
  text-align: center;
}

.resource {
 float: left;
  width: 100%;
  padding: 0px;
  text-align: center;
}
.resource a{
 float: left;
  width: 100%;
  padding: 4px;
  text-align: center;
  border-top: 1px solid #eee;
}


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

#form1_general-enquiry {
  margin-top: 12px;
  float: left;
  margin-bottom: 32px;
}
.fulltest {
 padding:12px 64px 8px 24px!important;
 border:1px solid #ccc;
 border-bottom:4px solid #ccc;
 float:left;
 margin-bottom:24px
}
.fulltest:before {
 position:absolute;
 content:"”";
 right:8px;
 top:8px;
 font-size:100px;
 font-family:times;
 line-height:1;
 color:#0c2d5f
}
[class*=" icon-"]:before,[class^=icon-]:before,[data-icon]:before {
 font-family:colstonicons!important;
 font-style:normal!important;
 font-weight:400!important;
 font-variant:normal!important;
 text-transform:none!important;
 speak:none;
 -webkit-font-smoothing:antialiased
}
.slickperson {
 color:#092d5f;
 margin-top:12px
}
@font-face {
 font-family:colstonicons;
 src:url(../fonts/colstonicons.eot);
 src:url(../fonts/colstonicons.eot#iefix) format("embedded-opentype"),url(../fonts/colstonicons.woff) format("woff"),url(../fonts/colstonicons.ttf) format("truetype"),url(../fonts/colstonicons.svg) format("svg");
 font-weight:400;
 font-style:normal
}
[data-icon]:before {
 content:attr(data-icon)
}
[class*=" icon-"]:before,[class^=icon-]:before {
 line-height:1;
 -moz-osx-font-smoothing:grayscale
}
.icon-left-open-big:before {
 content:"\61"
}
.icon-down-open-big:before {
 content:"\62"
}
.icon-up-open-big:before {
 content:"\63"
}
.icon-right-open-big:before {
 content:"\64"
}
.icon-in:before {
 content:"\65"
}
.icon-upload:before {
 content:"\66"
}
.icon-sign-in:before {
 content:"\67"
}
.icon-sign-out:before {
 content:"\68"
}
.icon-male-user-1:before {
 content:"\69"
}
.icon-group:before {
 content:"\6a"
}
.icon-content-7:before {
 content:"\6c"
}
.icon-user-add:before {
 content:"\6b"
}
.icon-phone:before {
 content:"\6e"
}
.icon-letter-mail:before {
 content:"\6d"
}
.icon-at:before {
 content:"\6f"
}
.icon-mobile:before {
 content:"\70"
}
.icon-link:before {
 content:"\71"
}
.icon-link-external:before {
 content:"\72"
}
.icon-linkedin:before {
 content:"\73"
}
.icon-link-1:before {
 content:"\74"
}
.icon-external-link:before {
 content:"\75"
}
.icon-facebook:before {
 content:"\76"
}
.icon-twitter:before {
 content:"\77"
}
.icon-instagram:before {
 content:"\78"
}
.icon-rss:before {
 content:"\79"
}
.icon-file-text-o:before {
 content:"\7a"
}
.icon-read-more:before {
 content:"\41"
}
.icon-search:before {
 content:"\42"
}
.icon-search-1:before {
 content:"\43"
}
.icon-search-plus:before {
 content:"\44"
}
.icon-search-minus:before {
 content:"\45"
}
.icon-comment-quotes:before {
 content:"\46"
}
.icon-quote:before {
 content:"\47"
}
.icon-location:before {
 content:"\48"
}
.icon-map-pin-streamline:before {
 content:"\49"
}
.icon-youtube:before {
 content:"\4a"
}
.icon-youtube-play:before {
 content:"\4b"
}
.icon-home-1:before {
 content:"\4d"
}
.icon-vimeo:before {
 content:"\4c"
}
.icon-colstonfish:before {
 content:"\4e"
}
.icon-colstonscroll:before {
 content:"\4f"
}
.icon-colstonstrapline:before {
 content:"\50"
}
.icon-exclamation:before {
 content:"\51"
}
.icon-pin-1:before {
 content:"\53"
}
.icon-bubble-talk-1:before {
 content:"\52"
}
.icon-quote-1:before {
 content:"\54"
}
.icon-mars:before {
 content:"\55"
}
.icon-venus:before {
 content:"\58"
}
.icon-woman:before {
 content:"\59"
}
.icon-male-user-3:before {
 content:"\5a"
}
.icon-university:before {
 content:"\56"
}
.icon-star-outline:before {
 content:"\57"
}
.icon-colston-subjects2:before {
 content:"\30"
}
.icon-colston-subjects3:before {
 content:"\31"
}
.icon-colston-subjects5:before {
 content:"\32"
}
.icon-colston-subjects7:before {
 content:"\33"
}
.icon-colston-subjects8:before {
 content:"\34"
}
.icon-colston-subjects9:before {
 content:"\35"
}
.icon-colston-subjects10:before {
 content:"\36"
}
.icon-colston-subjects12:before {
 content:"\37"
}
.icon-colston-subjects13:before {
 content:"\38"
}
.icon-colston-subjects14:before {
 content:"\39"
}
.icon-colston-subjects15:before {
 content:"\21"
}
.icon-colston-subjects16:before {
 content:"\22"
}
.icon-colston-subjects17:before {
 content:"\23"
}
.icon-colston-subjects30:before {
 content:"\24"
}
.icon-colston-subjects29:before {
 content:"\25"
}
.icon-colston-subjects28:before {
 content:"\26"
}
.icon-colston-subjects27:before {
 content:"\27"
}
.icon-colston-subjects26:before {
 content:"\28"
}
.icon-colston-subjects25:before {
 content:"\29"
}
.icon-colston-subjects24:before {
 content:"\2a"
}
.icon-colston-subjects23:before {
 content:"\2b"
}
.icon-colston-subjects22:before {
 content:"\2c"
}
.icon-colston-subjects20:before {
 content:"\2d"
}
.icon-colston-subjects19:before {
 content:"\2e"
}
.icon-colston-subjects18:before {
 content:"\2f"
}
.icon-cart-shopping-1:before {
 content:"\3a"
}
.icon-pin:before {
 content:"\3b"
}
.icon-clip-paper-1:before {
 content:"\3c"
}
.icon-pencil-square-o:before {
 content:"\3d"
}
.icon-pen:before {
 content:"\3e"
}
#largecartoon:after,.largecirclearea:after,.largecirclepic:after {
 content:""
}
* {
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box
}
.scrolllinkbottom {
 position:absolute;
 width:60px;
 bottom:12px;
 right:12px
}
#cookie-bar {
 background:#111;
 height:auto;
 line-height:24px;
 color:#eee;
 text-align:center;
 padding:8px
}
#cookie-bar.fixed {
 position:fixed;
 top:0;
 z-index:10;
 left:0;
 width:100%
}
#cookie-bar.fixed.bottom {
 border-top:1px solid #b0b974;
 bottom:0;
 top:auto
}
#cookie-bar p {
 margin:0;
 padding:0
}
.maincontent p,.vacancyitem ul {
 margin-top:12px
}
#cookie-bar a {
 color:#fff;
 display:inline-block;
 border-radius:3px;
 text-decoration:none;
 padding:0 6px;
 margin-left:8px
}
.maincontent,.maincontent-home {
 width:100%;
 float:left;
 display:block;
 border-radius:0
}
#cookie-bar .cb-enable {
 background:#b0b974
}
#cookie-bar .cb-enable:hover {
 background:#b0b0b0
}
#cookie-bar .cb-disable {
 background:#900
}
#cookie-bar .cb-disable:hover {
 background:#b00
}
#cookie-bar .cb-policy {
 background:#2b2b2b;
 color:#8a8a8a
}
#cookie-bar .cb-policy:hover {
 background:#b0b0b0;
 color:#eee
}
body {
 font-family:din-2014,sans-serif;
 line-height:1.3;
 font-weight:300!important;
 font-size:18px;
 color:#3b3c43;
 overflow:hidden!important
}
.maincontent {
 padding:16px;
 background-repeat:no-repeat;
 margin-bottom:16px
}
.maincontent-home {
 padding-left:16px;
 padding-right:16px;
 background-color:#fff;
 background-repeat:no-repeat
}
.vacancyitem ul li {
 padding:4px 4px 4px 24px;
 text-align:left;
 position:relative;
 color:#333
}
.vacancyitem ul li:after,.vacancyitem ul li:before {
 content:"";
 position:absolute;
 display:inline-block;
 text-align:left
}
.vacancyitem ul li:before {
 width:20px;
 height:20px;
 left:0;
 background-image:url(../images/bullet.png);
 background-size:auto 100%;
 background-repeat:no-repeat
}
.homepageintro,.homepageintrotwo {
 padding:16px;
 background-size:22px 44px;
 background-repeat:repeat-y;
 background-position:right 16px top;
 text-align:center;
 margin-top:16px;
 position:relative;
 width:100%;
 float:left
}
.homepageintro {
 background-color:#005296
}
.homepageintrotwo {
 background-color:#2c792b
}
#curriculumhexagonarea h2,#largehexagonarea h2,h2 {
 margin-top:12px;
 font-style:normal;
 font-weight:300;
 font-family:museo,serif
}
#largecartoon {
 background-color:#009fe3;
 text-align:center;
 padding:16px 16px 190px;
 margin-top:16px;
 min-height:360px;
 position:relative;
 width:100%;
 background-size:auto 300px;
 float:left;
 background-repeat:no-repeat;
 background-position:right bottom;
 overflow:hidden
}
#largecartoon:after {
 position:absolute;
 background-image:url(../images/cloud.png);
 width:240px;
 height:180px;
 right:-50px;
 top:-50px;
 background-repeat:no-repeat;
 background-size:100%;
 opacity:.6;
   z-index: 0;
}
.homeheading {
 float:left;
 width:70%;
 text-align:left;
 max-width:720px;
  position: relative;
  z-index: 1;
}
.homeheading h2 {
 color:#fff;
 padding-bottom:12px;
 font-size:32px
}
.homepageintro h1 {
 color:#17a9b3
}
h1 {
 font-size:32px;
 color:#092d5f;
 font-family:museo,serif;
 font-style:normal;
 font-weight:300
}
#largehexagonarea h2 {
 color:#fff;
 font-size:32px
}
#curriculumhexagonarea h2 {
 color:#eee
}
h2 {
 color:#000;
 font-size:22px
}
.styledlist h3 {
 background-color:#092d5f;
 font-weight:300;
 color:#fff;
 padding:8px;
 width:100%
}
.styledlist ul {
 font-size:1.15em;
 font-size:16px;
 color:#fff;
 padding:4px;
 width:100%
}
.styledlist ul li {
 border-bottom:1px solid #c2b4d6;
 font-size:1.15em;
 color:#fff;
 padding:4px
}
.styledlist {
 float:left;
 width:100%;
 max-width:540px
}
h3 {
 color:#69b13f;
 font-size:1.15em;
 font-weight:500;
 padding-top:12px;
 font-family:museo,serif
}
.videoarea h3 {
 color:#ccc;
 font-size:16px;
 font-weight:300;
 height:32px;
 padding:0;
 margin:0
}
.houseouter,.largecirclearea {
 float:left;
 margin-bottom:16px;
 text-align:center
}
h4 {
 color:#3b3c43;
 font-size:1.2em
}
#houselistarea {
 float:left;
 width:100%
}
.houseouter {
 width:25%;
 border:4px solid #fff;
 margin-top:16px;
 padding:8px;
 border-radius:8px;
 color:#fff;
 background-color:#57565b
}
.houseouter .houseicon {
 float:left;
 width:100%;
 height:80px
}
.housetitle {
 float:left;
 width:100%;
 font-size:32px
}
.housemore {
 float:left;
 width:100%;
 color:#aaa
}
.largecirclearea {
 width:100%;
 padding:0;
 border-radius:8px;
 position:relative;
 color:#fff
}
.largecirclearea:after {
 position:absolute;
 border-radius:50%;
 pointer-events:none;
 background-color:rgba(256,256,256,.3);
 top:00px;
 z-index:0
}
.largecirclepic,.largecirclepic img {
 position:relative
}
.largecirclepic,.testimonialcircle {
 font-size:20px;
 z-index:2;
 float:left
}
.largecirclepic {
 width:100%;
 text-align:center
}
.largecirclepic:after {
 position:absolute;
 width:140%;
 left:-32px;
 background-color:#fff;
 height:48px;
 bottom:-16px;
 pointer-events:none;
 transform:rotate(-3deg)
}
.testimonialcirclearea {
 float:left;
 width:100%;
 background-color:#eee;
 padding:8px;
 position:relative;
 text-align:center;
 color:#fff
}
.bannerbottom {
 position:absolute;
 height:32px;
 width:100%;
 top:0;
 right:0;
 background-color:red
}
.testcontent,.testimonialcircle,.videowrapper {
 position:relative;
 text-align:center
}
.testimonialcircle {
 width:100%;
 padding:12px;
 background:#69b13f;
 margin-top:12px
}
.testcontent {
 float:left;
 display:block;
 width:100%;
 height:100%;
 color:#fff;
 font-size:18px;
 top:0;
 left:0
}
.testcontent h3 {
 color:#fff;
 font-weight:300;
 font-size:22px;
 text-align:center;
 padding-bottom:26px
}
.dropbtn,b {
 font-weight:300!important
}
.testdetail {
 border-top:1px solid #fff;
 padding-top:8px;
 font-size:14px
}
.readall {
 border:1px solid #fff;
 padding:8px;
 margin-top:12px;
 font-size:14px;
 display:inline-block;
 width:auto
}
.jobapplication {
 float:left;
 width:100%;
 border:1px solid #aaa;
 padding:16px;
 margin-top:12px;
 background-color:#ccc;
 border-radius:4px
}
.videowrapper {
 overflow:hidden;
 width:100vw;
 height:600px;
 max-height:100vh
}
.videowrapper div {
 position:absolute;
 height:100%;
 width:200%;
 left:-50%
}
video {
 height:auto;
 min-height:100%;
 min-width:50%
}
.minicart table.cart img {
 max-width:80px
}
table.cart img {
 max-width:240px
}
table.cart {
 width:100%;
 clear:both;
 background-color:#fff
}
table.cart td {
 padding:8px;
 max-width:120px
}
.guestcheckout a {
 padding:4px;
 background-color:#ffb819
}
.confirmation {
 width:100%;
 clear:both
}
.checkoutnow,.updatebutton {
 float:right;
 clear:both
}
.updatebutton {
 margin-top:0;
 padding:4px;
 color:#eee
}
.checkoutnow a,.checkoutstep a {
 float:right;
 padding:12px/*! font-size: 24px; */
    /*! color: #eee */
}
.updatebutton input[type=submit] {
 /*! color: #eee */
}
.checkoutnow a {
 background-color:#94c0e9
}
.checkoutstep a {
 background-color:#ff5c39
}
table img {
 max-width:200px;
 width:100%
}
.minicart {
 float:left;
 width:100%;
 padding:8px;
 color:#2d2d2d;
 background-color:#212a29
}
.minicart p {
 color:#fff
}
.leftcolumn,.rightcolumn {
 float:left;
 width:50%;
 padding:12px
}
.catimages,.productsarea {
 width:100%;
 margin-bottom:24px;
 float:left
}
.productsarea {
 margin-top:24px;
 background-color:rgba(256,256,256,.6);
 padding:12px
}
.perchproduct {
 display:inline-block;
 width:70%;
 margin:.5%;
 padding:8px;
 /*! height:500px; */background-color:#fff;
 background-size:6px
}
.listing .perchproduct {
 float:left;
 width:48%;
 margin:.5%;
 padding:0 0 8px;
 background-color:#fff;
 text-align:center;
 border:1px solid #eee;
 border-bottom:4px solid #eee
}
.perchproduct.fourcolumn,.perchproduct.threecolumn {
 margin:.5%;
 padding:8px;
 background-color:#fff;
 background-size:6px;
 float:left
}
.perchproduct.threecolumn {
 width:32%
}
.perchproduct.fourcolumn {
 width:24%;
 text-align:center
}
.perchproductimage {
 display:table-cell;
 vertical-align:middle;
 text-align:center;
 width:auto;
 /*! border: 8px solid #2d2d2d; */background-color:#eee
}
.backtoshop,.shoplinks li,.smallcat {
 display:inline-block
}
.productsareasmall .productimage,.smallcat {
 background-color:#615e57;
 background-size:6px
}
.perchproduct.fourcolumn .perchproductimage {
 height:320px
}
.perchproduct.threecolumn .perchproductimage {
 height:300px
}
.smallcatarea {
 float:left;
 text-align:center;
 width:100%;
 margin-top:24px;
 margin-bottom:24px;
 padding:12px
}
.smallcat {
 width:23%;
 margin:.5%;
 padding:8px;
 color:#eee;
 border:1px solid #4f4d46;
 border-bottom:4px solid #4f4d46
}
.productsareasmall .perchproduct {
 float:left;
 width:100%;
 margin:.5% .5% 4px;
 padding:8px;
 border-bottom:2px solid rgba(0,0,0,.4)
}
.productsareasmall .productimage {
 float:left;
 width:30%;
 margin:0;
 padding:0;
 border:none
}
.productsareasmall .productdetail {
 float:left;
 width:70%;
 margin:0;
 padding:0;
 border:none;
 background-size:6px
}
.perchproduct img {
 float:left;
 max-width:100%;
 width:100%!important
}
.backtoshop,.basketdropdown,.leftcolumn .productname,.leftcolumn .productsku,.productdescription,.productname {
 float:left;
 width:100%
}
.leftcolumn .productsku {
 color:#d73733;
 font-size:1em;
 padding:8px
}
.leftcolumn .productname {
 color:#d73733;
 font-size:2.4em;
 padding:8px
}
.productimage,.productsku {
 color:#eee;
 font-size:1.4em;
 width:100%;
 float:left
}
.productsku {
 padding:8px
}
.productimage {
 /*! padding: 8px; */border:12px solid #fff
}
.productdescription {
 color:#424242;
 font-size:14px;
 padding:8px
}
.productname {
 color:#0e5290;
 font-size:24px;
 padding:8px
}
.basketdropdown {
 background-size:4px;
 padding:0;
 position:relative;
 height:48px;
 clear:both
}
.backtoshop {
 clear:both
}
.backtoshop a {
 float:right;
 width:auto;
 clear:both;
 padding:4px;
 background-color:#ffb819
}
.shoplinks {
 text-align:right
}
.largecat {
 float:left;
 width:31.33333%;
 padding:8px;
 background-color:#fff;
 margin:1%;
 font-size:16px
}
.largecat .catimage,.largecat h4 {
 width:100%;
 float:left
}
.largecat h4 {
 font-size:32px
}
.rightcolumn .productname {
 color:#333;
 font-size:40px
}
.rightcolumn .productsku {
 color:#615e57;
 font-size:14px
}
.rightcolumn .productdescription {
 color:#333;
 font-size:16px
}
.rightcolumn .productprice {
 float:left;
 width:100%;
 color:#73c8c5;
 font-size:2em;
 padding:8px
}
.productprice,.productsaleprice {
 font-size:1.4em;
 width:100%;
 padding:8px
}
.productprice {
 float:left;
 margin-bottom:8px;
 color:#091f34;
 text-align:center;
 line-height:1
}
.productvar,.productvariants {
 margin-bottom:16px;
 float:left
}
.discount {
 max-width:300px;
 float:right;
 text-align:right
}
.productsaleprice {
 float:left;
 color:#d73733;
 display:none
}
.productvariants {
 width:100%;
 color:#ccc;
 font-size:1em;
 padding:8px;
 background-color:#333
}
.productvar,.productvar label {
 font-size:1em;
 padding:4px;
 background-color:#fff;
 width:100%
}
.productvar {
 border:1px solid #ddd;
 margin-top:16px
}
.addtocart {
 float:right;
 font-size:1em;
 padding:4px;
 margin-top:4px;
 margin-bottom:4px;
 color:#eee
}
.productbrand,.productcategory,.productslug,.producttradeprice,.status {
 width:100%;
 color:#d73733;
 font-size:1.4em;
 padding:8px;
 display:none;
 float:left
}
.productvar label {
 float:left;
 margin-top:0
}
.hiddendetails,.saleprice,.taxgroup {
 display:none
}
.dropbtn {
 width:auto;
 height:40px;
 float:left;
 font-size:16px;
 padding:8px 8px 8px 30px;
 cursor:pointer;
 color:#fff;
 background-color:#001930;
 border:0 solid #eee
}
.dropbtn:focus,.dropbtn:hover {
 background-color:rgba(0,0,0,.7)
}
.dropdown {
 float:left
}
.dropdown:before {
 position:absolute;
 content:":";
 font-family:colstonicons;
 top:4px;
 left:4px;
 color:#ffb819;
 font-size:24px
}
.dropdown-content {
 display:none;
 position:absolute;
 left:0;
 z-index:1;
 background-color:#f9f9f9;
 min-width:160px;
 box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
 transition:all .8s ease-in-out;
 -webkit-transition:all .8s ease-in-out;
 -moz-transition:all .8s ease-in-out;
 -o-transition:all .8s ease-in-out
}
.dropdown-content a {
 color:#000;
 padding:8px;
 text-decoration:none;
 display:block;
 width:100%
}
.dropdown-content a:hover {
 background-color:#f1f1f1
}
.show {
 display:block
}
.checkoutnowsmall a {
 float:left;
 background-color:#ffb819
}
.checkoutnowsmall a:hover {
 color:#333;
 background-color:#ccc
}
.shoplinks {
 width:auto;
 padding-top:8px;
 padding-bottom:8px;
 margin-bottom:16px;
 float:right
}
.shoplinks li {
 float:left;
 padding-right:4px
}
.shoplinks a {
 color:#3c3c3c;
 padding:4px
}
.shoplinks li:nth-child(1) a {
 position:relative;
 padding-left:32px
}
#drawer .drawer__header .close {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border:0;
 background:#00bfff;
 color:#fff;
 font-size:1.25em;
 font-weight:700;
 margin:0;
 padding:.5em .75em;
 width:auto;
 -webkit-transition:all .3s;
 transition:all .3s
}
.schooldivlink,.schooldivlink:after,.schooldivlink:hover:after {
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out
}
#drawer .drawer__header .close:hover {
 background:#007399;
 cursor:pointer
}
#drawer {
 z-index:20;
 position:absolute;
 height:auto;
 top:64px;
 left:-100%;
 width:100%;
 padding-bottom:80px;
 background-color:rgba(59,60,67,.88)
}
#drawer .drawer__content,#drawer .drawer__header {
 padding:24px
}
#drawer .drawer__header {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
#drawer .drawer__header h2 {
 margin:0
}
#drawer .drawer__header .close {
 display:inline;
 line-height:1em
}
.noticeitembox {
 float:left;
 width:100%;
 margin-top:36px
}
.noticeitembox .noticeitem:nth-child(n) {
 -ms-transform:rotate(3deg);
 -webkit-transform:rotate(3deg);
 transform:rotate(3deg)
}
.noticeitembox .noticeitem:nth-child(2n) {
 -ms-transform:rotate(-3deg);
 -webkit-transform:rotate(-3deg);
 transform:rotate(-3deg)
}
.noticeitem {
 float:left;
 position:relative;
 padding:4px 4px 32px;
 margin:.5% .5% 24px;
 width:320px;
 background:#ffb819;
 background:-moz-linear-gradient(-45deg,#ffb819 0,#ffb819 35%,#ffd042 83%,#ffd042 83%);
 background:-webkit-linear-gradient(-45deg,#ffb819 0,#ffb819 35%,#ffd042 83%,#ffd042 83%);
 background:linear-gradient(135deg,#ffb819 0,#ffb819 35%,#ffd042 83%,#ffd042 83%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f798cb', endColorstr='#e865ab', GradientType=1 );
 min-height:200px;
 box-shadow:4px 14px 8px rgba(0,0,0,.2)
}
.noticeitem:after,.noticeitem:before {
 position:absolute;
 width:16px;
 height:8px;
 padding:8px 0 0;
 line-height:0;
 text-align:center
}
.select-style select,select {
 -webkit-appearance:none;
 box-shadow:none
}
.noticeitem:before {
 content:"";
 right:2px;
 top:2px;
 background-color:#fff;
 font-size:64px;
 z-index:20
}
.noticeitem:after {
 content:";";
 font-family:colstonicons;
 right:8px;
 top:-28px;
 font-size:54px;
 z-index:20000;
 -ms-transform:rotate(30deg);
 -webkit-transform:rotate(30deg);
 transform:rotate(30deg);
 color:#ffb819
}
.noticeitem h3 a {
 color:#fff
}
.noticebox {
 float:left;
 width:100%;
 position:relative;
 border-bottom:1px solid #eee;
 margin-bottom:24px
}
.noticecontent {
 float:left;
 width:100%;
 padding:4px 24px 4px 4px
}
.noticecontent h3 {
 text-transform:lowercase;
 font-size:32px
}
.noticeitemsmall {
 float:left;
 width:12%;
 position:relative;
 padding:2px 2px 32px;
 margin:.25%;
 border:1px solid #eee;
 background-color:#333;
 text-align:center
}
.noticeitemsmall h2 {
 font-size:14px
}
.lg-icon,[data-icon]:before {
 line-height:1;
 -moz-osx-font-smoothing:grayscale
}
#drawer.on {
 -webkit-animation:slideIn .5s ease-in-out both;
 animation:slideIn .5s ease-in-out both
}
#drawer.off {
 left:-100%;
 width:100%;
 -webkit-animation:slideOut .5s ease-in-out both;
 animation:slideOut .5s ease-in-out both
}
@-webkit-keyframes slideIn {
 0% {
  left:-100%
 }
 100% {
  left:0
 }
}
@keyframes slideIn {
 0% {
  left:-100%
 }
 100% {
  left:0
 }
}
@-webkit-keyframes slideOut {
 0% {
  left:0
 }
 100% {
  left:-100%
 }
}
@keyframes slideOut {
 0% {
  left:0
 }
 100% {
  left:-100%
 }
}
.schooldivlink:after,.schooldivlink:before,.schooldivlink:hover:after {
 content:"";
 left:0;
 pointer-events:none
}
.select-style,.select-style:hover:after {
 float:left;
 display:block;
 background:url(http://www.completeutilities.co.uk/images/icon-select.png) 90% 50% no-repeat #fafafa;
 overflow:hidden
}
.select-style {
 border:1px solid #ccc;
 position:relative;
 width:100%
}
.select-style:hover:after {
 content:"";
 position:absolute;
 height:60px;
 z-index:30000;
 border:1px solid #ccc;
 width:auto
}
.clearform,.mainform {
 width:100%;
 display:inline-block
}
.mainform {
 max-width:1080px;
 padding:16px 16px 64px;
 background-color:rgba(256,256,256,.1);
 border:1px solid #333;
 position:relative
}
.clearform {
 padding:8px;
 background-color:#333;
 color:#333;
 max-width:200px;
 position:absolute;
 bottom:0;
 right:0
}
#schooldivlinkarea {
 float:left;
 width:100%
}
.schooldivlink {
 float:left;
 width:25%;
 height:280px;
 background-size:cover;
 position:relative
}
.schooldivlink .clickableimage,.schooldivlink .clickableimage img,.schooldivlink a {
 width:100%;
 height:100%;
 position:absolute
}
.schooldivlink:after {
 position:absolute;
 width:100%;
 height:12px;
 bottom:0
}
.schooldivlink:hover:after {
 position:absolute;
 opacity:.8;
 width:100%;
 height:100%;
 bottom:0
}
.subject_third,.subject_third h2 {
 background-color:#9279b7;
 position:relative;
 float:left
}
.mix .hoverlink,.schooldivlink:before {
 -webkit-transition:all .8s ease-in-out
}
.subject_third {
 width:32%;
 padding:8px 8px 24px;
 margin-right:1%;
 margin-bottom:8px
}
.subject_third h2 {
 width:auto;
 padding:8px 16px 8px 8px;
 margin-top:-32px;
 clear:both;
 margin-bottom:0;
 color:#fff
}
.subject_third p {
 float:left;
 width:100%;
 padding:12px;
 clear:both;
 background-color:#fff;
 margin:0
}
.morelink a {
 position:absolute;
 bottom:0;
 right:0;
 color:#001930;
 padding:8px;
 margin-top:4px
}
.subject_third .morelink a {
 color:#fff
}
.subject_third img,.twothirdcolumn img {
 width:100%;
 height:auto;
 z-index:0;
 position:relative;
 float:left
}
.relatedpages {
 float:left;
 width:100%;
 position:relative;
 overflow:hidden;
 margin-bottom:16px;
 z-index:2;
 background-color:#eee;
 padding:12px
}
.relatedpages li.selected a {
 color:#80bc28;
 border-bottom:1px solid #d3d3d3;
 position:relative;
 background-repeat:no-repeat;
 background-position:bottom -200px right 0
}
.relatedpages li.selected a:after {
 content:"";
 right:4px;
 top:4px;
 padding:4px;
 background-image:url(../images/bullet.png);
 width:12px;
 height:16px;
 background-size:100%;
 background-repeat:no-repeat;
 position:absolute;
 color:#000
}
.relatedpages ul {
 position:relative;
 display:block;
 background-color:rgba(256,256,256,.9);
 width:100%
}
.relatedpages h3,.relatedpages li a {
 width:100%;
 float:left;
 padding:4px 0
}
.schooldivlink:before {
 position:absolute;
 top:0;
 height:100%;
 font-size:15px;
 width:100%;
 background:-moz-linear-gradient(top,#333 0,#333 100%);
 background:-webkit-linear-gradient(top,#333 0,#333 100%);
 background:linear-gradient(to bottom,#333 0,#333 100%);
 opacity:.2;
 -moz-transition:all .8s ease-in-out;
 -o-transition:all .8s ease-in-out
}
.schooldivlink:hover .schooldivlinktext,.schooldivlink:hover .schooldivlinktitle,.schooldivlinkdesc:before,.schooldivlinktext,.schooldivlinktitle {
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out
}
.schooldivlinktext {
 position:absolute;
 width:100%;
 z-index:8;
 height:40%;
 top:40%;
 pointer-events:none
}
.schooldivlinkdesc,.schooldivlinktitle {
 position:relative;
 text-align:center;
 float:left;
 width:100%;
 color:#fff;
 pointer-events:none
}
.schooldivlink:hover .schooldivlinktext {
 top:40%;
 height:80%;
 pointer-events:none
}
.schooldivlinktitle {
 text-transform:uppercase;
 top:0;
 font-size:1.4em
}
.schooldivlink:hover .schooldivlinktitle {
 font-size:1.8em;
 pointer-events:none
}
.schooldivlinkdesc {
 padding:8px
}
.schooldivlinkdesc:after,.schooldivlinkdesc:before {
 position:absolute;
 width:0%;
 height:2px;
 content:"";
 background-color:#fff;
 left:50%
}
.schooldivlinkdesc:before {
 top:0;
 pointer-events:none
}
.schooldivlinkdesc:after {
 bottom:0;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 pointer-events:none
}
.schooldivlink:hover .schooldivlinkdesc:after,.schooldivlink:hover .schooldivlinkdesc:before {
 position:absolute;
 width:80%;
 height:2px;
 background-color:#fff;
 left:10%;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 pointer-events:none;
 content:""
}
.schooldivlink:hover .schooldivlinkdesc:before {
 top:0
}
.schooldivlink:hover .schooldivlinkdesc:after {
 bottom:0
}
footer {
 background-color:#092d5f;
 min-height:120px
}
.footerinner {
 margin-left:auto;
 margin-right:auto;
 width:100%;
 max-width:1440px;
 padding:0;
 position:relative
}
.footercolumn,.footerlinks a {
 position:relative;
 padding-left:12px;
 float:left
}
.footercolumn {
 width:25%;
 text-align:left;
 padding-bottom:32px;
 z-index:1;
 color:#eee
}

.twentyyears {
 text-align: right;
  display: block !important;
}

.twentyyears img {
 float: right;
  display: block !important;
  width: 148px;
}
.footerlinks {
 float:left
}
.footerlinks a {
 width:100%
}
.footerlinks a:before {
 float:left;
 width:100%;
 position:absolute;
 content:">";
 left:0
}
.footercolumn:nth-child(4) * {
 font-size:12px/*! color: #005b9d; */
}
.footercolumn h4 {
 color:#f07d00;
 padding-bottom:12px
}
#accessibility h3 a,.footercolumn p {
 color:#eee
}
.typetext {
 position:absolute;
 top:0;
 left:0
}
#staticbanner,.banner,.bannershallow {
 position:relative;
 background-repeat:no-repeat;
 z-index:5;
 background-repeat: no-repeat;
 background-size: cover;
 overflow: hidden;
 background-position: calc(50% - 0px) calc(0% + 0px);
 z-index: 5;
}
#accessibility,#accessibility h4 {
 color:#000
}
.banner-container {
 float:left;
 width:100%
}
body.technical #staticbanner {
 margin-bottom:64px
}
#staticbanner {
 height:280px;
 background-size:100%
}
.bannershallow {
 height:280px;
 overflow:hidden
}
.banner {
 height: 680px;
 overflow:hidden;
 /* background-size:cover */
}
.cogwheelone,.cogwheeltwo,.progressbar {
 position:absolute;
 z-index:1;
 display:block
}
.progressbar {
 background-color:#f07d00;
 height:24px
}
.cogwheelone {
 background-image:url(../images/cogonerotate.png);
 background-size:100%
}
.cogwheeltwo {
 background-image:url(../images/cogtworotate.png);
 background-size:100%
}
body {
 width:100%;
 height:100%
}
.twothirds {
 width:66.66666666%;
 float:left;
 padding-right:12px
}
.onethird {
 width:33.33333333%;
 float:left;
 padding:16px 0 0 12px
}
#othercourses,.coursebanner,.coursesummary,.smallcourselistouter {
 float:left;
 width:100%;
 clear:both
}
.smallcourselistouter {
 background-color:#eee;
 padding:12px;
 margin-top:12px
}
.maincontent #slider-wrapper:after,.smallcourselist {
 background-color:#fff
}
.smallcourselist {
 float:left;
 width:25%;
 margin-bottom:12px;
 border:1px solid #ddd;
 padding:8px
}
#slider-wrapper,#slider-wrapper-shallow {
 position:relative
}
#slider-wrapper {
 height: 680px;
 overflow:hidden;
 width:100%;
}
#slider-wrapper:before,.bannershallow:before {
 content:"";
 background-image:url(../images/bannertop.png);
 background-repeat:no-repeat;
 background-size:100% 100%;
 top:0;
 left:0;
 width:100%;
 height:40px;
 position:absolute;
 pointer-events:none;
 z-index:2
}
#slider-wrapper-shallow:after,#slider-wrapper:after,.bannershallow:after {
 content:"";
 background-image:url(../images/bannerbottom.png);
 background-repeat:no-repeat;
 background-size:100% 100%;
 bottom:0;
 left:0;
 height:40px;
 z-index:2;
 width:100%;
 position:absolute;
 pointer-events:none
}
#slider-wrapper-shallow:before {
 content:"";
 background-image:url(../images/bannertop.png);
 background-repeat:no-repeat;
 background-size:100% 100%;
 top:0;
 left:0;
 width:100%;
 height:40px;
 position:absolute;
 pointer-events:none;
 z-index:2
}
.bannerlogo {
 position:absolute;
 width:100%;
 z-index:3;
 top:32px;
 text-align:center
}
.bannerlogo img {
 width:200px;
 z-index:3;
 top:32px
}
.maincontent #slider-wrapper {
 height:auto;
 width:100%;
 position:relative;
 z-index:0;
 margin-bottom:12px
}
#slider-wrapper-shallow {
 height:320px;
 overflow:hidden
}
#quoteenquiryform {
 margin-top:0;
 float:left;
 width:100%
}
.homepage #quoteenquiryform {
 margin-top:-120px
}
#quoteenquiryform * {
 text-align:center
}
#quoteenquiryform textarea {
 margin-top:12px
}
#locationField {
 background-color:#b7b7b7;
 padding:8px
}
.formitem input[type=submit],form label {
 float:left;
 padding:0;
 width:100%
}
form label {
 display:block;
 text-align:center
}
.elements,.formerror {
 display:inline-block
}
.optionwrapper label {
 float:left;
 width:auto
}
.questionblock {
 float:left;
 width:100%;
 padding:8px;
 background-color:rgba(100,100,100,.3)
}
.optionwrapper {
 float:left;
 width:25%
}
.formitem input[type=submit] {
 -webkit-appearance:none;
 margin-top:0;
 margin-left:0;
 border:0;
 background-color:#333;
 color:#333
}
.formerror {
 background-color:red;
 padding:4px;
 color:#fff
}
.select-style select {
 padding:5px 8px;
 width:130%;
 border:none;
 background:0 0
}
.select-style select:focus {
 outline:0
}
@font-face {
 font-family:lg;
 src:url(../fonts/lg_n1z373.eot);
 src:url(../fonts/lg.eot) format("embedded-opentype"),url(../fonts/lg_n1z373.woff) format("woff"),url(../fonts/lg_n1z373.ttf) format("truetype"),url(../fonts/lg_n1z373-lg.svg) format("svg")
}
.student_profile_area {
 float:left;
 position:relative;
 width:100%;
 background-color:rgba(255,255,255,.8);
 text-align:center;
 padding:8px;
 margin-bottom:12px
}
.studentitem img {
 width:auto;
 height:100%;
 max-width:400px;
 text-align:center
}
.studentitem {
 float:left;
 width:33.333%;
 height:300px;
 margin:0;
 padding:0;
 position:absolute;
 position:relative;
 cursor:pointer;
 text-align:center;
 overflow:hidden;
 background-position:top center
}
.filterform,.filterform label {
 margin-bottom:12px;
 float:left
}
.studentitem h3 {
 color:#4bbdd3
}
.studentitem:after {
 content:"L";
 position:absolute;
 font-family:school;
 right:12px;
 color:#FFF;
 bottom:12px;
 background-color:#29a9b3;
 width:48px;
 height:48px;
 line-height:1
}
.studentitem-overlay {
 display:none
}
.studentactive {
 border:1px solid #000;
 background-color:rgba(0,0,0,.8);
 width:100%;
 height:100%;
 display:block;
 position:absolute;
 bottom:0;
 color:#fff;
 text-align:center
}
.filterform input {
 float:left;
 background-color:#fff;
 width:100%;
 color:#333;
 padding:8px
}
.courseteachers {
 float:left;
 width:48%;
 margin-right:4px;
 border:1px solid #ddd;
 margin-bottom:8px;
 padding:8px;
 position:relative;
 border-bottom:2px solid #9f9494
}
.courseteachers .staffimage {
 float:left;
 width:40px
}
.courseteachers:after {
 position:absolute;
 font-family:school;
 left:5px
}
.courseteachers .staffname,.staffcontactitem .staffname {
 float:left
}
.courseteachers .staffemailaddress,.courseteachers .staffname,.courseteachers .staffqualifications,.courseteachers .stafftitle {
 line-height:22px
}
.contactarea {
 float:left;
 width:100%;
 border:1px solid #00aac2;
 padding:16px;
 margin-bottom:16px
}
strong {
 font-weight:500
}
.lg-icon {
 font-family:lg;
 text-transform:none
}
.lg-actions .lg-next,.lg-actions .lg-prev {
 background-color:rgba(0,0,0,.45);
 color:#999;
 cursor:pointer;
 display:block;
 margin-top:-10px;
 padding:8px 10px 9px;
 position:absolute;
 top:50%;
 z-index:1080
}
.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled {
 pointer-events:none;
 opacity:.5
}
.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover {
 color:#FFF
}
.lg-actions .lg-next {
 right:20px
}
.lg-actions .lg-next:before {
 content:"\e095"
}
.lg-actions .lg-prev {
 left:20px
}
.lg-actions .lg-prev:after {
 content:"\e094"
}
.lg-outer.lg-right-end .lg-object {
 -webkit-animation:lg-right-end .3s;
 -o-animation:lg-right-end .3s;
 animation:lg-right-end .3s;
 position:relative
}
.lg-outer.lg-left-end .lg-object {
 -webkit-animation:lg-left-end .3s;
 -o-animation:lg-left-end .3s;
 animation:lg-left-end .3s;
 position:relative
}
.lg-toolbar {
 z-index:1082;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 background-color:rgba(0,0,0,.79)
}
.lg-toolbar .lg-icon {
 color:#999;
 cursor:pointer;
 float:right;
 height:47px;
 line-height:27px;
 padding:10px 0;
 text-align:center;
 width:50px;
 text-decoration:none!important;
 outline:0;
 -webkit-transition:color .2s linear;
 -o-transition:color .2s linear;
 transition:color .2s linear
}
.rslides1_nav,a {
 text-decoration:none
}
.lg-toolbar .lg-icon:hover {
 color:#FFF
}
.lg-toolbar .lg-close:after {
 content:"\e070"
}
.lg-toolbar .lg-download:after {
 content:"\e0f2"
}
.lg-sub-html {
 background-color:rgba(0,0,0,.45);
 bottom:0;
 color:#EEE;
 left:0;
 padding:10px 40px;
 position:fixed;
 right:0;
 text-align:center;
 z-index:1080
}
.lg-sub-html h4 {
 margin:0;
 color:#ff5c39;
 text-transform:uppercase
}
.public .lg-sub-html h4 {
 display:none
}
.lg-sub-html p {
 margin:5px 0 0
}
#lg-counter {
 color:#999;
 padding-left:20px;
 padding-top:12px
}
.lg-next,.lg-prev,.lg-toolbar {
 opacity:1;
 -webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
 -moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
 -o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
 transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear
}
.lg-hide-items .lg-prev {
 opacity:0;
 -webkit-transform:translate3d(-10px,0,0);
 transform:translate3d(-10px,0,0)
}
.lg-hide-items .lg-next {
 opacity:0;
 -webkit-transform:translate3d(10px,0,0);
 transform:translate3d(10px,0,0)
}
.lg-hide-items .lg-toolbar {
 opacity:0;
 -webkit-transform:translate3d(0,-10px,0);
 transform:translate3d(0,-10px,0)
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
 -webkit-transform:scale3d(.5,.5,.5);
 transform:scale3d(.5,.5,.5);
 opacity:0;
 -webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
 -moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
 -o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
 transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
 -webkit-transform-origin:50% 50%;
 -moz-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
 -webkit-transform:scale3d(1,1,1);
 transform:scale3d(1,1,1);
 opacity:.8
}
.lg-outer .lg-thumb-outer {
 background-color:#0D0A0A;
 bottom:0;
 position:absolute;
 width:100%;
 z-index:1080;
 max-height:350px;
 -webkit-transform:translate3d(0,100%,0);
 transform:translate3d(0,100%,0);
 -webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
 -moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;
 -o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;
 transition:transform .25s cubic-bezier(0,0,.25,1) 0s
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
 cursor:-webkit-grab;
 cursor:-moz-grab;
 cursor:-o-grab;
 cursor:-ms-grab;
 cursor:grab
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
 cursor:move;
 cursor:-webkit-grabbing;
 cursor:-moz-grabbing;
 cursor:-o-grabbing;
 cursor:-ms-grabbing;
 cursor:grabbing
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
 -webkit-transition-duration:0s!important;
 transition-duration:0s!important
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.lg-outer .lg-thumb {
 padding:10px 0;
 height:100%;
 margin-bottom:-5px
}
.lg-outer .lg-thumb-item {
 cursor:pointer;
 float:left;
 overflow:hidden;
 height:100%;
 border:2px solid #FFF;
 margin-bottom:5px;
 -webkit-transition:border-color .25s ease;
 -o-transition:border-color .25s ease;
 transition:border-color .25s ease
}
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
 border-color:#ff5c39
}
.lg-outer .lg-thumb-item img {
 width:100%;
 height:100%;
 object-fit:cover
}
.lg-outer.lg-has-thumb .lg-item {
 padding-bottom:120px
}
.lg-outer.lg-can-toggle .lg-item {
 padding-bottom:0
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
 -webkit-transition:bottom .25s ease;
 -o-transition:bottom .25s ease;
 transition:bottom .25s ease
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
 bottom:100px
}
.lg-outer .lg-toogle-thumb {
 background-color:#0D0A0A;
 color:#999;
 cursor:pointer;
 height:39px;
 line-height:27px;
 padding:5px 0;
 position:absolute;
 right:20px;
 text-align:center;
 top:-39px;
 width:50px
}
.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share {
 color:#FFF
}
.lg-outer .lg-toogle-thumb:after {
 content:"\e1ff"
}
.lg-outer .lg-video-cont {
 max-width:1140px;
 max-height:100%;
 width:100%;
 padding:0 5px
}
.lg-outer .lg-video {
 width:100%;
 height:0;
 padding-bottom:56.25%;
 overflow:hidden;
 position:relative
}
.lg-outer .lg-video .lg-object {
 display:inline-block;
 position:absolute;
 top:0;
 left:0;
 width:100%!important;
 height:100%!important
}
.lg-outer .lg-video .lg-video-play {
 width:84px;
 height:59px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-42px;
 margin-top:-30px;
 z-index:1080;
 cursor:pointer
}
.lg-outer .lg-has-vimeo .lg-video-play {
 background:url(http://www.completeutilities.co.uk/img/vimeo-play.png) no-repeat
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
 background:url(http://www.completeutilities.co.uk/img/vimeo-play.png) 0 -58px no-repeat
}
.lg-outer .lg-has-html5 .lg-video-play {
 background:url(http://www.completeutilities.co.uk/img/video-play.png) no-repeat;
 height:64px;
 margin-left:-32px;
 margin-top:-32px;
 width:64px;
 opacity:.8
}
.lg-outer .lg-has-html5:hover .lg-video-play {
 opacity:1
}
.lg-outer .lg-has-youtube .lg-video-play {
 background:url(http://www.completeutilities.co.uk/img/youtube-play.png) no-repeat
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
 background:url(http://www.completeutilities.co.uk/img/youtube-play.png) 0 -60px no-repeat
}
.lg-outer .lg-video-object {
 width:100%!important;
 height:100%!important;
 position:absolute;
 top:0;
 left:0
}
.lg-outer .lg-has-video .lg-video-object {
 visibility:hidden
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
 display:none
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
 visibility:visible
}
.lg-progress-bar {
 background-color:#250725;
 height:5px;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:1083;
 opacity:0;
 -webkit-transition:opacity 80ms ease 0s;
 -moz-transition:opacity 80ms ease 0s;
 -o-transition:opacity 80ms ease 0s;
 transition:opacity 80ms ease 0s
}
.lg-progress-bar .lg-progress {
 background-color:#a90707;
 height:5px;
 width:0
}
.lg-progress-bar.lg-start .lg-progress {
 width:100%
}
.lg-show-autoplay .lg-progress-bar {
 opacity:1
}
.lg-autoplay-button:after {
 content:"\e01d"
}
.lg-show-autoplay .lg-autoplay-button:after {
 content:"\e01a"
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
 -webkit-transition-duration:0s;
 transition-duration:0s
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
 -webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
 -moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
 -o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
 transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 backface-visibility:hidden
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
 -webkit-transform:scale3d(1,1,1);
 transform:scale3d(1,1,1);
 -webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
 -moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
 -o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
 transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
 -webkit-transform-origin:0 0;
 -moz-transform-origin:0 0;
 -ms-transform-origin:0 0;
 transform-origin:0 0;
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 backface-visibility:hidden
}
#lg-zoom-in:after {
 content:"\e311"
}
#lg-actual-size:after {
 content:"\e033"
}
#lg-zoom-out {
 opacity:.5;
 pointer-events:none
}
#lg-zoom-out:after {
 content:"\e312"
}
.lg-zoomed #lg-zoom-out {
 opacity:1;
 pointer-events:auto
}
.lg-outer .lg-pager-outer {
 bottom:60px;
 left:0;
 position:absolute;
 right:0;
 text-align:center;
 z-index:1080;
 height:10px
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
 overflow:visible
}
.lg-outer .lg-pager-cont {
 cursor:pointer;
 display:inline-block;
 overflow:hidden;
 position:relative;
 vertical-align:top;
 margin:0 5px
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
 opacity:1;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
 box-shadow:0 0 0 2px #fff inset
}
.lg-outer .lg-pager-thumb-cont {
 background-color:#fff;
 color:#FFF;
 bottom:100%;
 height:83px;
 left:0;
 margin-bottom:20px;
 margin-left:-60px;
 opacity:0;
 padding:5px;
 position:absolute;
 width:120px;
 -webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;
 -moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;
 -o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;
 transition:opacity .15s ease 0s,transform .15s ease 0s;
 -webkit-transform:translate3d(0,5px,0);
 transform:translate3d(0,5px,0)
}
.lg-outer .lg-dropdown>li:last-child,.sb-search {
 margin-bottom:0
}
.lg-outer .lg-pager-thumb-cont img {
 width:100%;
 height:100%
}
.lg-outer .lg-pager {
 background-color:rgba(255,255,255,.5);
 box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;
 display:block;
 height:12px;
 -webkit-transition:box-shadow .3s ease 0s;
 -o-transition:box-shadow .3s ease 0s;
 transition:box-shadow .3s ease 0s;
 width:12px
}
.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover {
 box-shadow:0 0 0 8px #fff inset
}
.lg-outer .lg-caret {
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-top:10px dashed;
 bottom:-10px;
 display:inline-block;
 height:0;
 left:50%;
 margin-left:-5px;
 position:absolute;
 vertical-align:middle;
 width:0
}
.lg-fullscreen:after {
 content:"\e20c"
}
.lg-fullscreen-on .lg-fullscreen:after {
 content:"\e20d"
}
.lg-outer #lg-dropdown-overlay {
 background-color:rgba(0,0,0,.25);
 bottom:0;
 cursor:default;
 left:0;
 position:fixed;
 right:0;
 top:0;
 z-index:1081;
 opacity:0;
 visibility:hidden;
 -webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;
 -o-transition:visibility 0s linear .18s,opacity .18s linear 0s;
 transition:visibility 0s linear .18s,opacity .18s linear 0s
}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown {
 -webkit-transition-delay:0s;
 transition-delay:0s;
 -moz-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 opacity:1;
 visibility:visible
}
.lg-outer .lg-dropdown {
 background-color:#fff;
 list-style-type:none;
 margin:0;
 padding:10px 0;
 position:absolute;
 right:0;
 text-align:left;
 top:50px;
 opacity:0;
 visibility:hidden;
 -moz-transform:translate3d(0,5px,0);
 -o-transform:translate3d(0,5px,0);
 -ms-transform:translate3d(0,5px,0);
 -webkit-transform:translate3d(0,5px,0);
 transform:translate3d(0,5px,0);
 -webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
 -moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
 -o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
 transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s
}
.lg-outer .lg-dropdown:after {
 content:"";
 display:block;
 height:0;
 width:0;
 position:absolute;
 border:8px solid transparent;
 border-bottom-color:#FFF;
 right:16px;
 top:-16px
}
.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a {
 color:#250725
}
.lg-outer .lg-dropdown a {
 color:#250725;
 display:block;
 white-space:pre;
 padding:4px 12px
}
.lg-outer .lg-dropdown a:hover {
 background-color:rgba(0,0,0,.07)
}
.lg-outer .lg-dropdown .lg-dropdown-text {
 display:inline-block;
 line-height:1;
 margin-top:-3px;
 vertical-align:middle
}
.lg-outer .lg-dropdown .lg-icon {
 color:#250725;
 display:inline-block;
 float:none;
 height:auto;
 line-height:1;
 margin-right:8px;
 padding:0;
 vertical-align:middle;
 width:auto
}
.lg-outer,.lg-outer .lg,.lg-outer .lg-inner {
 width:100%;
 height:100%
}
.lg-outer #lg-share {
 position:relative
}
.lg-outer #lg-share:after {
 content:"\e80d"
}
.lg-outer #lg-share-facebook .lg-icon {
 color:#3b5998
}
.lg-outer #lg-share-facebook .lg-icon:after {
 content:"\e901"
}
.lg-outer #lg-share-twitter .lg-icon {
 color:#00aced
}
.lg-outer #lg-share-twitter .lg-icon:after {
 content:"\e904"
}
.lg-outer #lg-share-googleplus .lg-icon {
 color:#dd4b39
}
.lg-outer #lg-share-googleplus .lg-icon:after {
 content:"\e902"
}
.lg-outer #lg-share-pinterest .lg-icon {
 color:#cb2027
}
.lg-outer #lg-share-pinterest .lg-icon:after {
 content:"\e903"
}
.group:after,.group:before {
 display:table;
 content:"";
 line-height:0
}
.group:after {
 clear:both
}
.lg-outer {
 position:fixed;
 top:0;
 left:0;
 z-index:1050;
 opacity:0;
 -webkit-transition:opacity .15s ease 0s;
 -o-transition:opacity .15s ease 0s;
 transition:opacity .15s ease 0s
}
.lg-outer * {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.lg-outer.lg-visible {
 opacity:1
}
.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide {
 -webkit-transition-duration:inherit!important;
 transition-duration:inherit!important;
 -webkit-transition-timing-function:inherit!important;
 transition-timing-function:inherit!important
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
 -webkit-transition-duration:0s!important;
 transition-duration:0s!important;
 opacity:1
}
.lg-outer.lg-grab img.lg-object {
 cursor:-webkit-grab;
 cursor:-moz-grab;
 cursor:-o-grab;
 cursor:-ms-grab;
 cursor:grab
}
.lg-outer.lg-grabbing img.lg-object {
 cursor:move;
 cursor:-webkit-grabbing;
 cursor:-moz-grabbing;
 cursor:-o-grabbing;
 cursor:-ms-grabbing;
 cursor:grabbing
}
.lg-outer .lg {
 position:relative;
 overflow:hidden;
 margin-left:auto;
 margin-right:auto;
 max-width:100%;
 max-height:100%
}
.lg-outer .lg-inner {
 position:absolute;
 left:0;
 top:0;
 white-space:nowrap
}
.lg-outer .lg-item {
 background:url(http://www.completeutilities.co.uk/img/loading.gif) center center no-repeat;
 display:none!important
}
.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide {
 display:inline-block!important
}
.lg-outer .lg-img-wrap,.lg-outer .lg-item {
 display:inline-block;
 text-align:center;
 position:absolute;
 width:100%;
 height:100%
}
.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before {
 content:"";
 display:inline-block;
 height:50%;
 width:1px;
 margin-right:-1px
}
.lg-outer .lg-img-wrap {
 position:absolute;
 padding:0 5px;
 left:0;
 right:0;
 top:0;
 bottom:0
}
.lg-outer .lg-item.lg-complete {
 background-image:none
}
.lg-outer .lg-item.lg-current {
 z-index:1060
}
.lg-outer .lg-image {
 display:inline-block;
 vertical-align:middle;
 max-width:100%;
 max-height:100%;
 width:auto!important;
 height:auto!important
}
.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play {
 opacity:0;
 -webkit-transition:opacity .15s ease 0s;
 -o-transition:opacity .15s ease 0s;
 transition:opacity .15s ease 0s
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
 opacity:1
}
.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download {
 display:none
}
.lg-backdrop {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:1040;
 background-color:#EFEFEF;
 opacity:0;
 -webkit-transition:opacity .15s ease 0s;
 -o-transition:opacity .15s ease 0s;
 transition:opacity .15s ease 0s
}
.lg-backdrop.in {
 opacity:1
}
.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide {
 -webkit-transition:none 0s ease 0s!important;
 -moz-transition:none 0s ease 0s!important;
 -o-transition:none 0s ease 0s!important;
 transition:none 0s ease 0s!important
}
.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item {
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 backface-visibility:hidden
}
.container,.hexagoninner,.largehexagoninner {
 -webkit-backface-visibility:hidden
}
.lg-css3.lg-fade .lg-item {
 opacity:0
}
.lg-css3.lg-fade .lg-item.lg-current {
 opacity:1
}
.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide {
 -webkit-transition:opacity .1s ease 0s;
 -moz-transition:opacity .1s ease 0s;
 -o-transition:opacity .1s ease 0s;
 transition:opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
 opacity:0
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
 -webkit-transform:translate3d(-100%,0,0);
 transform:translate3d(-100%,0,0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
 -webkit-transform:translate3d(100%,0,0);
 transform:translate3d(100%,0,0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 opacity:1
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
 -webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
 -moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
 -o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
 transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-left .lg-item {
 opacity:0;
 position:absolute;
 left:0
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
 left:-100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
 left:100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
 left:0;
 opacity:1
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
 -webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
 -moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
 -o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
 transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}
.cbp-qtrotator {
 position:relative;
 max-width:100%;
 width:100%
}
.cbp-qtrotator .cbp-qtcontent {
 position:absolute;
 border-top:4px solid #ccc;
 padding:8px;
 top:0;
 z-index:0;
 opacity:0;
 width:100%
}
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,.no-js .cbp-qtrotator .cbp-qtcontent {
 position:relative;
 z-index:100;
 pointer-events:auto;
 opacity:1
}
.cbp-qtrotator .cbp-qtcontent:after {
 clear:both
}
.cbp-qtprogress {
 position:absolute;
 left:0;
 background:#333;
 height:4px;
 width:0;
 top:0;
 z-index:1000
}
.cbp-qtrotator blockquote {
 margin:0;
 padding:0 80px
}
.cbp-qtrotator blockquote footer {
 color:#eee;
 padding-top:12px;
 margin-top:0;
 font-style:italic
}
.cbp-qtrotator .cbp-qtcontent img {
 position:absolute;
 right:0;
 width:80px;
 height:80px;
 border:4px solid #15b1bb
}
.sb-icon-search,.sb-search,.sb-search-input,.sb-search-submit {
 height:54px!important;
 position:absolute;
 top:0;
 right:0
}
.sb-search-input,.sb-search-submit {
 background:#fff;
 /*! border: none; */outline:0
}
.sb-search {
 margin-top:0;
 width:54px;
 min-width:54px;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 position:absolute;
 z-index:300
}
.sb-search-input {
 margin:0;
 z-index:10;
 padding:20px 65px 20px 20px;
 /*! font-family: inherit; */height:54px
}
.sb-icon-search,.sb-search-submit {
 width:54px;
 display:block;
 padding:0;
 margin:0;
 line-height:54px;
 text-align:center;
 cursor:pointer
}
.sb-search-submit {
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter:alpha(opacity=0);
 opacity:0;
 color:transparent;
 z-index:-1
}
.sb-icon-search {
 color:#001930;
 background:#fff;
 z-index:90;
 text-transform:none
}
.da-thumbs li a div span,.grid figure button,.person,.picturenavtext,.serviceheader,.stuff h1 {
 /*! text-transform: uppercase */
}
.sb-icon-search:before {
 content:"B";
 font-family:colstonicons;
 font-size:1.2em
}
.no-js .sb-search,.sb-search.sb-search-open {
 width:300px
}
.no-js .sb-search .sb-icon-search,.sb-search.sb-search-open .sb-icon-search {
 background:#3b3c43;
 color:#fff;
 z-index:11
}
.no-js .sb-search .sb-search-submit,.sb-search.sb-search-open .sb-search-submit {
 z-index:90
}
.ddm1,.ddm2,.ddm3 {
 z-index:2
}
.rslides1_nav,.rslides2_nav,.rslides3_nav {
 -webkit-tap-highlight-color:transparent;
 overflow:hidden
}
.rslides1_nav:focus,.rslides2_nav:focus,.rslides3_nav:focus,button:focus {
 outline:0
}
.da-thumbs li a,.grid figure,.productbox,.rslides,.rslides1_nav,.rslides2_nav,.rslides3_nav,.rslides_tabs a {
 overflow:hidden
}
.da-thumbs,.rslides,.rslides_tabs,ol,ul {
 list-style:none
}
.da-thumbs {
 width:100%;
 position:relative;
 margin:20px auto;
 padding:0
}
.da-thumbs li {
 float:left;
 margin:0;
 background:#fff;
 padding:1px;
 position:relative;
 box-shadow:0 1px 3px rgba(0,0,0,.1);
 width:33.250725250725250725250725250725%
}
.websitelaunchlink a {
 padding:4px 8px;
 background-color:#cca952;
 position:absolute;
 top:16px;
 right:0
}
.da-thumbs li a,.da-thumbs li a img {
 display:block;
 position:relative
}
.da-thumbs li a div {
 position:absolute;
 background:#250725;
 background:rgba(75,75,75,.7);
 width:100%;
 height:100%
}
.da-thumbs li a div span {
 display:block;
 padding:10px 0;
 margin:40px 20px 20px;
 color:rgba(255,255,255,.9);
 text-shadow:1px 1px 1px rgba(0,0,0,.2);
 border-bottom:1px solid rgba(255,255,255,.5);
 box-shadow:0 1px 0 rgba(0,0,0,.1),0 -10px 0 rgba(255,255,255,.3)
}
.caption1 span,.caption2 span {
 text-shadow:1px 1px 1px rgba(0,0,0,.8)
}
.clicked .expander,.expander,.headerbutton {
 -moz-box-shadow:0 1px 1px rgba(000,000,000,.5),inset 0 1px 1px rgba(255,255,255,.5);
 -webkit-box-shadow:1px 2px 2px rgba(000,000,000,.5),inset 0 1px 1px rgba(255,255,255,.5);
 box-shadow:0 1px 1px rgba(000,000,000,.5),inset 0 1px 1px rgba(255,255,255,.5)
}
.noshow {
 display:none
}
.row {
 padding:16px;
 width:100%;
 float:left
}
.headerbutton {
 background:#eee;
 background:-moz-linear-gradient(top,#fff 0,#ebebeb 50%,#dbdbdb 50%,#b5b5b5);
 background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#fff),color-stop(.5,#fff),to(#ccc));
 padding:4px;
 line-height:24px;
 height:30px;
 float:left;
 width:84px
}
.clienttext {
 padding-left:4px;
 padding-right:4px
}
.headerbutton.icon-locked:before {
 content:"\4b"
}
.lightgallery {
 display:inline-block;
 width:100%;
 max-width:1024px;
 margin-top:16px
}
.imagetitle.public,.public .imagetitle {
 display:none
}
.lightgallery .ind_photo {
 width:16.6666666666%;
 position:relative;
 float:left;
 padding:1px
}
.lightgallery .ind_photo a {
 position:relative
}
.imagetitle {
 width:auto;
 padding:4px;
 background-color:#cca952;
 position:absolute;
 bottom:0;
 color:#fff
}
.clicked .expander,.expander {
 padding:4px;
 line-height:24px;
 height:30px;
 float:left;
 width:84px;
 bottom:20px;
 right:4px;
 position:absolute;
 cursor:pointer
}
.productgallery .lightgallery {
 margin:0;
 float:left
}
.expander {
 background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#fff),color-stop(.5,#fff),to(#ccc));
 color:#250725;
 text-align:center
}
.clicked .expander {
 background:-webkit-gradient(linear,left top,left bottom,from(#ff9f8a),color-stop(.5,#ff3a0f),color-stop(.5,#cca952),to(#d24729));
 color:#fafafa;
 text-align:center
}
.expander:before {
 content:"MORE";
 top:4px;
 left:0;
 width:100%;
 position:absolute
}
#balancequoteform,#introarea {
 float:left;
 position:relative
}
.clicked .expander:before {
 content:"LESS"
}
.onethird #form1_login,.onethird #form2_login,.onethird #form3_login,.onethird #form4_login {
 float:left;
 width:100%;
 margin-bottom:16px;
 background-color:#092d5f;
 color:#eee
}
.onethird #form1_login fieldset,.onethird #form2_login fieldset,.onethird #form3_login fieldset,.onethird #form4_login fieldset {
 background-color:#092d5f
}
#introarea {
 width:100%;
 background-color:#84ba44;
 background-image:url(../images/bullet.png);
 background-position:bottom 8px right 8px;
 background-size:40px;
 background-repeat:no-repeat;
 margin-top:16px;
 padding:24px 48px;
 text-align:center
}
.excerpt em,.minibasket {
 background-color:#ffb819
}
#introarea p {
 padding-top:12px
}
.excerpt em {
 padding:4px;
 color:#001930
}
.excerpt {
 padding:4px 0;
 border-top:1px solid #ffb819;
 color:#001930
}
#searcharea li {
 float:left;
 width:100%;
 padding:8px;
 margin-bottom:12px;
 border:1px solid #dadada
}
.minibasket {
 position:fixed;
 right:0;
 bottom:40px;
 padding:12px
}
.at-share-btn-elements {
 padding:24px
}
div.map {
 display:block;
 width:100%;
 height:300px;
 margin-bottom:40px
}
.documentsbox,.google-thin {
 float:left;
 margin-bottom:24px
}
.cmsmap {
 width:100%;
 height:300px
}
.cmsmap img {
 max-width:none
}
.google-thin {
 height:300px;
 width:100%;
 overflow:hidden
}
.google-thin div.cmsmap {
 float:left
}
.parallax-window {
 min-height:320px;
 background:0 0;
 float:left;
 padding:0;
 min-width:100%;
 width:100%;
 position:relative
}
.dropdown-menu {
 position:absolute;
 width:80px;
 z-index:2;
 top:4px
}
.ddm1 {
 left:0
}
.ddm2 {
 left:81px
}
.ddm3 {
 left:162px
}
.dropdown-menu label {
 background-color:#f07d00;
 color:#000010;
 border:1px solid #fff;
 border:none;
 width:100%;
 display:block;
 float:left;
 position:relative;
 padding:4px;
 cursor:pointer;
 transition:all .3s ease-out
}
.dropdown-menu label:after {
 content:"";
 position:absolute;
 top:50%;
 right:10px;
 width:0;
 height:0;
 border-left:6px solid transparent;
 border-top:6px solid rgba(0,0,0,.6);
 border-right:6px solid transparent;
 margin-left:-3px;
 margin-top:-3px
}
.dropdown-menu label:hover {
 background:#9e78ad
}
.dropdown-menu input[type=checkbox] {
 position:absolute;
 clip:rect(0,0,0,0);
 top:9999px
}
.dropdown-menu ul {
 position:absolute;
 top:42px;
 width:120px;
 background-color:#fff;
 list-style-type:none;
 padding:4px 0;
 font-size:15px;
 border:1px solid #ddd;
 display:none
}
#socialmedia a,.centredarea,.dropdown-menu input[type=checkbox]:checked~ul {
 display:block
}
.documentsbox {
 width:100%
}
.dropdown-menu ul:after,.dropdown-menu ul:before {
 content:"";
 height:0;
 width:0;
 position:absolute;
 bottom:100%;
 border:solid transparent
}
.dropdown-menu ul:after {
 border-bottom-color:#fff;
 border-width:6px;
 left:15%;
 margin-left:-6px
}
.dropdown-menu ul:before {
 border-bottom-color:#ddd;
 border-width:7px;
 left:15%;
 margin-left:-7px
}
.dropdown-menu a {
 text-decoration:none;
 color:#333;
 display:block;
 padding:4px;
 width:100%
}
.dropdown-menu li:last-of-type {
 margin-top:4px
}
.dropdown-menu a:hover {
 background:#eee;
 color:#333
}
.dropdown-menu input[type=checkbox]:checked~label {
 left:1px;
 top:1px;
 background-color:#e7e7e7;
 width:100%
}
.telnos {
 float:right;
 width:80%
}
.captions {
 width:100%;
 max-width:1080px;
 margin-left:auto;
 margin-right:auto;
 padding:12px;
 bottom:0
}
.contentbreak .portfolioheader h1,.mb-style-3 h4 {
 line-height:1.8
}
#socialmedia {
 position:absolute;
 right:48px;
 top:12px;
 z-index:8
}
#socialmedia i:before {
 position:absolute;
 font-family:colstonicons;
 font-size:24px;
 /*! color: #000; */width:100%;
 left:4px;
 top:4px;
 line-height:1
}
#socialmedia i:hover {
 background-color:rgba(256,256,256,.2)
}
#socialmedia a {
 float:left;
 background-color:#fff;
 margin-right:1px;
 z-index:1;
 width:32px;
 height:32px;
 position:relative
}
.emailadd,.teltwo {
 float:right;
 bottom:4px;
 right:0;
 color:#fff;
 padding:4px
}
.emailadd a,.teltwo a {
 position:relative;
 padding-right:0;
 padding-left:28px;
 text-align:right
}
.emailadd:before,.teltwo:before {
 font-family:colstonicons;
 position:absolute;
 color:#898888
}
.emailadd:before {
 content:"O"
}
.teltwo:before {
 content:"s"
}
#teamprofiles .jobtitle {
 width:100%;
 border-bottom:1px solid #eee;
 padding-bottom:12px;
 margin-bottom:12px;
 color:#00a6b9
}
#teamprofiles .profilespec {
 width:100%;
 margin-bottom:12px;
 background-color:#eee;
 padding:12px 12px 48px;
 float:left;
 text-align:left;
 position:relative
}
#teamprofiles .profilespec h3 {
 width:100%;
 color:#15b1bb;
 border-top:1px solid #fff;
 padding-bottom:8px;
 padding-top:8px
}
#teamprofiles .profilespec p {
 width:100%;
 border-bottom:1px solid #ccc;
 padding-bottom:8px
}
#teamprofiles {
 float:left;
 padding:16px;
 width:100%;
 background-color:#fff;
 border-bottom:4px solid #ccc
}
.centredarea {
 float:left;
 width:100%;
 text-align:center
}
#teamprofileslist {
 float:left;
 width:100%;
 padding:12px
}
.profilelisting {
 float:left;
 width:50%;
 padding:0;
 position:relative
}
#teamprofileslist .profilelisting .profilename {
 float:left;
 position:relative;
 background-color:#ffd800;
 padding:4px;
 clear:both
}
.profilelisting .profilephoto,.profilelisting .profilephoto img {
 float:left;
 width:100%
}
.profilelisting .profiledescription {
 float:left;
 width:70%;
 padding:8px;
 text-align:left;
 position:absolute;
 bottom:0;
 left:0
}
.ind_profile {
 float:left;
 width:100%
}
#teamprofiles .profilephoto {
 float:right;
 width:40%
}
#teamprofiles .profilephoto img {
 float:right;
 width:100%
}
#teamprofiles .profiledescription {
 float:left;
 width:60%;
 padding:0;
 text-align:left
}
#teamprofiles .staffemail {
 position:absolute;
 right:8px;
 bottom:8px;
 padding:4px;
 background-color:#00a6b9;
 color:#fff
}
.sitemapleft,.sitemapright {
 width:100%;
 float:left
}
.sitemapright .sitemaphtml a {
 width:100%;
 color:#36A9AA;
 margin:0;
 padding:0
}
.sitemapright .sitemaphtml li {
 margin:0;
 padding:0
}
ul.sitemaphtml li {
 margin-left:0;
 list-style:none;
 color:#250725;
 margin-top:4px;
 font-weight:400;
 width:100%;
 float:left
}
ul.sitemaphtml li a {
 padding:8px;
 float:left;
 width:100%;
 background-color:#c1c1c1;
 font-weight:300
}
ul.sitemaphtml ul li {
 color:#ed1650;
 width:100%;
 border-bottom:none
}
ul.sitemaphtml li ul li {
 margin-left:0;
 list-style:none;
 margin-top:0
}
ul.sitemaphtml li ul li a {
 color:#250725;
 background-color:#ececec;
 border-bottom:1px solid #fff
}
.maindesc li {
 margin-left:24px;
 position:relative;
 margin-top:4px
}
.membersarea,.privatepages {
 padding:12px;
 text-align:center
}
.contentbreak,.portfolioheader {
 width:100%;
 padding-top:8px;
 float:left
}
#relatedpages {
 float:left;
 margin-top:16px;
 width:100%
}
#relatedpages h3 {
 padding:4px;
 width:auto;
 margin-bottom:12px
}
#relatedpages li {
 padding:8px;
 width:33%;
 margin:-8px -8px -4px;
 display:inline-block
}
#relatedpages li a {
 display:block;
 width:100%;
 padding:8px;
 background-color:#fff
}
.externalpagelinks,.instabox img,.membersarea,.privatepages {
 width:100%;
 float:left;
 text-indent:0;
 overflow:visible;
 text-decoration:none
}
.internalpagelinks {
 width:100%;
 max-width:480px;
 float:left;
 text-indent:0;
 overflow:visible;
 text-decoration:none
}
.membersarea {
 background-color:#2b2b2b;
 margin-top:0;
 margin-bottom:24px
}
.fullwidthimagearea,.privatepages {
 margin-bottom:12px;
 margin-top:12px
}
.privatepages {
 background-color:#e1e1e1;
 border:2px dashed #f07d00
}
.contentbreak {
 padding-top:4px;
 padding-bottom:4px;
 position:relative
}
.fullwidthimagearea {
 float:left;
 width:100%
}
.threeimagearea {
 text-align:center
}
.halfcolumn {
 float:left;
 width:50%
}
.maincontent .spacerline {
 padding-top:16px;
 border-bottom:1px solid #eee;
 position:relative;
 float:left;
 width:100%;
 margin-bottom:16px
}
.maincontent .spacerline:after {
 content:"O";
 font-family:colstonicons;
 position:absolute;
 width:100%;
 text-align:center;
 font-size:80px;
 left:0;
 line-height:40px;
 color:#ddd;
 bottom:-20px
}
.thirdform {
 float:left;
 width:33.3333%;
 padding:4px;
 min-height:80px
}
.contentbreak ul {
 display:block;
 margin-bottom:16px;
 margin-top:12px
}
.contentbreak ul li {
 padding:4px 4px 4px 24px;
 text-align:left;
 position:relative;
 color:#333
}
.contentbreak ul li:after,.contentbreak ul li:before {
 content:"";
 position:absolute;
 display:inline-block;
 text-align:left
}
.contentbreak ul li:before {
 width:20px;
 height:20px;
 left:0;
 background-image:url(../images/bullet.png);
 background-size:auto 100%;
 background-repeat:no-repeat
}
.formlink a {
 position:relative;
 text-align:left;
 width:48%;
 float:left;
 background-color:#001930;
 border:1px solid #001930;
 margin:1% 1% 2px;
 height:48px;
 padding:6px;
 color:#eee;
 font-size:1.2em
}
.formlink a:after {
 position:absolute;
 content:"=";
 height:34px;
 padding:6px;
 background-color:#FFB819;
 color:#001930;
 top:0;
 right:0;
 font-family:colstonicons;
 font-size:1.8em;
 line-height:34px
}
.filename,.filesize {
 line-height:40px;
 float:left
}

.resourcelink .filename, .resourcelink .filesize {
 line-height:20px;
 float:left
}


.externalpagelinks a,.internalpagelinks a,.photogallery_link a,.usefulforms a {
 position:relative;
 text-indent:0;
 display:block;
 background-size:40px;
 text-align:left;
 text-decoration:none;
 width:100%;
 float:left;
 padding-left:4px;
 background-color:#eee;
 border:1px solid rgba(0,0,0,.1);
 margin-bottom:2px;
 height:40px
}
.photogallery_link a,.usefulforms a {
 background-color:#eee
}
.externalpagelinks a {
 background-color:#ccc
}
.internalpagelinks a {
 background-color:rgba(256,256,256,.2)
}
.externalpagelinks a:after,.internalpagelinks a:after,.photogallery_link a:after,.usefulforms a:after {
 position:absolute;
 height:26px;
 padding:6px;
 background-color:#F7F7F7;
 color:#4D4D4D;
 top:0;
 right:0;
 font-family:colstonicons;
 font-size:1.2em
}
.photogallery_link a:after {
 content:"e"
}
.externalpagelinks a:after {
 content:"r"
}
.internalpagelinks a:after {
 content:"d"
}
.usefulforms a:after {
 content:"e"
}
.filename {
 padding:0;
 width:80%;
  text-align: left;
}
.filesize {
 width:10%;
 border-left:1px solid #ddd;
 padding-left:8px;
 color:#333;
 text-align:center;
 font-size:.7em
}
.projectsarea {
 padding:0;
 margin-top:60px;
 float:left;
 width:100%
}
.contentbreak table p {
 padding-bottom:0
}
.mainportfolioarea {
 position:relative;
 padding:12px;
 float:left;
 width:100%;
 text-align:left
}
.contentbreak .portfolioheader {
 padding-bottom:24px;
 text-align:center;
 position:relative;
 float:left
}
.portfoliologo {
 position:absolute;
 width:180px;
 top:-134px;
 right:14px;
 -ms-transform:rotate(7deg);
 -webkit-transform:rotate(7deg);
 transform:rotate(7deg);
 z-index:30;
 border:0 solid #fff;
 border-bottom:2px solid #ccc;
 display:none
}
.casevideoarea,.clientsingle,.container:after,.hexagonouter,.mb-style-3,.videoarea,button {
 display:inline-block
}
.videoareamain,.videoareamain iframe {
 float:left;
 width:100%;
 height:600px
}
.clientlogoarea {
 float:left;
 width:100%;
 padding:12px;
 margin-top:32px
}
.clientsingle {
 width:24%;
 padding:4px;
 text-align:center;
 border:1px solid #eee
}
.clientlogo {
 float:left;
 width:100%;
 text-align:center
}
.clienttext {
 float:left;
 width:100%;
 text-align:center;
 padding-top:8px;
 padding-bottom:8px
}
.portfoliologo img {
 width:100%;
 opacity:.8;
 border:8px solid #fff;
 border-bottom:24px solid #fff
}
.textinnerleft {
 float:left;
 width:50%;
 padding-right:24px;
 text-align:left
}
.textinnerleft h3 {
 margin-top:16px;
 color:#cca952;
 width:100%;
 margin-bottom:8px
}
.textinnerright {
 float:left;
 width:50%
}
#prevnext,img {
 width:100%
}
#prevnext {
 float:left;
 border-top:2px solid #a6a6a6;
 margin-top:24px;
 padding:24px;
 position:relative;
 z-index:1;
 background-color:rgba(0,0,0,.2)
}
.casevideoarea,.videoarea {
 background-color:#444;
 padding:8px
}
#prevnext .previous {
 float:left;
 position:relative
}
#prevnext .next {
 float:right;
 position:relative
}
.next a,.previous a {
 color:#333
}
#prevnext .next:after {
 float:right;
 position:absolute;
 content:">";
 right:-12px;
 top:0;
 line-height:1
}
#prevnext .previous:after {
 float:left;
 position:absolute;
 content:"<";
 left:-12px;
 top:0;
 line-height:1
}
.videoarea {
 width:24%
}
.casevideoarea {
 width:100%
}
.videoarea video {
 margin-top:12px
}
video .controls {
 background-color:#cca952
}
[id*=tabbedpanels],[id^=tabbedpanels] {
 width:100%;
 float:left;
 text-align:left;
 position:relative;
 margin-top:12px;
 margin-bottom:12px;
 border-top-left-radius:4px;
 border-top-right-radius:4px
}
[id*=tabbedpanels] li,[id^=tabbedpanels] li {
 margin-left:24px;
 position:relative;
 margin-top:4px
}
[id*=tabbedpanels] li:before,[id^=tabbedpanels] li:before {
 content:"";
 width:18px;
 height:18px;
 background-image:url(../images/favicon.png);
 background-size:100%;
 position:absolute;
 left:-24px;
 top:2px
}
[id*=tabbedpanels] .paneltab a,[id^=tabbedpanels] .paneltab a {
 width:100%;
 float:left;
 position:relative;
 padding:8px 8px 8px 32px;
 background-color:#eee;
 border-bottom:1px solid #ddd
}
[id*=tabbedpanels] div,[id^=tabbedpanels] div {
 padding:0;
 float:left;
 background-color:#fff;
 width:100%
}
[id*=tabbedpanels] td div,[id^=tabbedpanels]td div {
 padding:0;
 float:left;
 color:#250725
}
[id*=tabbedpanels] td p,[id^=tabbedpanels]td p {
 padding:0;
 margin:0;
 float:left
}
[id*=tabbedpanels] .paneltab a:before,[id^=tabbedpanels] .paneltab a:before {
 position:absolute;
 top:8px;
 left:4px;
 content:'d';
 font-family:colstonicons
}
[id*=tabbedpanels] .open a,[id^=tabbedpanels] .open a {
 width:100%;
 float:left;
 position:relative;
 padding:8px 8px 8px 32px;
 background-color:#092d5f;
 color:#fff
}
[id*=tabbedpanels] .open a:before,[id^=tabbedpanels] .open a:before {
 position:absolute;
 top:8px;
 left:4px;
 content:'b';
 font-family:colstonicons;
 color:#FFF
}
.controls {
 padding:0;
 color:#cca952
}
.filterbox,.filterbox label,.sortbox,.sortbox label {
 padding-top:8px;
 padding-bottom:8px;
 width:100%
}
.filterbox label,.sortbox label {
 float:left
}
.hometoggle {
 padding:4px;
 background:#fff;
 border:0 solid #ddd;
 cursor:pointer;
 position:relative;
 float:left;
 right:0;
 width:32px;
 height:32px;
 text-align:center;
 margin-right:1px
}
.hometoggle:before {
 position:absolute;
 content:"Q";
 font-family:colstonicons;
 color:#000;
 width:100%;
 left:0;
 top:4px;
 line-height:1;
 font-size:24px
}
hometoggle.active {
 background:#cca952
}
hometoggle+label {
 margin-left:1em
}
.container:after {
 content:'';
 width:100%
}
.container .gap,.container .mix {
 display:inline-block;
 width:33.2507253%;
 float:left
}
.container .mix {
 background:#03899c;
 margin-bottom:0;
 display:none;
 position:relative
}
.container {
 padding:0;
 margin-top:0;
 text-align:justify;
 width:100%;
 margin-left:auto;
 margin-right:auto
}
.grid figcaption,.grid figure:after,.hexagonboxwrapper,.hexagoninner,.thirdcolumn form,.thirdcolumn h4,.videos {
 text-align:center
}
.grid a {
 float:left;
 width:100%;
 color:#250725
}
.grid figure {
 position:relative;
 margin:0;
 background:#250725
}
.grid figure:after {
 position:absolute;
 width:auto;
 height:auto;
 padding:4px;
 right:0;
 bottom:0;
 font-family:colstonicons;
 content:"r";
 background-color:#cca952;
 color:#fff
}
.grid figcaption,.grid svg {
 width:100%;
 position:absolute
}
.grid figure img {
 position:relative;
 display:block;
 width:100%;
 opacity:.5;
 -webkit-transition:opacity .3s;
 transition:opacity .7s
}
.grid figcaption {
 top:10%;
 z-index:11;
 padding:10px;
 height:40%
}
.grid figcaption h2 {
 color:#FFF;
 -webkit-transition:-webkit-transform .3s;
 transition:transform .3s
}
.grid figcaption p {
 padding:0 20px;
 color:#eee;
 -webkit-transition:opacity .3s,-webkit-transform .3s;
 transition:opacity .3s,transform .3s
}
.grid figcaption h2,.grid figcaption p {
 -webkit-transform:translateY(80px);
 transform:translateY(40px)
}
.grid figcaption,.grid figcaption h2,.grid figcaption p,.grid figure button {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.grid svg {
 top:-1px;
 z-index:10;
 height:100%
}
.grid svg path {
 fill:#fff
}
.grid a:hover figure img {
 opacity:1
}
.grid a:hover figcaption h2,.grid a:hover figcaption p {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.grid a:hover figcaption p {
 opacity:0
}
.grid figure button {
 position:absolute;
 padding:4px 20px;
 letter-spacing:1px;
 -webkit-transition:opacity .3s,-webkit-transform .3s;
 transition:opacity .3s,transform .3s;
 top:50%;
 left:50%;
 max-width:100%;
 background:0 0;
 color:#fff;
 opacity:0;
 -webkit-transform:translateY(-50%) translateX(-50%) scale(.25);
 transform:translateY(-50%) translateX(-50%) scale(.25);
 border:2px solid #fff;
 width:100px;
 height:100px;
 margin-top:40px
}
#curriculumhexagonarea .hexagonboxwrapper img,#curriculumhexagonarea .hexagonboxwrapper:hover img,#logoareacenter,#navigationarea,#navigationarea.fixedposition,.hexagonboxwrapper .hexagonmore,.largehexagonboxwrapper .hexagonmore,.largehexagonboxwrapper:hover .largehexagonicon:after,.largehexagonicon:after,.largehexagonouter img,.largehexagontitle,header,header.shrink {
 -moz-transition:all .3s ease-in;
 -o-transition:all .3s ease-in
}
.grid a:hover figure button {
 opacity:1;
 -webkit-transform:translateY(-50%) translateX(-50%) scale(1);
 transform:translateY(-50%) translateX(-50%) scale(1)
}
.mb-style-3 {
 max-width:1080px;
 margin:12px 0 0;
 position:relative;
 width:100%;
 border-bottom:2px solid #a5a5a5
}
.mb-style-3:after {
 position:absolute;
 content:"K";
 font-family:colstonicons;
 right:0;
 top:0;
 background-size:100%;
 background-repeat:no-repeat;
 width:100px;
 line-height:1;
 color:#9f0a0e
}
.mb-style-3 .testimonialinner {
 float:left;
 width:100%;
 background-color:#eee;
 color:#d41318;
 padding:16px;
 background-size:2px
}
.mb-style-3 h4 {
 color:#2e343a
}
.stuff h1,.stuff h2 {
 background-color:rgba(0,0,0,.5)
}
.mb-style-3 blockquote p {
 color:#250725;
 position:relative;
 padding-top:8px
}
::-moz-selection {
 color:#fff;
 background:#c1c2c5
}
::selection {
 color:#fff;
 background:#15b1bb
}
.vacancylistouter {
 float:left;
 width:100%;
 clear:both;
 padding-bottom:12px
}
.vacancyitemlist {
 float:left;
 width:100%;
 clear:both;
 border:1px solid #d9d9d9;
 padding:9px 9px 9px 54px;
 position:relative;
 margin-top:8px
}
.vacancyitemlist h2 {
 padding:0;
 margin:0
}
.vacancyitemlist:after {
 position:absolute;
 content:"i";
 left:0;
 top:0;
 font-family:colstonicons;
 font-size:32px;
 height:48px;
 width:48px;
 line-height:48px;
 background-color:#092d5f;
 text-align:center;
 color:#eee
}
.thirdcolumn h4 {
 width:100%;
 float:left;
 padding:8px;
 margin-bottom:12px
}
.threecolshome {
 float:left;
 width:100%;
 padding-top:24px;
 border-top:1px solid #fff;
 background-color:#fff
}
.twothirdscolumn {
 width:66.6666666666%;
 padding:8px;
 float:left
}
.thirdcolumn {
 width:33.3333333333%;
 padding:8px;
 float:left
}
.thirdcolumn .hfeed li {
 margin-top:0;
 padding-top:0;
 width:100%;
 float:left;
 margin-bottom:1px
}
.thirdcolumn .blogthumb {
 margin-top:0;
 padding-top:0;
 width:40%;
 float:left
}
.thirdcolumn .blogthumb img {
 width:100%;
 padding:8px
}
.thirdcolumn .blogdetails {
 float:left;
 padding:8px
}
.testimonial {
 font-family:Caveat;
 padding:8px 80px 8px 8px;
 font-style:italic;
 color:#333
}
.hexagontitle h3,.largehexagontitle h3 {
 font-family:museo,serif;
 font-weight:300
}
cite {
 padding-right:24px
}
#logoarea {
 top:12px;
 left:4px;
 position:absolute;
 width:auto;
 z-index:30
}
.logoicon {
 float:left;
 width:192px;
 padding:4px 2px 4px 4px
}
.logotext {
 float:left;
 width:120px;
 padding:4px 4px 0 0
}
#logoareacenter {
 position:absolute;
 left:50%;
 z-index:0;
 width:72px;
 margin-left:-36px;
 border-top:0;
 padding:0 0 8px;
 -webkit-transition:all .3s ease-in
}
#picturenav ul li a,.diagonalone,.hexagonouter,.mainarea,.rslides,.rslides_container,.rslides_container_small,.wrapper,header {
 position:relative
}
.videos,.wrapper,.wrapperhome {
 margin-left:auto;
 margin-right:auto;
 display:block
}
header,header.shrink {
 height:20px;
 -webkit-transition:all .3s ease-in
}
.wrapper {
 width:100%;
 max-width:1440px;
 padding:0
}
.videos {
 width:100%;
 float:left;
 padding:16px 12px;
 background-color:#000;
 margin-top:16px
}
.divisionlinksarea,.imagelinkswrapper,.testimonials {
 margin-top:24px;
 width:100%
}
.wrapperhome {
 width:100%;
 max-width:1440px;
 padding:0
}
.divisionlinksarea {
 float:left;
 padding:24px 0;
 background-color:#d1d4d7
}
.imagelinkswrapper {
 float:left;
 margin-bottom:24px;
 background-color:#44444a
}
#navigationarea,header {
 position:relative;
 float:left;
 -webkit-transition:all .3s ease-in;
 height:72px
}
.testimonials {
 margin-bottom:12px;
 line-height:1.4;
 color:#f8f8f8;
 background-color:#1f3761
}
header {
 width:100%;
 float:left;
 background-color:#fff;
 border-bottom:1px solid transparent
}
.hexagoninner:after,.largehexagoninner:after {
 border-top:18px solid #70ad28;
 border-bottom:18px solid #f07d00
}
body.upperschool header {
 background-color:#00182f
}
header.shrink {
 top:0;
 overflow:hidden;
 -webkit-transition:all .3s ease-in
}
#navigationarea {
 z-index:8;
 display:block;
 width:100%;
 height:72px
}
#navigationarea.fixedposition {
 margin-top:0;
 -webkit-transition:all .3s ease-in
}
#houselisthexagonarea,#largehexagonarea {
 padding-bottom:60px;
 float:left;
 width:100%
}
.hexagonouter {
 width:140px;
 margin:-58px .5% -8.8%;
 height:160px;
 overflow:hidden;
 -webkit-transform:rotate(-60deg) skewY(30deg);
 -ms-transform:rotate(-60deg) skewY(30deg);
 transform:rotate(-60deg) skewY(30deg);
 pointer-events:none;
 z-index:8
}
.hexagoninner:after,.largehexagonouter {
 -webkit-transform:rotate(-60deg) skewY(30deg);
 -ms-transform:rotate(-60deg) skewY(30deg);
 display:inline-block;
 overflow:hidden
}
.hexagoninner:after {
 position:absolute;
 content:"";
 width:118px;
 margin:-52px .5% -8.8%;
 height:132px;
 padding-bottom:4%;
 transform:rotate(-60deg) skewY(30deg);
 pointer-events:none;
 border-left:18px solid #b1b1b1;
 border-right:18px solid #70ad28;
 left:-17px;
 top:46px
}
.hexagontextbox {
 float:left;
 width:100%;
 clear:both;
 margin-top:-108px;
 padding:140px 8px 8px;
 font-size:14px
}
.hexagontextbox * {
 font-size:14px
}
.hexagonboxwrapper {
 position:relative;
 width:14%;
 padding:0;
 float:left;
 margin:64px .1% .1%;
 background-color:#fff
}
.hexagoninner {
 width:100%;
 height:100%;
 border-left:10px solid #b1b1b1;
 border-right:10px solid #f07d00;
 color:#fff;
 overflow:hidden;
 -webkit-transform:skewY(-30deg) rotate(60deg);
 -ms-transform:skewY(-30deg) rotate(60deg);
 transform:skewY(-30deg) rotate(60deg);
 position:absolute;
 pointer-events:auto;
 background-color:#949494
}
.hexagonboxwrapper .hexagonmore,.hexagonicon {
 position:absolute;
 pointer-events:none;
 width:100%
}
.hexagontitle {
 float:left;
 width:100%;
 color:#f07d00;
 line-height:1
}
.hexagontitle h3 {
 color:#f07d00;
 font-size:20px;
 margin:0;
 padding:8px 0;
 font-style:normal
}
.hexagonboxwrapper .hexagonmore {
 bottom:0;
 padding-top:0;
 height:20%;
 background-color:rgba(0,0,0,.8);
 -webkit-transition:all .3s ease-in
}
.hexagonicon {
 top:0;
 height:30%;
 z-index:1
}
#curriculumhexagonarea div.hexagonouter:nth-child(4),#houselisthexagonarea div.hexagonouter:nth-child(4) {
 margin-left:17%
}
#curriculumhexagonarea {
 width:100%;
 float:left;
 text-align:center;
 position:relative
}
.largehexagonboxwrapper:nth-child(even):before,.largehexagonboxwrapper:nth-child(odd):before {
 width:60px;
 height:60px;
 top:-25px;
 background-size:100%;
 content:"";
 text-align:center;
 float:left
}
.largehexagonboxwrapper:nth-child(odd):before {
 position:absolute;
 /*! background-image:url(../images/pipecorner2.png); */
 left:-4px;
 z-index:4
}
.largehexagonboxwrapper:nth-child(even):before {
 position:absolute;
 /*! background-image:url(../images/pipecorner1.png); */
 right:-4px;
 z-index:5
}
#curriculumhexagonarea .hexagonouter img,#houselisthexagonarea .hexagonouter img {
 left:0;
 right:auto;
 width:auto;
 height:100%;
 margin:0 auto;
 position:absolute;
 pointer-events:auto
}
#curriculumhexagonarea .hexagoninner a,#houselisthexagonarea .hexagoninner a {
 height:100%;
 width:100%;
 position:absolute;
 left:0;
 pointer-events:none
}
#curriculumhexagonarea:hover,#houselisthexagonarea:hover {
 pointer-events:auto
}
#largehexagonarea {
 width:100%;
 float:left;
 text-align:center;
 padding:0 40px;
 /*! background-color: #005296; */background-position:bottom right;
 background-size:80px 80px;
 background-repeat:no-repeat;
 position:relative
}
#curriculumhexagonarea .hexagonouter img,.largehexagonouter img {
 left:0;
 top:0;
 right:auto;
 width:100%;
 height:100%;
 margin:0 auto;
 position:absolute;
 pointer-events:auto
}
.largehexagonboxwrapper:hover img {
 left:-10%;
 top:-10%;
 right:auto;
 width:120%;
 height:120%;
 margin:0 auto;
 pointer-events:auto;
 -moz-transition:all .3s ease-in;
 -o-transition:all .3s ease-in;
 -webkit-transition:all .3s ease-in
}
#curriculumhexagonarea .hexagonboxwrapper img,.hexagonouter img,.largehexagonouter img {
 left:0;
 top:0;
 width:100%;
 height:100%;
 margin:0 auto;
 pointer-events:auto;
 right:auto;
 position:absolute
}
#curriculumhexagonarea .hexagonboxwrapper img,.largehexagonouter img {
 -webkit-transition:all .3s ease-in
}
#curriculumhexagonarea .hexagonboxwrapper:hover img {
 left:-10%;
 top:-10%;
 right:auto;
 width:120%;
 height:120%;
 -webkit-transition:all .3s ease-in
}
#curriculumhexagonarea .hexagoninner a,#largehexagonarea .largehexagoninner a {
 height:100%;
 width:100%;
 position:absolute;
 left:0;
 pointer-events:none
}
.largehexagonouter {
 position:relative;
 width:160px;
 margin:-58px .5% -8.8%;
 height:184px;
 transform:rotate(-60deg) skewY(30deg);
 pointer-events:none;
 z-index:2
}
.largehexagoninner:after {
 position:absolute;
 content:"";
 width:138px;
 margin:-52px .5% -8.8%;
 height:148px;
 padding-bottom:8%;
 display:inline-block;
 overflow:hidden;
 -webkit-transform:rotate(-60deg) skewY(30deg);
 -ms-transform:rotate(-60deg) skewY(30deg);
 transform:rotate(-60deg) skewY(30deg);
 pointer-events:none;
 border-left:18px solid #b1b1b1;
 border-right:18px solid #70ad28;
 left:-16px;
 top:46px
}
.largehexagontextbox {
 float:left;
 width:100%;
 clear:both;
 color:#fff;
 /*! min-height: 320px; */margin-top:-112px;
 padding:140px 8px 8px;
 font-size:14px
}
.largehexagontextbox * {
 font-size:14px
}
.largehexagonboxwrapper {
 position:relative;
 /*! height: 296px; */
 width: 24.5%;
 padding:0;
 /*! border: 1px solid #eaeaea; */
 text-align:center;
 margin-top:64px;
 margin-right:.25%;
 margin-left:.25%;
 float:left;
 background-color:#092d5f;
 border-bottom:4px solid #061d3d;
 border-top:4px solid #2c5c9e;
}
.largehexagoninner {
 width:100%;
 height:100%;
 border-left:10px solid #b1b1b1;
 border-right:10px solid #f07d00;
 text-align:center;
 color:#fff;
 overflow:hidden;
 -webkit-transform:skewY(-30deg) rotate(60deg);
 -ms-transform:skewY(-30deg) rotate(60deg);
 transform:skewY(-30deg) rotate(60deg);
 position:absolute;
 pointer-events:auto;
 background-color:#949494
}
.largehexagontitle {
 position:relative;
 float:left;
 width:100%;
 color:#fff;
 line-height:1;
 pointer-events:none;
 -webkit-transition:all .3s ease-in/*! padding-left: 140px; */
}
.largehexagonboxwrapper .hexagonmore,.largehexagonicon,.largehexagonicon:after {
 position:absolute;
 width:100%;
 pointer-events:none
}
.largehexagontitle h3 {
 color:#fff;
 font-size:24px;
 margin:0;
 padding:8px 0;
 font-style:normal;
 text-transform:uppercase
}
.largehexagonboxwrapper .hexagonmore {
 bottom:0;
 padding-top:0;
 height:20%;
 background-color:rgba(0,0,0,.8);
 -webkit-transition:all .3s ease-in
}
.largehexagonicon:after {
 content:"s";
 font-family:colstonicons;
 text-align:center;
 top:0;
 left:0;
 padding-top:10%;
 color:#a4b360;
 font-size:60px;
 -webkit-transition:all .3s ease-in
}
.largehexagonboxwrapper:hover .largehexagonicon:after {
 font-size:40px;
 -webkit-transition:all .3s ease-in;
 pointer-events:none
}
.largehexagonicon {
 top:0;
 height:30%;
 z-index:1
}
#largehexagonarea div.largehexagonouter:nth-child(4) {
 margin-left:17%
}
div.slide-left p {
 animation:slide-left 10s
}
.rslides_container_small {
 padding:8px;
 background-color:#fff;
 border:1px solid #eee;
 float:left
}
.rslides_tabs {
 padding:0;
 z-index:2/*! display: none; */
}
.rslides_tabs a {
 width:14px;
 line-height:14px;
 padding:0
}
#picturenav,.picturenavtext {
 line-height:1;
 width:100%;
 float:left
}
.rslides_tabs a:hover {
 border:0
}
.rslides_tabs li:first-child {
 margin-left:0
}
.origin h3 {
 font-weight:500;
 font-size:20px;
 padding-bottom:8px;
 color:#001930
}
form h3 {
 padding-bottom:12px
}
.diagonalgrey .membersarea h3,.membersarea h3 {
 color:#919191
}
#tabbedpanels1 h3 {
 padding:0
}
#footerlogos h2 {
 color:#ddd
}
#quoteenquiryform h2 {
 color:#eee;
 padding-top:0;
 padding-bottom:0;
 font-size:1.8em
}
a {
 color:inherit
}
#picturenav {
 float:left;
 width:100%
}
#picturenav a {
 float:left;
 width:19%;
 text-align:center;
 padding:0;
 border:1px solid #eee;
 margin:.5%;
 /*! color: #eee; */border-bottom:2px solid #ccc
}
.breadcrumbs,.hfeed li {
 border-bottom:1px solid rgba(0,0,0,.1)
}
.picturenavtext {
 background-color:#eee;
 padding:16px;
 height:100%;
 position:relative
}
.rslides1_nav.next:before,.rslides1_nav.prev:before,.rslides2_nav.next:before,.rslides2_nav.prev:before {
 font-family:colstonicons;
 font-size:1em;
 width:40px
}
.picturenavimagearea {
 display:inline-block;
 width:70%;
 max-width:180px
}
#picturenav ul {
 width:auto;
 padding-top:12px;
 padding-bottom:12px;
 line-height:0;
 z-index:0
}
#picturenav ul li,#picturenav ul li a {
 float:left;
 width:100%
}
#picturenav ul li img {
 width:100%;
 height:100%
}
.diagonalgrey:before,.diagonalone:before {
 background-position:bottom left;
 background-repeat:no-repeat;
 width:100%;
 background-size:100% 48px;
 height:48px;
 content:" ";
 left:0;
 top:-48px
}
#breadcrumbarea {
 width:100%
}
.breadcrumbs {
 width:100%;
 float:left;
 padding:4px;
 font-size:.8em;
 margin-bottom:16px
}
.breadcrumbs .sharing {
 padding-top:6px
}
.breadcrumbs .sharing a {
 color:rgba(0,0,0,.3)
}
.breadcrumbs li {
 float:left;
 padding:4px;
 color:#8a8a8a!important
}
.breadcrumbs a {
 padding-right:8px;
 padding-top:4px;
 padding-bottom:4px;
 color:#000
}
footer .breadcrumbs * {
 color:#eee
}
footer .breadcrumbs li:nth-child(1) a:before {
 color:#000
}
.breadcrumbs li:nth-child(1) a {
 position:relative;
 padding-left:24px
}
.breadcrumbs li:nth-child(1) a:before {
 position:absolute;
 padding-left:24px;
 content:"M";
 left:-20px;
 font-family:colstonicons
}
.person {
 color:#cca952
}
.clippingarea {
 float:left;
 width:100%
}
.video-container {
 position:relative;
 padding-bottom:56.25%;
 padding-top:30px;
 height:0;
 overflow:hidden;
 margin-top:12px
}
.video-container embed,.video-container iframe,.video-container object {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.vacancyformarea {
 float:left;
 clear:both;
 padding:12px;
 width:100%;
 color:#eee;
 background-repeat:repeat;
 background-position:left 00px top 0;
 background-size:30px
}
.captioncontainer {
 max-width:100%;
 margin-left:0;
 position:absolute;
 float:left;
 top:25%;
 left:0;
 width:100%;
 /*! padding: 8px; */text-align:center;
 z-index:5
}
.caption1,.caption2 {
 width:100%;
 float:left;
  padding-left: 24px;
  padding-right: 24px;
}
.caption1 span,.caption2 span {
 background-color:#94c0e9 cc;
 color:#fff;
 padding:12px 0;
 display:inline-block;
 width:auto;
 text-align:left
}
.caption1 span {
 font-size:44px;
 font-family:museo,serif;
 font-style:normal;
 font-weight:300!important
}
.caption2 span {
 font-size:22px
}
.rslides_tabs .rslides_here a,.rslides_tabs a {
 color:transparent
}
.transitionblocks {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(256,256,256,0);
 display:block;
 z-index:3;
 pointer-events:none
}
.rslides,.rslides li {
 left:0;
 top:0;
 width:100%;
 z-index:5
}
.rslides {
 position:relative;
 padding:0;
 margin:0 auto;
 z-index:0
}
.rslides ul {
 padding:0;
 margin:0
}
.rslides li {
 position:absolute;
 display:none
}
.rslides1_nav:active {
 opacity:1
}
.rslides1_nav.next,.rslides2_nav.next {
 left:auto;
 background-position:right top;
 right:-30px;
 background-color:rgba(256,256,256,.2);
 width:60px;
 height:60px;
 display:block;
 position:absolute;
 margin:0;
 border:1px solid #fff;
 border-radius:50%;
 color:rgba(256,256,256,0)
}
.rslides_tabs {
 position:absolute;
 width:auto;
 bottom:0;
 text-align:center;
 right:8px
}
.rslides_tabs li {
 display:inline;
 float:none;
 margin-right:4px;
 /*! z-index: 1; */position:relative
}
.rslides_tabs a {
 background:#70ad28;
 display:inline-block;
 height:14px
}
.rslides_tabs .rslides_here a {
 background-color:#f07d00
}
.rslides img {
 display:block;
 height:auto;
 float:left;
 width:100%;
 border:0
}
.footerouter:after,.footerouter:before,footer:after,footer:before {
 z-index:0;
 position:absolute
}
.rslides1_nav,.rslides2_nav {
 position:absolute;
 top:40%;
 left:0;
 z-index:1;
 height:40px;
 width:40px
}
.rslides1_nav.next:hover,.rslides2_nav.next:hover {
 background-color:rgba(256,256,256,.7)
}
.rslides1_nav.next:active,.rslides2_nav.next:active {
 background-color:rgba(0,0,0,.3)
}
.rslides1_nav.prev,.rslides2_nav.prev {
 background-position:right top;
 left:-30px;
 background-color:rgba(256,256,256,.2);
 width:60px;
 height:60px;
 display:block;
 position:absolute;
 margin:0;
 border:1px solid #fff;
 color:rgba(256,256,256,0);
 border-radius:50%
}
.rslides1_nav.prev:hover,.rslides2_nav.prev:hover {
 background-color:rgba(256,256,256,.7)
}
.rslides1_nav.prev:active,.rslides2_nav.prev:active {
 background-color:rgba(0,0,0,.3)
}
.rslides1_nav.next:before,.rslides2_nav.next:before {
 position:absolute;
 content:"d";
 left:-2px;
 top:33%;
 text-align:center;
 color:rgba(256,256,256,.8)
}
.rslides1_nav.next:before:hover,.rslides2_nav.next:before:hover {
 color:rgba(0,0,0,1)
}
.rslides1_nav.prev:before,.rslides2_nav.prev:before {
 position:absolute;
 content:"a";
 right:-2px;
 top:33%;
 text-align:center;
 color:rgba(256,256,256,.8)
}
#overlaybox {
 position:absolute;
 z-index:0;
 width:100%;
 bottom:0;
 left:0;
 height:180px
}
.captionarea {
 z-index:1;
 height:100%;
 width:100%
}
.captionblock {
 width:100%;
 max-width:1440px;
 display:block;
 text-align:center;
  pointer-events:none;
}
.servicesarea {
 display:inline-block;
 max-width:1024px;
 width:100%;
 padding:16px
}
.servicesarea a {
 padding:4px;
 float:left;
 width:16.666666%
}
.servicedesc,.serviceheader,.servicesingle {
 float:left;
 width:100%
}
.serviceheader {
 font-family:Oswald,sans-serif;
 padding:14px 2px 2px;
 line-height:24px;
 height:72px;
 color:#eee
}
.scrolllink *,.scrolllinkbottom a {
 font-family:colstonicons
}
.servicedesc {
 padding-bottom:12px
}
.hoverlinksimple {
 float:left;
 width:32%;
 margin:.5%;
 position:relative;
 background-color:#fff;
 border-bottom:2px solid #aaa
}
.simpleimage {
 float:left;
 width:50%;
 padding:8px
}
.hovertextboxsimple {
 float:left;
 width:50%;
 padding:24px 0;
 text-align:left;
 font-size:24px
}
.hovertextboxsimple:after {
 position:absolute;
 content:"d";
 width:28px;
 height:28px;
 padding:4px;
 line-height:1.2;
 text-align:center;
 background-color:#FFF;
 color:#D1D4D7;
 bottom:4px;
 right:0;
 font-family:colstonicons;
 font-size:24px;
 border:1px solid #d1d4d7
}
.hoverexcerptsimple,.threecolumnimage a {
 font-family:museo,serif;
 font-style:normal;
 font-weight:300
}
.hoverexcerptsimple {
 float:left;
 width:100%;
 text-align:left;
 font-size:24px;
 color:#001930
}
.hoverdescription {
 float:left;
 width:100%;
 text-align:left;
 font-size:18px;
 color:#333
}
.mix .hoverlink,.simpleimage .hoverlink {
 background-color:#fff;
 overflow:hidden;
 position:relative
}
.servicesingle img {
 width:100%;
 padding:8px
}
#hoverlinkarea,#iconhoverlinkarea,.hoverlink {
 padding:0;
 float:left
}
.mix .hoverlink {
 width:100%;
 -moz-transition:all .8s ease-in-out;
 -o-transition:all .8s ease-in-out
}
.hoverlink,.hoverlink:hover {
 transition:all .8s ease-in-out
}
.hoverlink,.hoverlink:before,.hoverlink:hover:before {
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out
}
.scrolllinkbottom a {
 width:40px;
 height:40px
}
.scrolllink a {
 background-color:rgba(256,256,256,.3);
 width:60px;
 height:60px;
 display:block;
 position:absolute;
 margin:0;
 border:1px solid #fff;
 border-radius:50%
}
.scrolllink a:hover {
 background-color:rgba(256,256,256,.8)
}
.scrolllink a:after {
 top:6px;
 content:"b";
 left:0;
 color:#f7f7f7;
 position:absolute
}
#hoverlinkarea,#iconhoverlinkarea,.scrolllink a:after,.scrolllinkbottom a:after {
 width:100%;
 text-align:center
}
.scrolllinkbottom a {
 position:fixed;
 right:0;
 bottom:0;
 z-index:2
}
.scrolllinkbottom a:after {
 top:8px;
 content:"c";
 left:0;
 color:#001930;
 position:absolute
}
#hoverlinkarea {
 display:block;
 margin-top:30px
}
.hoverlink {
 width:33%;
 z-index:1;
 margin:0;
 background-color:#333;
 position:relative;
 border:5px solid #fff
}
.hoverlink a {
 width:100%;
 height:100%;
 float:left
}
.hoverlink:before,.hoverlink:hover:before {
 height:100%
}
.contact_style .hovericon span:before {
 content:"?";
 color:#ccc;
 border:2px solid #ccc
}
.hovericon span,.hovericon span:before,.hovericon.icon1 span:before {
 content:"n"
}
.hoverlink:hover:before {
 width:100%;
 opacity:.8
}
.hoverlink:hover .hovertextbox,.hovertextbox {
 position:absolute;
 padding:8px;
 color:#eee;
 bottom:5%;
 text-align:center
}
.hoverlink img {
 top:0;
 float:left;
 opacity:1;
 width:100%;
 transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out
}
.hovertextbox {
 z-index:4;
 transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 font-size:24px;
 height:25%;
 background-color:rgba(0,0,0,0);
 top:10%;
 left:5%;
 width:90%
}
.hoverlink:hover .hovertextbox .redamorenew,.hovertextbox .redamorenew {
 font-size:14px;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out
}
.hovertextbox .redamorenew {
 height:0;
 overflow:hidden
}
.hoverlink:hover .hovertextbox .redamorenew {
 height:48px
}
.hoverlink:hover .hovertextbox {
 transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 font-size:28px;
 background-color:rgba(0,0,0,.8);
 top:0;
 left:0;
 width:100%;
 height:100%;
 padding-top:8px;
 pointer-events:none
}
.scrolllink {
 position:absolute;
 left:50%;
 width:60px;
 height:60px;
 margin-left:-30px;
 z-index:5;
 text-align:center;
 bottom:-12px
}
.hovericon,.hovericon span {
 left:0;
 pointer-events:none
}
.hoverlink img.hover,.hoverlink:hover img.portfolioimage {
 display:none
}
.hoverlink:hover img.hover {
 float:left;
 transition:all .8s ease-in-out;
 -webkit-transition:all .8s ease-in-out;
 -moz-transition:all .8s ease-in-out;
 -o-transition:all .8s ease-in-out;
 display:block
}
.hovericon span:before,.hoverlink:hover .hovericon span:before {
 webkit-transition:all .9s ease-in-out;
 -moz-transition:all .9s ease-in-out;
 -o-transition:all .9s ease-in-out
}
.hovericon span,.hovericon span:before {
 font-family:colstonicons;
 color:#fff;
 text-align:center
}
.hovericon.icon2 span:before {
 content:"h"
}
.hovericon.icon3 span:before {
 content:"m"
}
.hovericon.icon4 span:before {
 content:"k"
}
.hovericon.icon5 span:before {
 content:"e"
}
.hovericon.icon6 span:before {
 content:"f"
}
.hovericon.icon7 span:before {
 content:"g"
}
.hovericon.icon8 span:before {
 content:"h"
}
.hovericon,.hovericon span {
 width:100%;
 position:absolute
}
.camera-shutter {
 z-index:4
}
.camera-shutter:hover {
 background-color:rgba(0,0,0,0)
}
.camera-shutter-triangles {
 height:100%;
 position:relative;
 width:100%;
 pointer-events:none
}
.scrolllinkbottom a {
 background-color:#e6e6e6!important
}
.hovericon {
 top:0;
 z-index:100;
 -ms-transform:scale(1);
 -webkit-transform:scale(1);
 transform:scale(1);
 height:50%
}
.hovericon span {
 top:20%;
 z-index:100000;
 -ms-transform:scale(1);
 -webkit-transform:scale(1);
 transform:scale(1);
 height:100%
}
.hovericon span:before {
 width:80px;
 height:80px;
 display:inline-block;
 line-height:80px;
 background-color:rgba(0,0,0,0)
}
.hoverlink:hover .hovericon span:before {
 -ms-transform:scale(1.3);
 -webkit-transform:scale(1.3);
 transform:scale(1.3);
 opacity:.7;
 background-color:rgba(0,0,0,.8)
}
.camera-shutter {
 height:100%;
 overflow:hidden;
 width:100%;
 pointer-events:none;
 position:absolute;
 opacity:.9
}
.camera-shutter-lens {
 height:100%;
 position:relative;
 overflow:hidden;
 width:100%
}
.camera-shutter-triangle-1,.camera-shutter-triangle-2 {
 border:1px solid rgba(0,0,0,.1);
 filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#353535', GradientType=0);
 display:block;
 height:100%;
 position:absolute;
 -webkit-transition:all .9s ease-in-out;
 -moz-transition:all .9s ease-in-out;
 -o-transition:all .9s ease-in-out;
 width:100%;
 content:""
}
#footerlogos img,.entry-published,.footertop,.select,footer {
 position:relative
}
.hoverlink:hover .camera-shutter-triangle-1,.hoverlink:hover .camera-shutter-triangle-2 {
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out
}
.camera-shutter-triangle-1 {
 background-color:rgba(0,0,0,.3);
 left:50%
}
.camera-shutter-triangle-2 {
 background-color:rgba(0,0,0,.3);
 right:50%
}
#form1_generalcontact,#form1_generalcontact .thirdcolumn,select {
 background-color:#fff
}
.hoverlink:hover .camera-shutter-triangle-1 {
 left:100%
}
.address:after,.emailaddress:after,.footerouter:before,.openingtimes:after,.telephone:after {
 left:0;
 top:0;
 font-family:colstonicons
}
.hoverlink:hover .camera-shutter-triangle-2 {
 right:100%
}
.h-entry h1 a {
 color:#250725
}
.fb-like {
 width:100%;
 margin-top:8px;
 margin-bottom:8px;
 float:left;
 border:1px solid #eee;
 text-align:center
}
.archivearea {
 float:left;
 width:100%;
 padding:12px;
 /*! border-top: 1px solid #ccc; */margin-top:32px
}
.archivearea h3 {
 color:#ccc
}
.archivearea li {
 color:#aaa
}
.meta {
 color:#250725;
 width:100% padding: 24px;
 display:inline-block
}
.nuvo_textarea {
 float:left;
 width:100%
}


.nuvo_textarea ul {
 display:block;
 margin-bottom:16px;
 margin-top:12px
}
.nuvo_textarea ul li {
 padding:4px 4px 4px 24px;
 text-align:left;
 position:relative;
 color:#333
}
.nuvo_textarea ul li:after,.nuvo_textarea ul li:before {
 content:"";
 position:absolute;
 display:inline-block;
 text-align:left
}
.nuvo_textarea ul li:before {
 width:20px;
 height:20px;
 left:0;
 background-image:url(../images/bullet.png);
 background-size:auto 100%;
 background-repeat:no-repeat
}

#facebook {
 width:100%
}
.blogbanner {
 width:100%;
 float:left;
 margin-bottom:32px
}
.h-entry p {
 margin-top:12px;
 margin-bottom:12px;
 color:#250725
}
.blogbanner img {
 padding:4px;
 border:1px solid #ccc
}
form .row .postfix-radius.row.collapse .postfix,form .row .prefix-radius.row.collapse button,form .row .prefix-radius.row.collapse input,form .row .prefix-radius.row.collapse select,form .row .prefix-radius.row.collapse textarea {
 -webkit-border-bottom-right-radius:3px;
 -webkit-border-top-right-radius:3px
}
fieldset[disabled] input[type=color],fieldset[disabled] input[type=date],fieldset[disabled] input[type=datetime-local],fieldset[disabled] input[type=datetime],fieldset[disabled] input[type=email],fieldset[disabled] input[type=month],fieldset[disabled] input[type=number],fieldset[disabled] input[type=password],fieldset[disabled] input[type=search],fieldset[disabled] input[type=tel],fieldset[disabled] input[type=text],fieldset[disabled] input[type=time],fieldset[disabled] input[type=url],fieldset[disabled] input[type=week],fieldset[disabled] textarea,input[type=color]:disabled,input[type=color][disabled],input[type=color][readonly],input[type=date]:disabled,input[type=date][disabled],input[type=date][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][disabled],input[type=datetime-local][readonly],input[type=datetime]:disabled,input[type=datetime][disabled],input[type=datetime][readonly],input[type=email]:disabled,input[type=email][disabled],input[type=email][readonly],input[type=month]:disabled,input[type=month][disabled],input[type=month][readonly],input[type=number]:disabled,input[type=number][disabled],input[type=number][readonly],input[type=password]:disabled,input[type=password][disabled],input[type=password][readonly],input[type=search]:disabled,input[type=search][disabled],input[type=search][readonly],input[type=tel]:disabled,input[type=tel][disabled],input[type=tel][readonly],input[type=text]:disabled,input[type=text][disabled],input[type=text][readonly],input[type=time]:disabled,input[type=time][disabled],input[type=time][readonly],input[type=url]:disabled,input[type=url][disabled],input[type=url][readonly],input[type=week]:disabled,input[type=week][disabled],input[type=week][readonly],select:disabled,textarea:disabled,textarea[disabled],textarea[readonly] {
 background-color:#DDD;
 cursor:default
}
.textinner input,.textinner textarea {
 text-align:center
}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
 -webkit-appearance:none;
 background-color:#f8f8f8;
 border-style:solid;
 border-width:1px;
 padding:8px;
 width:100%;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 transition:all .15s linear;
 height:40px;
 float:none;
 display:inline-block
}
#form1_generalcontact {
 float:left;
 width:100%;
 padding:16px;
 margin-bottom:16px;
 border-bottom:1px solid #ccc
}
input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {
 background:#fff;
 outline:0
}
form .row .postfix-radius.row.collapse button,form .row .postfix-radius.row.collapse input,form .row .postfix-radius.row.collapse select,form .row .postfix-radius.row.collapse textarea,form .row .prefix-radius.row.collapse .prefix {
 -webkit-border-bottom-left-radius:3px;
 -webkit-border-top-left-radius:3px
}
form .row .prefix-round.row.collapse button,form .row .prefix-round.row.collapse input,form .row .prefix-round.row.collapse select,form .row .prefix-round.row.collapse textarea {
 border-radius:0 1000px 1000px 0;
 -webkit-border-bottom-right-radius:1000px;
 -webkit-border-top-right-radius:1000px
}
form .row .postfix-round.row.collapse button,form .row .postfix-round.row.collapse input,form .row .postfix-round.row.collapse select,form .row .postfix-round.row.collapse textarea,form .row .prefix-round.row.collapse .prefix {
 border-radius:1000px 0 0 1000px;
 -webkit-border-bottom-left-radius:1000px;
 -webkit-border-top-left-radius:1000px
}
form .row .postfix-round.row.collapse .postfix {
 border-radius:0 1000px 1000px 0;
 -webkit-border-bottom-right-radius:1000px;
 -webkit-border-top-right-radius:1000px
}
input[type=submit] {
 font-family:din-2014,sans-serif!important;
 color:#f7f7f7;
 padding:4px;
 font-weight:300!important;
 margin-top:8px;
 border:0;
 font-size:18px;
 background-color:#005b9d
}
textarea {
 max-width:100%
}
.select {
 display:block;
 width:100%;
 height:40px;
 overflow:hidden
}
select {
 -moz-appearance:none;
 -ms-appearance:none;
 appearance:none;
 outline:0;
 border:0!important;
 background-image:none;
 width:100%;
 height:100%;
 padding:4px;
 cursor:pointer
}
.select::after,footer:before {
 top:0;
 height:40px;
 pointer-events:none
}
select::-ms-expand {
 display:none
}
#footerlogos img,#webdesigner,.hi-icon {
 display:inline-block
}
.select::after {
 content:'b';
 position:absolute;
 font-family:colstonicons;
 right:0;
 bottom:0;
 padding:4px;
 width:40px;
 text-align:center;
 background:#b7b7b7;
 -webkit-transition:.25s all ease;
 -o-transition:.25s all ease;
 transition:.25s all ease
}
#footerlogos img:after,footer:before {
 content:""
}
fieldset,input[type=file] {
 width:100%
}
.select:hover::after {
 color:#f39c12
}
input[type=checkbox],input[type=file],input[type=radio],select {
 /*! margin: 0 0 2px; */
}
input[type=checkbox]+label,input[type=radio]+label {
 display:inline-block;
 margin-left:.5em;
 margin-right:1em;
 margin-bottom:0;
 vertical-align:baseline
}
fieldset {
 background-color:#fff;
 float:left;
 padding:12px;
 margin-top:16px
}
fieldset legend {
 background:#fff;
 padding:0;
 margin-bottom:12px;
 float:left;
 width:100%
}
[data-abide] .error small.error,[data-abide] .error span.error,[data-abide] small.error,[data-abide] span.error {
 display:block;
 padding:.375em .5625em .5625em;
 margin-top:-1px;
 margin-bottom:1em;
 font-style:italic;
 background:#f04124;
 color:#FFF
}
[data-abide] small.error,[data-abide] span.error {
 display:none
}
.error small.error,small.error,span.error {
 display:block;
 padding:.375em .5625em .5625em;
 margin-top:-1px;
 font-style:italic;
 background:#f04124
}
small.error,span.error {
 margin-bottom:1em;
 color:#FFF
}
.error input,.error select,.error textarea {
 margin-bottom:0
}
.error input[type=checkbox],.error input[type=radio] {
 margin-bottom:1em
}
.error label,.error label.error {
 color:#f04124
}
.error small.error {
 margin-bottom:1em;
 color:#FFF
}
.error>label>small {
 color:#676767;
 background:0 0;
 padding:0;
 text-transform:capitalize;
 margin:0;
 display:inline
}
.footerouter,.footerouter:after {
 background-position:center;
 background-size:auto;
 background-repeat:repeat
}
#footerlogos,#latestnewsarea,footer,footer:before {
 background-repeat:no-repeat
}
.error span.error-message {
 display:block
}
input.error,select.error,textarea.error {
 margin-bottom:0
}
label.error {
 color:#f04124
}
#form1_submit {
 float:right;
 margin-top:12px;
 width:20%;
 padding:4px;
 margin-bottom:4px
}
.hentry .hfeed,.hfeed,.hfeed li {
 width:100%;
 float:left
}
.hfeed {
 text-align:left
}
.hfeed li {
 margin-bottom:16px
}
.hentry p {
 color:#333
}
.entry-published {
 color:#70ad28;
 width:auto
}
.blogtitle {
 padding-bottom:8px;
 margin-bottom:8px;
 width:100%;
 display:inline-block;
 font-size:24px
}
.blogimage {
 width:40%;
 float:left;
 max-width:200px
}
.blogdetails {
 width:60%;
 padding:16px;
 float:left
}
#footerlogos,.footertop {
 padding:0;
 width:100%;
 float:left
}
.footerouter,footer {
 width:100%;
 position:relative;
 float:left
}
footer {
 /*! margin-top: 16px; */font-size:.8em;
 padding:48px 16px 16px;
 margin-top:16px;
 background-image:url(../images/large_blue_cog.png);
 background-position:bottom -15% right -120px;
 background-size:50%
}
footer:before {
 background-image:url(../images/bannertop.png);
 background-size:100% 100%;
 left:0;
 width:100%;
 position:absolute;
 z-index:2
}
.footertop {
 text-align:center
}
#footerlogos {
 margin-bottom:0;
 border-radius:4px;
 max-width:800px;
 background-position:bottom -200px right 0
}
#footerlogos .logoimage {
 width:auto;
 height:64px;
 margin-right:2px;
 margin-left:auto;
 text-align:center;
 padding-top:4px;
  width: auto;
  float: left;
}

#footerlogos .logoimage img {
 width:auto;
 height:64px;
 margin-right:2px;
 margin-left:auto;
 text-align:center;
 padding-top:4px;
  width: auto;
  float: left;
}


#footerlogos .logocaption {
 width: 100%;
  color: #fff;
  float: left;
  clear: both;
  padding-top: 8px;
  font-size: 11px;

}

#footerlogos .indlogo {
 width:auto;
 height:100px;
 margin-right:2px;
 margin-left:auto;
 text-align:center;
 padding-top:4px;
  float: left;
  
}


#footerlogos .indlogo:after {
 position:absolute;
 width:100%;
 height:100%;
 left:8px;
 top:8px;
 background-color:#fff;
 border:2px solid #333;
 border-radius:50%
}
#webdesigner {
 width:auto;
 padding:8px
}
#webdesigner a {
 color:#b7b7b7
}
#slickslidesarea {
 width:100%;
 float:left;
 background-color:#d7d5d5;
 padding-bottom:24px
}
.blogdetails .shinybuttons a {
 color:#70ad28
}
#latestnewsarea {
 margin-top:16px;
 width:100%;
 float:left;
 padding:16px;
 background-color:#474747;
 background-image:url(../images/newsback.jpg);
 background-attachment:fixed
}
.halfcolumnimage {
 float:left;
 width:50%;
 padding:0;
 position:relative;
 overflow:hidden
}
.halfcolumnimage .dateicon {
 position:absolute;
 background-color:#001930;
 padding:4px;
 top:0;
 right:0;
 color:#94c0e9
}
.halfcolumnimage .daydate {
 float:left;
 width:100%;
 font-size:36px;
 line-height:28px;
 text-align:center;
 color:#d1d4d7
}
.homenewstextarea {
 padding:24px;
 position:relative;
 float:left;
 overflow:hidden
}
.homenewstextarea .entry-title {
 font-size:40px;
 color:#001930
}
.threecolumnimage .monthyear {
 color:#fff
}
.dateicon {
 position:absolute;
 right:12px;
 top:12px;
 padding:0;
 background-color:#092d5f;
 text-align:center;
 width:80px;
 border-radius:2px;
 color:#333;
 border:1px solid #F07D00
}
.daydate,.monthyear {
 float:left;
 padding:4px
}
.daydate {
 background-color:#F07D00;
 width:100%;
 border-top-radius:4px
}
.monthyear {
 width:100%;
 border-radius:1px
}
.slickbriefdesc {
 width:100%;
 /*! border-top: 1px solid #d1d4d7; */padding:8px 0 12px;
 color:#f07d00
}
.newslink,.readmore {
 padding:8px;
 display:block
}
.readmore {
 background-color:#005b9d;
 width:auto;
 float:left;
 clear:both
}
#footerbase,.newslink,table {
 width:100%;
 float:left
}
.newslink .readmore a {
 color:#fff
}
.newslink a {
 color:#d1d4d7
}
.threecolumnimage a {
 color:#092d5f
}
.threecolumnimage h3 {
 font-size:21px
}
table,table td,table tr {
 border:1px solid #ccc
}
.blogdetails h3 a {
 color:#3b3c43
}
blockquote,q {
 quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0;
 color:#333;
 background-color:#fff
}
table td {
 padding:5px;
 vertical-align:top
}
table tr {
 padding:0
}
.addressinfo {
 text-align:left;
 padding-left:12px;
 padding-right:12px
}
#footerbase,.centerbox,.downloadname,.hi-icon,.paging {
 text-align:center
}
.address,.emailaddress,.openingtimes,.telephone {
 padding-left:32px
}
.address:after {
 content:"m";
 position:absolute
}
.openingtimes {
 position:relative
}
.openingtimes:after {
 content:"k";
 position:absolute
}
.telephone {
 position:relative
}
.telephone:after {
 content:"j";
 position:absolute
}
.emailaddress {
 position:relative
}
.emailaddress:after {
 content:"l";
 position:absolute
}
#footerbase {
 position:relative
}
.hi-icon {
 cursor:pointer;
 margin:8px;
 width:54px;
 height:54px;
 position:relative;
 z-index:1;
 color:#fff
}
.hi-icon:after {
 pointer-events:none;
 position:absolute;
 width:100%;
 height:100%;
 content:'';
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
.hi-icon:before {
 line-height:54px;
 text-transform:none;
 display:block
}
.hi-icon-effect-1 .hi-icon {
 background:rgba(255,255,255,.1);
 margin:0;
 -webkit-transition:background .2s,color .2s;
 -moz-transition:background .2s,color .2s;
 transition:background .2s,color .2s
}
.hi-icon-effect-1a .hi-icon:hover {
 background:rgba(255,255,255,1);
 color:#250725
}
#profilesone,.box {
 /*! background-color: #fff; */float:left
}
.hi-icon-effect-1a .hi-icon:hover:after {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1);
 opacity:1
}
.nuvo_imagearea {
 width:33%;
 /*! margin-right: 1%; *//*! margin-bottom: 64px; */float:left;
 position:relative;
 max-width:280px;
 padding:2px;
 margin-top:12px
}
.nuvo_imagearea.circularpic {
 border-radius:50%;
 border:1px solid #dbdbdb
}
.nuvo_imagearea_third {
 width:33.2%;
 margin:.04%;
 float:left
}
.nuvo_imagearea img {
 width:100%
}
.hi-icon,.hi-icon:after,.nuvo_imagearea.circularpic img {
 border-radius:50%;
 padding:0;
}
.nuvo_imagearea figcaption {
 padding-top:18px;
 text-align:center;
 font-size:.8em;
 position:absolute;
 height:48px;
 color:#70ad28;
 width:100%;
  z-index: 1;
}
#profilesone {
 position:relative;
 width:100%;
 color:#eee;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px
}
#demo {
 float:left;
 width:100%
}
.box img {
 width:100%;
 height:auto;
 float:left
}
.productcaption {
 float:left;
 height:40px;
 width:100%;
 color:#250725;
 padding:8px
}
.ind_photo img,img {
 vertical-align:top;
 height:auto
}
.box .description {
 opacity:0;
 width:100%;
 background-color:#555;
 -moz-transition:all .15s ease-in;
 -o-transition:all .15s ease-in;
 -webkit-transition:all .15s ease-in;
 transition:all .15s ease-in;
 z-index:10;
 left:0;
 padding:12px
}
.box .description p {
 color:#fff
}
.box.clicked .description {
 opacity:1;
 display:block;
 -moz-transition:all .3s ease-in;
 -o-transition:all .3s ease-in;
 -webkit-transition:all .3s ease-in;
 transition:all .3s ease-in;
 width:100%;
 background-color:rgba(0,0,0,.7);
 z-index:10000000;
 color:#fff
}
.right {
 float:right;
 margin-right:0;
 margin-left:16px
}
.left {
 float:left;
 margin-left:0;
 margin-right:16px
}
.ind_photo img {
 width:100%
}
.downloads {
 float:left;
 clear:both;
 width:100%
}
.downloadtab {
 padding:0;
 border:2px solid #fff;
 background-color:#043465;
 float:left;
 color:#FFF;
 width:33.2507253%;
 margin-top:24px;
 margin-bottom:24px;
 position:relative
}
.downloadtab:after {
 content:"1";
 position:absolute;
 font-family:school!important;
 bottom:4px;
 right:4px;
 line-height:32px;
 color:#4bbdd3;
 pointer-events:none
}
.downloadname,.downloadtab img {
 color:#FFF;
 float:left;
 width:100%
}
.downloadtab img {
 padding:0;
 line-height:0;
 margin:0;
 -ms-transform:rotate(-7deg);
 -webkit-transform:rotate(-7deg);
 transform:rotate(-7deg)
}
.downloadname {
 padding:8px 8px 40px;
 margin-top:20px;
 line-height:100%
}
.downloadname .filesize {
 float:left;
 width:100%;
 margin-top:8px;
 padding-top:4px;
 border-left:none;
 padding-left:8px;
 padding-right:0;
 color:#4bbdd3
}
.endtime,.eventcats,.starttime {
 float:left
}
.hidden {
 display:none
}
.visible {
 display:block
}
.centerbox {
 float:left;
 width:100%
}
.thirdcolumn .date {
 padding-bottom:0
}
a.paging-next:after,a.paging-prev:before {
 font-family:school;
 top:-4px
}
.paging {
 float:left;
 width:100%;
 padding:8px;
 margin-top:16px;
 color:#fff
}
.paging a {
 text-decoration:none;
 display:inline-block;
 color:#333
}
a.paging-prev {
 padding-left:32px;
 float:left;
 position:relative
}
a.paging-next {
 padding-right:32px;
 float:right;
 position:relative
}
a.paging-prev:before {
 position:absolute;
 content:"+";
 left:0
}
a.paging-next:after {
 position:absolute;
 content:"*";
 right:0
}
.datesbox {
 position:absolute;
 width:100%;
 width:120px;
 height:54px;
 right:0;
 top:0;
 background-color:#333
}
.dateend:before {
 left:-28px;
 color:#172344;
 line-height:1
}
.dateend {
 position:relative;
 float:left;
 color:#eee;
 padding:8px;
 background-color:#3ba2cb
}
@media (max-width:1280px) {
 #largecartoon {
  width:100%;
  background-size:110%
 }
 .hoverlinksimple {
  float:left;
  width:49%;
  margin:.5%;
  position:relative;
  background-color:#fff;
  border-bottom:2px solid #aaa
 }
 #logoareacenter {
  width:100px;
  margin-left:-50px;
  opacity:.5;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in
 }
}
@media (max-width:1080px) {
  
  
  
  .resourceitem {
 float: left;
  width: 48%;
  
}
  
  
  
 #slider-wrapper {
  height:400px
 }
 .banner {
  position:relative;
  height:480px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position:50% 0;
  background-size:cover
 }
 .cogwheelone,.cogwheeltwo {
  display:none!important
 }
 .caption2 span {
text-align: center;
  font-size: 16px;
   padding: 0px;
  
  }
  
  
  
 #picturenav a {
  width:48%;
  margin:.5%
 }
 .hexagonboxwrapper {
  position:relative;
  height:240px;
  width:24.8%;
  padding:0;
  text-align:center;
  margin-top:64px;
  background-color:#fff
 }
 .largehexagonboxwrapper {
  width:49%;
  margin:64px .5% .5%;
  border-bottom:4px solid #061d3d
 }
 #socialmedia {
  position:absolute;
  right:120px;
  top:12px
 }
 .schooldivlink {
  width:50%
 }
 .videoareamain,iframe {
  width:100%;
  position:absolute;
  z-index:10
 }
 .sb-icon-search,.sb-search,.sb-search-input,.sb-search-submit {
  height:54px!important
 }
 .homesocial {
  float:left;
  margin-top:16px
 }
 .sb-search {
  height:54px
 }
 .sb-search input {
  font-size:.8em!important
 }
 .sb-search:after {
  height:64px
 }
 #navigationarea.fixedposition .sb-search,.sb-search {
  right:72px;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s
 }
 .videowrapper {
  height:500px
 }
 .videoareamain {
  display:block!important;
  height:500px
 }
 iframe {
  top:0;
  left:0;
  height:100%
 }
}
@media screen and (max-width:768px) {
  
  
  
  
  
  
 .hexagontextbox,.largehexagontextbox {
  clear:both;
  font-size:14px;
  width:100%;
  float:left
 }
 #largecartoon,.videowrapper {
  position:relative;
  overflow:hidden
 }
 .homeheading {
  width:100%
 }
 #largecartoon {
  background-color:#009fe3;
  text-align:center;
  padding:16px 16px 190px;
  margin-top:16px;
  min-height:360px;
  width:100%;
  background-size:160%;
  float:left;
  background-repeat:no-repeat;
  background-position:right bottom
 }
 .largehexagonboxwrapper:nth-child(even):before,.largehexagonboxwrapper:nth-child(odd):before {
  display:none
 }
 .thirdcolumn,.twothirdscolumn {
  width:100%;
  padding:8px;
  float:left
 }
 .hexagontextbox {
  background-color:#fff;
  /*! color: #fff; */min-height:112px;
  margin-top:-136px;
  padding:8px 8px 8px 152px;
  border:12px solid #fff;
  text-align:left
 }
 .hexagonouter {
  position:relative;
  margin:0;
  float:left
 }
 .hexagonboxwrapper {
  position:relative;
  height:auto;
  width:100%;
  padding:0;
  text-align:center;
  margin-top:0;
  float:left;
  background-color:rgba(0,0,0,0)
 }
 .largehexagontextbox {
  background-color:#092d5f;
  color:#fff;
  min-height:172px;
  margin-top:-124px;
  padding:8px 8px 8px 180px;
  border-top:4px solid #2c5c9e;
  text-align:left
 }
 .largehexagonouter {
  float:left;
  margin-top:-64px
 }
 .largehexagonboxwrapper {
  width:100%;
  margin:64px .5% .5%
 }
 #footerlogos img {
  width:auto;
  height:44px;
  margin-right:2px;
  margin-left:auto;
  text-align:center;
  position:relative;
  padding-bottom:4px
 }
 #picturenav a,.hoverlinksimple {
  margin:0 0 8px;
  width:100%
 }
 .footercolumn,.footercolumn p {
  text-align:left!important
 }
 #footerlogos {
  width:85%
 }
 .footercolumn {
  width:50%;
  min-height:0;
  padding-bottom:16px
 }
 .hoverlink {
  border:4px solid #fff
 }
 .hoverlinksimple {
  float:left;
  position:relative;
  background-color:#fff;
  border-bottom:2px solid #d1d4d7
 }
 .halfcolumnimage {
  float:left;
  width:100%
 }
 .subject_third {
  width:49%;
  padding:4px 4px 32px;
  margin-right:1%
 }
 .courseteachers {
  margin-right:0;
  width:100%
 }
 .hexagontitle {
  font-size:18px
 }
 .hexagonmore {
  font-size:12px
 }
 #iconhoverlinkarea {
  padding:16px 0
 }
 .hoverlink {
  width:50%
 }
 ul.headers_list li {
  width:33.333%
 }
 .onethird,.twothirds {
  width:100%;
  padding:0
 }
 .videowrapper {
  width:100vw;
  height:500px;
  max-height:100vh;
  text-align:center
 }
}
@media screen and (max-width:540px) {
  
  .rslides1_nav.next,.rslides2_nav.next,
   .rslides1_nav.prev,.rslides2_nav.prev{
display: none;
}
  
  
  
  
  .twentyyears {
 text-align: left;
  display: block !important;
}

.twentyyears img {
 float: none;
  display: inline-block !important;
  width: 148px;
}
  
  
  
  
  #socialmedia a:nth-child(3) {
  display: none;
 }
  
   .resourceitem {
 float: left;
  width: 100%;
  margin: 0px;
  
}
  
  
 .largehexagontitle h3 {
  font-size:17px
 }
 #largehexagonarea {
  padding-left:0;
  padding-right:0
 }
 .scrolllinkbottom {
  position:absolute;
  width:40px;
  bottom:12px;
  right:12px
 }
 .banner,.hoverlink,.profilelisting,.videowrapper {
  position:relative
 }
 .blogimage,.schooldivlink {
  width:100%
 }
 .blogimage {
  float:left;
  max-width:100%
 }
 .blogdetails {
  width:100%;
  padding:16px;
  float:left
 }
 .captionblock {
  /*! display: none; */
 }
 ul.headers_list li {
  width:50%
 }
 .subject_third {
  width:100%;
  padding:4px 4px 32px;
  margin-right:0
 }
 .listing .perchproduct {
  width:100%;
  margin:0 0 8px
 }
 .hexagonicon:after {
  font-size:30px
 }
 .hexagonmore {
  color:rgba(0,0,0,.8)
 }
 #locationField:after,.breadcrumbs {
  display:none
 }
 .videowrapper {
  overflow:hidden;
  width:100vw;
  height:280px;
  max-height:100vh;
  text-align:center
 }
 #slider-wrapper,#slider-wrapper-shallow {
  height:250px;
 }
 .banner {
  height:290px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-attachment:scoll;
  background-position:50% 0;
  background-size:cover
 }
 .footercolumn,.thirdform {
  width:100%
 }
 #locationField {
  padding-right:8px
 }
 #locationField2:before {
  left:4px
 }
 #locationField2 {
  padding-left:48px
 }
 footer .breadcrumbs {
  display:block
 }
 .captioncontainer {
  max-width:100%;
  top:20%;
 }
 .rslides1_nav {
  display:none
 }
 .colourcircles {
  width:100px
 }
 #factsarea,.container .gap,.container .mix,.fact,.hoverlink,.profilelisting,.testimonials h3,form .formitem {
  width:100%
 }
 .caption1 span {
  padding:4px;
  font-size:32px
 }
 .caption2 span {
  padding:4px
 }
 .caption1,.caption2 {
  /*! margin-left:12px */
 }
 .telone,.teltwo {
  float:right;
  bottom:4px;
  right:0;
  clear:none;
  padding:4px
 }
 .profilelisting {
  float:left;
  padding:0
 }
 .cbp-qtrotator blockquote {
  margin:0;
  padding:0 80px 0 0;
  text-align:left
 }
 .hoverlink {
  /*! background-color: #250725; */transition:all .8s ease-in-out;
  -webkit-transition:all .8s ease-in-out;
  -moz-transition:all .8s ease-in-out;
  -o-transition:all .8s ease-in-out;
  margin-left:0;
  margin-right:0
 }
 .servicesarea a {
  width:50%;
  padding:4px
 }
 #relatedpages li {
  width:100%;
  .productbox:nth-child(odd) .product_thumb,.productbox:nth-child(even) .product_thumb {
   float: left;
   width: 100%;
   border: 4px solid #eee;
  }
  .productbox:nth-child(odd) .proddesc,.productbox:nth-child(even) .proddesc {
   float: left;
   width: 100%;
   padding: 12px 
  }
  #footerbase {
   height: 80px;
   text-align: left;
   padding: 12px 
  }
  #footerbase:after {
   background-size: auto 60px;
   height: 60px;
   bottom: 8px 
  }
  .picturenavtext {
   width: 70%;
   float: left;
   padding-top: 10vw;
   padding-left: 12px;
   text-align: left;
  }
  .picturenavimagearea {
   float: left;
   width: 30% 
  }
  #picturenav ul li {
   width: 100%;
   max-width: 100%;
   margin-bottom: 8px;
   padding: 4px;
   border: 1px solid rgba(256,256,256,.2);
   border-radius: 8px 
  }
  #picturenav ul li a {
   float: left;
   width: 20%;
   position: relative 
  }
  #picturenav ul li img {
   border: 1px solid #222;
   border-radius: 4px 
  }
  button {
   max-width: 60px;
   overflow: hidden;
   padding: 4px;
   margin: 0 
  }
  .servicesarea a {
   width: 50%;
   padding: 4px 
  }
  .container .gap,.container .mix,.hoverlink {
   width: 100% 
  }
  .hoverlink {
   float: left;
   background-color: #250725;
   overflow: hidden;
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
  }
 }
}