html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}
#skip{
display:none;
}
#contentcontainer{
margin-left:auto;
margin-right:auto;
padding-top:10px;
display:flex;
}

.content{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
width:100%;
}

.content ul, .content ol{
   list-style-position: inside;
}

.concepttable {
	border-collapse: collapse;
}
.concepttable td {
	border: 1px solid #d7dada;
	padding: 5px !important;
}

img{border:0px; max-width:100%}

.clearer{
clear:both;
padding-bottom:5px;
}

#focus{
flex-grow:0;
flex-shrink:0;
flex-basis:240px;
margin-left:10px;
}

@media only screen and ( max-width: 600px )
                {
     #focus
    {
    display:none !important;
    }
    }
    
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { content: ""; display: table; clear: both;}    

/* ### Drag Panel ### */ 

.clearpanel {clear: both;height: 0;line-height: 0;}
.clearfixpanel:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfixpanel {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfixpanel {height: 1%;}
.clearfixpanel {display: block;}
/* End hide from IE-mac */
.clearfixpanel {height: 1%;}
.clearfixpanel {display: block;}

/* Panel Tab/button */
.edittab {
  	
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}
.edittab a{
color:#ffffff;
text-decoration:none;
}
.edittab a:hover, .edittab a:focus{
text-decoration:underline;
}
.edittab ul.edit {background-image:url(../../icon/trans.png);

	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	padding:0px;
	right: 150px;
  	color: white;
	text-align: center;
	-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
box-shadow: 1px 3px 2px #B9B9B3;
}
.edittab ul.edit li {
 	text-align: left;
  	padding: 0px 0px 0px 10px;
	display: block;
	float: left;
	height: 42px;
}
.edittab a.expand, .edittab a.shink {
	height: 20px;
	line-height: 20px !important;
	padding-left: 0px !important;
	cursor: pointer;
	display: block;
	position: relative;
	top: 11px;
}

/* sliding panel */
#dragpanel {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: auto;
    padding-bottom:20px;
	color: #999999;
	background-image:url(../../icon/trans.png);
	overflow: hidden;
	position: relative;
	z-index: 999;
	display: none;
}
#panel .paneldata {
	display:flex;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
}
#panel .paneldata div{
padding-right:10px;
flex-basis:33%;
}

#panel .paneldata div:not(:first-child) {
	border-left: 1px solid #333;padding:0px 10px 0px 10px;
}

#panel h5{
color:#ffffff;
font-size:1.6em;
margin:0px;
padding:0px;
text-shadow: 1px 1px 1px #666666;
}
#panel a{
color:#25AAE1;
text-decoration:none;
}
#panel a{
text-decoration:underline;
}
#panel .panelbutton{
border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 5px 8px 5px 8px; font-weight:bold; color: #333333; background-color: #ffffff; text-decoration:none; font-size:1em; display:inline-block; width:auto; margin:10px 0px 0px 0px; cursor:pointer;
}
#panel .panelbutton.editspc{
margin:10px 0px 10px 0px;
}
#panel label{
font-weight:bold;
}
.editbtn{
width:20px;
margin-bottom:-3px;
margin-right:5px;
}
.panelbutton i{
margin-right:5px;
}

#panel .panelbutton:hover, #panel .panelbutton:focus-within{
 border:1px solid #bfc4c4; background-color: #0F75BC;text-shadow: 1px 1px 0 #333333; color:#ffffff;
}


@media only screen and ( max-width: 1000px )
        {
        #panel .paneldata{
        margin-left:10px;
        margin-right:10px;
        }
        }
@media only screen and ( max-width: 600px )
        {
        #panel .paneldata{
        flex-wrap:wrap;
        }
        #panel .paneldata div, #panel .paneldata div:not(:first-child){
        flex-basis:100%;
        border-left: 0px;
        border-bottom: 1px solid #333;
        margin-bottom:10px;
        padding:0px;
        }
        #panel .paneldata div:last-child{
        border-bottom: 0px;
        }
        }

/* ### END Drag Panel ### */ 

/* ### Toggle switch ### */
/* ------------------------------------------
CSS TOGGLE SWITCHES (Ionuț Colceriu)
Licensed under Unlicense 
https://github.com/ghinda/css-toggle-switch
------------------------------------------ */

.switch .slide-button{
	display: none;
}


