.reveal{
  		position: relative;
  		opacity: 0;
  		transition: 2s all ease;
	}
	.scrollRight{
  		transform: translate(-150px,0);
	}
	.scrollLeft{
  		transform: translate(150px,0);
	}
	.scrollUp{
  		transform: translate(0,150px);
	}
	.scrollUpLeft{
  		transform: translate(150px,150px);
	}
	.scrollUpRight{
  		transform: translate(-150px,150px);
	}
	.scrollDown{
  		transform: translate(0,-150px);
	}
	.scrollDownLeft{
  		transform: translate(150px,-150px);
	}
	.scrollDownRight{
  		transform: translate(-150px,-150px);
	}
	.zoomRight{
  		transform: scaleX(0.01)	scaleY(0.01) translate(-150px,0);
	}
	.zoomLeft{
  		transform: scaleX(0.01)	scaleY(0.01) translate(150px,0);
	}
	.zoomUp{
  		transform: scaleX(0.01)	scaleY(0.01) translate(0,150px);
	}
	.zoomUpLeft{
  		transform: scaleX(0.01)	scaleY(0.01) translate(150px,150px);
	}
	.zoomUpRight{
  		transform: scaleX(0.01)	scaleY(0.01) translate(-150px,150px);
	}
	.zoomDown{
  		transform: scaleX(0.01)	scaleY(0.01) translate(0,-150px);
	}
	.zoomDownLeft{
  		transform: scaleX(0.01)	scaleY(0.01) scaleX(0.01)	scaleY(0.01) translate(150px,-150px);
	}
	.zoomDownRight{
  		transform: scaleX(0.01)	scaleY(0.01) translate(-150px,-150px);
	}
	.rotateX{
  		transform: rotateX(90deg);
	}
	.rotateY{
  		transform: rotateY(90deg);
	}
	.rotateZ{
  		transform: rotateZ(90deg);
	}
	.rotateXY{
  		transform: rotateX(90deg) rotateY(90deg);
	}
	.rotateXZ{
  		transform: rotateX(90deg) rotateZ(90deg);
	}
	.rotateYZ{
  		transform: rotateY(90deg) rotateZ(90deg);
	}
	.rotateXYZ{
  		transform: rotateX(90deg) rotateY(90deg) rotateZ(90deg);
	}
	.zoomIn{
		transform: scaleX(0.01) scaleY(0.01);
	}
	.turnInYBack{
		transform: matrix(0.01, 0.0, 0.0, 1.0, 200, 0);
	}
	.zoomUp{
		transform: translateY(50%) scaleX(0.01) scaleY(0.01);
	}
	.zoomDown{
		transform: translateY(-50%) scaleX(0.01) scaleY(0.01);
	}
	.zoomLeft{
		transform: translateX(50%) scaleX(0.01) scaleY(0.01);
	}
	.zoomRight{
		transform: translateX(-50%) scaleX(0.01) scaleY(0.01);
	}
	.zoomUpLeft{
		transform: translateX(50%) translateY(50%) scaleX(0.01) scaleY(0.01);
	}
	.zoomUpRight{
		transform: translateX(-50%) translateY(50%) scaleX(0.01) scaleY(0.01);
	}
	.zoomDownLeft{
		transform: translateX(50%) translateY(-50%) scaleX(0.01) scaleY(0.01);
	}
	.zoomDownRight{
		transform: translateX(-50%) translateY(-50%) scaleX(0.01) scaleY(0.01);
	}
	.fadeIn{
  		transform: opacity 0;
	}
	.reveal.active{
  		transform: translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(0) scaleX(1) scaleY(1) scaleZ(1);
  	    opacity: 1;
		letter-spacing: normal;
	}

	.tracking-in-expand-fwd {
		letter-spacing:-.1em;
		-webkit-transform:translateZ(-500px);
		transform:translateZ(-500px);
	}

	.tracking-in-normal { letter-spacing:0; }
	.tracking-in-expand { letter-spacing:-.2em; }
	.tracking-in-contract { letter-spacing:.2em; }

	.opacity0 {	opacity:0;}
	.opacity05 { opacity:.5;}
	.opacity1 {	opacity:1;}

	.scale001 {	transform: scaleX(0.01)	scaleY(0.01); }
	.scale01 { transform: scaleX(0.1) scaleY(0.1); }
	.scale1 { transform: scaleX(1) scaleY(1);}

	.moveLeft{ transform: translateX(-50%); }
	.moveRight{	transform: translateX(50%) }
	.moveX0{ transform: translateX(0%) }
	.moveUp{ transform: translateY(-50%); }
	.moveDown{ transform: translateY(50%); }
	.moveY0{ transform: translateY(0%) }
	

