/*
Theme Name: JMOS
Author: unavoided
Version: 1.0
Text Domain: jmos
*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=b8ff7028-8d57-45ea-b1fb-0dfc8a159bb4");
@font-face{        font-family:"Avenir LT W01_35 Light1475496";        src:url("Fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("Fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff");    }
@font-face{        font-family:"Avenir LT W01_45 Book1475508";        src:url("Fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("Fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff");    }
@font-face{        font-family:"Bell MT W05 Regular";        src:url("Fonts/8ec54fa4-bc82-4534-b392-8f2e42985368.woff2") format("woff2"),url("Fonts/e23bed69-9f54-4840-a9a9-b44086120965.woff") format("woff");}    
@font-face{        font-family:"Bell MT W05 Bold";        src:url("Fonts/56292714-39fd-4979-95bd-ca516bda959e.woff2") format("woff2"),url("Fonts/14a664ec-f1ae-48b2-a31e-374db5f3c147.woff") format("woff");    }

* {margin:0; padding:0; color:#727983; font-family:"Avenir LT W01_35 Light1475496"; }
html {background:#fff; height:100%;}
body {height:100%;}

h1, .h1 {margin-bottom:3%; font-weight:normal; font-family:"Bell MT W05 Regular";   font-size: 2.5em; letter-spacing: 3px}
h2, .h2 {margin-bottom:3%; font-weight:normal; font-family:"Bell MT W05 Regular";   font-size: 2em;}
h3, .h3 {margin-bottom:3%; font-weight:normal; font-family:"Bell MT W05 Regular";   font-size: 1.5em;}
h4, .h4 {margin-bottom:3%; font-weight:normal; font-family:"Bell MT W05 Regular"; }
p  {margin-bottom:3%; font-size:1em; line-height:1.50em; font-family:"Avenir LT W01_35 Light1475496"; letter-spacing: 2px }
p em {}
ul, ol {margin-bottom:3%; padding-left:30px; }
li {font-size:1em; letter-spacing: 2px ; line-height:1.50em; }

a { text-decoration:none; color:#eb075d;}
a:hover {color:#a4d4d5;}
.gform_button { padding:2% 6%; background:#eb075d;   color:#fff; border: none; font-weight: 300; font-size:0.75em;  border-radius: 5px;  line-height:2em; letter-spacing: 2px; display:inline-block; margin-top:3%; text-transform:uppercase;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.morelink { padding:2% 6%; background:#eb075d; color:#fff; border: none; font-weight: 300;  border-radius: 5px;   font-size:0.75em; letter-spacing: 2px; line-height:2em; display:inline-block; margin-top:3%; text-transform:uppercase;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.morelink:hover {background:#16171d; color: #fff; }
.italic {font-style:italic;}
hr {border: 0; color:#949494; height:1px; background:#949494; clear:both; margin:3% auto; max-width: 1280px;}
iframe {margin-bottom:20px;}
.breadcrumbs {margin-bottom:3%; font-size:0.825em;} 
.smalltext {font-size: 0.75em; margin-bottom: 0;}

.middle { top: 50%; transform: translateY(-50%); position:absolute;}
.middlealign {vertical-align: middle !important;}
.centered {text-align: center;}
.rightalign {text-align: right;}

/*images*/
.attachment-medium {margin-bottom:3%}
.alignright {float:right; margin-left:3%;  width: auto !important;}
.alignleft {float:left; margin-right:3%;  width: auto !important;}
#homelogo {position:absolute; z-index:450; width:33%; height:auto; left:3%; top:8%; }
.halfwidth img   {width: 100%; height: auto;}
.size-large  {width: 100%; height: auto; margin-bottom:  3%}
.wp-block-image img {width: 100%}
figcaption {text-align: center; font-style: italic; width: 100%;     margin-top: .5em;  margin-bottom: 1em;}
.image3 {width: 32%; margin-right: 4%; display: inline-block;}
.image3:nth-of-type(3) {margin-right: 0;}
.image3 img {width: 100%; height: 0;}

/*video*/
.js-video {height: 0; padding-top: 25px; padding-bottom: 51%; margin-bottom: 10px; position: relative; overflow: hidden; margin:0 0 3% 0;}
.js-video.widescreen {padding-bottom: 56.34%;}
.js-video.vimeo {padding-top: 0;}
.js-video embed, .js-video iframe, .js-video object, .js-video video {top: 0; left: 0; width: 100%; height: 100%; position: absolute;}