@media only screen {

	.switch {
		position: relative;
		padding: 0;
        width:100px;
	}
	
	.switch input {
		position: absolute;
		opacity: 0;
	}
	
	.switch label {
		position: relative;
		z-index: 2;
		float: left;
		width: 50%;
		height: 100%;
		margin: 0;
		text-align: center;
	}

	.switch .slide-button {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		z-index: 1;
		width: 50%;
		height: 100%;
	}

	.switch input:last-of-type:checked ~ .slide-button {
		left: 50%;
	}

	/* Shared */
	.switch {
		display: block;
		height: 30px;
	}
	
	.switch * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.switch .slide-button {
		display: block;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	
	.switch label {
		line-height: 30px;
		vertical-align: middle;
	}
	
	
	/* Outline the toggles when the inputs are focused */
	.switch input:focus + label {
		outline: 1px dotted #888;
	}
	
	/* Bugfix for older Webkit, including mobile Webkit. Adapted from:
	 * http://css-tricks.com/webkit-sibling-bug/
	 */
	.switch {
		-webkit-animation: bugfix infinite 1s;
	}
	
	@-webkit-keyframes bugfix { from { position: relative; } to { position: relative; } }
 
	.swstatus {
		background-color: #2d3035;
		color: #fff;
		font-weight: bold;
		text-align: center;
		text-shadow: 1px 1px 1px #191b1e;
		border-radius: 8px;	
		box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
        margin-bottom:15px;
	}
    .swstatus2 {
		background-color: #EFEFEF;
		color: #333;
		font-weight: bold;
		text-align: center;
		text-shadow: 1px 1px 1px #ffffff;
		border-radius: 8px;	
		box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
        margin-bottom:6px;
	}
.swstatus2 input:checked + label {
		color: #fff;
		text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	}
	.swstatus .slide-button {
		border: 1px solid #333;
		background-color: #79B019;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
		border-radius: 8px;
	}
    .swstatus2 .slide-button {
		border: 1px solid #999;
		background-color: #79B019;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
		border-radius: 8px;
	}

	.swstatus.blue .slide-button, .swstatus2.blue .slide-button {
		background-color: #79B019;
      
	}

	.swstatus.blue input:first-of-type:checked ~ .slide-button, .swstatus2.blue input:first-of-type:checked ~ .slide-button {
		background-color: #990000;
        
	}

}
/* ### END Toggle switch ### */

/* ### Edit links and buttons ### */

.eventstatus{
display:inline-block;
width:30px;
border:1px solid #d7dada; 
text-align: center; background-color: #ffffff; text-decoration:none;
-o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;float:right;
}
.eventstatus:hover, .eventstatus:focus-within{
background-color:#25AAE1;
}
.eventstatus a{
padding: 5px 5px 2px 5px;
display:block;
}
.eventstatus .editicon{
width:20px;
}
.editorbutton, .resetfocal, .addrecur, .checkoutbutton{
font-family:inherit;
color:#ffffff;
background-color:#79B019;
padding:8px 15px 8px 15px;
font-weight:bold;
text-decoration:none;
border-radius:6px;
cursor:pointer;
border:0px;
display:inline-block;
}
.editorbutton:hover, .editorbutton:focus, .resetfocal:hover, .resetfocal:focus, .addrecur:hover, .addrecur:focus, .checkoutbutton:hover, .checkoutbutton:focus{
background-color:#618D14;
}
.editorbutton.delete, .submitbutton.delete{
background-color:#990000;
}
.editorbutton.delete:hover, .submitbutton.delete:hover, .editorbutton.delete:focus, .submitbutton.delete:focus{
background-color:#7A0000;
}
.submitbutton, .addtobasket, .genbutton{
font:inherit;
color:#ffffff;
background-color:#0F75BC;
padding:8px 15px 8px 15px;
font-weight:bold;
text-decoration:none;
border:0px;
border-radius:6px;
cursor:pointer;
display:inline-block;
}
.submitbutton:hover, .submitbutton:focus, .addtobasket:hover, .addtobasket:focus, .genbutton:hover, .genbutton:focus{
background-color:#25AAE1;
}
.genbutton.login{
display:block;
text-align:center;
}
.genbutton.login.padtop{
margin-top:10px;
}
.social{max-width:32px;}
.fc .fc-button-primary{
background-color:#0F75BC;
border:#0F75BC;
}
.fc .fc-button-primary:hover, .fc .fc-button-primary:not(:disabled).fc-button-active{
background-color:#25AAE1;
}
.pagebuttons{
float:right;
}
.social img{
max-width:32px;
 opacity: 0.8;
 -o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;
}
.social:hover img, .social:focus img{
opacity: 1;
-o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;
}

/* ### END Edit links and buttons ### */

/* ### Tooltips ###*/
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
    background-color:#ffffff;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* ### Forms ###*/

label{
display:block;
margin-top:10px;
margin-bottom:2px;
}
input{
display:block;
}
.form-required::after{
content:"*";
color:#D90000;
font-size: smaller;
vertical-align:super;
}
.form-field{
    padding:0px 0px 0px 0px;
    margin-top:10px;
    vertical-align:top;
}
.formfout{
position:relative;
overflow:hidden;
}
.form-field.check{
position:absolute;
}
.form-field input, .form-field textarea, .form-field select, #panel input{
border:1px solid #d7dada;
border-radius:3px;
font-size:1em;
padding: 8px 5px 8px 5px;
font:inherit;
color:#333333;
width:100%;
}
.form-field select{
width:100%;
}
.form-field input:focus-within, .form-field textarea:focus-within, #panel input:focus-within{
border:1px solid #0F75BC;
}
.form-field select{
padding-right:37px;
border-radius:3px;
border:1px solid #d7dada;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image:
    linear-gradient(45deg, transparent 50%, #0F75BC 50%),
    linear-gradient(135deg, #0F75BC 50%, transparent 50%),
    linear-gradient(to right, #ECECEC, #ECECEC);
  background-position:
    calc(100% - 20px) calc(1em + 1px),
    calc(100% - 15px) calc(1em + 1px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
.form-field select:focus{
background-color:#FAFAFA;
border: 1px solid #ECECEC;
border-radius:3px;
}
.form-field select option{
border: 1px solid #ECECEC;
}
.form-field textarea{
resize: vertical;
}
.form-field label{
font-size:1em;
font-weight:600;
}
.form-row .form-field{
width:calc(49% - 2px);
display:inline-block;
margin-right:2%;
}
.form-row.title .form-field{
width:39%;
}
.form-row.title .form-field.title{
width:18%;
}
.form-row .form-field:last-of-type{
margin-right:0%;
}
.form-field i{
font-size:0.8em;
}
.form-field .formcheckbox{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
}
.form-field .formcheckbox input{
	position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
 }
.form-field .formcheck, .radiocheck{
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #d7dada;
  border-radius:3px;
  opacity: 0.6;
}
.form-field .radiocheck{
  border-radius:50%;
}
.formcheckbox:hover input ~ .formcheck, .formcheckbox:focus-within input ~ .formcheck, .formcheckbox:hover input ~ .radiocheck, .formcheckbox:focus-within input ~ .radiocheck {
  opacity: 1 ;
  border:1px solid #0F75BC;
}
.formcheckbox input.field-error ~ .formcheck, .formcheckbox input.field-error ~ .radiocheck, input.field-error, select.field-error, textarea.field-error {
  border:1px solid red;
}
.formcheckbox input:checked ~ .formcheck,  .formcheckbox input:checked ~ .radiocheck{
  background-color: #0F75BC;
  opacity: 1;border:0px solid;
}
/* Check marker (hidden when not checked) */
.formcheck:after, .radiocheck:after {
  content: "";
  position: absolute;
  display: none;
}
.formcheckbox input:checked ~ .formcheck:after, .formcheckbox input:checked ~ .radiocheck:after {
  display: block;
}
.formcheckbox .formcheck:after {
  left: 9px;
  top: 5px;
  width: 8px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.formcheckbox .radiocheck:after{
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.formcheck.disabled{
background-color:#ECECEC !important;
cursor:auto;
}
.errorbox{
background-color:#FFB0B0;
border:1px solid #D60011;
padding:10px;
}
.confirmbox{
display:none;
background-color:rgba(121,176,25);
color:#ffffff;
padding:15px;
border-radius:3px;
margin:10px 0px 10px 0px;
}
.srlabel{
position:absolute;
clip:rect(1px, 1px, 1px, 1px);
}

@media only screen and ( max-width: 800px )
                {
.form-row .form-field, .form-row.title .form-field, .form-row.title .form-field.title{
width:100%;
}
.form-row .form-field:first-of-type{
margin-right:0px;
}
		   }

/* ### END Forms ###*/


/* ### Preview images ###*/

.galimg{
width: 100%;
}
.eventimage, .productlistimage{
width:150px;
height:125px;
background-size:cover;
float:left;
margin:0px 15px 15px 0px;
border:1px solid #d7dada;
}
.productlistimage{
overflow:hidden;
}
.gridimage{
height:200px;
background-size:cover;
margin-bottom:20px;
}
.eventimage a, .gridimage a, .productlistimage a, .buttonbg a{
display:block;
height:100%;
}
.storyimage{
width:400px;
margin:18px 15px 15px 0px;
float:left;
border:1px solid #d7dada;
}
.storyimage img{
display:block;
}

@media only screen and ( max-width: 800px )
        {
        .storyimage{
        width:250px;
        }
        }

@media only screen and ( max-width: 600px )
        {
        .storyimage{
        width:100%;
        }
        }

/* ### End preview images ###*/

/* ### News and events ###*/

.galopt{
border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 5px 8px 5px 8px; font-weight:bold; color: #333333; background-color: #ffffff;
margin-bottom:5px;
}
.galopt .pages{
float:right;
}
.eventdate, .eventtime{padding:0px; margin:5px 0px 0px 0px;}

/* ### End news and events ###*/

/* ### Gallery sliders ###*/

/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-40px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 5px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* Flickity fullscreen v1.0.1
------------------------- */

.flickity-enabled.is-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.9);
  padding-bottom: 35px;
  z-index: 999;
}

.flickity-enabled.is-fullscreen .flickity-page-dots {
  bottom: 10px;
}

.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
  background: white;
}

/* prevent page scrolling when flickity is fullscreen */
html.is-flickity-fullscreen {
  overflow: hidden;
}

/* ---- flickity-fullscreen-button ---- */

.flickity-fullscreen-button {
  display: block;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.flickity-fullscreen-button {
  display: block;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.flickity-fullscreen-button-exit {
  right: 40px;
  top: 40px;
}

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  right: auto;
  left: 10px;
}

.flickity-fullscreen-button-exit { display: none; }

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }

.flickity-fullscreen-button .flickity-button-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

.slideshowslide{
width:100%;
text-align:center;
}
#slidercontrols{
margin:10px 0px 10px 0px;
}
#slidercontrols .pause i{
color:#D60011;
}
#slidercontrols .play i{
color:#79B019;
}
#slidethumb .slidethumbslide{
width:20%;
overflow:hidden;
display:inline-block;
margin:0.5%;
background-size:cover;
background-position:center;
}
#slidethumb .aspect{
margin-top:75%;
}
#slidethumb .slidethumbslide {
border:1px solid #d7dada;
}
#slidethumb .slidethumbslide.is-selected, #slidethumb .slidethumbslide:hover, #slidethumb .slidethumbslide:focus {border:1px solid #0F75BC;
}
.slideinfo{
text-align:left;
position:absolute; bottom:0%;
background: rgba(15, 117, 188,0.70);
width:100%;
}
.slideinfo p{
color:#ffffff;
margin:10px;
}
.slideinfo h5{
margin:10px;
}
#subgallerylist ul{
padding:0px;
margin:-0.3% -0.5% -1% -0.5%;
list-style-type:none;
list-style-image:none;
overflow:hidden;
}
#subgallerylist li{
width:24%;
margin:0.3% 0.5% 1% 0.5%;
display:inline-block;
vertical-align:top;
}
#subgallerylist li div{
height:150px;
overflow:hidden;
display:block;
background-size:cover;
background-position:center;
border: 1px solid #d7dada;
margin-bottom:5px;
}
#subgallerylist li a{
display:block;
height:100%;
}
.gallerydetail{
margin-left:calc(25% + 10px);
}
.fcontent .galthumb{
float:left;
margin-top:10px;
border:1px solid #d7dada;
border-radius:3px;
width:25%;
}
#gallerybox .story{
margin-bottom:20px;
}
#gallerybox .story img{
display:block;
}
.masonrycaption{
color:#ffffff;
width:100%;
position:absolute;
z-index:1;
bottom:0;
padding-left:10px;
padding-right:10px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 65%, rgba(0,0,0,0) 100%);
}
#gallerygrid{
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
margin-right:-1%;
overflow:hidden;
}
#gallerygrid li{
width:19%;
display:inline-block;
margin-right:1%;
vertical-align:top;
margin-top:1%;
border:1px solid #d7dada;
background-size: cover;
background-position: center;
}
#gallerygrid .enlarger{
  position: relative;
