/*
Theme Name: Broadbean
Theme URI: https://www.inklab.com.au
Author: InkLab
Author URI: https://www.inklab.com.au
Description: Custom theme for Broadbean
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Broadbean
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;outline:0;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*--------------------------------------------------------------
# Font Imports
--------------------------------------------------------------*/
@font-face {
	font-family: 'Butler-Stencil';
	src: url('assets/fonts/ButlerStencil-Bold.eot');
	src: local('☺'), url('assets/fonts/ButlerStencil-Bold.woff') format('woff'), url('assets/fonts/ButlerStencil-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Butler-Stencil';
	src: url('assets/fonts/ButlerStencil-Black.eot');
	src: local('☺'), url('assets/fonts/ButlerStencil-Black.woff') format('woff'), url('assets/fonts/ButlerStencil-Black.ttf') format('truetype');
	font-weight: bolder;
	font-style: normal;
}

/*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/
.p100{ padding: 100px;}
.pt0{ padding-top: 0;}
.pb0{ padding-bottom: 0px;}
.pb50{ padding-bottom: 50px;}

.mb0, .row.mb0{margin-bottom: 0;}
a.arrow{display: none;}

.text-fancy{ }
.text-monospace{ font-family: 'Cutive Mono', monospace;}
.text-white{color: #fff;}
.text-blue{color: #00535e;}
.menulist .text-blue {    color: inherit;}
.text-brown{ color: #c49a6c;}
.text-gray{ color: #ebebeb;}
.text-ul{ text-decoration: underline;}
.text-up{ text-transform: uppercase;}
.text-cam{ text-transform: capitalize;}
.text-no-ul{ text-decoration: none !important; border-width: 0 !important;}
.text-middle{
    display: -webkit-flex; /* Safari */
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -webkit-align-items: center; /* Safari 7.0+ */
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}
.line-130,
.line-130>*{line-height: 1.3;}

#content_container h2.font-xl,.intro.menu.font-xl,
#menu_container .font-large.text-fancy{font-family: inherit; font-weight: 400; font-size: 2.86vw; line-height: 1.45;}
#content_container h2.font-xl,.intro.menu.font-xl{line-height: 1;}

.contentcont .col-md-12 > h3:first-child {padding-top: 0;}