.rotate-in-from-bottom{
	-webkit-transform:rotateX(100deg) scale(.1) translateZ(-200px) translateY(-300px);
	transform:rotateX(100deg) scale(.1) translateZ(-200px) translateY(-300px);
	-webkit-transform-origin:center;
	transform-origin:center;
	transform-style: preserve-3d;
}

.swing-in-top-fwd{
	-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg);-webkit-transform-origin:top;transform-origin:top;
	transform-style: preserve-3d;
}

.slide-out-elliptic-bottom-bck {
	animation-name: slide-out-elliptic-bottom-bck;
	-webkit-transform:translateY(600px) rotateX(30deg) scale(0);
	transform:translateY(600px) rotateX(30deg) scale(0);
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
	opacity:1;
}

.perspective50 {
	-webkit-perspective: 50px; perspective: 50px;
}

.perspective500 {
	-webkit-perspective: 500px; perspective: 500px;
}

.easeOutBack{
	transition-timing-function:  cubic-bezier(.34,0,.38,1.28);
}

.animation1s{animation-duration:1s;}
.animation2s{animation-duration:2s;}
.animation3s{animation-duration:3s;}

.animation0100ms{animation-duration:0.1s;}
.animation0200ms{animation-duration:0.2s;}
.animation0300ms{animation-duration:0.3s;}
.animation0400ms{animation-duration:0.4s;}
.animation0500ms{animation-duration:0.5s;}
.animation0600ms{animation-duration:0.6s;}
.animation0700ms{animation-duration:0.7s;}
.animation0800ms{animation-duration:0.8s;}
.animation0900ms{animation-duration:0.9s;}
.animation1000ms{animation-duration:1.0s;}
.animation1100ms{animation-duration:1.1s;}
.animation1200ms{animation-duration:1.2s;}
.animation1300ms{animation-duration:1.3s;}
.animation1400ms{animation-duration:1.4s;}
.animation1500ms{animation-duration:1.5s;}
.animation1600ms{animation-duration:1.6s;}
.animation1700ms{animation-duration:1.7s;}
.animation1800ms{animation-duration:1.8s;}
.animation1900ms{animation-duration:1.9s;}
.animation2000ms{animation-duration:2.0s;}
.animation2100ms{animation-duration:2.1s;}
.animation2200ms{animation-duration:2.2s;}
.animation2300ms{animation-duration:2.3s;}
.animation2400ms{animation-duration:2.4s;}
.animation2500ms{animation-duration:2.5s;}
.animation2600ms{animation-duration:2.6s;}
.animation2700ms{animation-duration:2.7s;}
.animation2800ms{animation-duration:2.8s;}
.animation2900ms{animation-duration:2.9s;}
.animation3000ms{animation-duration:3.0s;}

.transition0100ms{transition-duration:0.1s;}
.transition0200ms{transition-duration:0.2s;}
.transition0300ms{transition-duration:0.3s;}
.transition0400ms{transition-duration:0.4s;}
.transition0500ms{transition-duration:0.5s;}
.transition0600ms{transition-duration:0.6s;}
.transition0700ms{transition-duration:0.7s;}
.transition0800ms{transition-duration:0.8s;}
.transition0900ms{transition-duration:0.9s;}
.transition1000ms{transition-duration:1.0s;}
.transition1100ms{transition-duration:1.1s;}
.transition1200ms{transition-duration:1.2s;}
.transition1300ms{transition-duration:1.3s;}
.transition1400ms{transition-duration:1.4s;}
.transition1500ms{transition-duration:1.5s;}
.transition1600ms{transition-duration:1.6s;}
.transition1700ms{transition-duration:1.7s;}
.transition1800ms{transition-duration:1.8s;}
.transition1900ms{transition-duration:1.9s;}
.transition2000ms{transition-duration:2.0s;}
.transition2100ms{transition-duration:2.1s;}
.transition2200ms{transition-duration:2.2s;}
.transition2300ms{transition-duration:2.3s;}
.transition2400ms{transition-duration:2.4s;}
.transition2500ms{transition-duration:2.5s;}
.transition2600ms{transition-duration:2.6s;}
.transition2700ms{transition-duration:2.7s;}
.transition2800ms{transition-duration:2.8s;}
.transition2900ms{transition-duration:2.9s;}
.transition3000ms{transition-duration:3.0s;}