padding-top:25%;
padding-bottom:25%;
display:block;
  opacity: 0;
  transition: .5s ease;
  background-color: #0F75BC;
  color:#ffffff;
  text-align:center;
}
.enlarger i{
font-size:3em;
}
#gallerygrid a div:hover, #gallerygrid a:focus div{
  opacity: 0.7;
}
.homeslide-slide{
width:100vw;
background-size:cover;
}
.homeslide-slide>a, .sliderwidget-slide>a, .sliderfocus-slide>a{
display:block;
height:100%;
}
.sliderwidget .flickity-page-dots{
bottom:calc(100% - 25px);
text-align:right;
padding-right:10px;
}
.sliderwidget .flickity-page-dots .dot{
background:#25AAE1;
opacity:1;
}
.sliderwidget .flickity-page-dots .dot.is-selected{
background:#0F75BC;
}
.sliderwidget-slide, .sliderfocus-slide{
width:100%;
background-size:cover;
background-position:center;
}
.sliderwidget-slide>img, .sliderwidget-slide>a>img, .sliderfocus-slide>img, .sliderfocus-slide>a>img{
width:100%;
display:block;
height:auto;
}
.testimonialwidget-slide{
width:100%;
}
.productwidget-slide, .brandwidget-slide{
width:200px;
margin-right:10px;
}
.productwidget-slide .pw-imgcontainer, .brandwidget-slide .bw-imgcontainer{
border:1px solid #d7dada;
display:flex;height:160px;
align-items:center;
justify-content:center;
overflow:hidden;
background-color:#ffffff;
margin-bottom:10px;
}
.brandwidget-slide .bw-imgcontainer{
height:100px;
}
.col1 .productwidget-slide, .col1 .brandwidget-slide, .col2 .productwidget-slide, .col2 .brandwidget-slide{
width:100%;
margin-right:0px;
}
.col1 .productwidget-slide .pw-imgcontainer, .col1 .brandwidget-slide .bw-imgcontainer, .col2 .productwidget-slide .pw-imgcontainer, .col2 .brandwidget-slide .bw-imgcontainer{
border:0px;
}
.col3 .productwidget-slide, .col3 .brandwidget-slide{
width:calc(50% - 5px);
}
.col4 .productwidget-slide, .col4 .brandwidget-slide{
width:calc(25% - 7.5px);
}
.col5 .productwidget-slide, .col5 .brandwidget-slide{
width:calc(20% - 8px);
}
  
  @media only screen and ( max-width: 900px )
        {
        #slidethumb .slidethumbslide{
        width:24%;
        }
        #subgallerylist li{
        width:32.33%;
        }
        #gallerygrid li{
		width:24%;
		}
        .col5 .productwidget-slide, .col5 .brandwidget-slide{
        width:calc(25% - 7.5px);
        }
        .col4 .productwidget-slide, .col4 .brandwidget-slide{
        width:calc(50% - 5px);
        }
        }
        
    @media only screen and ( max-width: 700px )
        {
        #slidethumb .slidethumbslide{
        width:32.33%;
        }
        #subgallerylist li{
        width:49%;
        }
        #gallerygrid li{
		width:32.33%;
		}
        .col5 .productwidget-slide, .col5 .brandwidget-slide{
        width:calc(50% - 5px);
        }
        .col4 .productwidget-slide, .col4 .brandwidget-slide, .col3 .productwidget-slide, .col3 .brandwidget-slide{
        width:100%;
		margin-right:0px;
        }
        }

