body, html, * {margin:0; padding:0; outline: 0;}
* {box-sizing: border-box;}
button {border:0;}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-arrow {position:absolute; z-index: 1000; display: block; width:60px; height:60px;
top:50%; left:15px; margin-top:-60px;background: url(../images/arrow-prev.svg);
background-size: 60px 60px; opacity: .5}
.slick-next {right:15px; left:auto; background-image: url(../images/arrow-next.svg);}
.slick-arrow:hover {opacity: 1;}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}



/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.slick-slide {
  transition: all ease-in-out .3s;
}
@font-face {
    font-family: 'open sans';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'open sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight:300;
    font-style: normal;
}
@font-face {
    font-family: 'open sans';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
.bg {width:100%; position:relative; z-index: 1;}
.bg img {display:block; width:100%;}

body, input, select, textarea, th, td {color:#333; font:14px/1.5 'open sans',Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body {background:#fff;}
h1,h2,h3,h4,h5,h6 {padding:.5em 0; font-weight:300; color:#000; line-height:1.2;}
h1 {font-size:2.2em; margin-bottom:50px; padding-bottom:.2em; padding-top:50px; font-weight:100; text-transform:uppercase;}
h2 {font-size:1.2em; margin:0; padding:0 0 5px;}
h3 {font-size:1.6em;}
h4 {font-size:1.33em;}
h5 {font-size:1.2em; font-weight:300;}
h6 {font-size:.9em; font-weight: 100; margin:0; padding:0;}
a {text-decoration:none; color:#b00; cursor:pointer;}
a:hover {color:#d33; cursor: pointer;}
strong {font-weight:700;}
.ellip {width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.breakword {word-wrap:break-word; word-break:break-word; overflow:hidden;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
th, td {padding:0; text-align:left; vertical-align:top;}
.clear {clear:both;}
header, .hdlogo, nav li, a.topMail, .MobileMenu {height:90px;}
nav {position:relative; z-index: 10;}
nav li {line-height: 90px;}
header {background: #fff; position:relative;}
.hdlogo {display:block; padding:10px; background: #fff;;
  position:absolute; top:0; left:0; z-index: 12;}
.hdlogo img {display:block;  height:100%; }
nav ul, nav li {display:block; list-style: none;}
nav ul {overflow: hidden; text-align: center; position:relative;z-index: 10;}
nav li {display:inline-block; white-space: nowrap;}
nav li a {display:block; padding:0 15px;height:100%; color:#666; text-align: center;}
nav li a:hover {color:#000; background: #f3f3f3;}
nav li.current a, nav li.current a:hover {color:#d00; background: #fff; cursor: default;}
nav li.last {position:absolute; top:0; right:0;}
a.topMail, .MobileMenu {
  background: #b00; color:#fff;  line-height: 1;  text-transform:uppercase; text-align: center;
  position:absolute; top:0; right:0;  padding:0; width:80px; display: block; z-index: 30; font-size:.95em;
}
a.topMail:before {content:"";display: block; width:24px; height:24px;background:url(../images/enquiry.svg) no-repeat;
background-size:100% 100%; margin:18px auto 10px;}
a.topMail:hover, .MobileMenu:hover {background: #d00;}
.MobileMenu {display: none;}
.navpopup,
.navbar-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.navbar-toggle {
  width: 30px; height: 30px; margin:25px auto 0;
  z-index: 20;cursor: pointer;
}
.bar1,.bar2,.bar3 {
  width: 100%;height: 3px;
  margin-bottom: 7px;background-color: #fff;transition: all 0.3s ease-in-out;
}
.navbar-on .bar1,.navbar-on .bar2,.navbar-on .bar3 { background-color: white; }
.navbar-on .bar1 {transform-origin: 4% 45%;transform: rotate(45deg);}
.navbar-on .bar3 {transform-origin: 4% 45%;transform: rotate(-45deg);}
.navbar-on .bar2 { background-color: transparent; }
.navpopup {
  position: fixed; top:0; left:0; width: 100%; height: 100%;z-index: 20;
  background-color: rgba(180,0,0, 0.9);text-align: center;color: white;
}
.nav-hide { display: none; }
.navpopup ul {
  width:100%; position:absolute; top:50%; left:0; margin-top:-150px;
}
.navpopup ul li {list-style: none;}
.navpopup ul li a {font-size:20px;color:#fff;font-weight:300;text-decoration: none;
display: block; padding:8px 0;}
.navpopup ul li a:hover {text-decoration: underline}

.slider .txt {background: rgba(0,0,0,.8); color:#fff; padding:10px; width:100%;
  position:absolute; bottom:0; right:0; z-index: 2; overflow: hidden;}
  .slider .txt h2 {font-weight:100;}
.slider .txt h2, .slider .txt p, .slider .txt a {color:#fff;}
.slider .txt a {font-weight:700;}
.slider .txt a:hover {text-decoration: underline;}
.slider .txt .info {float:left; width:50%;}
.slider .txt .artwork {font-size:.9em; float:right; width:50%; text-align: right; color:#888;}
footer {padding:15px; line-height: 1.2; font-size:.9em;}
footer small {color:#999;}
footer .wrap {position:relative; padding-left:100px;}
footer .ftlogo {width:80px; position: absolute; top:0; left:0;}
footer .ftlogo img {width:100%;}
.more {height:100%; position:absolute; text-align: center; top:0; right:0; padding:15px;
  background: #b00; color:#fff;
}
.more:hover {background: #333; color:#fff;}
.wrap {max-width:900px; margin:0 auto; padding:0 15px;}
section.graybg {background: #f3f3f3;}
section {padding:60px 0 50px;}
section h2 {font-size:3em; text-align: center; font-weight:100; margin:0 0 30px;}
section h2 small {font-size:16px; color:#999; display: block; font-weight:700; text-transform: uppercase; margin:0 0 10px;}
section p, article p {margin:0 0 15px;}
.btn {display:inline-block; border:0; height:45px; line-height: 45px; margin:5px; font-size:15px;
  cursor: pointer; text-align: center; padding:0 20px; background: #b00; color:#fff; text-transform:uppercase; letter-spacing: 1px;}
.btn:hover {background: #333; color:#fff;}

.map iframe {display:block; width:100%; height:350px;border:0;}

.homeClasses, .homeClasses li {list-style: none; display: block;}
.homeClasses {overflow: hidden;}
.homeClasses li {float:left; width:50%;}
.homeClasses li a {display: block; padding:15px;}
.homeClasses li:nth-child(odd) a {padding-left:0;}
.homeClasses li:nth-child(even) a {padding-right:0;}
.homeClasses li a img {display:block; width:95%; margin:0 auto 15px;  transition: transform .2s;
box-shadow: 1px 1px 3px rgba(0,0,0,.15);}
.homeClasses li h2 {text-align: center; font-size:1.45em; margin:0 0 15px; padding:0;}
.homeClasses li a:hover h2 {color:#d00;}
.homeClasses li a:hover img {box-shadow: 1px 1px 15px rgba(0,0,0,.3);}
.homeClassMsg {
  background:#fff; padding:30px; margin:30px 0 60px; font-size:1.1em; color:#666; position:relative;
box-shadow:3px 3px 5px rgba(0,0,0,.1)}
.homeClassMsg img {width:32px; display:block; margin:0 auto 10px;}
/*.homeClassMsg .arr {width:30px; height:30px; background: #ddd;
  position:absolute; bottom:-30px; left:50%; margin-left:-15px;}
.homeClassMsg .arr:after {
  content:""; display:block; width: 0; position:absolute;
  height: 0; bottom:-30px; left:-15px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #ddd;}*/
@media only screen and (max-width: 980px) {
  header, .hdlogo, nav li, a.topMail, .MobileMenu {height:80px;}
  .hdlogo {height:80px;}
  .MobileMenu {display: block;}
  a.topMail, nav ul {display:none;}
}
@media only screen and (max-width: 600px) {
  .slider .txt h2 {font-size:1em;}
  .slider .txt {font-size:.9em; position:relative;}
  section h2 {font-size:2.2em;}
  .homeClasses li a {padding:5px;}
  .homeClasses li a img {margin:0 0 10px;}
  .homeClasses li h2 {font-size:1em; font-weight:400;}
}

.row {overflow: hidden;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px #fff inset;}
.enquiry {margin-bottom: 0; background:#f3f3f3; border-bottom:1px solid #fff;}
.enquiry h2 {text-align: center; font-size:2em; font-weight: 400;}
.enquiry table {width:100%; max-width:600px; margin:30px auto; text-align: left;}
.enquiry th {font-weight:400; vertical-align: top; padding:5px;}
.enquiry td {padding:5px;}
.enquiry input[type="text"], .enquiry input[type="email"], .enquiry textarea, .enquiry select {
    border:1px solid #ddd;padding:0 10px;display: block;width: 100%; background: #fff;
    line-height: 40px; height:40px;
    position: relative;z-index: 1; font-size:14px;}
.enquiry input:focus, .contact textarea:focus {border-color: #999; }
.enquiry textarea {height: 100px; line-height: 1.2; padding:10px;}
.enquiry .g-recaptcha {width: 300px; }

.error {color: #f00;font-size: .85em;text-align: left;display: block;margin: 5px 0 0; }
input.error, textarea.error {border-color:#f00 !important;}
.success {color: #00b4e5;  font-weight: 600; }
.responseMsg {background: #f3f3f3;padding: 30px;margin: 30px auto;font-weight: 600;display: none;  text-align: center; max-width:600px;}
.responseMsg.success {background: #dff0d8;color: #0090a0; }
@media only screen and (max-width:600px) {
  .enquiry table,.enquiry tbody, .enquiry tr, .enquiry th, .enquiry td {display: block; padding:0; width:100%; max-width:100%;}
  .enquiry th, .enquiry td {padding:8px 0;}
  .enquiry {padding-left:15px; padding-right:15px;}
}
.banner {background: #000; position:relative;}
.banner img {display:block; width:100%; opacity: .6; position:relative; z-index: 1;}
.banner h1 {color:#fff; text-align: center; font-size:3em;}
.bannertxt {display: flex; align-items: center;justify-content: center;
position:absolute; z-index: 2; top:0; left:0; width:100%; height:100%;}
.banner h1 em {display:block; font-size:20px; text-transform: none; font-style: normal;
  margin:0 0 5px;}
article {padding:60px 0;}
article h2 {font-size:2.4em; font-weight:100; margin:0 0 30px;}
article ul {margin:0 0 15px 30px;}
article h2 small {display:block; color:#999; font-weight:700; font-size:18px; margin:0 0 5px;}
.features, .features li {display:block; list-style: none;}
.features {overflow:hidden; text-align: center; margin:30px 0;}
.features li {float:left; width:33.3%; padding:15px;}
@media only screen and (max-width:600px) {
  .banner h1 em {font-size:16px;}
  .banner h1 {font-size:1.8em;}
}
@media only screen and (max-width:480px) {
  .features li {float:none; width:auto;}
  .slick-arrow {width:40px; height:40px; left:5px; background-size: 40px 40px;}
  .slick-next {right:5px; left:auto;}
  .slick-arrow:hover {opacity: 1;}
}

.advance .item {overflow: hidden; margin:0 0 50px;}
.advance .fl, .advance .fr {width:50%;}
.advance ul {margin-bottom:30px; margin-left:0;}
.advance li {list-style: none;}
.advance h2 {font-size:1.6em; margin:0 0 30px; font-weight: 300;}
.advance .advtxt {padding:30px;}
.advance img {display: block; width: 100%;}
@media only screen and (max-width:600px) {
  .advance .fl, .advance .fr {float:none; width:auto; text-align: center;}
  .advance h2 {font-size:1.4em;}
}