/*layout*/
.pagewidth {max-width:1280px; margin:0 auto; overflow:auto;}
.withpadding { padding:3% 0;}
.blogpost {max-width:1024px; margin:0 auto; overflow:auto;}
.topdiv {padding-top: 100px;}
.nomargin {margin-bottom: 0;}

section {margin:0 3%; padding:3%; overflow:auto; position: relative;}
section.content {padding: 3%;}
section.related {padding: 0; margin: 0}
section.blogcontent {padding: 3% 15%;}

.banner {height: 550px; width: 100%; background-size:cover; background-position: center top;position: relative;}
.shopbanner {height: 250px; width: 100%; background-size: 100% auto; background-position: center -190px; position: relative; background-attachment: fixed;}

.halfwidth {width:44%; padding: 2%; margin-right:4%; display:inline-block; vertical-align:top;  overflow: auto; }
.halfwidth:nth-of-type(2n) {margin-right:0;}

.quarter {width:19.5%; margin-right:6%; display:inline-block; vertical-align:top; opacity: 1; transition:all 500ms ease; margin-bottom: 3%;}
.quarter:hover .blue {background: rgba(164,212,213, 0.7)}
.quarter:nth-of-type(4n) {margin-right: 0;}
.quarter img {width: 100%; height: auto; display: block;}
.threequarter {width: 75%; display: inline-block; vertical-align: middle;}
.quartered {width: 25%; display: inline-block; vertical-align: middle;}