@media only screen and ( max-width: 500px )
        {
        #slidethumb .slidethumbslide{
        width:49%;
        }
        #gallerygrid li{
		width:49%;
		}
        }

/* ### END Gallery Sliders ### */ 

/* ### Lightbox ### */

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../../icon/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../../icon/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover, .lb-nav a.lb-prev:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../../icon/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover, .lb-nav a.lb-next:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
}
.lb-desc{
font-size: 1em;
  display:block;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../../icon/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover, .lb-data .lb-close:focus {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* ### END lightbox ### */ 


/* ### Blog comments ### */ 

.comment{
border-bottom:1px solid #d7dada; 
margin-bottom:10px;}

.unpublishedcomment{border: 1px solid #F03 !important; padding:0px 10px 0px 10px;}

.deletecomment{
  color:#F03 !important;
font-size:2em;

}
.approvecomment{
  color:#79B019;
font-size:2em;
margin-right:10px;

}
.commentdate{
}
.commentreply{
margin-left:20px;
margin-bottom:20px;
padding:0px 20px 0px 20px;
background-color:#F4F5F6;
}
.commentreply img{
max-width:150px;
margin:15px 15px 15px 0px;
float:left;
}
.authordetails, .blogauthor{
font-weight:bold;
}

@media only screen and ( max-width: 500px )
        {
        .commentreply{
        margin-left:0px;
        }
        .commentreply img{
        display:none;
        }
        }


/* ### END Blog comments ### */ 

/* ### Blog News masonry ### */ 

#newsbox .story{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #d7dada;
}
#newsbox .commentlink{
float:right; margin-top:5px;
}
.page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}
.masonryimage{
 margin-bottom:10px;
}

.loader-ellips {
  font-size: 20px;
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #d7dada; 
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}
#newsbox .newsrowbreak{
border-bottom:0px;
margin:0px;
padding:0px;
}
.centerbutton{
text-align:center;
}
.view-more-button{
border:1px solid #d7dada;
font:inherit;
padding:10px;
cursor: pointer;
background-color:#ffffff;
}
.view-more-button:hover, .view-more-button:focus{
background-color:#d7dada;
}

@media only screen and ( max-width: 900px )
    {
         .newsrowbreak{
         	display:none;
         }
	}


/* ### END Blog News masonry ### */ 


/* ### Product display ### */ 
#productcontent{display:flex; flex-wrap:wrap}

.productrow{
flex-basis:50%;
}
.productrow.imagehalf{
flex-basis:calc(50% - 15px);
margin-right:15px;
}

#productimage{
margin:18px 0px 15px 0px;
border:1px solid #d7dada;
overflow:hidden;
height:400px;
display:flex;
align-items:center;
justify-content:center;
}
#productimage.whitebox{
}
#productimage.whitebox img, .productlistimage.whitebox img, .productgridimage.whitebox img, .pw-imgcontainer.whitebox img{
object-fit:contain;
height:100%;
width:100%;
}
#productimage.whitebox a, .productlistimage.whitebox a, .productgridimage.whitebox a, .pw-imgcontainer.whitebox a{
display:block;
height:100%;
width:100%;
}
#productimage.stretchbox img, #productimage.stretchbox a, .productlistimage.stretchbox img, .productlistimage.stretchbox a, .productgridimage.stretchbox img, .productgridimage.stretchbox a, .pw-imgcontainer.stretchbox img, .pw-imgcontainer.stretchbox a{
object-fit:cover;
height:100%;
width:100%;
}

#productthumbs ul{
margin:-0.3% -0.5% -0.3% -0.5%;
list-style-type:none;
list-style-image:none;
padding:0px;
overflow:hidden;
}

#productthumbs li{
width:24%;
overflow:hidden;
display:inline-block;
margin:0.3% 0.5% 0.3% 0.5%;
background-size:cover;
background-position:center;
}

