/*!
Theme Name: Option 4 Sample
Theme URI: http://underscores.me/
Author: Web Directions
Author URI: http://www.webdirections.co.uk
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: opt4sample
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Option 3 Sample is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/   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}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}h1{font-size:2em;margin:0.67em 0}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-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,button,input,select,optgroup,textarea{color:#404040;font-family:sans-serif;font-size:16px;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch", Courier, monospace;font-size:15px;font-size:0.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}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%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}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}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0, 0, 0, 0.8);font-size:12px;font-size:0.75rem;line-height:1;padding:.6em 1em .4em}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}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:#666;border:1px solid #ccc;border-radius:3px;padding:3px}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:#111}select{border:1px solid #ccc}textarea{width:100%}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;word-wrap:normal !important}.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}#content[tabindex="-1"]:focus{outline:0}.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}.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}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.sticky{display:block}.hentry{margin:0 0 1.5em}.updated:not(.published){display:none}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.custom-logo-link{display:inline-block}.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}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}

/*==================================
BODY
====================================*/
body{
	font-family: 'Nunito Sans', sans-serif;
	font-size:15px;
	font-weight:300;
	color:#777777;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*==================================
LAYOUT
====================================*/
.full{
	width:100%;
	float:left
}
.section{
	width:100%;
	float:left;
	padding:20px
}
.half{
	width:50%;
	float:left
}
.two-third{
	width:66.66%;
	float:left
}
.third{
	width:33.33%;
	float:left;
}
.quart{
	width:25%;
	float:left
}
.inner {
	display:block;
	margin:0 auto;
	max-width:1064px;
}
.item{
	padding:20px
}
.container{
	padding:20px 10px
}
.margin{
	margin:20px;
}
.hpad{
	padding:0 20px
}
.vpad{
	padding:20px 0
}
.padleft{
	padding-left:20px
}
.padright {
	padding-right: 20px
}
.center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.hcenter{
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.center > * {
	max-width: 100%; /* 1 */
}
.equal {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	overflow:visible;
	position:relative;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.cover {
	background-repeat:no-repeat;
	background-position:center center!important;
	background-attachment:scroll;
	background-size:cover!important;
}
.textcenter{
	text-align:center
}
/*==================================
FONTS
====================================*/
a, a:visited {
	color:#AA010D;
	text-decoration:none;
	-webkit-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
a:hover {
	color:#AA010D
}
h1, h2, h3, h4 {
	font-family: "Montserrat", sans-serif; 
	font-weight: 400;
	text-transform: uppercase;
	color:#333333;
}
h1 {
	font-size:2em;
	margin-top: 4px
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.1em;
	line-height: 1.2	
}
h4 {
	font-size:1.2em;
}
h5 {
	font-size:0.8em;
}
h6 {
	font-size:0.6em;
}
/*==================================
ELEMENTS
====================================*/
a.button, .button{
	border:none;
	border-radius:3px;
	background:#AA010D;
	font-size:1em;
	color:#FFF;
	font-weight:700;
	display:inline-block;
	cursor: pointer;
	padding:9px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
a.button:hover, a.button:active, .button:hover {
	box-shadow: 0 0.5em 0.5em -0.4em rgba(119, 119, 119, 0.4);
	background:#AA010D
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	border:none;
	border-radius:3px;
	background:#AA010D;
	font-size:1em;
	margin-top: 20px;
	line-height: 1.5;
	color:#FFF;
	font-weight:700;
	display:inline-block;
	font-family: "Nunito Sans", sans-serif;
	cursor: pointer;
	padding:9px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	box-shadow: 0 0.5em 0.5em -0.4em rgba(119, 119, 119, 0.4);
	background:#AA010D
}
blockquote {
	max-width:700px;
	margin:15px auto;

	padding:10px 30px;
	text-align:center;
	position:relative;
}
blockquote p:first-child {
	margin-top:0
}
blockquote p:last-child {
	margin-bottom:0
}
blockquote:before {
	content:"\f10D";
	font-family: "fontAwesome";
	position:absolute;
	top:0px;
	left:10px;
	color:#AA010D;
	font-size:20px
}
blockquote:after {
	content:"\f10E";
	font-family: "fontAwesome";
	position:absolute;
	bottom:0px;
	right:10px;
	color:#AA010D;
	font-size:20px
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], 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"], input[type="number"], input[type="search"], textarea {
	width: 100%;	
}
textarea {
	height: 120px;
}

td, th {
	padding: 4px;
	border: 1px solid #000
}
ol, ul {
	margin: 0 0 20px 0
}
hr {
	clear: both;
	margin: 0
}
/*======================
HEADER
=======================*/
.tophead {
	background: #222;
	width: 100%;
	float: left;
	padding: 4px 20px;
	text-align: center;
	font-size: 18px	;
	border-bottom: 1px solid #fff;
}
.tophead a {
	margin-right: 30px;
	color: #fff;
	white-space: nowrap;
	-webkit-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
.tophead a:hover {
	color: #AA010D
}
.tophead img {
	display: block;
	float: right;
	max-height: 25px;	
	padding-left: 4px;
	
}
.tophead a .fa.fa-mobile {
	font-size: 22px;
}
#masthead {
	background: rgba(255,255,255,0.8);	
}
#brand {
	position: absolute;;
	z-index: 9999;
	height: 300px;
	padding: 0 20px
}
#brand .inner {
	margin-top: 40px;
	max-width: 500px
}
#bannerhome .fadebanner {
	height: 300px
}
#bannerhome {
	position: relative;
	height: 300px;
	overflow: hidden;
}
#bannerhome h1 {
	color: #fff;	
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	padding: 0 20px
}
.fadebanner .cover {
	height: 300px;
	position: relative
}
.fadebanner .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	background: rgba(0,0,0,0.2);
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tape{
	color: #fff;
	padding: 5px;
}
.pattern-container{
	height: 100px;
}
.site-branding {
	text-align: center;
	padding:20px;
	max-width: 500px;
	float: left;
	width: 100%
}
.site-branding img {
height: auto;
display: block;
max-height: 150px;
width: auto;
}
.headright {
	float: left;
	padding-top: 100px;
}
.menubar{
	float: left;
	width: 100%;
	margin-top: -30px;
	text-align: center
}
.social {
	text-align: center;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	padding: 10px 0
}