.onethird {width:32%; position: relative; display:inline-block; vertical-align:top; margin-right: 2%; margin-bottom: 2%; background: rgba(109,40,133,0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease; }
.onethird:nth-of-type(3n) {margin-right: 0;}
.onethird img {width: 100%; height: auto; display: block; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.twothird {width:62%; margin-right: 4%;  display:inline-block; vertical-align:top;}

.twocolumns {-webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2; -webkit-column-gap: 60px;  -moz-column-gap: 60px;  column-gap: 60px;}
.threecolumns {-webkit-column-count: 3;  -moz-column-count: 3;  column-count: 3; -webkit-column-gap: 60px;  -moz-column-gap: 60px;  column-gap: 60px; }

.fifth {width: 20%; display: inline-block; vertical-align: middle;}
.fifth img {width: 70%; height: auto;}

.sixth {width: 15%; margin: 0 0.75%; display: inline-block; vertical-align: middle;}

/*colours*/
.rose {background-image: url("images/rose.jpg"); background-attachment: fixed; background-size: cover;}
.grey {background: #727983;}
.whitetext {color: #fff;}
.whitetext p, .whitetext h1, .whitetext h2, .whitetext h3,  .whitetext label,  .whitetext .gfield_label, .whitetext li, .whitetext span, .whitetext strong {color: #fff;}


/*googlemaps*/
.google_map { position: relative;  padding-bottom:50%; height: 0; overflow: hidden; margin-bottom:0; width: 100%; display: inline-block; vertical-align: top; margin-right: 2%;}
.google_map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/*header & Mneus*/
#menuicon {display:none;}
header {height: 100px; background: #727983; z-index: 1499; position: fixed; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease; }
header.smaller {height: 60px;}
header img {height: 70px !important; width: auto !important; display: inline-block; padding-top: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
header .logolink {height: 100px; display: inline-block;   position: absolute; left:3%; z-index: 10000;}
header .menu-btn { display: none;}
.menu-icon {display: none;}
header.smaller img {height: 40px !important; padding-top: 10px}
header.smaller .logolink {height: 80px;  }

.main-menu {display:block; vertical-align: top;margin-left: 150px;  }
.main-menu ul {list-style: none; margin-bottom: 0; padding-left: 0;}
.main-menu li {display: inline-block; vertical-align: top; padding:0 10px; text-align: center;}
.main-menu li a {font-weight: 300; font-style: normal; line-height: 100px; font-size: 16px; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.main-menu li a:hover {color: #eb075d;}
header.smaller .main-menu li a {line-height: 60px !important;}
.ticketmenu a {color: #b27659 !important; }

.wpmenucartli {position: fixed; right: 3%; top: 0;  }
.wpmenucartli i, .wpmenucartli span {color: #fff;}

/*homepage*/
.rslides {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0; height:600px; margin-top:100px; background-position: center center; background-size: cover}
.rslides li:first-child {  position: relative;  display: block;  float: left;  }
.rslides img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0;  }
.slideshow {position: relative; background: #16171d;}
.slideshow .middle {width: 100%;}
.slideshow .prev {position:absolute; top:0; height:100%; width:10%; z-index:5000; background:url(images/prev.png) left center no-repeat; font-size:0;}
.slideshow .next {position:absolute; top:0; right:0; height:100%; width:10%;  z-index:5000; background:url(images/next.png) right center no-repeat; font-size:0;}
.slideshow span {display: block}
.slideshow .h1 {color: #fff; font-size: 72px; line-height: 73px; margin-bottom: 1%;}
.slideshow .h2 {color: #fff; font-size: 22px; line-height: 23px; margin-bottom: 1%;}

.testimonial {background: url("images/quote.png") no-repeat left center; height: 200px;}
.testimonial p {color: #fff; margin-bottom: 1%; padding: 0 5%}
.testimonial span {color: #fff; }
.slick-dots li button::before {color: #f5245f !important; }

.bannerimg {background-attachment: fixed; background-size: cover; padding: 3% 0;}
.bannerimg p:last-of-type {margin-bottom: 0 !important;}

/*subpages*/
.workcontent {position:relative; overflow: auto; padding: 3%; margin-bottom: 3%;}
.workcontent h2 {color:#eb075d; } 
.workcontent:nth-of-type(odd) .onethird {float: left;}
.workcontent:nth-of-type(even) .onethird {float: right}
.workcontent:nth-of-type(odd) .twothird {float: right;}
.workcontent:nth-of-type(even) .twothird {float: left}

.workgallery img {width: 30%; margin-right: 5%; height: auto; display: inline-block;} 
.workgallery img:nth-of-type(3n) {margin-right: 0;}

.onethirded {width:32%; margin-right: 2%; display:inline-block; vertical-align:top; opacity: 1; transition:all 500ms ease; margin-bottom: 3%;  position: relative; text-align: center; overflow: hidden; background: #16171d;}
.onethirded:nth-of-type(3n) {margin-right: 0 !important;}
.onethirded img {position: absolute !important; width: 100%; height: auto;  display: block; opacity: 0.4; left: 0;top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;  }
.textoverlay {position: absolute; top: 50%; transform: translateY(-50%); width: 90%; text-align: center; padding: 0 5%; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;   }
.colouroverlay {padding-bottom: 100%; background: rgba(22,23,29,1)}
.onethirded:hover img {width: 120%; left: -10%; top: -10%; opacity: 1; max-width: 120% !important; cursor: pointer;}

.sixthed {width: 15%; margin: 0 0.75%; display:inline-block; vertical-align:top; opacity: 1; transition:all 500ms ease; margin-bottom: 3%;  position: relative; text-align: center; overflow: hidden; background: #16171d;}
.sixthed:nth-of-type(3n) {margin-right: 0 !important;}
.sixthed img {position: absolute !important; width: 100%; height: auto;  display: block; opacity: 0.4; left: 0;top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;  }
.textoverlay {position: absolute; top: 50%; transform: translateY(-50%); width: 90%; text-align: center; padding: 0 5%; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;   }
.colouroverlay {padding-bottom: 100%; background: rgba(22,23,29,1)}
.sixthed:hover img {width: 120%; left: -10%; top: -10%; opacity: 1; max-width: 120% !important; cursor: pointer;}

.hometreat { height: 250px !important;  position: relative; text-align: center; background: #16171d;}
.hometreat h3 {top: 50%; transform: translateY(-50%); position:absolute; color: #fff; margin-bottom: 0; padding: 0 20px;}
.hometreat img {width:100%; height:auto;  position: absolute; display: block ; top: 0; left: 0; margin-bottom: 0; opacity: 0.6; }

.letter {font-family: 'gokuregular';font-size: 75px; width: 8%; display: inline-block; vertical-align: middle; }
.words {width: 92%; display: inline-block; vertical-align: middle;}
.words p {margin-bottom: 0;}
.aboutbox {text-align: center; color: #fff; padding: 50px 0;}
.aboutbox p, .aboutbox p strong {color: #fff;}

/*WOoooooo*/

/****************CHECKOUT***************/
.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
    width: 100% !important;    padding: 8px;}
.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {    width: 100%;    height: 30px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {    padding: .6180469716em;    background-color: #fff;    color: #000;    outline: 0;   -webkit-appearance: none;    border-radius: 2px;    box-sizing: border-box;    font-weight: 400;   border:solid 2px #e4e4e4; font-size: 1.1em;}
/*.woocommerce div.product form.cart div.quantity, .woocommerce div.product form.cart .button {float: right !important; margin-bottom:0 !important; }*/
.woocommerce-checkout-review-order-table, .woocommerce table.shop_table { border: 1px solid rgba(0,0,0,.7) }
.woocommerce table.shop_table td, .woocommerce table.shop_table tfoot th {border-top:1px solid rgba(0,0,0,.7) ;}


.woocommerce-checkout-payment label, .woocommerce-checkout-payment p, .woocommerce-checkout-payment span {color: #000 !important; }
.woocommerce-order-details, .woocommerce-customer-details {margin: 0;}
.woocommerce .actions button { background: #eb075d !important;  color: #fff !important; }
.payment_box .woocommerce-checkout #payment div.form-row {padding: 0 !important;}


.woocommerce-customer-details, .woocommerce-customer-details address { margin: 0 !important; padding: 0 !important; overflow: hidden;}
.woocommerce .button {background:#eb075d !important; color: #fff !important;   border-radius: 5px; border: none; font-size:1em; line-height:2em; display:inline-block; margin-top:3%; text-transform:uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease; }
.woocommerce .button:hover {color:#fff !important; background:#727983 !important; }
li.pewc-group {margin: 3% 0}
.pewc-group-wrap {margin-bottom: 3%;}
.pewc-field-label {display: block; margin-bottom: 3%;}
.pewc-form-field {width: 100%;}
.ui-datepicker-calendar {width: 100% !important;}
.pewc-form-field {padding: .6180469716em;    background-color: #fff;    color: #000;    outline: 0;   -webkit-appearance: none;    border-radius: 2px;    box-sizing: border-box;    font-weight: 400;   border:solid 2px #e4e4e4; font-size: 1.1em;}
.woocommerce-cart table.cart td.actions .coupon .input-text  {padding: 11px 4px !important; margin-right: 12px !important; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th {padding: 15px !important;}
.shop_table thead th {border-bottom:  1px solid #fff !important;}
.shop_table td.actions {border-top: 1px solid #fff !important;}

.woocommerce .quantity .qty {padding: 10px 8px !important; margin-right: 12px !important; font-size: 14px;}
.woocommerce .quantity:before {content: 'How Many?'; font-weight: bold; width: 160px !important; display: inline-block; color:#727983; }
.woocommerce .price:before {content: 'Cost'; font-weight: bold; width: 120px !important; display: inline-block; color:#727983; }
.woocommerce div.product form.cart .group_table td {vertical-align: middle !important;}

.variations .label {width: 120px !important;}
.variations .label label {top: 11px; position: relative;} 
.variations .value {position: relative;}
.variations .value:after {content: ''; background-image: url(images/down.jpg); background-repeat: no-repeat; background-position: center center; width: 51px;  right: 18px;    top: 6px;    height: 50px;   position: absolute;    pointer-events: none; cursor: pointer;}
.woocommerce div.product form.cart .variations select {-webkit-appearance: none;  -moz-appearance: none;  appearance: none;  /* Add some styling */ 
  display: block;
  width: 100%;
  max-width: 320px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #010b13;
  -ms-word-break: normal;
  word-break: normal;}
  
.woocommerce div.product form.cart div.quantity, .woocommerce div.product form.cart .button {float: right;}
.woocommerce div.product form.cart .button {float: right !important;}
.product_meta {display: none;}

.pewc-column-excerpt {display: none;}
.pewc-checkbox-image-wrapper img, .pewc-checkbox-image-wrapper label {display: none !important;}
.pewc-checkbox-image-wrapper {padding: 0 !important; margin-bottom: 6%;}
.pewc-item-field-wrapper {}
#pewc_group_2949_2950 {width: 80% !important; }
.pewc-product-extra-groups-wrap {padding: 10px; border: 1px #B8B9B9 solid; margin-bottom: 6%;}

/*galery*/
.gallery {margin-bottom:2% !important;}
.gallery-item  {border:none !important; }
.gallery-item img {border:3px solid #fff !important; }
.gallery-item {width:23.5% !important; height:auto; margin-right:2% !important; margin-left: 1%; margin-bottom:1% !important; margin-top:0 !important; display:inline-block !important; float:none !important;}
.gallery-item:nth-of-type(4n) {margin-right: 0 !important;}
.page-id-28 .gallery-item {width:10% !important; height:auto; margin-right:2.5% !important; margin-bottom:1% !important; margin-top:0 !important; display:inline-block !important; float:none !important;}
.gallery-item img {width:100%; height:auto; display:block;}
.gallery-item a {display:block;}
#cboxOverlay { background: rgba(0,0,0,0.6) !important; opacity:1}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { background: none !important;}
#cboxLoadedContent {margin-bottom:40px !important;}
#cboxPrevious, #cboxNext {bottom:8px !important ;}
#cboxPrevious {left:5px !important ;}
#cboxNext {left:32px !important ;} 
#cboxClose { background: url(images/close.png) no-repeat !important; top:1% !important; height: 53px !important;  position: absolute; right: 1% !important ;  text-indent: -9999px; width: 53px !important;}
#cboxPrevious {background:url(images/prev.png) no-repeat !important; top: 50%;  transform: translateY(-50%); height: 35px !important;  left: 0 !important;  position: absolute;    text-indent: -9999px;    width: 25px;}
#cboxNext { background:url(images/next.png)!important;    top: 50%;  transform: translateY(-50%); left:auto !important;   height: 35px !important;    right:0 !important;    position: absolute;    text-indent: -9999px;    width: 25px;}
#cboxCurrent {bottom: 10px !important; color: #646464 !important; left: 2% !important;}
#cboxTitle, #tooltip {display:none !important; }

.book_info p, .book_info ul {margin-bottom: 0; color: #122658 !important;}

/*footer*/
footer {background: #727983}
.foot-menu ul {padding-left: 0;}
.foot-menu li {list-style: none;}
.foot-menu li a {color: #fff;}
footer .quarter {vertical-align: middle;}
footer .centered img {padding: 0 10px}

@media only screen and (min-width:901px) and (max-width:1200px) {
.main-menu {left: 100px;}
.main-menu li {display: inline-block; vertical-align: top; padding:0 3px; text-align: center;}
.main-menu li a {font-weight: 300; font-style: normal; line-height: 100px; font-size: 12px; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
header img { height: 40px !important; padding-top: 30px;}
}

@media only screen and (min-width:1201px) and (max-width:1400px) {
.main-menu {left: 150px;}
.main-menu li {display: inline-block; vertical-align: top; padding:0 5px; text-align: center;}
.main-menu li a {font-weight: 300; font-style: normal; line-height: 100px; font-size: 14px; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
header img { height: 50px !important; padding-top: 25px;}
}


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

header {height: 100px;z-index: 10499; text-align: center; position: fixed; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease; }
header.smaller {height: 100px;}
header img {height: 80px !important; width: auto !important; display: inline-block; padding-top: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
header .logolink {height: 100px; display: inline-block;   position: absolute; left:3%; z-index: 11000;}
header.smaller img {height: 80px !important; padding-top: 10px}
header.smaller .logolink {height: 100px;  }

.main-menu { background: #16171d;  clear: both;  height:0; opacity: 0; transform: none; position: fixed; z-index: 10000; top:0px; left: 0; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease; margin-left: 0;}
.main-menu ul {margin:0 auto !important; left:0; right: 0; padding:0; height: 0; display:block;  top: 0; width: 100%;  transform: none; position:absolute; max-width: 100%; text-align: center; border-top: none !important}
.main-menu li { padding:0 40px; text-align:left;  height:40px;  display: none;   -webkit-transition: background-position 0.5s;    -moz-transition: background-position 0.5s;    transition: background-position 0.5s;}
.main-menu li a {text-decoration:none; line-height:50px; color:#fff !important; padding: 0; font-size: 1.1em; font-weight: 200; display:none;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.main-menu li:hover { color:#fad775;  background-position: -100% 0;}
.main-menu li:hover a {color:#fad775 !important; }
.main-menu li a:active {color:#fad775 !important;}
.menu-item-443 {display: block;}

.menu-icon {  cursor: pointer;  display: inline-block;  float: right;  padding:45px 0px 39px ;  position: fixed;  right: 40px;  z-index: 10010;  user-select: none; }
.menu-icon .navicon {  background:#000; display: block;  height: 3px;  position: relative;  transition: background .2s ease-out;  width: 28px;}
.menu-icon .navicon:before,header .menu-icon .navicon:after {  background:#000;  content: '';  display: block;  height: 100%;  position: absolute;  transition: all .2s ease-out;  width: 100%;}
.menu-icon .navicon:before {  top: 8px;}
.menu-icon .navicon:after {  top: -8px;}
.menu-btn:checked ~ .main-menu ul li.logomenu {display: none !important;}

.menu-btn:checked ~ .main-menu {  bottom: 0; height: 100% !important; width: 100%; opacity: 1; background: #727983; }
.menu-btn:checked ~ .main-menu ul {  position: absolute; height: auto; top: 160px !important; }
.menu-btn:checked ~ .main-menu ul li {  display:block !important; opacity: 1; width: 100%; text-align: center; padding: 0;}
.menu-btn:checked ~ .main-menu ul li a{  display:block !important; opacity: 1;}
.menu-btn:checked ~ .main-menu ul .menu-item-243 {display: none !important;  opacity: 1;}
.menu-btn:checked ~ .menu-icon .navicon {  background: transparent; }
.menu-btn:checked ~ .menu-icon .navicon:before {  transform: rotate(-45deg); background: #fff;}
.menu-btn:checked ~ .menu-icon .navicon:after {  transform: rotate(45deg); background: #fff;}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {  top: 0;}
.wpmenucartli {position: fixed !important; top: 20px; left: 0; right: 0; margin: auto; width: 180px !important; display: block !important; z-index: 10001; opacity: 1;}
.wpmenucartli a {display: block !important;}
header.smaller .main-menu li a {line-height: 60px;}

h1, .h1 {font-size: 2em;}
h2, .h2 {font-size: 1.75em;}
h3, .h3 {font-size: 1.5em;}

.slideshow .h1 {color: #fff; font-size: 50px; line-height: 53px; margin-bottom: 1%;}
.slideshow .h2 {color: #fff; font-size: 22px; line-height: 23px; margin-bottom: 1%;}

section {padding: 9% 6% 6%;}
section.blogcontent {padding: 3% 6%;}

.banner {height: 350px; width: 100%; background-size: cover; background-position: center top;position: relative;}
.shopbanner {height: 150px; width: 100%; background-size: auto 100%; background-position: center -100px; position: relative; background-attachment: fixed;}
.shop-grad {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); width:100%; position: absolute; top: 0px; height: 255px;}

#map {height: 100%; padding-top: 0;}


.halfwidth {width:96%; margin-right:0;}
.quarter {width:47.5%; margin-right: 2% }
.quarter:nth-of-type(2n) {margin-right: 0;}
.onethird {width:100%; margin-right: 0;  }

.onethirdfull {width:100%;  }
.twothird {width:100%; margin-right: 0; }
.fifth {width: 50%; margin-bottom: 3%}
footer .fifth:nth-of-type(5) {width: 100%;}
.sixth {width: 47.5%;  margin-right: 2%; margin-bottom: 3%}
.sixth:nth-of-type(2n) {margin-right: 0;}

.sixthed {width: 47.5%;  margin-right: 2%; margin-bottom: 3%}
.sixthed:nth-of-type(2n) {margin-right: 0;}

.threequarter {width: 100%}
.quartered {width: 100%;}

.front {background: url("images/less-blurry-boys.png") no-repeat; background-size: 200% auto; background-position:bottom center; position: absolute; top:0; bottom:0; left:0; right: 0; z-index:3; } 
.tipple {width: 80%; height: auto;}

/*home page*/
.banner-video {    width: 100%;    height: 170px;    position: relative;    overflow: hidden;}
.banner-video video {    position: absolute;    left: 50%; padding-top: 125px;    top: 50%;    min-width: 100%;    min-height: 100%;    -webkit-transform: translate(-50%,-50%);    -moz-transform: translate(-50%,-50%);    -ms-transform: translate(-50%,-50%);    transform: translate(-50%,-50%);    z-index: 0;    width: 100%;}
.front-logo {width: 35%; height: auto; position: absolute; bottom: 40px;  left: 0; right: 0; margin: auto; text-align: center; }
.main-logo {width: 50%; height: auto; display: block; margin-bottom:0; padding: 0 25%; margin-right: 0 !important}
.sitedesc {color: #fff; font-family: 'IM Fell English', serif; font-size: 50px; display: inline-block;}
.video-grad {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.57) 100%); width:100%; position: absolute; top: 0px; height: 705px;}

/*toplevel pages*/
.photo-grad {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); width:100%; position: absolute; top: 0px; height: 355px;}
.middletitle {width: 85%; height: auto; position: absolute; bottom: 20px;  left: 0; right: 0; margin: auto; text-align: center; }
.middletitle img {width: 30%; height: auto; display: block; margin-bottom:1%; padding: 0 35%; margin-right: 0 !important}
.middletitle h1 {color: #fff; font-family: 'IM Fell English', serif; font-size: 20px; display: inline-block; margin-bottom: 0;}
.middletitle h2 {font-size: 20px;}

.fifthactivity {width: 48%; margin-right: 4%; } 
.fifthactivity:nth-of-type(2n) {margin-right: 0;}

.thirded {width: 100%; margin-right: 0;}

/*swimschool*/
.swimday, .swimtime {width: 50%; display: inline-block; vertical-align: top;}
.timebox {display: inline-block; width: 100%; margin-right: 0; vertical-align: top; background: #fff; margin-bottom: 3%;}
.activitybox  {display: inline-block; width: 100%; margin-right:0; vertical-align: top; margin-bottom: 3%;}

.timebox .innerblock { display: block; text-align: center;  background: #fff; height: 100px; line-height: 100px; color: #f2a62c; font-weight: 700; padding: 10px;}
.activitybox .innerblock { display: block; text-align: center; border: none; border-right: 3px solid #fff; background: url(images/topbottom-border.png) no-repeat center center;  color: #fff; padding: 10px; min-height: 100px;}
.activitybox .innerblock p {font-size: 90%}

.wc-bookings-booking-form p.form-field {width:100%; float: left; display: block;}
.wc-bookings-booking-form p.form-field input {padding: 3%; border-radius: 20px; border: none; width: 100%; display: inline-block; vertical-align: middle;}
.wc-bookings-booking-form p.form-field label {width: 100%; display: inline-block; vertical-align: middle; color: #fff;}
.postid-177 .wc-bookings-date-picker {width: 100%; clear: both; float: none; margin-top:0;}
.wc-bookings-booking-form div.form-field {clear: both;}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-of-type(1) {display: none;}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {width: 30.5% !important; margin-right: 2.5%; margin-bottom: 2%}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {display: block; }
.pswp__bg {background:rgba(0,0,0,0.6) !important;}
.pswp__caption__center {    text-align:center !important;}


.textoverlay {position: absolute; top: 50%; transform: translateY(-50%); width: 90%; text-align: center; padding: 0 5%; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;   }
.colouroverlay {padding-bottom: 100%; background: rgba(22,23,29,1)}
.quartered:hover img {width: 120%; left: -10%; top: -10%; opacity: 1; }

.woocommerce .quantity {margin-bottom: 30px !important;}

#gform_wrapper_1 .gform_body, #gform_wrapper_2 .gform_body, #gform_wrapper_3 .gform_body, #gform_wrapper_4 .gform_body {width: 100%; display: inline-block; vertical-align: middle;}
#gform_wrapper_1 .gform_footer, #gform_wrapper_2 .gform_footer, #gform_wrapper_3 .gform_footer, #gform_wrapper_4 .gform_footer {width: 100%; display: inline-block; vertical-align: middle; padding: 0 !important; margin: 0 !important;}
#gform_wrapper_1 .gform_footer input, #gform_wrapper_2 .gform_footer input, #gform_wrapper_3 .gform_footer input, #gform_wrapper_4 .gform_footer input {margin: 3% 6%; }

footer .fifth:nth-of-type(5) {width: 100%;}
footer .leader {width: 100%; height: auto;}
footer .nonfooter {width: auto;} 
}