#productthumbs .aspect{
margin-top:75%;
}
#productthumbs li a{
border:1px solid #d7dada;
display:block;
height:calc(100% - 2px);
}
#productthumbs li a.active,
#productthumbs li a:hover,
#productthumbs li a:focus{
border:1px solid #0F75BC;
}

#productdescription{
border-top:1px solid #d7dada;
margin-top:15px;

}
#itemoptions{
  position: sticky;
  top: 50px;
}
.instock{color:#5CB85C;}
.awaitstock{color:#F0AD4E;}
.outstock{color:#D9534F;}

.productselection{
font-size:1.2em; font-weight:700;
padding-bottom:0px;
}
.productprice{
font-size:1.2em; font-weight:700;
}
.productprice span, .mainprice span{
color:#D9534F;
text-decoration: line-through;
}
.productprice span.nostrike{
text-decoration:none;
}
#orderloader{display:block; font-size:1.6em; color:#d7dada;}
#orderloader.hidden{display:none;}

#quantity{width:calc(100% - 80px); border-radius:0px; float:left;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.plus-minus-input {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.qbutton {
background-color:#ffffff;
border:1px solid #d7dada;
font-size:1em;
padding: 8px 12px 8px 12px;

font:inherit;
color:#333333;
}
.input-group-button .qbutton{
cursor:pointer;
}
.input-group-button .qbutton:hover, .input-group-button .qbutton:focus-within{
background-color:#FAFAFA;
}
.input-group-button.left{
float:left;
}
.input-group-button.left .qbutton{
border-top-left-radius:3px;
border-bottom-left-radius:3px;
border-right:0px;
}
.input-group-button.right .qbutton{
border-top-right-radius:3px;
border-bottom-right-radius:3px;
border-left:0px;
}

.plus-minus-input .input-group-field::-webkit-inner-spin-button,
.plus-minus-input .input-group-field ::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.sortfield{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #d7dada;
}
.sortfield .form-field{
       margin-top:0px;
       }
       .sortfield label{
       margin-top:0px;
       }
.sortfield .resultpp{
text-align:right;
}

#productgrid{
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
margin-right:-1%;
overflow:hidden;
}

#productgrid li{
width:24%;
display:inline-block;
margin-right:1%;
vertical-align:top;
margin-top:1%;
}
.productgridimageouter{
height:0;
overflow:hidden;
padding-top:75%;
position:relative;
margin-bottom:3%;
}
.productgridimage{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:1px solid #d7dada;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
} 

@media only screen and ( max-width: 900px )
        {
       #productimage{
       	height:300px;
       }
       #productthumbs li{
       width:32.3%;
       }
       #productgrid li{
width:calc(24% - 2px);
		}
        }
@media only screen and ( max-width: 800px )
        {
      .sortfield .resultpp{
       text-align:left;
       }
       
        }
        
    @media only screen and ( max-width: 700px )
        {
      .productrow, .productrow.imagehalf{
      flex-basis:100%;
      }
      .productrow.imagehalf{
		margin-right:0px;
        order:2;
	}
    #productimage{
       	height:400px;
       }
       #productthumbs li{
       width:24%;
       }
       #productgrid li{
width:calc(32.33% - 2px);
		}
       
        }

@media only screen and ( max-width: 500px )
        {
        #productimage{
       	height:250px;
       }
       #productthumbs li{
       width:49%;
       }
      #productgrid li{
		width:calc(49% - 2px);
		}
        }

/* ### END Product display ### */ 
/* ### Checkout display ### */ 

.checkout{
	width:100%;
    text-align:left;
    border-collapse:collapse;
}
.checkout thead{
border-bottom: 2px solid #0F75BC;
}
.checkout tbody tr.pline{
border-bottom: 1px solid #d7dada;
}
.checkout tbody tr.outstockl{
background-color:#FFB0B0;
}
.checkout span, .orderoverview span{
display:block;
font-style: italic;
font-size:0.9em;
opacity:0.8;
}
.checkout .form-field{
margin-top:0px;
width:50px;
}

.checkout .pricebasket{
text-align:right;
}
.checkout .ar{
text-align:right;
padding:10px 0px 10px 0px;
}

.checkout .deletebasket{
color:#333333;
font-size:1.2em;
padding:5px;
text-align:center;
}
.checkout .deletebasket a:hover, .checkout .deletebasket a:focus{
color:#F03;
}
.checkout tbody tr .basketimage{
border: 1px solid #d7dada;
margin:10px 10px 10px 0px;
display:block;
width:120px;
height:100px;
overflow:hidden;
}
.checkout tbody tr .basketimage a, .checkout tbody tr .basketimage a img{
display:block;
}
#discountcode, #deliveryservice{
background-color:#FAFAFA;
padding:15px;
margin:20px 0px 20px 0px;
}
#delserviceinfo{
padding-bottom:1px;
}

.form-field.discount{
max-width:200px;
}
.basketoptions{
margin:30px 0px 30px 0px;
min-height:32px;
}
.updatebasket{
text-align:right;
float:right;
}
.updatebasket a, .updatediscount a, button.updatediscount{
font:inherit;
color:#333333;
background-color:#ffffff;
padding:5px 10px 5px 10px;
text-decoration:none;
border:1px solid #0F75BC;
border-radius:6px;
cursor:pointer;
}
.updatebasket a:hover, .updatebasket a:focus, .updatediscount a:hover, .updatediscount a:focus, button:hover.updatediscount, button:focus.updatediscount{
background-color:#25AAE1;
color:#ffffff;
border:1px solid #25AAE1;
}
.checkoutbutton{
font-size:1.2em;
margin-bottom:30px;
}