.social .icon {
	font-size: 15px;
	display: inline-block;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 4px;
	color: #fff;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	margin:0 6px;
}
.social .icon:first-child{
	margin-left: 0;
}
.social .icon a {
	font-size: 15px;
	color: #fff;
}
.social .icon svg {
	width: 16px;
	height: 16px;
}
.social .icon.facebook {
    background: #3B5998
}

.social .icon.linkedin {
    background: #0077b5
}
.social .icon.instagram {
    background: #e1306c
}
.social .icon.twitter {
    background: #1da1f2
}
.social .icon.youtube {
    background: #cd201f
}
.social .icon.tripadvisor {
	background: #1EAF88
}
.social .icon.pinterest {
   background: #cd201f
}
.social .icon:hover {
	background: #008CDC
}

.contact {
	float: left
}
#checkout-mobile {
	display: none
}
/*======================
NAV
=======================*/
#site-navigation-mobile {
	  display: none;
	  width: 100%;
	  float: left;
	  padding: 0 20px 20px
}
.menu{
	display:none;
	float:left;
	width:100%
}
.menu li{
	float:none
}
.menu ul{
	float: left;
	width: 100%;
	padding: 20px;
	background: #AA010D;
	border-radius: 0
}
.menu ul li a{
	color:#fff
}
.sub-menu{
	top:30px!important
}
.menubutton {
	z-index: 9999;
	position: relative;
	background: #AA010D;
	border-radius: 5px;
	padding: 20px;
	display: inline-block;
}
.menu-toggle:before{
	content:'Menu';
	font-family: 'Nunito Sans', sans-serif;
	position:absolute;
	left:0px
}
.menu-toggle{
	color:#fff;
	margin:0 auto;
	display:block;
	font-size: 18px;
	line-height:1;
	width:80px;
	height:17px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
  position: relative;
  -webkit-transform: translateZ(0);
}
.menu-toggle span{
	display: block;
  position: absolute;
  height: 2px;
  width: 17px;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  right: 8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.menu-toggle span:nth-child(1) {
  bottom: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.menu-toggle span:nth-child(2) {
  bottom: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.menu-toggle span:nth-child(3) {
  bottom: 2px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.menu-toggle.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 14px;
  right: 8px;
}
.menu-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.menu-toggle.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 2px;
  right: 8px;
}
.menu-toggle .fa{
	width:14px;
	height:14px;
}
.menu-toggle:hover, .menu-toggle:active{
	color:#000
}
.menu-toggle:hover span, .menu-toggle:active span{
	background:#000
}
.menubutton:hover {
	background: #AA010D
}
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.sm-clean {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
  padding: 14px 0 0;
  /* make room for the toggle button (sub indicator) */
  color: #555;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  border-bottom: 2px solid rgba(8, 147, 71, 0)
}
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
	
	color: #fff
}
.sm-clean a.current {
  color: #AA010D;
}
  .sm-clean li.current-menu-item > a{
	color: #000
  }
.sm-clean a.disabled {
  color: #bbbbbb;
}
.sm-clean a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: 30px/34px monospace !important;
  text-align: center;
  text-shadow: none;
}
.sm-clean a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.sm-clean li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 14px 0 0;
}
.sm-clean > li:first-child {
  border-top: 0;
}
.sm-clean ul {
  
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
  font-size: 16px;
  border-left: 8px solid transparent;
}
.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
@media (min-width: 844px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-clean ul {
    position: absolute;
    width: 12em;
  }
  .sm-clean li {
    display:inline-block;
    margin:0
  }

  .sm-clean.sm-rtl li {
    float: right;
  }

  .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
    float: none;
	width: 100%
  }

  .sm-clean a {
    white-space: nowrap;
  }

  .sm-clean ul a, .sm-clean.sm-vertical a {
    white-space: normal;
  }

  .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .menu-toggle{
	  display:none
  }
  .menubutton {
	  display: none
  }
  #site-navigation-mobile {
	  display: none!important
  }
  .menu{
	  display:inline-block!important;
	  text-align:center
  }
  .menu ul{	
	text-align:center;
	display: inline-block;
	width: auto;
	float: none;
	border-radius: 5px
  }
  .sm-clean {
    padding: 0 8px;
  }
  .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
  	font-size: 18px;
  }
  .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    margin: 0 10px;
    padding: 0 0 4px;
    font-size:18px;
    color: #222;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    color: #000
  }
  .sm-clean a.current {
    color: #000;
  }
  .sm-clean a.disabled {
    color: #bbbbbb;
  }
  .sm-clean a.has-submenu {
    padding-right: 24px;
  }
  .sm-clean a span.sub-arrow {
    top: 50%;
    margin-top: -2px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: #777777 transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .sm-clean a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-clean li {
    border-top: 0;
  }
  .sm-clean > li > ul:before,
  .sm-clean > li > ul:after {
    content: '';
    position: absolute;
    top: -18px;
    left: 30px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #777777 transparent;
  }
  .sm-clean > li > ul:after {
    top: -16px;
    left: 31px;
    border-width: 8px;
    border-color: transparent transparent #777777 transparent;
  }
  .sm-clean ul {
    padding: 5px 0;
    background:#eee;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
  }
  .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    border: 0 !important;
    padding: 10px 20px;
    color: #555555;
  }
  .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    color: #AA010D;
  }
  .sm-clean ul a.current {
    color: #AA010D;
  }
  .sm-clean ul a.disabled {
    background: white;
    color: #cccccc;
  }
  .sm-clean ul a.has-submenu {
    padding-right: 20px;
  }
  .sm-clean ul a span.sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .sm-clean span.scroll-up,
  .sm-clean span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-clean span.scroll-up:hover,
  .sm-clean span.scroll-down:hover {
    background: #eeeeee;
  }
  .sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow {
    border-color: transparent transparent #d23600 transparent;
  }
  .sm-clean span.scroll-down:hover span.scroll-down-arrow {
    border-color: #d23600 transparent transparent transparent;
  }
  .sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-clean span.scroll-down-arrow {
    top: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-clean.sm-rtl a.has-submenu {
    padding-right: 12px;
    padding-left: 24px;
  }
  .sm-clean.sm-rtl a span.sub-arrow {
    right: auto;
    left: 12px;
  }
  .sm-clean.sm-rtl.sm-vertical a.has-submenu {
    padding: 10px 20px;
  }
  .sm-clean.sm-rtl.sm-vertical a span.sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-rtl > li > ul:before {
    left: auto;
    right: 30px;
  }
  .sm-clean.sm-rtl > li > ul:after {
    left: auto;
    right: 31px;
  }
  .sm-clean.sm-rtl ul a.has-submenu {
    padding: 10px 20px !important;
  }
  .sm-clean.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-vertical {
    padding: 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .sm-clean.sm-vertical a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
    background: white;
  }
  .sm-clean.sm-vertical a.disabled {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical a span.sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .sm-clean.sm-vertical > li > ul:before,
  .sm-clean.sm-vertical > li > ul:after {
    display: none;
  }
  .sm-clean.sm-vertical ul a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical ul a.disabled {
    background: white;
  }
}
@media screen and (max-width: 843px) {	
	.sm-clean li{
		display: block;
		width: 100%;
		float: left;
	}	
	#masthead .padtop{
	padding-top:10px
}
}