.back-blue{background-color: #00535e;}
.back-brown{background-color: #c49a6c;}
.back-gray{background-color: #ebebeb;}

.divider{display: block; width: 100%; height: 10px; opacity: 0; margin: 0; padding: 0; line-height: 0; clear: both; overflow: auto;}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body{
    font-family: "aktiv-grotesk-std","aktiv-grotesk",sans-serif;
    font-weight: 400;
    overflow: auto;
}
button
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1.1;
    margin: 0; padding: 0;
    font-family:'Butler-Stencil', sans-serif;
    font-weight: 500;
}
h3, h4{font-weight: 400; }

/*default font sizes*/
body .font-xxl, body .font-xxl > h1,body .font-xxl > h2,body .font-xxl > h3,body .font-xxl > h4,body .font-xxl > h5,body .font-xxl > h6,body .font-xxl > p{ font-size: 128px; line-height:104px;}
body .font-xl,body .font-xl > h1, body .font-xl > h2,body .font-xl > h3,body .font-xl > h4,body .font-xl > h5,body .font-xl > h6,body .font-xl > p{ font-size: 90px; line-height:73px;}
body .font-large,body .font-large > h1, body .font-large > h2,body .font-large > h3,body .font-large > h4,body .font-large > h5,body .font-large > h6,body .font-large > p, body input.font-large{ font-size: 48px; line-height: 57px;}
body .font-normal,body .font-normal > h1, body .font-normal > h2,body .font-normal > h3,body .font-normal > h4,body .font-normal > h5,body .font-normal > h6,body .font-normal > p{font-size: 21px; line-height: 34px;}
body .font-small,body .font-small > h1, body .font-small > h2,body .font-small > h3,body .font-small > h4,body .font-small > h5,body .font-small > h6,body .font-small > p{ font-size: 18px; line-height: 28px;}
body .font-normal blockquote p,body .font-normal blockquote a,body .font-normal blockquote h3,body .font-normal blockquote h4{font-size: 18px; line-height: 28px;}


dfn, cite, em, i {
  font-style: italic;
}

blockquote {
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    border-left: 0px #fff none;  
}

address {
  margin: 0 0 1.5em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

a:hover > span.overlay{ opacity: 1;}
.site-info p,
.site-info a{font-weight: 600;}


.content h3,.enquiry h3,.topmenu h3{
    font-family:inherit;
    border-bottom: 2px solid #c49a6c;
    display: inline-block;
    padding-bottom: 2px;
    margin-bottom: 30px;
    padding-top: 50px;
    font-weight: 400;
}
h3, .mainmenu a{font-size: 24px;}
.content h4{
    font-family:inherit;
    color: #c49a6c;
    font-size: inherit;
}
.content a{ color:#00535e;}

.content a:before{
    content: "";
    display: block;
    background: url(assets/img/circled.png) no-repeat center;
    background-size: contain;
    width: 26px;
    height: 26px;
    float: left;
    margin: 4px 8px 0 0;    
}
.content a[href^="#"]:before{
    content: none;
}

.content a:hover,
.content a:focus{
    color: #c49a6c;
    text-decoration: none;
}
.content .intro a,a.form-toggle,a.form-toggle:hover{color: #fff;}
a.form-toggle:hover{text-decoration: none;}
.content .intro.contact a:hover{ text-decoration: none; color: #c49a6c;}

.content .intro h3 a:hover{ text-decoration: none;}

.content .intro.menu a{color:#00535e; }
.content .intro.menu li a{border-bottom: 3px #c49a6c solid;}
.content .intro.menu li a:hover{color:#00535e;text-decoration: none;   }
.content .intro.menu li{margin-bottom: 16px;}

h3, .mainmenu a{ font-size: 24px; }

.intro ul {margin: 0;padding: 0;list-style-type: none;}
.intro ul.mainmenu li {display: inline; padding-right: 1.5vw; line-height: 1;}
.intro ul.mainmenu li:last-child{padding-right: 0;}
.mainmenu a {
    font-family: inherit;
    border-bottom: 0px none #c49a6c;
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 30px;
    padding-top: 50px;
    font-weight: 400;
}
.mainmenu a:hover, 
.mainmenu a.selected{
    border-bottom: 2px solid #c49a6c;
    padding-bottom: 2px;
    text-decoration: none;
}

a[href="#enquiry"]:before,
a.form-toggle:before,
.content .intro a:before,
.pager a:before{
    width: 0;
    height: 0;
    display: none;
}
.content img{padding-bottom: 20px;}

/*--------------------------------------------------------------
# datepicker
--------------------------------------------------------------*/
/*! jQuery UI - v1.11.4 - 2016-11-10
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=inherit&fsDefault=inherit&fwDefault=normal&cornerRadius=0px&bgColorHeader=%23e9e9e9&bgTextureHeader=flat&borderColorHeader=%23ebebeb&fcHeader=%23333333&iconColorHeader=%23444444&bgColorContent=%23ebebeb&bgTextureContent=flat&borderColorContent=%23ebebeb&fcContent=%23333333&iconColorContent=%2300535e&bgColorDefault=%23ebebeb&bgTextureDefault=flat&borderColorDefault=%23ebebeb&fcDefault=%23333333&iconColorDefault=%2300535e&bgColorHover=%2300535e&bgTextureHover=flat&borderColorHover=%2300535e&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%2300535e&bgTextureActive=flat&borderColorActive=%2300535e&fcActive=%23ffffff&iconColorActive=%2300535e&bgColorHighlight=%23ffffff&bgTextureHighlight=flat&borderColorHighlight=%23ffffff&fcHighlight=%2300535e&iconColorHighlight=%23777620&bgColorError=%23fddfdf&bgTextureError=flat&borderColorError=%23f1a899&fcError=%235f3f3f&iconColorError=%23cc0000&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23ffffff&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=0&thicknessShadow=0&offsetTopShadow=0&offsetLeftShadow=0&cornerRadiusShadow=0&bgImgOpacityHeader=35&bgImgOpacityContent=100&bgImgOpacityDefault=100&bgImgOpacityHover=100&bgImgOpacityActive=100&bgImgOpacityHighlight=100&bgImgOpacityError=18
* Copyright jQuery Foundation and other contributors; Licensed MIT */
#ui-datepicker-div{z-index: 2100 !important;}
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:inherit;font-size:inherit}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:inherit;font-size:1em}.ui-widget-content{border:1px solid #ebebeb;background:#ebebeb;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ebebeb;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ebebeb;background:#ebebeb;font-weight:normal;color:#333}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#333;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #00535e;background:#00535e;font-weight:normal;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #00535e;background:#00535e;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fff;background:#fff;color:#00535e}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#00535e}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,
.ui-widget-content .ui-icon{background-image:url(assets/img/ui-icons_00535e_256x240.png)}
.ui-widget-header .ui-icon{background-image:url(assets/img/ui-icons_444444_256x240.png)}
.ui-state-default .ui-icon{background-image:url(assets/img/ui-icons_00535e_256x240.png)}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(assets/img/ui-icons_ffffff_256x240.png)}
.ui-state-active .ui-icon{background-image:url(assets/img/ui-icons_00535e_256x240.png)}
.ui-state-highlight .ui-icon{background-image:url(assets/img/ui-icons_777620_256x240.png)}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(assets/img/ui-icons_cc0000_256x240.png)}
.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;} .ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0 0 0 0;padding:0;background:#fff;opacity:0;filter:Alpha(Opacity=0);border-radius:0}

/*--------------------------------------------------------------
# Grid mods
--------------------------------------------------------------*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {    position: relative;    min-height: 1px;    padding-left: 0;    padding-right: 0;}
.main.container-fluid,
.main.container-fluid>.row,
.main.container-fluid>.row>.col-md-6{margin: 0;padding: 0;}

.container-fluid {  padding-left: 0;    padding-right: 0;} 
.container-fluid > .row{ padding-top: 75px; padding-bottom: 75px;}

.row{margin: 0; padding: 0;}
.header.row{  padding: 75px 100px 0 100px;}
.content.row{  padding: 50px 100px 50px 100px;}
.content.row .row{  padding-bottom: 50px;}
.content.row .row.intro.menu {   padding: 50px 100px 50px 100px;   margin: -50px -100px 0px -100px;}
.col-md-12.enquiry{   padding: 50px 100px 50px 100px;}
.content.row .row.person {
    margin-left: -20px;
    margin-right: -20px;
}
.content.row .row.person .col-md-6{padding-left: 20px; padding-right: 20px;}
article.back-ffffff .content.row{    padding-bottom:25px;}

body .row.intro.menu {
    left: 0;
    max-height: 100vh;
    opacity: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    transition: all .3s cubic-bezier(.165,.84,.44,1);
    visibility: hidden;
    width: 100%;
    box-sizing: content-box;
    z-index: -1;
}
body.nav-menu-open .row.intro.menu{
    visibility: visible;
    opacity: 1;
    z-index: 999;
}
body.nav-menu-open .row.intro.menu h3{border-color:#00535e; padding-top: 50px;}

.venue-toggle a, .venue-toggle a:hover{text-decoration: none !important;}
.venue-toggle > ul{display: none;}
body.venue-menu-open .venue-toggle > ul{display: block; padding-top: 0; padding-bottom: 16px;}
body.venue-menu-open .venue-toggle .fa-caret-down{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}

div.full-width {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0;
}
div.full-width > .row{
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0;
    padding-bottom:0;
}
div.full-width > .row:last-child{
        margin-bottom: 0;
        padding-bottom: 50px;
}
div.full-width .col-md-12{
    padding-left: 0px;
    padding-right: 0px;    
}
div.full-height, 
div.full-height > .row,
div.full-width .col-md-12{
    height: 100%;
}
.cycle-slideshow-no-init.full,
.cycle-slideshow-no-init.full > div{
    height: 100%;
    width: 100%;
}
.cycle-slideshow-no-init.full{
    height: 100%;
    width: 100%;
    
    height: 100vh;
    width: 100vw;
    position: fixed;
    margin: 0;
    padding: 0;
}
.cycle-slideshow-no-init.full > div.image {
  background: no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.cycle-slideshow-no-init.full > div.video video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}

.logo-container{
    position: fixed;
    z-index: 1000;
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    display:flex;
    align-items: center;
    justify-content: center;    
}
.logo-container div{ color: #fff;}
.sticky{overflow: auto; }
.sticky.is_stuck{z-index: -1;}
.stickymenu.is_stuck{z-index: 200;}

article.stickymenu{min-height: 100vh;}

article.prev {
    position: fixed;
    width: 50%;
    right: 0;
    bottom: 0;
    z-index: -1;
}

#content_container{ }
#content_container article{min-height: 100vh; }
#content_container .article_inside{padding-bottom: 10vh; position: relative;min-height: 100vh; -webkit-transform:translateZ(0);transform:translateZ(0);}

#content_container article.fix .article_inside {
    position: fixed;
    bottom: 0;
}

.homebuttons{
    z-index: 1501;
    position: relative;
}
.homebuttons.full-width > .row,
.homebuttons.full-width > .row:last-child{margin: 0; padding: 0;}
.homebuttons .col,
.homebuttons .col-md-6,
.homebuttons .col-md-12{
    height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;    
}
.homebuttons .col > div,
.homebuttons .col-md-6 > div,
.homebuttons .col-md-12 > div{}
a.front-arrow{display: block; padding-top: 100px;}

.socialbtn{
    background-repeat: no-repeat;
    background-image: url(assets/img/icons.png);
    width: 26px;
    height: 28px;
    background-color: transparent;
    display: inline-block;
    margin-right: 8px;
    margin-top: 10px;
}
.socialbtn.fb{background-position: 0 0;}
.socialbtn.fb:hover{background-position: 0 100%;}
.socialbtn.in{background-position: -26px 0;}
.socialbtn.in:hover{background-position: -26px 100%;}
.socialbtn.mail{background-position: 100% 0; width: 29px;}
.socialbtn.mail:hover{background-position: 100% 100%;}
.socialbtn>img{display: inline-block; margin: 0; padding: 0;}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #f6f6f6;
    display: inline-block;
    border: 0 #fff none;
    background: transparent;
    border-bottom: 2px #fff solid;
    border-radius: 0;
    max-width: 100%;    
}
textarea{
  font-size: inherit;
  line-height: inherit;
  height: calc(1.45em * 3);
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #fff;
    outline: none;
}
div:focus{
    outline: none;
}
select {
  border: 1px solid #ccc;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  padding: 3px;
}

textarea {
  padding-left: 3px;
  width: 100%;
}

.wpcf7-form {
    font-family: inherit;
    font-weight: 400;
}
.wpcf7-form input, 
.wpcf7-form input:focus{color:#fff;}
.wpcf7-form .half,
.wpcf7-form .whole{
    padding: 0; 
    margin: 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;    
}
.wpcf7-form .half{ float: left; width: 49.999%; position: relative;}
.wpcf7-form .half > span {
    display: inline;
}
.wpcf7-form .whole input[type=email]{ width: 200%;}
span.wpcf7-list-item{ margin-left: 0;}

.wpcf7-form [type="checkbox"]:not(:checked),
.wpcf7-form [type="checkbox"]:checked {  position: absolute;  left: -9999px;}

.wpcf7-form [type="checkbox"]:not(:checked) + .wpcf7-list-item-label,
.wpcf7-form [type="checkbox"]:checked + .wpcf7-list-item-label {  position: relative;  padding-left: 30px; padding-right: 30px;  cursor: pointer;}

.wpcf7-form [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:before,
.wpcf7-form [type="checkbox"]:checked + .wpcf7-list-item-label:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -6px;
    top: 4px;
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    background: transparent;
}

.wpcf7-form [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after,
.wpcf7-form [type="checkbox"]:checked + .wpcf7-list-item-label:after {
  font-family: 'Material Icons';
  content: 'close';
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga" 1;
          font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  line-height: 30px;
  font-size: 29px;
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
    left: -6px;
    top: 4px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.wpcf7-form [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after {  opacity: 0;  -webkit-transform: scale(0); transform: scale(0);}
.wpcf7-form [type="checkbox"]:checked + .wpcf7-list-item-label:after { opacity: 1;  -webkit-transform: scale(1);          transform: scale(1);}

input.wpcf7-not-valid {
    border-color: #fff;
}
span.wpcf7-not-valid-tip {
    font-size: 60%;
    text-align: right;
}
div.wpcf7-response-output {
    background: transparent;
    margin-left: 0;
    margin-right: 0;
    border-width: 0;
    text-align: left;
    padding: 0;
    margin-top: 10px;
}
div.wpcf7-validation-errors{color: #f7e700;}
div.wpcf7-mail-sent-ok{color: #398f14;}

body.form-open .col-md-12.enquiry{
    transform: translate(0,0);
}
.col-md-12.enquiry{
    background: #00535e;
    position: fixed;
    top: 0;
    left:0;
    width:50%;
    height: 100vh;
    overflow: auto;
    padding: 50px 100px;
    z-index: 3200;
    transform: translate(-100%,0);
    transition: all .3s cubic-bezier(.165,.84,.44,1);
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 0px #fff none;
    border-radius: 0px;
    background :transparent;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 0px;
    text-transform: none;
}
input[type="submit"]:hover{color:#c49a6c;}

#form-submit-cont input{
    background-image: url(assets/img/circled.png);
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat;
    border: 0;
    display: block;
    padding-left: 73px;
    color: #c49a6c;
}
#form-submit-cont input:hover{
    background-image: url(assets/img/circle-white.png);
    color: #fff;
}

/*--------------------------------------------------------------
# Formattings
--------------------------------------------------------------*/
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Header / fixed and homepage
--------------------------------------------------------------*/
.site-header-container{position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 800; background-color: transparent;}
body.home .site-header-container{position: static; z-index: auto;}

body.home .head-section, 
body.home .head-section>div,
body.home .head-section>div>div{ height: 100%; margin: 0; padding: 0;}
body.home .head-section>div>div{
    line-height: 100vh;
    vertical-align: middle;
}
body.home .head-section{
    height: 100%;
    width: 100%;
    position: fixed;
    margin: 0;
    padding: 0;
}
body.home .head-section img{
    position: static;
    display: inline;
}
#page{
    width: 100%;
    position: absolute;
    top: 100%;
    background:transparent;
    height: initial;
    z-index: 2000;
    top: 0;
    padding-top: 100vh;
}
/*.contentcont > article{max-height: 100vh; overflow-y: auto;}*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.intro.menu{}
.intro.menu ul{ margin: 0; padding: 0 0 40px 0;}
.intro.menu ul li{ list-style: none; display: block;}

.main-navigation > .row{margin-top: 10px;}
.custom-logo-link,
#top-menu a{line-height: 78px;}
#top-menu{
    display: -webkit-box;    
    display: -ms-flexbox;    
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#top-menu a{padding-top: 8px;}
#top-menu > li{float: none; display: inline-block; width: auto; margin: 0; padding: 0; }
#top-menu > li > a,ul.page-menu>li>a{ text-align: center; padding: 0 20px; font-size: 20px;}
#top-menu > li:first-child > a{ text-align: left; padding-left: 0;}
#top-menu > li:last-child > a{ text-align: right; padding-right: 0;}
.menu-item-100 img {max-width: 183px;}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
}

/* page menu */
ul.page-menu{list-style-type: none; margin: 0; padding: 0;}
ul.page-menu>li{display: inline; padding: 0 15px;}
ul.page-menu>li>a{text-transform: uppercase;}

/* Small menu. */
.main-navigation.toggled ul {
  display: none;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a{color: #fff;}
a:focus, a:hover, a:active {
  outline: 0;
    color: #fff;
}
a:hover{
    color: #fff;
}
#top-menu a{
    color: #fff;
    text-transform: uppercase;
}
#top-menu>li.current-menu-item>a{text-decoration: underline;}
.category-filters a{ 
    color: #fff;
    font-weight: normal;
}
.head-filters a.filter-toggle, 
.footer-form .form-toggle{
    color: #fff;
    padding: 40px 0 0 0;
    display: inline-block;
    margin: 0;
}
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
html, body{ min-height: 100%; height: 100%;}
html {
  box-sizing: border-box;
}
#page{ height: auto; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

.content-area {
  float: left;
  margin: 0 0 0 0;
  width: 100%;
}

.site-main {
  /*margin: 0 25% 0 0;*/
}

.site-content .widget-area {
  float: right;
  overflow: hidden;
  width: 25%;
}

.site-footer {
  clear: both;
}

/*--------------------------------------------------------------
## Single Column / No Active Sidebar
--------------------------------------------------------------*/
.no-sidebar .site-main {
  margin: 0;
}

.no-sidebar .content-area {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
## Filters and Forms
--------------------------------------------------------------*/
.footer-form,
.head-filters{
    left: 0;
    z-index: 900;
    width: 100%;
}

.head-filters{
    position: absolute;
    top: 0;
    
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.footer-form{
    bottom: 0;
    position: fixed;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

body.filters-open .head-filters, 
body.form-open .footer-form{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);    
}

/*--------------------------------------------------------------
## Posts, Pages, Projects
--------------------------------------------------------------*/
.site-footer > div.instagram-container{
    margin: 0 50px;
}
body.single-project footer, 
body.home footer,
body.page-id-7 footer{ background:  #f6f6f6;}
.site-darkarea{ background:  #313131; color: #fff;}
body.home footer{margin-top: 100px;}

.text > p{ margin: 0;}

img.align-bottom{
    position: relative;
    top: 100%;
    transform: perspective(1px) translateY(100%);
}
a.align-bottom {
    position: relative;
    top: 100%;
    display: block;
    transform: perspective(1px) translateY(100%);
}


.site-header-container{display: block;}

.site-header-container.affix .site-header{
    position: fixed;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
body.home .site-header{height: 0; }
body.home .site-header .container-fluid{padding-left: 25px; padding-right: 25px;}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.all_projects .col-md-6{
    margin-bottom: 50px;
}
.all_projects .col-md-6 a{
    position: relative;
    display: block;
    height: 100%;
}

.cycle-slideshow-no-init img {
    max-width: 200%;
    width: 100%;
    display: block;
}

.cycle-slideshow-no-init img:first-child {
    display: block;
}
.cycle-slideshow-no-init img {
    display: none;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

.instagram-container{padding-top: 150px;}
#sb_instagram #sbi_images .sbi_item{padding-right: 25px !important; padding-left: 25px !important;}
#sb_instagram #sbi_images .sbi_item:nth-child(1){}
#sb_instagram #sbi_images .sbi_item:nth-child(3){}

#sbi_images{ padding: 0 !important;}
a.sbi_header_link{display: none !important;}

.cycle-arrow .material-icons{font-size: 48px;}
.cycle-arrow{
    position: absolute;
    top: 0;
    width: 50%;
    opacity: 1;
    z-index: 700;
    height: 100%;
    cursor:none;
    font-size: 48px;
    color: #fff;
}
.cycle-arrow{
    opacity: 1;
    filter: alpha(opacity=100);
}
.cycle-arrow.cycle-next:hover{
    cursor: url(assets/img/cursor-next.png), url(assets/img/cursor-next.cur), auto;
}
.cycle-arrow.cycle-prev:hover{
    cursor: url(assets/img/cursor-prev.png), url(assets/img/cursor-prev.cur), auto;
}

.cycle-prev{ left: 0;}
.cycle-next {right: 0; text-align: right;}


/*--------------------------------------------------------------
# Effects
--------------------------------------------------------------*/
.head-filters, 
.footer-form, 
.cycle-prev, 
.cycle-next,
#top-menu, 
.site-header-container,
span.overlay{
    font-smoothing: antialiased;
    -webkit-transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);    
}

/*--------------------------------------------------------------
# Nice Select
--------------------------------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border-radius: 0;
  border-bottom: 2px #fff solid;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-weight: inherit;
  height: auto;
  outline: none;
  padding: 3px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    height: 15px;
    margin-top: 0px;
    width: 15px;}
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
  }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; margin-bottom: 30px; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #00535e;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
      margin-left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
      color: #aaa;
    cursor: pointer;
    font-weight: inherit;
    line-height: inherit;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 3px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
}
.nice-select .option[data-display] {
    display: none;
}
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      color:#fff;}
    .nice-select .option.selected {
      font-weight: inherit; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.wpcf7-form > p{padding-bottom: 30px;}
.visible-tm{display: none;}


.scroll-indicator {
    position: absolute;
    display: block;
    bottom: 50px;
    border: 2px #fff solid;
    /* padding-top: 10px; */
    border-radius: 30px;
    /* padding-bottom: 20px; */
    width: 34px;
    height: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
}
.scroll-indicator .arrow {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    display: block;
    position: relative;
    /* width: 40px; */
    /* height: 40px; */
}

@-webkit-keyframes bounce {
	 0% { top: 15%; }
	 50%   { top: 25%; }
	 100% { top: 15%; }
}

@keyframes bounce {
	 0% { top: 15%; }
	 50%   { top: 25%; }
	 100% { top: 15%; }
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 1880px) {
    #main img,
    .entry-footer img{
        max-width: 200%;
        width: 100%;
    }
}
@media screen and (max-width: 1800px) {
    h3, .mainmenu a{font-size: 23px;}
    .intro ul.mainmenu li{padding-right: 1vw;}
}
@media screen and (max-width: 1600px) {
    .header.row {
        padding: 75px 80px 0 80px;
    }
    .content.row {
        padding: 50px 80px 50px 80px;
    }
    .content.row .row.intro.menu{
        padding: 50px 80px 50px 80px;
        margin: -50px -80px 0px -80px;
    }
    .col-md-12.enquiry{
        padding: 50px 80px 50px 80px;
    }
    .content.row .row {
        padding-bottom: 10px;
    }    
}
@media screen and (max-width: 1600px) {
    h3, .mainmenu a{font-size: 21px;}
    .intro ul.mainmenu{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .intro ul.mainmenu li{padding-right: initial;}
}

@media screen and (max-width: 1280px) {
    
    h3, .mainmenu a{font-size: 16px;}
    .header.row {
        padding: 50px 50px 0 50px;
    }
    .content.row {
        padding: 20px 50px 50px 50px;
    }
    .stickymenu .content.row {
        min-height: 100vh;
    }
    .content.row .row {
        padding-bottom: 10px;
    } 
    .content.row .row.person{
        padding-bottom: 20px;
    } 
    .row.person .col-md-6{
        width: 100%;
    }
    .content img {
        padding-bottom: 15px;
    }  
    .content a:before {
        width: 22px;
        height: 22px;
        margin: 3px 8px 0 0;
    }    
    .content.row .row.intro.menu {
        padding: 20px 50px 50px 50px;
        margin: -20px -50px 0px -50px;
    }    
    .col-md-12.enquiry{
        padding: 20px 50px 50px 50px;
    }
    .intro h3,.content h3{padding-top: 30px; margin-bottom: 16px;}
    .contentcont .col-md-12 > h3:first-child{padding-top: 30px;}
    /*.enquiry h3,.topmenu h3{padding-top: 30px;}*/
    /*default font sizes*/
    body .font-xxl, body .font-xxl > h1,body .font-xxl > h2,body .font-xxl > h3,body .font-xxl > h4,body .font-xxl > h5,body .font-xxl > h6,body .font-xxl > p{ font-size: 128px; line-height:104px;}
    body .font-xl,body .font-xl > h1, body .font-xl > h2,body .font-xl > h3,body .font-xl > h4,body .font-xl > h5,body .font-xl > h6,body .font-xl > p{ font-size: 65px; line-height:59px;}
    body .font-large,body .font-large > h1, body .font-large > h2,body .font-large > h3,body .font-large > h4,body .font-large > h5,body .font-large > h6,body .font-large > p, body input.font-large{ font-size: 36px; line-height: 44px;}
    body .font-normal,body .font-normal > h1, body .font-normal > h2,body .font-normal > h3,body .font-normal > h4,body .font-normal > h5,body .font-normal > h6,body .font-normal > p{font-size: 17px; line-height: 28px;}
    body .font-small,body .font-small > h1, body .font-small > h2,body .font-small > h3,body .font-small > h4,body .font-small > h5,body .font-small > h6,body .font-small > p{ font-size: 18px; line-height: 28px;}
    body .font-normal blockquote p,body .font-normal blockquote a,body .font-normal blockquote h3,body .font-normal blockquote h4{font-size: 18px; line-height: 28px;}    
    #form-submit-cont input{padding-left: 54px;}
}

@media screen and (max-width: 1024px) {
    .header.row {
        padding: 35px 35px 0 35px;
    }
    .content.row {
        padding: 15px 35px 35px 35px;
    }
    .stickymenu .content.row {
        min-height: 100vh;
    }
    .content.row .row {
        padding-bottom: 10px;
    } 
    .content.row .row.person{
        padding-bottom:20px;
    } 
    .row.person .col-md-6{
        width: 100%;
    }
    .content img {
        padding-bottom: 15px;
    }  
    .content a:before {
        margin: 0px 8px 0 0;
    }    
    .content.row .row.intro.menu{
        padding: 15px 35px 50px 35px;
        margin: -15px -35px 0px -35px;
    }    
    .col-md-12.enquiry{
        padding: 15px 35px 50px 35px;
    }
    .intro h3, .entry-content .intro h3, .enquiry h3,.content h3,body.nav-menu-open .row.intro.menu h3{padding-top: 30px;}
    .content h3,.topmenu h3{margin-bottom: 18px;}
    .entry-content h3{ padding-top: 20px;}
    .intro.menu ul, .wpcf7-form { padding: 20px 0 0 0;}
    /*default font sizes*/
    body .font-xxl, body .font-xxl > h1,body .font-xxl > h2,body .font-xxl > h3,body .font-xxl > h4,body .font-xxl > h5,body .font-xxl > h6,body .font-xxl > p{ font-size: 100px; line-height:90px;}
    body .font-xl,body .font-xl > h1, body .font-xl > h2,body .font-xl > h3,body .font-xl > h4,body .font-xl > h5,body .font-xl > h6,body .font-xl > p{ font-size: 38px; line-height:32px;}
    body .font-large,body .font-large > h1, body .font-large > h2,body .font-large > h3,body .font-large > h4,body .font-large > h5,body .font-large > h6,body .font-large > p, body input.font-large{ font-size: 30px; line-height: 38px;}
    body .font-normal,body .font-normal > h1, body .font-normal > h2,body .font-normal > h3,body .font-normal > h4,body .font-normal > h5,body .font-normal > h6,body .font-normal > p{font-size: 14px; line-height: 22px;}
    body .font-small,body .font-small > h1, body .font-small > h2,body .font-small > h3,body .font-small > h4,body .font-small > h5,body .font-small > h6,body .font-small > p{ font-size: 12px; line-height: 16px;}
    body .font-normal blockquote p,body .font-normal blockquote a,body .font-normal blockquote h3,body .font-normal blockquote h4{font-size: 14px; line-height: 22px;}    
    #form-submit-cont input{padding-left: 48px;}
}

@media screen and (min-width: 1000px) {
    .stickymenu.is_stuck{ position: fixed !important;}
    body .font-normal > p.bitbigger{font-size: 24px; line-height: 36px;}
}
@media screen and (max-width: 999px) {
    body .font-normal > p.bitbigger{font-size: 22px; line-height: 32px;}
    h3, .mainmenu a{font-size: 18px;}
    .intro ul.mainmenu li{padding-right: 1.5vw;}
    .logo-container .font-xxl img{max-width: 84%;}
    .visible-tm{display:block;}
    .header.row {
        padding: 40px 40px 0 40px;
    }
    .content.row {
        padding: 20px 40px 40px 40px;
    }
    .stickymenu .content.row {
        min-height: 100vh;
    }
    .content.row .row {
        padding-bottom: 10px;
    } 
    .content.row .row.person{
        padding-bottom:20px;
        width: 50%;
        float: left;
        margin-left:0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
    } 
    .content.row .row.person:nth-child(even){padding-right: 20px;}
    .content.row .row.person:nth-child(odd){padding-left: 20px;}
    .content.row .row.person .col-md-6{padding-left: 0px; padding-right: 0px;}
    .row.person .col-md-6{
        width: 100%;
    }

    .content img {
        padding-bottom: 20px;
    }  
    .content a:before {
        margin: 0px 8px 0 0;
    }    
    .content.row .row.intro.menu{
        padding: 20px 40px 50px 40px;
        margin: -20px -40px 0px -40px;
    }    
    .col-md-12.enquiry{
        padding: 20px 40px 50px 40px;
        width: 100%;
    }
    #content_container h2.font-xl,.intro.menu.font-xl,
    #menu_container .font-large.text-fancy,
    #content_container .font-large.text-fancy{font-size: 5.72vw; line-height: 1.45;}
    .contentcont .col-md-12 > h3:first-child {
        padding-top: 20px;
    }
    
    h3, .mainmenu a{font-size: 14px;}

    .intro h3, .entry-content .intro h3,.enquiry h3,.content h3{padding-top: 30px;}
    .content h3,.topmenu h3{margin-bottom: 12px;}
    .entry-content h3{ padding-top: 20px;}
    .intro.menu ul, .wpcf7-form { padding: 20px 0 0 0;}
    .row.intro.title{display: none;}
    /*default font sizes*/
    body .font-xxl, body .font-xxl > h1,body .font-xxl > h2,body .font-xxl > h3,body .font-xxl > h4,body .font-xxl > h5,body .font-xxl > h6,body .font-xxl > p{ font-size: 100px; line-height:85px;}
    body .font-xl,body .font-xl > h1, body .font-xl > h2,body .font-xl > h3,body .font-xl > h4,body .font-xl > h5,body .font-xl > h6,body .font-xl > p{ font-size: 38px; line-height:32px;}
    body .font-large,body .font-large > h1, body .font-large > h2,body .font-large > h3,body .font-large > h4,body .font-large > h5,body .font-large > h6,body .font-large > p, body input.font-large{ font-size: 30px; line-height: 38px;}
    body .font-normal,body .font-normal > h1, body .font-normal > h2,body .font-normal > h3,body .font-normal > h4,body .font-normal > h5,body .font-normal > h6,body .font-normal > p{font-size: 14px; line-height: 22px;}
    body .font-small,body .font-small > h1, body .font-small > h2,body .font-small > h3,body .font-small > h4,body .font-small > h5,body .font-small > h6,body .font-small > p{ font-size: 12px; line-height: 16px;}
    body .font-normal blockquote p,body .font-normal blockquote a,body .font-normal blockquote h3,body .font-normal blockquote h4{font-size: 14px; line-height: 22px;}  
    #form-submit-cont input{padding-left: 48px;}
    
    body .intro.font-large{ font-size: 45px; line-height: 56px; padding-top:35px;}
    body .intro.pt35{padding-top:35px;}
    #form-submit-cont input{padding-left: 74px; font-size: 45px; line-height: 56px; padding-top:0;}
    .col-md-12.enquiry{
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        overflow: auto;
        height: 100vh;        
    }
    body.nav-down .row.topmenu{
        transform: translate(0,0);
    }
    .row.topmenu{
        padding: 20px 40px 25px 40px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        transform: translate(0,-100%); 
        z-index: 2400;
        transition: all .3s cubic-bezier(.165,.84,.44,1);
    }
    .topmenu ul {
        list-style-type: none;
        color: #fff;
        padding: 60px 0 40px 0;
        margin: 0;
    }
    .topmenu ul a{color: #fff;}
    
    .topmenu .menulist{
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        display: none; 
        transition: all .3s cubic-bezier(.165,.84,.44,1);
    }
    body.top-menu-open .topmenu .menulist{
        opacity: 1;
        visibility: visible;
        z-index: 2200;
        display: block;    
    }
    .logo-image{max-width: 100%; max-height: 18px;}
    /*menu*/
    .topmenu .lines-button {
      display: inline-block;
      padding: 0px;
        padding-bottom: 6px;
      transition: .3s;
      cursor: pointer;
      user-select: none;
      border-radius: 0;
      background: transparent;
      border: none;
    }
    .topmenu .lines-button:hover {
      opacity: 1;
    }
    .topmenu .lines-button:active, .topmenu .lines-button:focus {
      -moz-transition: 0;
      -o-transition: 0;
      -webkit-transition: 0;
      transition: 0;
      background: transparent;
      box-shadow: none;
      border: 0;
      outline: 0;
      outline-style: none;
      outline-width: 0;
      box-shadow: none;
    }
    .topmenu .lines {
      display: inline-block;
      width: 24px;
      height: 3px;
      background: #fff;
      border-radius: 0;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: relative;
        margin-bottom: 10px;
      /*create the upper and lower lines as pseudo-elements of the middle line*/
    }
    .topmenu .lines:before, .topmenu .lines:after {
      display: inline-block;
      width: 24px;
      height: 3px;
      background: #fff;
      border-radius: 0;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: absolute;
      left: 0;
      content: '';
      -moz-transform-origin: 1.71429px center 50%;
      -ms-transform-origin: 1.71429px center 50%;
      -webkit-transform-origin: 1.71429px center 50%;
      transform-origin: 1.71429px center 50%;
    }
    .topmenu .lines:before {
      top: 8px;
    }
    .topmenu .lines:after {
      top: -8px;
    }
    .topmenu .lines-button:hover {
      opacity: 1;
    }
    .topmenu .lines-button:hover .lines:before {
      top: 6.85714px;
    }
    .topmenu .lines-button:hover .lines:after {
      top: -6.85714px;
    }
    .top-menu-open .topmenu .lines-button .lines {
      /*hide the middle line*/
      background: transparent;
      /*overlay the lines by setting both their top values to 0*/
    }
    .top-menu-open .topmenu .lines-button .lines:before, .top-menu-open .topmenu .lines-button .lines:after {
      -moz-transform-origin: 50% 50% 50%;
      -ms-transform-origin: 50% 50% 50%;
      -webkit-transform-origin: 50% 50% 50%;
      transform-origin: 50% 50% 50%;
      top: 0;
      width: 26px;
      background: #fff;
    }
    .top-menu-open .topmenu .lines-button .lines:before {
      -moz-transform: rotate3d(0, 0, 1, 45deg);
      -ms-transform: rotate3d(0, 0, 1, 45deg);
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
    }
    .top-menu-open .topmenu .lines-button .lines:after {
      -moz-transform: rotate3d(0, 0, 1, -45deg);
      -ms-transform: rotate3d(0, 0, 1, -45deg);
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
    }    
    .logo-image{max-width: 280px;}
}
@media screen and (max-width: 609px) {
    .homebuttons .col-md-6 {
        height: 50%;
    }
    a.front-arrow {
        padding-top: 20px;
    }    
    .row.topmenu {
        padding: 5px 20px 6px 20px;
        line-height: 1;
    }
    .topmenu .lines-button {
        padding-bottom: 0;
        position: relative;
        top: 4px;
    }
    .topmenu ul {
        padding: 40px 0 40px 0;
    }    
    .topmenu li{padding-bottom: 15px;}
    body.nav-down.top-menu-open .row.topmenu {
        min-height: 100vh;
    }    
    .topmenu .col-xs-10 {
        line-height: 1;
        font-size: 18px;
        padding-top: 5px;
    }    
    .hidden-xs{display: none !important;}
    .hidden-md{display:block;}
    .visible-tm{display:block;}
    .header.row {
        padding: 40px 20px 0 20px;
    }
    .content.row {
        padding: 20px 20px 30px 20px;
    }
    .stickymenu .content.row {
        min-height: 100vh;
        padding-top: 0;
    }
    .content.row .row {
        padding-bottom: 10px;
    } 
    .content.row .row.person{
        padding-bottom:20px;
        width: 50%;
        float: left;
        margin-left:0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
    } 
    .content.row .row.person:nth-child(even){padding-right: 20px;}
    .content.row .row.person:nth-child(odd){padding-left: 20px;}
    .content.row .row.person .col-md-6{padding-left: 0px; padding-right: 0px;}
    .row.person .col-md-6{
        width: 100%;
    }

    .content img {
        padding-bottom: 10px;
    }  
    .content a:before {
        margin: 0px 8px 0 0;
    }    
    .content.row .row.intro.menu{
        padding: 20px 20px 50px 20px;
        margin: -20px -20px 0px -20px;
    }    
    .col-md-12.enquiry{
        padding: 20px 20px 50px 20px;
        z-index: 2500;
    }
    .intro h3, .entry-content .intro h3,.enquiry h3,.content h3{padding-top: 30px;}
    .content h3,.topmenu h3{margin-bottom: 10px;}
    .entry-content h3{ padding-top: 20px;}
    .intro.menu ul, .wpcf7-form { padding: 20px 0 0 0;}
    .row.intro.title{display: none;}
    /*default font sizes*/
    body .font-xxl, body .font-xxl > h1,body .font-xxl > h2,body .font-xxl > h3,body .font-xxl > h4,body .font-xxl > h5,body .font-xxl > h6,body .font-xxl > p{ font-size: 48px; line-height:44px;}
    body .font-xl,body .font-xl > h1, body .font-xl > h2,body .font-xl > h3,body .font-xl > h4,body .font-xl > h5,body .font-xl > h6,body .font-xl > p{ font-size: 38px; line-height:32px;}
    body .font-large,body .font-large > h1, body .font-large > h2,body .font-large > h3,body .font-large > h4,body .font-large > h5,body .font-large > h6,body .font-large > p, body input.font-large{ font-size: 26px; line-height: 34px;}
    body .font-normal,body .font-normal > h1, body .font-normal > h2,body .font-normal > h3,body .font-normal > h4,body .font-normal > h5,body .font-normal > h6,body .font-normal > p{font-size: 16px; line-height: 26px;}
    body .font-small,body .font-small > h1, body .font-small > h2,body .font-small > h3,body .font-small > h4,body .font-small > h5,body .font-small > h6,body .font-small > p{ font-size: 12px; line-height: 16px;}
    body .font-normal blockquote p,body .font-normal blockquote a,body .font-normal blockquote h3,body .font-normal blockquote h4{font-size: 16px; line-height: 26px;}  
    body .intro.font-large{ font-size: 26px; line-height: 34px; padding-top: 0;}
    body .font-normal > p.bitbigger{font-size: 18px; line-height: 28px;}
    #form-submit-cont input{padding-left: 44px; font-size: 26px; line-height: 34px;}
    ::-webkit-input-placeholder { line-height: normal; }
    #form-submit-cont input[type=submit]{
        -webkit-appearance: none; 
        line-height: 26px !important; 
        line-height: 26px; 
        padding-top: 4px; 
        padding-bottom: 4px; 
        display:inline-block;
        background-position: bottom left;
    } 
    .wpcf7-form > p{padding-bottom: 0;}
    .nice-select.wide {margin-bottom: 10px;}
    .nice-select:after{top: 30%;}
    input[type="submit"].font-large{margin-top: 20px;}
    .wpcf7-form{padding-top: 0;}
    .enquiry a.form-toggle {font-size: 16px;line-height: 26px;}
    .content.row .row.person:nth-child(even),
    .content.row .row.person:nth-child(odd) {
        padding-right: 0;
        padding-left: 0;
    }
    .content.row .row.person {
        padding-bottom: 20px;
        width: 100%;
        float: none;
    } 
    #content_container h2.font-xl,.intro.menu.font-xl{font-size: 24px;}
    #menu_container .font-large.text-fancy,
    #content_container .font-large.text-fancy{font-size: 21px;}
    
    #menu_container .enquiry .font-large.text-fancy, 
    #menu_container .enquiry .font-large.text-fancy input, 
    #menu_container .enquiry .font-large.text-fancy select    {font-size: 26px; line-height: 34px;}
    
    .contentcont .entry-content h3, body .font-normal h3.menucontact{font-size: 16px; line-height: 26px;}
    
    a.arrow{display: block;}
    #before.arrow{float: left;}
    #after.arrow{float: right;}
    #before.arrow:before{
        background: url(assets/img/circled-l.png) no-repeat center;
        margin: 0;
        background-size: contain;
    } 
    #after.arrow:before{ margin: 0;}     
    h3.menucontact {
        font-family: inherit;
        border-bottom: 2px solid #c49a6c;
        display: inline-block;
        padding-bottom: 0px;
        margin-bottom: 10px;
        padding-top: 0px;
    }
    body.venue-menu-open .venue-toggle > ul {
        padding-top: 16px;
        padding-bottom: 0;
    }    
    
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ 
    @media {
        #form-submit-cont input[type=submit]{
            padding-top: 5px; 
            padding-bottom: 0px; 
        }
    }
}