* {padding: 0; margin: 0; border: 0;}
html, body, div, img, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, summary, hgroup, details, figcaption, figure, main {display:block;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {background-image: url('../images/maths.png');}

header {width: 100%;}
.sticky {width: 100%; height: 50px; padding-top: 15px; padding-bottom: 15px; background-color: #547BA5;box-shadow: 0 8px 6px -6px #000;-moz-box-shadow: 0 8px 6px -6px #000;-webkit-box-shadow: 0 8px 6px -6px #000;-o-box-shadow: 0 8px 6px -6px #000;display:block;position:fixed; z-index: 100;
background: #547BA5; 
background: -moz-linear-gradient(top,  #547BA5 0%, #547BA5 55%, #304861 100%); 
background: -webkit-linear-gradient(top,  #547BA5 0%,#547BA5 55%,#304861 100%); 
background: linear-gradient(to bottom,  #547BA5 0%,#547BA5 55%,#304861 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#547BA5', endColorstr='#304861',GradientType=0 );
}
#logo {width: 39%;padding-left: 1%; float:left; height: 45px; padding-top: 5px; display:block; }
#menu {width: 60%; float:left; height: 25px;padding-top: 15px; display:block;}
#menu ul {padding-left: 0px;}
#menu li {float:left; display:inline-block; width: 13%; text-align:center; list-style-type: none;}
#menu li.item-108 {width: 24%}
#menu li.item-106 {width: 12%}
#menu li.item-105 {width: 14%}
#menu li.item-101 {width: 11%}
#menu a {font-weight:bold; color: #fff; letter-spacing: 0.5px;text-shadow: 0px 0px 5px #000;}
#menu a:hover, #menu a.activeurl {text-shadow: 0px 0px 5px #fff;}

#footer {width: 100%; min-height: 350px;padding-top: 35px; margin-top: 35px; background-color: #547BA5;display:block;color: #fff; font-size: 15px; line-height: 25px;}
#footer a, #footer h3 {color: #fff; transition: color 1s;}
#footer a:hover {text-decoration: none; }
.wk-twitter-list article { margin-top: 10px; padding-top: 10px; border-top-width: 0px;}
#footer {background: #547BA5; background: -moz-linear-gradient(-45deg,  #547BA5 0%, #547BA5 50%, #000000 100%); background: -webkit-linear-gradient(-45deg,  #547BA5 0%,#547BA5 50%,#000000 100%); background: linear-gradient(135deg,  #547BA5 0%,#547BA5 50%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#547BA5', endColorstr='#000000',GradientType=1 ); }

#banner {width: 100%; height: auto; display:block;padding-top: 70px;}
#banner img {width: 100%; height: auto;}
#content {padding-top: 40px; padding-bottom: 20px;}
.glass {background-image: url('../images/glass.png');}

#burger {background-color: #000; font-weight:bold; text-align:center;position:relative; clear:both; display:block;} 
#burgermenu ul {padding-left: 0px;list-style-type: none;}
#burgermenu li a {padding-top: 5px; padding-bottom: 5px;display:block; margin-bottom: 4px; color: #fff;text-shadow: 0px 0px 5px #000; font-size: 18px;}
#burgermenu li.item-107 a {margin-bottom: 0px; }
#burgermenu li a:hover, #burgermenu a.activeurl {text-decoration: none;text-shadow: 0px 0px 5px #fff;}
#burgermenu {z-index: 1000; width: 100%; text-align: center; position: relative;background-color: #547BA5; }
.burger:before {content: "|||"; font-size: 30px; line-height: 30px;font-weight: bold; color: #fff;}
.rotate {width: 35px; height: 35px; display:inline-block;letter-spacing: 0.5px; display:inline-block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); text-align: center; transition: transform 1s; }
.rotate:hover {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);
-o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); cursor:pointer;}

ul.bxslider {margin-left: 0px !important;padding-left: 0px !important;}
.hdfx-inner {width: 400px; padding: 10px; background-image: url("../images/guaze.png"); display:block; color: #fff; font-size: 17px; line-height: 20px; text-align:center; margin-left: auto; margin-right: auto;}
.tube, .minitube {display:block; width: 25px; height: 80px; margin-right: 20px; float:left; background-image: url("../images/testtube.png"); background-size: 100% 100%; color: transparent;}
.hdfx-inner h3, .hdfx-inner h1 {font-size: 35px; line-height: 35px; color: #fff; }
.hdfx-inner a {color: yellow; text-decoration: none;}
.bx-default-pager {position:relative; top: 350px;}
.bx-viewport { border-top-width: 0px !important; border-right-width: 0px !important;  border-bottom-width: 0px !important;  border-left-width: 0px !important;  left: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important;box-shadow: 0 0 0px #fff !important;padding-left: 0px !important;}
.bx-wrapper {margin:0px !important;box-shadow: 0 0 0px #fff !important;}
.bx-prev {display:none;} .bx-next {display:none;} 
.bantrap {position:absolute; width: 100%; height: 0px;}
.ban {position:relative; width: 100%; padding-top: 27%;}

.minitube {width: 11px ; height: 35px; }

.one-1, .two-1, .two-2, .three-1, .three-2, .three-3, .three-12, .four-1, .four-2, .four-3, .four-4,
.five-1, .five-2, .five-3, .five-4, .five-5, .six-1, .six-2, .six-3, .six-4, .six-5, .six-6, .boffin-left, .boffin-right
{min-height: 50px;float:left; text-align: left; display: block; padding: 1%; margin: 0px 0.5% 10px 0.5%;}

.five-1, .five-2, .five-3, .five-4, .five-5 {padding: 0px; text-align:center;}

.stretch {width: 100%; clear:both;overflow:hidden;}
.trap {width: 1200px; margin: auto;}


@media only screen and (min-width: 1200px) { /* LARGE - Desktop */
.stretch {max-width: 1199px; margin: auto;}
.onlymob, #burger {display:none;}
  .break {display:block;}
  .one-1 {width: 97%; }
  .two-1, .two-2, .boffin-left, .boffin-right {width: 47%; }
  .three-1, .three-2, .three-3 {width: 30.33%; }
  .three-12 {width: 63.66%; }
  .four-1, .four-2, .four-3, .four-4 {width: 22%; }
  .five-1, .five-2, .five-3, .five-4, .five-5 {width: 19%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 13.66%}
  #footer .three-3 {text-align:right;}
.four-123 {width: 65%;float:left;padding:0; margin:0;}
.four-234 {width: 50%;float:left;padding:0; margin:0;margin-left: 0; margin-right: 15%;}
.four-4 img, .four-3 img, .four-2 img, .four-1 img {width: 100%; height: auto; padding-left: 0px !important;} 
.four-4 figcaption {margin:0px;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) { /* MEDIUM - Tablet Portrait */
.stretch {width: 100%; margin: auto;}
.onlymob, #burger {display:none;}
  #content {;}
  .one-1 {width: 97%;}
  .two-1, .two-2, .boffin-left, .boffin-right {width: 47%;}
  .three-1, .three-2, .three-3 {width: 30.33%;}
  .three-12, .three-23 {width: 63.66%; margin-top: 0px;}
  .four-1, .four-2, .four-3, .four-4 {width: 22%;}
  .five-1, .five-2, .five-3, .five-4, .five-5 {width: 19%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 30.33%;}
  #footer .three-3 {text-align:right;}
.four-123 {width: 65%;float:left;padding:0; margin:0;}
.four-234 {width: 50%;float:left;padding:0; margin:0;margin-left: 15%;margin-right: 0;}
.four-4 figcaption {margin:0px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
.stretch {width: 100%; margin: auto;}
.onlymob, #burger {display:block;}
  #banner {padding-top: 0px;}
  #menu {display:none;}
  #burger {display:block;}
  #logo {text-align:center; width: 100%;}
  .sticky {position:relative;} 
  #content {;}
  .one-1, .boffin-left, .boffin-right {width: 97%;}
  .two-1, .two-2 {width: 47%; }
  .three-1, .three-2, .three-3 {width: 97%; }
  .three-12, .three-23 {width: 97%; }
  .four-1, .four-2, .four-3, .four-4 {width: 47%;}
  .four-3 {clear:left;}
  .five-1, .five-2, .five-3 {width: 32.33%; }
  .five-4, .five-5 {width: 49%; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 47%;}
  #footer .three-1 {display:none;}
   #footer {height:auto; min-height: 400px;}
  #footer .three-2 {width: 47%;}
  #footer .three-3 {width: 47%; text-align:right;}
.four-123 {width: 100%;float:left;padding:0; margin:0;}
.four-234 {width: 100%;float:left;padding:0; margin:0;margin-right: 0%;}
.four-4 figcaption {margin:0px;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
.stretch {max-width: 100%; margin: auto;}
.onlymob, #burger {display:block;}
  #banner {padding-top: 0px;}
  #menu {display:none;}
  .sticky {position:relative;}
  #logo {text-align:center; width: 100%;}
  #content {;}
  .one-1, .boffin-left, .boffin-right {width: 97%; }
  .two-1, .two-2 {width: 97%; }
  .three-1, .three-2, .three-3 {width: 97%; }
  .three-12, .three-23 {width: 97%; }
  .four-1, .four-2, .four-3, .four-4 {width: 47%;}
  .five-1, .five-2, .five-3, .five-4 {width: 49%}
  .five-5 {width: 99%; margin-left: 0.5px; margin-right: 0.5px; }
  .six-1, .six-2, .six-3, .six-4, .six-5, .six-6 {width: 97%;}
  #qlink1 a, #qlink2 a, #qlink3 a, #qlink4 a, #qlink5 a {font-size: 18px; line-height: 18px; }
  #footer .three-1 {display:none;}
  #footer {height:auto; min-height: 600px;}
  #footer .three-2, #footer .three-3 {width: 97%; text-align:center;}
.pull-left img, .pull-left {padding-right: 0px; width: 100%;}
.pull-right img, .pull-right {padding-left: 0px; width: 100%;}
.four-123 {width: 100%;float:left;padding:0; margin:0;}
.four-234 {width: 100%;float:left;padding:0; margin:0;}
.four-4, .four-1, .four-2, .four-3 {width: 100%; float:left;padding:0; margin: 0;margin-left: 0%; margin-right: 0%;margin-top: 20px;margin-bottom: 20px;}
.four-4 img, .four-1 img {width: 100% ; height: auto; padding:0; margin: 0; } 
.four-4 figcaption {margin:0px;}
  a.lightboxlink img {width: 100%; height:auto;}
}


/* Slideshow Header*/
@media only screen and (min-width: 1400px) {.ban {padding-top: 25%;}}
@media only screen and (min-width: 1000px) and (max-width: 1399px) {.ban {padding-top: 20%;}
.hdfx-inner {font-size: 15px; line-height: 18px;}}
@media only screen and (min-width: 768px) and (max-width: 999px) {.ban {padding-top: 18%;}.hdfx-inner h3,.hdfx-inner h1 {font-size: 30px; line-height: 30px;}.hdfx-inner {font-size: 15px; line-height: 18px;}}
@media only screen and (min-width: 480px) and (max-width: 767px) {.ban {padding-top: 16%;}.hdfx-inner h3, .hdfx-inner h1 {font-size: 25px; line-height: 25px;}.hdfx-inner {width: 96%; padding: 2%;font-size: 13px; line-height: 16px;}.tube {width: 20px ; height: 65px; }}
@media only screen and (max-width: 479px) {.hdfx-inner {width: 96%; padding: 2%; min-height: 35px;}.ban {padding-top: 14%;}.hdfx-inner h3, .hdfx-inner h1 {font-size: 20px; line-height: 30px;}.tube {width: 11px ; height: 35px; }.hd-fx-desc {display:none;}}

.fb-page, .fb-page iframe[style], .fb-page span, #u_0_0, .fb-page, .fb-page iframe {width: 100% !important;}