/*======================
PAGES
=======================*/

#intro {
	background: #eee;
	font-weight: 700;
	text-align: center
}
#main {
	border-top: 1px dotted #adadad;
	min-height: 680px;
}
body.page-template-home-template #main {
	min-height: 0;
}
body.page-template-home-template #maincontent {
	width: 100%;
	min-height: 0;
}
#maincontent {
	width: calc(100% - 261px);	
	min-height: 680px;
}
#maincontent h3 {
	text-transform: none;
	margin-bottom: 4px
}
#maincontent h2 {
	text-transform: none;
	font-size: 1.5em;
	margin-bottom: 0
}

#main-rightside {
	width: 260px; 
    float: right;
    background: #eee
}
#main-rightside h3 {
	margin-bottom: 4px
}
#main-rightside p {
	font-size: 0.9em;
	font-style: italic
}
#main-rightside img {
	padding-top: 20px
}
.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:28px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #2ecc71;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}
#archivecontent {
	/*width: calc(100% - 441px);*/
	width:calc(100% - 491px);
	padding-bottom: 40px;
	
}
#sticky {
	width: 260px;
    float: right;
    position: relative;
    background: #eee;
    
}
#right-sidebar {
	width: 220px; 
    position: absolute;
    
}
#right-sidebar h3 {
	margin-bottom: 4px
}
#right-sidebar p {
	font-size: 0.9em;
	font-style: italic;
	margin-top: 8px
}
#right-sidebar img {
	padding-top: 20px
}
#right-sidebar img.quart  {
	padding: 10px 5px;
	width: 25%;
	max-width: 60px;
}
#right-sidebar.fixed {
	margin-top: 0 !important;
    position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
    top: 0;
    bottom: 0;
    left: 50%;
	margin-left: 292px;
    z-index: 999;
    
}
#sticky2 {
	/*width: 180px;*/
	width:230px;
    float: left;
    position: relative;
    
    
}
#left-sidebar.fixed {
	margin-top: 0 !important;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
    z-index: 10000;
}
#sticky2.stick {
	margin-top: 0 !important;
    position: fixed;
    top: 0;   
    z-index: 10000;
}
#left-sidebar {
	/*width: 180px;*/
	width:230px;
	position: absolute;
	
}
#left-sidebar h3 {
	margin-bottom: 4px
}
#left-sidebar p {
	font-size: 0.9em;
	font-style: italic
}
#left-sidebar #menu-scroll {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
}
#left-sidebar #menu-scroll li {
	list-style: none;
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
#menu-scroll a {
	color: #777
}
#menu-scroll a:hover {
	color: #AA010D
}
#menu-scroll a.active {
	color: #AA010D
}
/*======================
HOME
=======================*/
#deliver {
	text-align: center
}
#deliver .fa {
	color: #AA010D
}
#deliver .fa-chevron-right {
	padding: 0 10px;
	color: #ccc
}
#cta .third{
	width: 31.33%;
	margin: 30px 1%;
}
#cta .cta-single {
	text-align: center;
	overflow: hidden;
	position: relative;
	padding-bottom: 60%;
}
#cta .cta-single .full {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#cta .cta-single .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#cta .cta-single a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
#cta .cta-single svg {
	font-size: 30px;
	color: #fff;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#cta .third h3 {
	color: #fff;
	font-size: 1.2em;
	padding: 10px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	border-radius: 5px;
	background:#000;
	margin: 0 auto -20px auto;
	width: 80%;
	text-align: center;
	z-index: 2;
	position: relative;
}
#cta .cta-single:hover .full {
	transform: scale(1.1,1.1)
}
#cta .cta-single:hover .overlay {
	background: rgba(0,0,0,0.5)
}