.checkoutcontainer{
	display:flex;
}
.checkoutinput{
flex-basis:60%;

}
.checkoutbd{
display:flex;
flex-wrap:wrap;
}
.checkoutbilling, .checkoutdelivery{
flex-basis:50%;

}
.checkoutsummary{
flex-basis:calc(40% - 15px);
margin-left:15px;
order:2;
}
.basketsummary{background-color:#FAFAFA;
padding:15px;
}
#basketbar{
background-color:#25AAE1;
}
#basketsum{
text-align:right;
padding:20px 0px 20px 20px;
color:#ffffff;
font-weight:bold;
margin-left:auto;
margin-right:auto;
}
#basketsum .submitbutton{margin-left:10px;}
#basketsum .submitbutton:hover, #basketsum .submitbutton:focus{
background-color:#ffffff;
color:#0F75BC;
}

 @media only screen and ( max-width: 700px )
        {
        .updatebasket{
        float:none;
        
        }
        .basketoptions a, .updateoptions a{
        display:block;text-align:center;
        margin:6px 0px 6px 0px;
        }
        .checkoutcontainer{
        flex-wrap:wrap-reverse;
    	}
        .checkoutsummary{
        flex-basis:100%;
        margin:10px 0px 20px 0px;
        }
        .checkoutinput{
        flex-basis:100%;
        }
        .checkoutbilling, .checkoutdelivery{
		flex-basis:100%;

}
        .basketsummary{
        padding-bottom:0px;
        }
	}
/* ### END Checkout display ### */ 

/* ### Brand ### */ 

#brandcontainer{
display:flex;
}
#brandlogo{
margin:18px 15px 15px 0px;
border:1px solid #d7dada;
}
#branddescription{
}

 @media only screen and ( max-width: 500px )
        {
        #brandcontainer{
        flex-wrap:wrap;
        }
        #brandlogo, #branddescription{
        flex-basis:100%;
        }
        #brandlogo{
        margin-right:0px;
        text-align:center;
        }
        }

/* ### End Brand ### */ 

/* ### Stripe ### */ 

#payment-form input {
  border-radius: 6px;
  margin-bottom: 6px;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  font-size: 16px;
  width: 100%;
  background: white;
}

.result-message {
  line-height: 22px;
  font-size: 16px;
}

.result-message a {
  color: rgb(89, 111, 214);
  font-weight: 600;
  text-decoration: none;
}

#payment-form .hidden {
  display: none;
}

#card-error {
  color: rgb(105, 115, 134);
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px;
}

#card-element {
  border-radius: 4px 4px 0 0 ;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  width: 100%;
  background: white;
}

#payment-request-button {
  margin-bottom: 32px;
}

/* Buttons and links */
#payment-form button {
  background: #5469d4;
  color: #ffffff;
  font-family: Arial, sans-serif;
  border-radius: 0 0 4px 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}
#payment-form button:hover, button:focus {
  filter: contrast(115%);
}
#payment-form button:disabled {
  opacity: 0.5;
  cursor: default;
}

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #5469d4;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #5469d4;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* ### END Stripe ### */ 

/* ### Widgets ### */ 

.specbox {
  padding: 0px;
  margin-left:auto;
  margin-right:auto;
}
.specbox img:not(.nostretch) {
  display: block;
  width: 100%;
}
.grid-sizer-fourcol, .fourcol .story
{
  width: 10.75%;
}
.grid-sizer-threecol, .threecol .story
{
  width: 15%;
}
.gutter-sizer {
  width: 2%;
}
.story{
    background-color: #F8F8F9;
  color:#333333;
  float: left;
  margin:10px 0px 10px 0px;
}
.story ul, .story li{
margin:0px; padding:0px;
}
.specbox .colinner{
padding:0px 0px 0px 0px;
}

.fourcol .col1{ width: 10.75%; }
.fourcol .col2 { width: 23.5%; }
.fourcol .col3{ width: 49%; }
.fourcol .col4{ width: 74.5%; }
.fourcol .col5{ max-width:100%; width: 100%;}

.threecol .col1{ width: 15%;}
.threecol .col2 { width: 32%; }
.threecol .col3{ width: 49%; }
.threecol .col4{ width: 66%; }
.threecol .col5{max-width:100%; width: 100%;}

.specbox .col1 img,
.specbox .col2 img,
.specbox .col3 img,
.specbox .col4 img,
.specbox .col5 img {
  max-width: none;
}
.outerarea{ 
  margin: 0 -9999rem;
  padding: 0 9999rem;
}

.outerpad{
padding-top:25px;
padding-bottom:25px;
margin-top:0px;
margin-bottom:0px;
}

.widgetevent li{
list-style-type:none;
}

/* Masonry tranisitions*/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

@media only screen and ( max-width: 900px )
                {
               .fourcol .col1{
                width: 23.5% !important;
                }
                .threecol .col1{
                width: 32%; !important;
                }
                .col2, .col3, .col4{
width:49% !important;
				}               
                }
@media only screen and ( max-width: 450px )
                {
                .fourcol .col1, .threecol .col1{
		width:49% !important;
				}
                .col2, .col3, .col4{
		width:100% !important;
				}
                }


/* ### Background container ### */ 

.containerstretch{background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
}
.containerright{
background-position:calc(50% + 50vw);
background-repeat:no-repeat;
}
.containerleft{
background-position:calc(50% - 50vw);
background-repeat:no-repeat;
}
.containercenterbottom{
background-position:center 5px; background-repeat:no-repeat; 
}

/* ### END Background container ### */ 

/* ### Custom buttons ### */ 