.delay0000ms{transition-delay:0.0s;}
.delay0100ms{transition-delay:0.1s;}
.delay0200ms{transition-delay:0.2s;}
.delay0300ms{transition-delay:0.3s;}
.delay0400ms{transition-delay:0.4s;}
.delay0500ms{transition-delay:0.5s;}
.delay0600ms{transition-delay:0.6s;}
.delay0700ms{transition-delay:0.7s;}
.delay0800ms{transition-delay:0.8s;}
.delay0900ms{transition-delay:0.9s;}
.delay1000ms{transition-delay:1.0s;}
.delay1100ms{transition-delay:1.1s;}
.delay1200ms{transition-delay:1.2s;}
.delay1300ms{transition-delay:1.3s;}
.delay1400ms{transition-delay:1.4s;}
.delay1500ms{transition-delay:1.5s;}
.delay1600ms{transition-delay:1.6s;}
.delay1700ms{transition-delay:1.7s;}
.delay1800ms{transition-delay:1.8s;}
.delay1900ms{transition-delay:1.9s;}
.delay2000ms{transition-delay:2.0s;}
.delay2100ms{transition-delay:2.1s;}
.delay2200ms{transition-delay:2.2s;}
.delay2300ms{transition-delay:2.3s;}
.delay2400ms{transition-delay:2.4s;}
.delay2500ms{transition-delay:2.5s;}
.delay2600ms{transition-delay:2.6s;}
.delay2700ms{transition-delay:2.7s;}
.delay2800ms{transition-delay:2.8s;}
.delay2900ms{transition-delay:2.9s;}
.delay3000ms{transition-delay:3.0s;}


@-webkit-keyframes slide-out-elliptic-bottom-bck{0%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% -1400px;transform-origin:50% -1400px;opacity:1}100%{-webkit-transform:translateY(600px) rotateX(30deg) scale(0);transform:translateY(600px) rotateX(30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:1}}@keyframes slide-out-elliptic-bottom-bck{0%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% -1400px;transform-origin:50% -1400px;opacity:1}100%{-webkit-transform:translateY(600px) rotateX(30deg) scale(0);transform:translateY(600px) rotateX(30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:1}}

/* The search field */
.dropdown input[type="text"] {
	box-sizing: border-box;
	background-image: url("/docroot/assets/img/dropdown.svg");
	background-size: 1.25rem;
	background-repeat: no-repeat;
	background-position: calc(100% - 0.5em) center;
	padding-left: 0.5em;
	padding-right: 2.5em;
	text-overflow: ellipsis;
	height: 3em;
	line-height: 3em;
	margin: 1em 0.25em;
	color: #000;
	width: 13em;
	border-color: #aaa;
	box-shadow: 10px 10px 30px -5px rgb(0 0 0 / 20%) 
	}
	
	.dropdown input[type="text"]:hover {
	cursor: text;
	}
	
	.dropdown input[type="text"]:focus {
			border-color: #00a0e0;
			box-shadow: 0 0 0 1px #00a0e0;
	}
	
	
	
	/* The container <div> - needed to position the dropdown content */
	.dropdown {
	position: relative;
	display: inline-block;
	}
	
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 13.25em;
	border: 1px solid #ccc;
	z-index: 1;
	min-height: 2rem;
	max-height: 40rem;
	overflow: auto;
	border-radius: 4px;
	box-shadow: 0px 15px 59px -20px rgb(0 0 0 / 35%); 
	margin-left: 4px;
	}
	
	.dropdown.medium > .dropdown-content {
		min-width: 9.25em;
	   }
	
	.dropdown.medium input[type="text"] {
		width: 9em;
	}
		
	.dropdown.small > .dropdown-content {
	 min-width: 5.25em;
	}
	
	.dropdown.small input[type="text"] {
	width: 5em;
	}
	
	.dropdown.tiny > .dropdown-content {
	 min-width: 4.25em;
	}
	
	.dropdown.tiny input[type="text"] {
	width: 4em;
	}
	
	.dropdown.large > .dropdown-content {
	 min-width: 20.25em;
	}
	
	.dropdown.large input[type="text"] {
	width: 20em;
	}
	
	input[type="text"].full {
		width: 100%;
	}
		
	.searchbar {
		width: 80%;
		display: inline-flex;
		flex-direction: row;
		margin-left: 10%;
		margin-right: 10%;
		height: 6rem;
		align-items: center;
	}

	.searchbar.center{
		justify-content: center;	
	}

	.searchbar > #buttonSearch, .searchbar > #myForm {
		margin: 0 1rem;
	}

	ul.pagination {
		margin-left: 4.5rem;
		margin-right: 4.5rem;
	}
	
	@media screen and (max-width: 1280px) {
		.dropdown > .dropdown-content {
			min-width: 14.25em;
		}
		   
		.dropdown input[type="text"] {
			width: 14em;
		}
	
		.dropdown.large > .dropdown-content {
			min-width: 21.25em;
		}
		   
		.dropdown.large input[type="text"] {
			width: 21em;
		}
		
	}
	
	
	@media screen and (max-width: 736px) {
		.dropdown-content {
			min-width: 13.25em;
		}
	
		.dropdown input[type="text"] {
			width: 13em;
		}
	
		.dropdown.large > .dropdown-content {
			min-width: 16.25em;
		}
	
		.dropdown.large input[type="text"] {
			width: 16em;
		}
	
		a.button.shop {
			padding: 0px 0.25em;
		}
	
		a.button.shop > img{
			vertical-align: middle;
			margin: 0px 2px 2px 2px;
			line-height: 16px;
		}
	
	}
	
	/* Links inside the dropdown */
	.dropdown-content .dropdown-item {
	color: black !important;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	}
	
	.dropdown-content .dropdown-item:nth-child(even) {
	background-color: #eee;
	}
	
	
	
	/* Change color of dropdown links on hover */
	.dropdown-content > .dropdown-item:hover {
	background-color: #00a0e0; 
	color: #fff !important;
	}
	
	#resetFilter, #buttonSearch {
		border: none;
		vertical-align: middle !important;
		margin: 1.2em 0.25em 1.15em 0.25em;
		box-shadow: 10px 10px 30px -5px rgb(0 0 0 / 20%) !important;
	}
	
	.show {display:block;}
	