/*======================
ARCHIVE
=======================*/
#leftside-menu {
	display: none
}
.category-title h2 {
	text-transform: none;
	margin-bottom: 0;
	font-size: 1.5em;
	color: #AA010D
}
/*.category-description {
	padding-bottom: 10px
}*/
.posts .hentry:nth-child(1) {
	margin-top: 0
}
.hentry {
	margin: 20px 0;
	padding-top: 20px;
	border-top: 1px dotted #ccc
}
.entry-content {
	margin: 0;
}
.entry-content h3{
	margin: 0;
	text-transform: none;
}
.entry-content img {
	max-height: 15px;
	width: auto
}
span.nuts {
	font-style: italic;
	font-size: 0.9em;
	color: red
}
.price .inprice {
	float: right;
	color: #333;
	font-weight: 700;
	line-height: 1.2;
	position: relative;
}
.variable {
	margin-top: 20px
}
.variation-description p{
	margin:0;
}
#basket-right {
	padding-top: 10px;
}

.allergy {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background:#eee;
	color: #fff;
	padding:2px;
	font-size: 0.6em;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-top: 1px;
}
.allergy-1 {
	background: #F1661D
}
.allergy-2 {
	background: #EC3D47
}
.allergy-3 {
	background: #85C54F
}
.allergy-4 {
	background: #D00E84
}
.allergy-5 {
	background: #208BD2
}
.allergy-6 {
	background: #BC8D4B
}
.allergy-7 {
	background: #A6235E
}
.allergy-8 {
	background: #82777E
}
.allergy-9 {
	background: #201958
}
/*======================
WOOCOMMERCE ARCHIVE
=======================*/
body.archive #archivecontent .single_add_to_cart_button.button.alt {
	content: '\f067';
	font-family: 'fontAwesome';
	padding: 5px 6px;
	border-radius: 50%;
	margin-left: 10px;
	float: right;
	height: 25px;
	width: 25px;
}
/*.woocommerce #archivecontent .quantity .qty {
	display: none
}*/
.woocommerce #archivecontent div.product p.price {
	float: left;
	display: inline-block;
	margin: 0;
	font-size: 1em;
	color: #333
}
.woocommerce #archivecontent div.product p.price span.price {
	padding: 4px 0
}
.woocommerce #archivecontent div.product form.cart {
	float: right;
	margin: 0
}
#archivecontent .product_meta {
	display: none
}
.woocommerce #archivecontent div.product.product-type-simple p.price {
	font-size: 0.8em;
	padding: 4px 0
}
.woocommerce #archivecontent div.product h3 {
	font-size: 1.2em;
	text-transform: none;
	margin: 0;
	line-height: 1.2
}
.woocommerce #archivecontent div.product {
	float: left;
	width: 100%;
	margin: 20px 0 0;
	padding-top: 20px;
	border-top: 1px dotted #ccc
}
.woocommerce #archivecontent .posts div.product:nth-child(1) {
	margin-top: 0
}
/*#archivecontent .woocommerce-product-details__short-description p {
	margin: 0
}*/
#archivecontent .product p {
	margin: 0
}
.woocommerce #archivecontent div.product-type-variable .product_title {

	font-size: 1.2em;
	text-transform: none;
	float: left;
	margin: 0
}
.woocommerce #archivecontent div.product-type-variable p.price {

	float: right;
	text-align: right;
	font-weight: 700;
	opacity: 0
}
#archivecontent .product-type-variable .woocommerce-product-details__short-description p {
	float: left;
}
#archivecontent .product-type-variable .woocommerce-product-details__short-description {
	float: left;

}
.woocommerce #archivecontent .category-title {
	float: left
}
body.archive #archivecontent .product-type-variable .single_add_to_cart_button {
	content: '\f067';
	font-family: 'fontAwesome';
	padding: 5px 6px;
	border-radius: 50%;
	margin: 0 0 0 10px;
	line-height: 1;
	height: 25px;
	width: 25px;
	float: right
}
.woocommerce #archivecontent div.product-type-variable span.price, .woocommerce #archivecontent div.product-type-bundle span.price {
	float: left;
	display: inline-block;
	margin: 0;
	font-size: 1em;
	color: #333;
	padding: 4px 0
}
.woocommerce #archivecontent div.product-type-variable .quantity .qty, .woocommerce #archivecontent div.product-type-simple .quantity .qty{
	display: none;
}
.woocommerce #archivecontent div.product-type-bundle .quantity .qty{
	float:right;
}
.bundled_product_title_link{
	display: none;
}
table.bundled_products th.bundled_item_col{
	display: none;
}
.bundled_item_images_col{
	display: none;
}
table.bundled_products td.bundled_item_col{
	padding:0!important;
}
.woocommerce #archivecontent div.product form.bundle_form{
	display: block!important;
	width:100%;
}
h4.bundled_product_title, .bundled_product_excerpt p{
	margin:0;
}
table.bundled_products td.bundled_item_details_col .details, table.bundled_products td.bundled_item_qty_col .quantity{
	margin-top:10px!important;
}
/*.woocommerce-message {
    border-top-color: #8fae1b;
    position: fixed;
    top: 10%;
    z-index: 10001;
}*/
.woocommerce a.added_to_cart{
	display: inline-block;
	width: 117px;
	position: absolute;
	right: 0;
	bottom: -16px;
	font-size: 0.8em;
	color: #8fae1b;
	text-align: right;
	padding-top: 0;
}
.woocommerce button.button.added::after{
	content:'';
	margin-left: 0;
}
/*======================
WOOCOMMERCE BASKET
=======================*/
.woocommerce th.product-thumbnail, .woocommerce td.product-thumbnail {
	display: none
}
.woocommerce td, .woocommerce th {
	border: none
}
.woocommerce .cart_totals h2 {
	margin: 0
}
.woocommerce table.shop_table_responsive tr.bundled_table_item td::before, .woocommerce-page table.shop_table_responsive tr.bundled_table_item td::before {
	display: none;
}
/*======================
WOOCOMMERCE ACCOUNT
=======================*/
nav.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;	
}
nav.woocommerce-MyAccount-navigation ul li {
	padding: 4px 0
}
.woocommerce table.my_account_orders .order-again{
	margin-top:5px;
}
/*======================
CONTACT
=======================*/
.map {
	position: relative;
	height: 310px;
	padding-bottom: 10px	
}
.map .overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}
.map iframe {
	height: 300px;
	width: 100%
}
.incontact {
	padding-bottom: 20px
}
.incontact .send {
	padding-left: 20px;
	text-align: right
}
.wpcf7-form p {
	margin-bottom: 0
}
div.wpcf7-response-output{
	clear:both;
	float:left;
}
.git {
	font-size: 1.2em;
	padding-left: 40px;
	padding-top: 24px
}
.git .fa-mobile {
	font-size: 1.4em
}
.g-recaptcha {

transform: scale(0.80);
left: -32px;
position: relative;
}
.g-recaptcha div {
text-align: center;
padding: 2px;
border-width: 0px;
border-bottom-width: 3px;
overflow: hidden;
position: relative;
transform: scale(1.01);
left: -1px;
top: -2px;
width: 306px!important;
}
/*======================
FOOTER
=======================*/
#footer {
	background: #222;
	color: #fff;
	position: relative;
	z-index: 99999;
	padding-top: 20px;
}
#footer .quart.item {	
	width: 24.9%;
	padding: 20px;
	font-size: 0.9em;	
}
#footer .quart p {
	margin-bottom: 0;
	font-style: italic;
	font-size: 0.9em
}
#footer .quart h3 {
	margin-top: 0;
	color: #fff
}
#footer .social {
	position: relative;
	bottom: 0;
	text-align: left
}
#footer .footer-contact a {
padding-bottom: 8px;
display: inline-block;
}
/*#footer #left .inleft .fa {
	width: 14px;
	text-align: center;
	height: auto
}
#footer #left .fa.fa-mobile {
	font-size: 1.2em
}*/
.grecaptcha-badge {
z-index: 999991;
}
.copyright {
	background: #222;
	color: #fff;
	font-size: 0.8em;	
	z-index: 99999;
	position: relative;
}
.copyright .inner {
	padding: 20px 20px 80px 20px;
}
.copyright a {
	white-space: nowrap
}