.buttonbg{
background-size:cover;
overflow:hidden;

}
.buttonslide{
color:#ffffff;
margin-top:30%;
padding:10px;
background: rgba(15, 117, 188,0.75);
-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.buttonslide h5, .buttonslide p, .buttonslide a, .blockbutton h3, .blockbutton p, .blockbutton a{
color:#ffffff;
}

.buttonslide a, .butfade a, .boxbutton a{
text-decoration:none;
}
.buttonbg:hover .buttonslide, .buttonbg:focus-within .buttonslide{
margin-top:0%;
}
.blockbutton{
color:#ffffff;
padding:1px 10px 1px 10px;
}
.blockbutton.bglight, .blockbutton.bglight h3, .blockbutton.bglight p, .blockbutton.bglight a{
color:#333333;
}
.overlaybox{
padding:20px;
}
.overlayboxright{
padding:10px;
margin-left:50%;
background-color:rgba(255,255,255,0.8);
}

.col1 .overlayboxright, .col2 .overlayboxright{
margin-left:0%;
margin-top:60%;
}

.boxbutton{
border:1px solid #d7dada;
transition: all 0.3s;
}
.boxbutton:hover, .boxbutton:focus-within{
border:1px solid #25AAE1;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.boxbutton .boxbuttoncontent{
padding:1px 10px 1px 10px;
}
.boxbutton .boxbuttoncontent p{
color:#333333;
}
.boxbutton .boxbuttoncontent .buttonbg{
width:25%;
float:left;
margin:10px 10px 10px 0px;
}
.col1 .boxbuttoncontent .buttonbg, .col2 .boxbuttoncontent .buttonbg{

float:none;
width:100%;
}
@media only screen and ( max-width: 800px )
        {
        .overlayboxright{
        margin-left:0%;
margin-top:60%;
        }
        
       .boxbutton .boxbuttoncontent .buttonbg{

float:none;
width:100%;
}
        
        }

/* Button style 3 */

.butfade {
	background-size:100%;
    background-repeat:no-repeat;
   overflow: hidden;
   position: relative;
   background-position:center top;
      -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.butfade:hover, .butfade:focus-within{
background-size:120%;
}
.butfade .butfademask{
   position: absolute;
   overflow: hidden;
   width:100%;
   height:100%;
   top: 0;
   left: 0;text-align: center;
}
.butfade h5 {
   position: relative;
   padding:10px;
}
.butfade .butfadecontent { 
   position: relative;   
   padding: 10px 20px 20px;
   text-align: center;
   color:#ffffff;
}
.butfade-first .butfademask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(15, 117, 188,0.75);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.butfade-first h5 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.butfade-first .butfadecontent {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.butfade-first:hover .butfademask, .butfade-first:focus-within .butfademask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.butfade-first:hover h5,
.butfade-first:hover .butfadecontent, .butfade-first:focus-within h5,
.butfade-first:focus-within .butfadecontent {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.butfade-first:hover .butfadecontent, .butfade-first:focus-within .butfadecontent {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}	

/* End button style 3 */

.fb-like{ margin-bottom:5px;

}

/* ### END Custom buttons ### */ 

/* ### Calendar ### */ 

#loading {
		
		}

	#calendar {
		width: 100%;
		margin: 0 auto;
		}
        

#calendarkey{
margin-top:10px;
}
.coloursquare{
        width:12px;
        height:12px;
        margin:2px 10px 0px 0px;
        float:left;
        }
        
.booked{
background-color:#0F75BC; color:#ffffff;
}
.calendarcontrol{
bottom:-25px;
position:relative;
}
table.calendar, table.availcalendar{
width:100%;
}
.availcalendar .calendar{
background-color:#F8F8F9;
text-align:center;
}
.availcalendar .calendarMonth{
font-weight:bold;
}
.availcalendar .calendarHeader{
font-weight:bold;
background-color:#25AAE1;
color:#ffffff;
}

/* ### END Calendar ### */ 

/* ### Cookies ### */ 
#cconsent-bar { background-color:#0F75BC; color:#ffffff; padding:0px 15px 15px 15px; font-family:inherit;  line-height:1.2em; position:fixed; bottom:0; left:0; z-index:9998; transform: translateY(0); transition: transform .6s ease-in-out; transition-delay: .3s; width:325px; border-top-right-radius:6px; border-top-left-radius:6px; margin-left:10px;	text-align:left;}
#cconsent-bar.ccb--hidden {transform: translateY(100%); display:block;}
#cconsent-bar .ccb__wrapper { display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1800px; margin:0 auto;}
.cc-title:before{font-size:3em; content: "\f564"; font-family: "Font Awesome 5 Pro"; background-color:#0F75BC; padding:10px; margin-right:10px; border-radius:100px;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;
}
.ccb--hidden .cc-title:before{position:relative; top:-32px; font-size:1.6em; margin-left:-20px; padding:7px; opacity:0.7;}
.cc-title{font-weight:bold; font-size:1.1em;}
#cconsent-bar .ccb__left { align-self:center; margin: 0px 0px 15px 0px;}
#cconsent-bar .ccb__right { align-self:center; white-space: nowrap;}
#cconsent-bar .ccb__right > div {display:inline-block; color:#FFF;}
#cconsent-bar a { text-decoration:underline; color:#ffffff;}
#cconsent-bar>a{ text-decoration:none;}
#cconsent-bar button { line-height:normal; font-size:14px; border:none; padding:10px 10px; color:#ffffff; background-color:#25AAE1; font-weight:bold; font-family:inherit; border-radius:6px;}
#cconsent-bar button:hover, #cconsent-bar button:focus{background-color:#0F75BC;}
#cconsent-bar a.ccb__edit { margin-right:15px }
#cconsent-bar a:hover, #cconsent-bar button:hover{ cursor:pointer; }
#cconsent-modal { display:none; font-size:14px; line-height:18px; color:#666; width: 100vw; height: 100vh; position:fixed; left:0; top:0; right:0; bottom:0; font-family:inherit; font-size:14px; background-color:rgba(0,0,0,0.6); z-index:9999; align-items:center; justify-content:center;}
#cconsent-modal h2, #cconsent-modal h3 {color:#333}
#cconsent-modal.ccm--visible {display:flex}
#cconsent-modal .ccm__content { max-width:600px; min-height:200px; max-height:80vh; overflow-Y:auto; background-color:#EFEFEF; }
#cconsent-modal .ccm__content > .ccm__content__heading { border-bottom:1px solid #D8D8D8; padding:35px 35px 20px; background-color:#EFEFEF; position:relative;}
#cconsent-modal .ccm__content > .ccm__content__heading h2 { font-size:21px; font-weight:600; color:#333; margin:0 }
#cconsent-modal .ccm__content > .ccm__content__heading .ccm__cheading__close {font-weight:600; color:#888; cursor:pointer; font-size:26px; position: absolute; right:15px; top: 15px;}
#cconsent-modal h2, #cconsent-modal h3 {margin-top:0}
#cconsent-modal .ccm__content > .ccm__content__body { background-color:#FFF;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup {margin:0; border-bottom: 1px solid #D8D8D8; }
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup .ccm__tab-head::before { position:absolute; left:35px; font-size:1.4em; font-weight: 600; color:#E56385; content: "\f00d";
font-family: "Font Awesome 5 Pro"; display:inline-block; margin-right: 20px;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup.checked-5jhk .ccm__tab-head::before {font-size:1em; content: "\f00c";
font-family: "Font Awesome 5 Pro"; color:#28A834}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup .ccm__tab-head .ccm__tab-head__icon-wedge { transition: transform .3s ease-out; transform-origin: 16px 6px 0; position:absolute;right:25px; top:50%; transform:rotate(0deg); transform:translateY(-50%)}', '#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup .ccm__tab-head .ccm__tab-head__icon-wedge > svg { pointer-events: none; }
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup.ccm__tabgroup--open .ccm__tab-head .ccm__tab-head__icon-wedge {transform:rotate(-180deg)}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head {color:#333; padding:17px 35px 17px 56px; margin:0}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content {padding:25px 35px; margin:0}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head { transition: background-color .5s ease-out }
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head:hover, #cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head:focus-within{ background-color:#F9F9F9 }
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-head {font-weight:600; cursor:pointer; position:relative;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup .ccm__tab-content {display:none;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup.ccm__tabgroup--open .ccm__tab-head { background-color:#F9F9F9 }
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup.ccm__tabgroup--open .ccm__tab-content {display:flex;}

#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch-component {display:flex; margin-right:35px; align-items:center;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch-component > div {font-weight:600;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch-group {width:40px; height:20px; margin:0 10px; position:relative;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch {position: absolute; top:0; right:0; display: inline-block; width: 40px; height: 20px;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch input {display:none;}
label.ccm__switch {margin:0px;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch .ccm__switch__slider  {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius:10px; -webkit-transition: .4s; transition: .4s;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch .ccm__switch__slider:before  {position: absolute; content: ""; height: 12px; width: 12px; left: 4px; bottom: 4px; background-color: white; border-radius:50%; -webkit-transition: .4s; transition: .4s;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch input:checked + .ccm__switch__slider  {background-color: #28A834;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch input:focus + .ccm__switch__slider  {box-shadow: 0 0 1px #28A834;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left .ccm__switch input:checked + .ccm__switch__slider:before  {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content h3 {font-size:18px; margin-bottom:10px; line-height:1;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content p {color:#444; margin-bottom:0}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__list:not(:empty) {margin-top:30px;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__list .ccm__list__title {color:#333; font-weight:600;}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__list ul { margin:15px 0; padding-left:15px }
#cconsent-modal .ccm__footer { padding:35px; background-color:#EFEFEF; text-align:center; display: flex; align-items:center; justify-content:flex-end; }
#cconsent-modal .ccm__footer button { line-height:normal; font-size:14px; transition: background-color .5s ease-out; background-color:#25AAE1; color:#ffffff; border:none; padding:13px; min-width:110px; border-radius: 2px; cursor:pointer; font-weight:bold; font-family:inherit; }
#cconsent-modal .ccm__footer button:hover, #cconsent-modal .ccm__footer button:focus { background-color:#0F75BC; }
#cconsent-modal .ccm__footer button#ccm__footer__consent-modal-submit {  margin-right:10px; }
	
	@media (max-width: 600px) { 
	
	#cconsent-modal { height: 100% } #cconsent-modal .ccm__content { max-width:100vw; height:100%; max-height:initial; }
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup.ccm__tabgroup--open .ccm__tab-content {flex-direction:column}
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tab-content .ccm__tab-content__left { margin-bottom:20px; }
}
/* ### END Cookies ### */ 

/* ### Add calendar ### */ 

.add-to-calendar {
	position: relative;
  text-align: left;
}

.add-to-calendar > * {
	display:none;
}

.add-to-calendar > .add-to-calendar-widget {
	display:block;
}

.add-to-calendar-label {
  cursor: pointer;
}

.add-to-calendar-checkbox + div.add-to-calendar-dropdown {
  display: none;
  margin-left: 20px;
}

.add-to-calendar-checkbox:checked + div.add-to-calendar-dropdown {
  display: block;
}

input[type=checkbox].add-to-calendar-checkbox {
  position: absolute;
  visibility:hidden;
}

.add-to-calendar-checkbox + div.add-to-calendar-dropdown a {
	cursor:pointer;
	display:block;
}

.add-to-calendar-checkbox + div.add-to-calendar-dropdown a:before {
  width: 16px;
  height: 16px;
  display: inline-block;
 
font-family: "Font Awesome 5 Brands";
  margin-right: .5em;  font-weight:400;

}

.icon-ical:before {
  content: "\f179";
}

.icon-outlook:before {
  content: "\f17a";
}

.icon-off365:before {
  content: "\f17a";
}

.icon-yahoo:before {
  content: "\f19e";
}

.icon-google:before {

  content: "\f1a0";
  
}

/* --------------------
    prettify
-------------------- */

.add-to-calendar-widget {
	font-family:inherit;
	margin: 5px 0px 0px 0px;
	position:relative;
}

.add-to-calendar-label {
	display: inline-block;
	background-color: white;
	padding: 1em 1em 1em 1em;
	border-radius: 3px;
	box-shadow: 0 0 0 0.5px rgba(50, 50, 93, .17), 
		0 2px 5px 0 rgba(50, 50, 93, .1), 
		0 1px 1.5px 0 rgba(0, 0, 0, .07), 
		0 1px 2px 0 rgba(0, 0, 0, .08), 
		0 0 0 0 transparent!important;	
}
.add-to-calendar-label:before{
content: "\f073"; font-family: "Font Awesome 5 Pro";
font-size:1.4em;
margin-right:10px;
}

.add-to-calendar-dropdown  {
	position: absolute;
	z-index: 99;
	background-color: white;
	top: 0;
	left:0;
	padding: 1em;
	margin:0!important;
	border-radius: 3px;
	box-shadow: 0 0 0 0.5px rgba(50, 50, 93, .17), 
		0 2px 5px 0 rgba(50, 50, 93, .1), 
		0 1px 1.5px 0 rgba(0, 0, 0, .07), 
		0 1px 2px 0 rgba(0, 0, 0, .08), 
		0 0 0 0 transparent!important;
}

.add-to-calendar-dropdown a {
	display: block;
	line-height: 1.75em;
	text-decoration: none;
	color: inherit;
	opacity:.7;
}

.add-to-calendar-dropdown a:hover {
	opacity:1;
}
/* ### END Add calendar ### */