nav > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 2rem;
	margin: 1rem;
}

.alignCenter {
	text-align: center;
}

input[type="number"].count {
	width:90%;
}

input[type="number"].count.small {
	width: auto;
}

input.small, input[type="number"].small {
    font-size: 0.8rem;
    line-height: 1.08;
	padding: 0 0.5rem;
	height: 2.2rem;
	margin: auto;
}

.addButton {
	margin-top: 0.5em;
	padding-left: 2em;
	padding-right: 2em;
}

.displayInline {
	display: inline !important;
}

.displayInlineBlock {
	display: inlineBlock !important;
}

.small {
	font-size: 0.8rem;
}

.alignLeft {
	text-align: right;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}
div.smallImage {
    height: 50px;
	text-align: center;
	width: 100%;
}

article.smallImage {
	width: 100%;
}

span.smallImage {
	width: 100%;
	height: 100px;
}

span.smallImage > a {
    margin-top:20px;

}

img.smallImage {
    width: auto;
    height: auto;
    max-width: 100px;
	max-height: 100px;
	margin-left: auto;
	margin-right: auto;
}

span.smallImage2 {
    margin-top:20px;
}



span.alignCenter {
	margin-left: auto;
	margin-right: auto;
}

.nowrap{
	white-space: nowrap;
}

.verticalAlignMiddle {
	vertical-align: middle;
}

.verticalAlignTop {
	vertical-align: top;
}

.ghostWhite {
	background-color: rgba(144, 144, 144, 0.075);
}

.borderRed {
	border: 1px solid red;
}

sl-menu-item > a:hover {
	color: white;
}

.leftSidebar {
	padding: 1rem;
}

.leftSidebar > ul > li {
	list-style: none;
	padding: 0.2rem 0;
}

.leftSidebar a {
	text-decoration: none;
	border: none;
	font-weight: 400;
	color: #3b3b3b;
}


.leftSidebar a:hover {
	color: #000;
	font-weight: 600;
}

section.banner {
	position: relative;
	width: 100vw;
	height: 100vh;

}

section.banner > .banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	align-items: center;
}

section.banner > .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}

section.banner > .background img {
	position: absolute;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	overflow-y: hidden;
}

section.banner > .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
}

section.banner > .inner h2 {
	font-size: 4rem;
	font-weight: 1000;
	text-align: center;
	color: white;
	text-shadow: 0 0 1px #888;
	text-transform: uppercase;
}

.uppercase {
    text-transform: uppercase;
}

.verdana {
    font-family: verdana;
}

.bold {
	font-weight: bold;
}

.huge {
	font-size: 12em;
}

.text3DNone, .text3DNoneHover:hover {
    color: #f5f5f5;
    text-shadow: none;
	transition: all 2s ease-in-out;
}

img.phonePrefixImage {
    position: relative;
	top: -2.3rem;
	left: 1rem;
	margin-top: 0;
	width: 1.8rem;
	height: 1.35rem;
	border: 1px solid b#888;
}

#phone{
	padding-left: 5.9rem;
}

#phone-prefix {
    position: relative;
	top: -4.5rem;
	left: 3.4rem;
	margin-top: 0;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1rem;
}

#phone-image {
	caret-color: transparent;
}