@media (max-width: 1010px ){
	.footer-contact a{
		padding: 8px 0;
		display: inline-block;
}
	.footer-contact address{
		    margin: 1.5em 0 1.5em;
	}
}
/*================================
FANCYBOX
=================================*/
.fancybox-thumbs>ul {
	background: #2E2E30
}
.fancybox-thumbs>ul>li {
	border: 2px solid #2E2E30!important;
	width: 50%!important
}
.fancybox-thumbs {
	padding: 0!important
}
.fancybox-caption {
	font-family: "Nunito Sans", sans-serif!important
}
/*================================
ANIMATIONS
================================*/
.anim {
	position:relative;
	visibility:hidden
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}
.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
/*================================
SLICK
================================*/
.slick-slide.slick-current.slick-active .slide-text {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

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

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

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

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

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

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

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*================================
SLICK - THEME
================================*/

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: none!important;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

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

.slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}



/**
 * Alpha Color Picker CSS
 */

.customize-control-alpha-color .wp-picker-container .iris-picker {
	border-bottom:none;
}

.customize-control-alpha-color .wp-picker-container {
	max-width: 257px;
}

.customize-control-alpha-color .wp-picker-open + .wp-picker-input-wrap {
	width: 100%;
}

.customize-control-alpha-color .wp-picker-input-wrap input[type="text"].wp-color-picker.alpha-color-control {
	float: left;
	width: 195px;
}

.customize-control-alpha-color .wp-picker-input-wrap .button {
	margin-left: 0;
	float: right;
}

.wp-picker-container .wp-picker-open ~ .wp-picker-holder .alpha-color-picker-container {
	display: block;
}

.alpha-color-picker-container {
	border: 1px solid #dfdfdf;
	border-top: none;
	display: none;
	background: #FFF;
	padding: 0 11px 10px;
	position: relative;
}

.alpha-color-picker-container .ui-widget-content,
.alpha-color-picker-container .ui-widget-header,
.alpha-color-picker-wrap .ui-state-focus {
	background: transparent;
	border: none;
}

.alpha-color-picker-wrap a.iris-square-value:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.alpha-color-picker-container .ui-slider {
	position: relative;
	z-index: 1;
	height: 24px;
	text-align: center;
	margin: 0 auto;
	width: 88%;
	width: calc( 100% - 28px );
}

.alpha-color-picker-container .ui-slider-handle,
.alpha-color-picker-container .ui-widget-content .ui-state-default {
	color: #777;
	background-color: #FFF;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
	position: absolute;
	z-index: 2;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: -2px;
	top: 0;
	height: 26px;
	width: 26px;
	cursor: ew-resize;
	font-size: 0;
	padding: 0;
	line-height: 27px;
	margin-left: -14px;
}

.alpha-color-picker-container .ui-slider-handle.show-opacity {
	font-size: 12px;
}

.alpha-color-picker-container .click-zone {
	width: 14px;
	height: 24px;
	display: block;
	position: absolute;
	left: 10px;
}

.alpha-color-picker-container .max-click-zone {
	right: 10px;
	left: auto;
}

.alpha-color-picker-container .transparency {
	height: 24px;
	width: 100%;
	background-color: #FFF;
	background-image: url(transparency-grid.png);
	box-shadow: 0 0 5px rgba(0,0,0,0.4) inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0;
	margin-top: -24px;
}

@media only screen and (max-width: 782px) {
	.customize-control-alpha-color .wp-picker-input-wrap input[type="text"].wp-color-picker.alpha-color-control {
		width: 184px;
	}
}

@media only screen and (max-width: 640px) {
	.customize-control-alpha-color .wp-picker-input-wrap input[type="text"].wp-color-picker.alpha-color-control {
		width: 172px;
		height: 33px;
	}
}


/*=================================
MEDIA QUERIES
=================================*/
@media screen and (max-width: 1064px) {
	 #right-sidebar.fixed {
		 right: 20px;
		 margin-left: auto
	 }
}

@media screen and (max-width: 1024px) {
	#sticky.stick {
		left: auto;
	    right: 0;
	    margin: 0;
	    
	}
}
@media screen and (max-width: 1010px) {
	 #footer .quart.item {
		 width: 49.9%
	 }
	#main {
		min-height: auto;
	}
/*}
@media screen and (max-width: 851px) {*/
	 #main-rightside {
		 width: 100%;
		 float: left;
		 order: 0
	 }
	 #main-rightside hr {
		 display: none
	 }
	 #main-rightside .full:nth-child(1) {
		 width: 100%;
		 border-bottom: 1px dotted #adadad
	 }
	 #main-rightside .full {
		 width: 50%
	 }
	 #main-rightside img {
		 max-width: 150px
	 }
	 #maincontent {
		 width: 100%;
		 order: 1;
		 min-height: auto;
	 }
	 #archivecontent {
		 width: calc(100% - 231px);
		
	 }
	 #sticky {
		 width: 100%;
		 float: left;
		 order: 2
	 }
	 #right-sidebar {
		 position: relative!important;
		 width: 100%;
		 top: 0!important
	 }
	 #right-sidebar.fixed {
		 position: relative;
		 right: auto;
		 left: auto;
		 margin: 0;
	 }
	 #right-sidebar hr {
		 display: none
	 }
	 #right-sidebar .full:nth-child(1) {
		 width: 100%;
		 border-bottom: 1px dotted #adadad
	 }
	 #right-sidebar .full {
		 width: 50%
	 }
	 #right-sidebar img {
		 max-width: 150px
	 }
	 #checkout-mobile {
		 display: block;
		 position: fixed;
		 bottom: 20px;
		 left: 20px;
		 z-index: 999999;
		 padding: 4px;
		 font-size: 1.4em;
		 opacity: 0.8;
		 -webkit-transition: all ease 0.3s;
		 transition: all ease 0.3s;
		 
	 }
	 #checkout-mobile a {
		 color: #fff
	 }
	 #checkout-mobile:hover {
		 opacity: 1
	 }
	 #basket-right {
		 display: none
	 }

}
@media screen and (max-width: 766px) {
	
.woocommerce table.shop_table_responsive tr.bundled_table_item td.product-price, .woocommerce-page table.shop_table_responsive tr.bundled_table_item td.product-price {
	display: none;
}
}

@media screen and (max-width: 673px) {
	 .contact {
		 width: 100%;
		 text-align: center;
		 font-size: 15px;
	 }
	.contact a{
		 margin:5px;
		 display: inline-block;
	}
	 .cards {
		 width: 100%;
		 text-align: center;
		 float: left;
		 padding-top: 5px;
	 }
	 .tophead img {
		 float: none;
		 display: inline;
		 height: 18px	 
	 }
	 #archivecontent {
		 width: 100%
	 }
	 #sticky2 {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 9
	 }
	 #leftside-menu {
		display: block;
		margin: 0 auto;
		width: 150px;
		margin-top: 10px;
		text-align: center;
		opacity: 0.6;
		-webkit-transition: all ease 0.3s;
		transition: all ease 0.3s;
	 }
	 #leftside-menu:hover {
		 opacity: 1
	 }
	 #left-sidebar {
		 display: none;
		 z-index: 9999
	 }
	 #left-sidebar.fixed {
		 position: relative;
		 background: #eee;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		box-shadow: 0 10px 20px rgba(0,0,0,0.2);
		z-index: 9999;
		 max-height: 80vh;
	 }
	 .incontact {
		 width: 100%
	 }
	 .git {
		 padding: 0
	 }
	 #cta .third {
		 width: 100%;
		 margin: 30px 0;
	 }
}
@media screen and (max-width: 610px) {
	 .site-branding img {
		 max-width: 100%!important
	 }
	 .site-branding {
		 max-width:250px;
	 }
	#bannerhome, #bannerhome .fadebanner, #brand{
		display: none;
	}
	.pattern-container{
		height: 100px;
	}
	.pattern-container .menubar{
		margin-top: 0;
	}
	.page-template-home-template .pattern-container, .home .pattern-container{
		height: 75px;
	}
	.page-template-home-template #bannerhome, .page-template-home-template #bannerhome .fadebanner, .page-template-home-template #brand, .home #bannerhome, .home #bannerhome .fadebanner, .home #brand{
		display: block;
		height: 200px;
	}
	.page-template-home-template .pattern-container .menubar{
		margin-top: -30px;
	}
}

@media screen and (max-width: 521px) {

	 #footer .quart.item {
		 width: 100%
	 }
	 #footer {
		 text-align: center
	 }
	 #midright {
		 text-align: left;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		display: flex
	 }
	 #midright > div {
		 max-width: 300px
	 }
	 #midright .last {
		 text-align: right
	 }
	 #midright h3 {
		text-align: center
	 }
	 #footer .social {
		 text-align: center
	 }
	 #main-rightside {
		 order: 1
	 }
	 #main-rightside .full {
		 width: 100%
	 }
	 #main-rightside img {
		 padding: 0
	 }
	 #right-sidebar .full {
		 width: 100%
	 }
	 #right-sidebar img {
		 padding: 0
	 }
	 #sticky {
		 order: 2
	 }
}
@media screen and (max-width: 414px) {
	 .contact a {
		 margin-right: 4px;
		
	 }
}
