/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}div.QuoteAdminWrapper {
	display: table;
	margin: 0 auto;
	text-align: center;
}

div.QuoteAdminWrapper div.QuoteAdminButton {
	position: relative;
	margin-right: 20px;
	margin-bottom: 10px;
	display: inline-block;
	text-align: center;
}


div.QuoteAdminWrapper input[type="radio"] {
	display: none;
}

div.QuoteAdminWrapper input[type="radio"] + label {
	font-size: 20px;
	text-align: center;
	border: 2px solid #f89d26;
	background: #FFF;
	color: #f89d26;
	height: 40px;
	line-height: 36px;
	padding: 0 15px;
	-webkit-transition: all .3s;
			transition: all .3s;
	-webkit-border-radius: 5px;
			border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

div.QuoteAdminWrapper input[type="radio"]:checked + label {
	background: #f89d26;
	color: #FFF;
}

div.QuoteAdminWrapper input[type="radio"]:disabled + label {
	opacity: 0.7;
	cursor: default; 
}

div.AdminPanel {
	width: 100%;
	height: auto;
	margin: 50px auto 0;
	padding: 30px;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

div.AdminPanel::after,
div.AdminPanel div.FormSection::after {
	content: "";
	clear: both;
	display: block;
}

	div.AdminPanel div.FormSection {
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
		padding: 0;
	}
	
		div.AdminPanel div.FormSection h3 {
			margin-bottom: 15px;
			border-bottom: 1px solid #bbb;
			padding-bottom: 5px;
		}
	
		div.AdminPanel div.FormSection div.FormRow {
			width: calc(50% - 30px);
			margin: 0 30px 5px 0;
			float: left;
			height: 40px;
			line-height: 40px;
		}
		
		div.AdminPanel div.FormSection div.FormRow label {
			width: 50%;
			float: left;
			height: 40px;
			line-height: 40px;
			font-family: "TheMixBold",Arial,Helvetica,sans-serif;
			font-size: 17px;
		}
		
		label.RadioLabel {
			cursor: pointer;
		}
		
		div.AdminPanel div.FormSection div.FormRow input.CustomInputRadioButton {
			float: left;
			margin: 9px 20px 9px 0;
			cursor: pointer;
			font-size: 20px;
			width: 20px;
			height: 20px;
		}
		
		div.AdminPanel div.FormSection div.FormRow div.Value {
			width: 50%;
			float: left;
			position: relative;
			border-radius: 5px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			font-family: "TheMix",Arial,Helvetica,sans-serif;
			font-size: 17px;
			height: 40px;
			padding: 0 15px;
		}
		
			div.AdminPanel div.FormSection div.FormRow div.Value input {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				border-radius: 5px;
				font-family: "TheMix",Arial,Helvetica,sans-serif;
				font-size: 17px;
				padding: 0 15px;
				border: 1px solid #bbb;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
	
		div.AdminPanel div.FormSection table.Quote {
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			width: 100%;
			height: 100%;
			font-family: "TheMix",Arial,Helvetica,sans-serif;
			font-size: 17px;
			border-spacing: 0px;
			overflow: hidden;
		}	
		
			div.AdminPanel div.FormSection table.Quote thead {
				background: #f89d26;
			}
				
				div.AdminPanel div.FormSection table.Quote thead tr {
					background: #f89d26;
				}
				
				div.AdminPanel div.FormSection table.Quote thead tr td {
					background: #f89d26;
					position: relative;
					padding: 0 15px;
					border-bottom: 1px solid #bbb;
					height: 40px;
					line-height: 40px;
					color: #FFF;
				}
				
					div.AdminPanel div.FormSection table.Quote thead tr td input {
						position: absolute;
						left: 1px;
						top: 1px;
						right: 0;
						bottom: 0;
						width: calc(100% - 2px);
						height: calc(100% - 2px);
						font-family: "TheMix",Arial,Helvetica,sans-serif;
						font-size: 17px;
						padding: 0 15px;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}
			
			div.AdminPanel div.FormSection table.Quote tbody {
			}
				
				div.AdminPanel div.FormSection table.Quote tbody tr:nth-child(2n+2) td,
				div.AdminPanel div.FormSection table.Quote tbody tr:nth-child(2n+2) input {
					background: #f9f9f9;
				}
				
				div.AdminPanel div.FormSection table.Quote tbody tr {
					height: 40px;
					line-height: 40px;
				}
				
				div.AdminPanel div.FormSection table.Quote tbody tr td {
					position: relative;
					padding: 0 15px;
					border-right: 1px solid #bbb;
					border-bottom: 1px solid #bbb;
					line-height: 40px;
					box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
					
					div.AdminPanel div.FormSection table.Quote tbody tr td div.Currency:before {
						content: "€";
						position: absolute;
						left: 14px;
						z-index: 10;
						top: 0;
						pointer-events: none;
					}
					
					div.AdminPanel div.FormSection table.Quote tbody tr td div.Currency {
						pointer-events: none;
						position: absolute;
						left: 1px;
						top: 1px;
						right: 0;
						bottom: 0;
						width: calc(100% - 2px);
						height: calc(100% - 2px);
						font-family: "TheMix",Arial,Helvetica,sans-serif;
						font-size: 17px;
						padding: 0;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
					}
					
						div.AdminPanel div.FormSection table.Quote tbody tr td div.Currency input {
							padding: 0 15px 0 27px;
						}
				
					div.AdminPanel div.FormSection table.Quote tbody tr td:first-of-type {
						border-left: 1px solid #bbb;
					}
				
					div.AdminPanel div.FormSection table.Quote tbody tr td input {
						position: absolute;
						left: 1px;
						top: 1px;
						right: 0;
						bottom: 0;
						width: calc(100% - 2px);
						height: calc(100% - 2px);
						font-family: "TheMix",Arial,Helvetica,sans-serif;
						font-size: 17px;
						padding: 0 15px 0;
						box-sizing: border-box;
						background: #FFF;
						-webkit-box-sizing: border-box;
						pointer-events: all;
					}
					
					div.AdminPanel div.FormSection table.Quote tbody tr.NoBackground td,
					div.AdminPanel div.FormSection table.Quote tbody tr.NoBackground td input {
						border: 0px;
						background: #FFF !important;
					}
					
					div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td,
					div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td input {
						background: #FFF !important;
					}
					
						div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td:first-of-type {
							text-align: center;
						}
					
						div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td a.EditCustomQuote {
							color: #f89d26;
							font-size: 20px;
							margin-right: 5px;
						}
						
						div.AdminPanel div.FormSection table.Quote tbody tr td a.AddCustomQuote {
							color: #f89d26;
							font-size: 20px;
							margin-right: 5px;
						}
						
						div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td a.DeleteCustomQuote {
							color: #ca1d1d;
							font-size: 20px;
							margin-right: 5px;
						}
						
	div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td input.ErrorPriceNotNumeric {
		background: #ffd8d8 !important;
	}
							
	div.AdminPanel a.SummaryButtonQuote {
		position: relative;
		width: 290px;
		bottom: auto;
		float: right;
		display: block;
		margin-top: 0;
		height: 40px;
		line-height: 36px;
		font-size: 20px;
		background: #f89d26;
		color: #FFF;
		border: 2px solid #f89d26;
		-webkit-transition: all .3s;
				transition: all .3s;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}
	
	div.AdminPanel a.SummaryButtonQuote:hover {
		color: #f89d26;
		background: #FFF;
	}
	
		div.AdminPanel a.SummaryButtonQuote div.Icon {
			display: inline-block;
			vertical-align: top;
			width: 50px;
			height: 36px;
			line-height: 33px;
			text-align: center;
			font-size: 26px;
		}
		
div.AdminPanel INPUT.NotAPrice{
	border:1px solid #fff !important;
}		

/* Custom Zipping Loading animation */
#upload-message {
	display: none;
	color: #2271b1;
	float: right;
	line-height: 10px;
  }
  
  #loader-container {
	margin-top: 6px;
	margin-inline: 5px;
	float: right;
  }
  
  .loader {
	width: 20px;
	height: 20px;
	border: 2px solid #f0f0f1;
	border-radius: 50%;
	border-top: 2px solid #2271b1;
	border-bottom: 2px solid #2271b1;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
  }
  
  @-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
            transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
  100% {
    -webkit-transform: none;
            transform: none
  }
}



.jello{
    -webkit-animation-name:jello;
            animation-name:jello;
    -webkit-transform-origin: center;

            transform-origin: center
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}/* Calculator */

div.CalculatorWrapper {
	width: 100%;
	padding-top: 120px;
	position: relative;
	z-index: 10;
}
	
	div.CalculatorWrapper div.Calculator {
		display: table;
		width: 100%;
	}
	
		div.CalculatorWrapper div.Calculator > div {
			display: table-cell;
			vertical-align: top;
			position: relative;
			padding: 30px;
			-webkit-box-sizing: border-box;
					box-sizing: border-box;
		}
	
		div.CalculatorWrapper div.Calculator > div:after {
			display: block;
			content: "";
			clear: both;
		}
	
		div.CalculatorWrapper div.Calculator div.CalculatorLeft {
			width: 65%;
			background: #f89d26;
			color: #FFF;
			padding-left: 145px;
		}
	
			div.CalculatorWrapper div.Calculator div.CalculatorLeft div.Icon {
				position: absolute;
				top: 30px;
				left: 29px;
				font-size: 150px;
				line-height: 55%;
			}
	
			div.CalculatorWrapper div.Calculator div.CalculatorLeft h2 {
				font-family: "TheMixBold", Arial, Helvetica, sans-serif;
				color: #FFF;
				font-size: 30px;
				margin-bottom: 10px;
			}
	
			div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
			    position: relative;
				margin-top: 13px;
				height: 40px;
				line-height: 40px;
				font-size: 20px;
			}
			
				div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow.TransportOptional {
					transition: ease-in-out 0.12s all;						
				}
	
				div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow select,
				div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow input {
					font-family: 'Open Sans', sans-serif;
					float: right;
					width: 34%;
					height: 40px;
					background: #FFF;
					padding-left: 15px;
					font-size: 20px;
					-webkit-border-radius: 5px;
							border-radius: 5px;
					-webkit-box-sizing: border-box;
							box-sizing: border-box;
				}
				
				div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow input {
					padding: 0 13px;
				}
				
				div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputGroup {
					float: right;
					width: 34%;
					height: 100%;
				}
				
				div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputGroup:after {
					display: block;
					content: "";
					clear: both;
				}
				
					div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField {
						position: relative;
						float: left;
						width: 47.5%;
						margin-right: 5%;
						height: 100%;
					}
				
					div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField:last-child {
						margin-right: 0 !important;
					}
					
						div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField input {
							width: 100%;
							color: #000;
						}
					
						div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField:after {
							display: block;
							height: 100%;
							position: absolute;
							top: 0;
							right: 10px;
							color: #a9a9a9;
						}
					
						div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputMeters:after {
							content: "m";
						}
					
						div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputCentimeters:after {
							content: "cm";
						}
					
							div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputMeters input,
							div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputCentimeters input {
								padding-bottom: 2px;
							}
	
		div.CalculatorWrapper div.Calculator div.CalculatorRight {
			background: #FFF;
			padding-bottom: 135px;
		}
	
			div.CalculatorWrapper div.Calculator div.CalculatorRight h2 {
				font-family: "TheMixBold", Arial, Helvetica, sans-serif;
				font-size: 30px;
			}
	
			div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow {
				margin-top: 10px;
				margin-bottom: -1px;
				height: 20px;
				line-height: 20px;
			}
	
				div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow span {
					float: right;
				}
			
			div.CalculatorWrapper div.Calculator div.CalculatorRight a {
				display: block;
				margin-top: 20px;
				height: 40px;
				line-height: 36px;
				font-size: 20px;
				background: #f89d26;
				color: #FFF;
				border: 2px solid #f89d26;
				-webkit-transition: all .3s;
						transition: all .3s;
				-webkit-box-sizing: border-box;
						box-sizing: border-box;
				-webkit-border-radius: 5px;
						border-radius: 5px;
			}
			
			div.CalculatorWrapper div.Calculator div.CalculatorRight a:hover {
				color: #f89d26;
				background: #FFF;
			}
			
				div.CalculatorWrapper div.Calculator div.CalculatorRight a div.Icon {
					display: inline-block;
					vertical-align: top;
					width: 50px;
					height: 36px;
					line-height: 33px;
					text-align: center;
					font-size: 26px;
				}

/* Tipped */

div.Calculator div.TippedInfo {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 5px;
	cursor: pointer;
	line-height: 17px;
	-webkit-transition: all .3s;
			transition: all .3s;
}

	div.CalculatorLeft div.TippedInfo {
		height: 30px;
		opacity: 0.4;
	}
	
	div.CalculatorRight div.TippedInfo {
		height: 20px;
		color: #f89d26;
		margin-left: 10px;
	}

/* Switch */

div.FormRow div.switch {
	float: right;
	width: 34%;
	height: 40px;
}

	div.FormRow div.switch label {
		width: 100% !important;
		height: 100%;
		padding: 0 !important;
		background: none !important;
		overflow: hidden;
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}
	
	div.FormRow div.switch label:before,
	div.FormRow div.switch label:after {
		left: 0;
		right: 0;
	}
	
	div.FormRow div.switch label:before {
		content: "NEE";
		color: rgba(0,0,0,0.3);
		padding-left: 50%;
		text-align: center;
		background: rgba(255,255,255,0.3);
		z-index: 1;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
			-ms-border-radius: 5px;
			 -o-border-radius: 5px;
				border-radius: 5px;
	}

	div.FormRow div.switch label:after {
		content: "JA";
		color: #000;
		text-align: center;
		width: 50%;
		z-index: 2;
		-webkit-transition: margin 0.2s;
		   -moz-transition: margin 0.2s;
			 -o-transition: margin 0.2s;
				transition: margin 0.2s;
		-webkit-box-shadow: none;
    	   -moz-box-shadow: none;
    			box-shadow: none;
		-webkit-border-radius: 5px 0 0 5px;
		   -moz-border-radius: 5px 0 0 5px;
			-ms-border-radius: 5px 0 0 5px;
			 -o-border-radius: 5px 0 0 5px;
				border-radius: 5px 0 0 5px;
	}
	
	div.FormRow div.switch input:checked + label:before {
		content: "JA";
		padding-left: 0;
		padding-right: 50%;
		background: rgba(255,255,255,0.3);
	}
	
	div.FormRow div.switch input:checked + label:after {
		content: "NEE";
		margin-left: 50%;
		-webkit-border-radius: 0 5px 5px 0;
		   -moz-border-radius: 0 5px 5px 0;
			-ms-border-radius: 0 5px 5px 0;
			 -o-border-radius: 0 5px 5px 0;
				border-radius: 0 5px 5px 0;
	}

a.SummarySpecifications {
	position: absolute;
	bottom: 79px;
	width: 83%;
	text-align: center;
	padding: 0 16px 0 0;
	background: #FFF !important;
	color: #f89d26 !important;
}

a.SummaryButtonQuote {
	position: absolute;
	bottom: 29px;
	width: 83%;
	text-align: center;
	padding: 0 16px 0 0;	
}

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

div.Shadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.35);
}

/* Form */
	
div.FormQuoteWrapper {
	background: #FFF;
	padding: 30px;
	margin-top: 50px;	
}
	
div.FormQuoteWrapper:after {
	display: block;
	content: "";
	clear: both;	
}

	div.FormQuoteWrapper div.FormRow {
		font-size: 17px;
		margin-bottom: 10px;
	}

	div.FormQuoteWrapper div.FormRow:after {
		display: block;
		content: "";
		clear: both;
	}

		div.FormQuoteWrapper div.FormRow label {
			display: inline-block;
			width: 27%;
			float: left;
			height: 40px;
			line-height: 42px;
		}
		
		div.FormQuoteWrapper div.FormRow.FormRowAVG {
			margin-top: 20px;
			border-radius: 5px;
			border: 1px solid #dadada;
			background: #fafafa;	
			padding: 10px 15px;
			position: relative;
		}
		
			div.FormQuoteWrapper div.FormRow.FormRowAVG div.FormExclamation {
				bottom: inherit;
				top: 6px;			
			}
		
		div.FormQuoteWrapper div.FormRow.FormRowAVG input {
			display: inline-block;
			width: 16px;
			float: left;
			height: 30px;
			line-height: 30px;
		}
		
		div.FormQuoteWrapper div.FormRow.FormRowAVG label {
			display: inline-block;
			width: calc(100% - 36px);
			float: right;
			height: auto;
			line-height: 28px;
			cursor: pointer;
		}
		
		div.FormQuoteWrapper div.FormRow div.DutchZipcodeNotification {
			line-height: 42px;
			padding-left: 15px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

		div.FormQuoteWrapper div.FormRow div.FormField,
		div.FormQuoteWrapper div.FormRow textarea {
			position: relative;
			display: inline-block;
			width: 73%;
			float: left;
			border: 1px solid #bbb;
			border-radius: 5px;
			font-family: 'Open Sans', sans-serif;
			font-size: 17px;
			-webkit-box-sizing: border-box;
					box-sizing: border-box;
		}
		
		div.FormQuoteWrapper div.FormRow textarea {
			padding: 0 13px;
			line-height: 30px;
			min-width: 73%;
			max-width: 73%;
			min-height: 80px;
			max-height: 230px;
			padding-top: 5px;
		}

			div.FormQuoteWrapper div.FormRow div.FormField input {
				width: 100%;
				font-family: 'Open Sans', sans-serif;
				font-size: 17px;
				height: 40px;
				padding: 0 13px 1px;
				border-radius: 6px;
				-webkit-box-sizing: border-box;
						box-sizing: border-box;
			}
	
	div.FormQuoteWrapper a.SummaryButtonQuote {
		position: relative;
		width: 290px;
		bottom: auto;
		float: right;
		display: block;
		margin-top: 20px;
		height: 40px;
		line-height: 36px;
		font-size: 20px;
		background: #f89d26;
		color: #FFF;
		border: 2px solid #f89d26;
		-webkit-transition: all .3s;
				transition: all .3s;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}
	
	div.FormQuoteWrapper a:hover {
		color: #f89d26;
		background: #FFF;
	}
	
		div.FormQuoteWrapper a div.Icon {
			display: inline-block;
			vertical-align: top;
			width: 50px;
			height: 36px;
			line-height: 33px;
			text-align: center;
			font-size: 26px;
		}

/* Summary Bar */

div.SummaryBar {
	display: block;
	position: fixed;
	bottom: -15%;
	left: 50%;
	z-index: 8;
	width: 550px;
	margin-left: -275px;
	height: 50px;
	background: #FFF;
	border: 1px solid #b6b6b6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	transition: all 1s ease-in-out;
}
	
	div.SummaryBar div.Loader {
		background: url(../images/misc/loader.gif) center center no-repeat rgba(255,255,255,0.9);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 9;
		pointer-events: none;
	}

	div.SummaryBar a.Button {
		background: #f89d26;
		color: #FFF;
		padding: 0 20px;
		font-size: 22px;
		float: left;
		margin: 0;
		width: 48px;
		border-left: 1px solid #f89d26 !important;
		border-radius: 0px;
		height: 100%;
		width: 50%;
		line-height: 45px;
		border: 0px;
		bottom: 0;
	}
	
		div.SummaryBar a.Button div.Icon {
			display: inline-block;
			font-size: 26px;
			height: 36px;
			line-height: 45px;
			margin: 0;
			text-align: center;
			vertical-align: top;
			width: 50px;
		}
	
		div.SummaryBar a.Button:hover {
			background: #FFF;
			color: #f89d26;
		}

	div.SummaryBar div.Total {
		color: #000;
		float: left;
		height: 48px;
		line-height: 48px;
		padding: 0 20px;
		font-size: 22px;
		width: 50%;
		text-align: center;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

/* Validation */

div.FormError {
	border-color: #cf0007 !important;
}

div.FormExclamation {
	position: absolute;
    transform: rotate(180deg);
    bottom: 1px;
	right: 0;
	height: 40px;
	line-height: 36px;
	width: 40px;
	text-align: center;
	color: #cf0007;
	font-size: 22px;
    cursor: pointer;
}


.RedText{
	color:#ff0000;	
}

/*  */
.FormAdminValue{
	color: #ff0000;	
}

/* 2 setting to use to show/hide manual/automatic wrappers */
.HideWrapper{
	visibility: hidden;
	display: none;
}
.ShowWrapper{
	visibility: visible;
	display: block;
}

/* Hide the QuoteSummarySlide */
.QuoteSummarySlideContent{
	display: none;	
}
.QuoteSummarySlideStatus{
	cursor: pointer;	
}
/* Responsive */

@media screen and (max-width: 930px) {
	
	div.CalculatorWrapper {
		padding-top: 90px;
	}
	
	div.CalculatorWrapper div.Calculator > div {
		display: block;
		width: 100% !important;
	}
	
	div.CalculatorWrapper div.Calculator div.CalculatorRight {
		padding-bottom: 30px;
	}
	
		div.CalculatorWrapper div.Calculator div.CalculatorRight a {
			position: relative;
			bottom: auto;
			width: 100%;
		}

}

@media screen and (max-width: 930px) and (min-width: 601px) {	

		div.CalculatorWrapper div.Calculator div.CalculatorRight a {
			width: 290px;
			text-align: center;
			float: right;
		}
	
		div.CalculatorWrapper div.Calculator div.CalculatorRight a:last-of-type {
			margin-right: 0;
		}
	
			div.CalculatorWrapper div.Calculator div.CalculatorRight a div.Icon {
				width: 40px;
				text-align: left;
			}

}

@media screen and (max-width: 600px) {
	
	div.FormQuoteWrapper a {
		width: 100%;
	}
	
}

@media screen and (max-width: 880px) {
	
	div.FormQuoteWrapper div.FormRow label,
	div.FormQuoteWrapper div.FormRow div.FormField,
	div.FormQuoteWrapper div.FormRow textarea {
		width: 100%;
	}
	
	div.FormQuoteWrapper div.FormRow textarea {
		min-width: 100%;
		max-width: 100%;
	}
	
	div.FormQuoteWrapper div.FormRow div.FormField.Width11Percent { width: 16% !important; }
	div.FormQuoteWrapper div.FormRow div.FormField.Width15Percent { width: 24% !important; }
	div.FormQuoteWrapper div.FormRow div.FormField.Width24Percent { width: 30% !important; }
	div.FormQuoteWrapper div.FormRow div.FormField.Width28Percent { width: 36% !important; }
	div.FormQuoteWrapper div.FormRow div.FormField.Width36Percent { width: 48% !important; }
	div.FormQuoteWrapper div.FormRow div.FormField.MarginRight1Percent { margin-right: 2% !important; }
	
}

@media screen and (max-width: 710px) {
	
	div.CalculatorWrapper div.Calculator div.CalculatorLeft {
		padding: 30px;
	}
	
		div.CalculatorWrapper div.Calculator div.CalculatorLeft div.Icon {
			display: none;
		}

}

@media screen and (max-width: 560px) {
	
	div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
		height: auto;
	}
	
		div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > select,
		div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > input,
		div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > div.switch,
		div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > div.InputGroup {
			float: none;
			display: block;
			width: 100%;
		}
		
			div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > div.InputGroup div.InputField {
				width: 49%;
				margin-right: 2%;
			}

}

@media screen and (max-width: 500px) {
	
	div.FormQuoteWrapper div.FormRow div.FormField.Width11Percent { width: 32% !important; }
	div.FormQuoteWrapper div.FormRow div.FormField.Width15Percent { display: none; }
	div.FormQuoteWrapper div.FormRow div.FormField.Width24Percent { width: 66% !important; }
	div.FormQuoteWrapper div.FormRow div.FormField.Width28Percent { 
		width: 100% !important;
		margin-right: 0 !important;
	}
	div.FormQuoteWrapper div.FormRow div.FormField.Width36Percent {
		width: 100% !important;
		margin-right: 0 !important;
	}
	div.FormQuoteWrapper div.FormRow div.FormField.Width28Percent.MarginRight1Percent,
	div.FormQuoteWrapper div.FormRow div.FormField.Width36Percent.MarginRight1Percent {
		margin-bottom: 10px !important;
	}
	
}

@media screen and (max-width: 420px) {
	
	a.SummaryButtonQuote,
	a.SummarySpecifications {
		font-size: 4.5vw !important;
	}
	
}

@media screen and (max-width: 400px) {
	
	div.CalculatorWrapper div.Calculator > div {
		padding: 7.5vw !important;
	}
	
		div.CalculatorWrapper div.Calculator div.CalculatorRight a div.Icon {
			width: 15vw;
		}
	
}

@media screen and (max-width: 360px) {
	
	div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
		font-size: 5.55vw;
	}
	
}

/********** TOM EXTRA CSS **********/
body, html { scroll-behavior: smooth; }
#LoginBar { scroll-margin-top: 200px; }
.alert-info { color: white; background-color: #eb088c; }
.alert-info a { color: white; text-decoration: underline; font-weight: bold; }/* Content */

body.page-id-8 div.Content h1 {
	text-align: center;
}

div.Content { 
	width: 100%;
	margin: 170px auto 50px;
	padding: 0;
}

	div.Content h1 {
		font-size: 36px;
		margin-bottom: 25px;
	}
	
		div.Content h1 + p {
			font-size: 20px;
			line-height: 34px;
			margin-bottom: 25px;
		}
	
	div.Content h2 {
		margin-bottom: 15px;
	}
	
	div.Content p {
		margin-bottom: 25px;
	}
	
	div.Content hr {
		margin: 10px 0 20px 0 !important;	
	}
	
	div.Content ul, div.Content ol {
		margin: 0 0 25px 40px;
	}
	
	div.Content a {
		color: #444;
		text-decoration: none;
		border-bottom: 1px solid #CCC;
		transition: .4s;
	}
		
		div.Content a:hover {
			color: #f89d26;
			text-decoration: none;
			transition: .4s;	
		}
			
	div.Content table {
		width: 100%;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		background: #fafafa;
		border: 1px solid #ebebeb;
		line-height: 25px;
		overflow: hidden;
		margin: -3px 0 25px 0;
	}
	
	div.Content table tr:first-child td {
		border: 0px;
	}
	
	div.Row table tr:nth-child(even) {
		background: #FFF;
	}
	
	div.Row table tr:hover{
		background: #FFF;
	}
		
	div.Content table td {
		padding: 4px 12px;
		border-top: 1px solid #ebebeb;
	}
	
	div.Content a.ContentButton {
		display: table;
		height: 40px;
		line-height: 36px;
		font-size: 20px;
		background: #f89d26;
		color: #FFF;
		border: 2px solid #f89d26;
		-webkit-transition: all .3s;
		transition: all .3s;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 20px auto 0;
		padding: 0 20px;
	}
	
		div.Content a.ContentButton:hover {
			background: #FFF;
			color: #f89d26;
		}
		
	div.Content div.gallery a {
		border: 0;
	}
	
@media screen and (max-width: 930px) {
	
	div.Content {
		margin: 140px auto 50px;
	}
	
}


.flex-container {
	display: flex;
  }
  .upload-img {
	margin: auto;
  }
  .upload-item {
	width: 20%;
  }
  .upload-itemDownload {
	display: flex;
	justify-content: flex-end;
	margin-block: auto;
  }
  .upload-name {
	display: flex;
	justify-content: flex-start;
	margin-block: auto;
  }

  #upload-message {
	display: none;
	color: #2271b1;
	float: right;
	line-height: 10px;
  }
  
  #loader-container {
	margin-top: 6px;
	margin-inline: 5px;
	float: right;
  }
  
  .loader {
	width: 20px;
	height: 20px;
	border: 2px solid #f0f0f1;
	border-radius: 50%;
	border-top: 2px solid #2271b1;
	border-bottom: 2px solid #2271b1;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
  }
  
  @-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }/* Examples */

div.Examples {
}

	div.Examples a.Button div.Icon {
		line-height: 160%;
	}

	div.Examples div.Slide {
		padding: 4.15vw 0 17.7vw;
	}

	div.Examples div.Slide.Kids {
		background-image: url('/assets/images/slides/kids.jpg');
	}

	div.Examples div.Slide.Cabin {
		background-image: url('/assets/images/slides/cabin.jpg');
	}

	div.Examples div.Slide.Garden {
		background-image: url('/assets/images/slides/garden.jpg');
	}

	div.Examples div.Slide.Furniture {
		background-image: url('/assets/images/slides/furniture.jpg');
	}

		div.Examples div.Slide:first-of-type div.TitleWrapper {
			margin-top: 120px;
		}

		div.Examples div.Slide div.TitleWrapper {
			height: 200px;
		}

			div.Examples div.Slide div.TitleWrapper div.TitleBlock {
				text-align: center;
			}
		
				div.Examples div.Slide div.TitleWrapper div.TitleBlock div.Title {
				}
			
				div.Examples div.Slide div.TitleWrapper div.TitleBlock div.Subtitle {
					padding: 0;
				}

/* Responsive */

@media screen and (max-width: 930px) {
	
	div.Examples div.Slide:first-of-type div.TitleWrapper {
		margin-top: 90px;
	}
	
}

@media screen and (max-width: 600px) {
	
	div.Examples div.TitleWrapper div.TitleBlock div.Title {
		font-size: 11.7vw;
		line-height: 11.7vw;
	}
	
	div.Examples div.TitleWrapper div.TitleBlock div.Subtitle {
		font-size: 6.67vw;
		line-height: 10vw;
	}
	
	div.Examples a.Button {
		font-size: 4.33vw;
		height: 8.36vw;
		line-height: 7.52vw;
		padding: 0 3.34vw;
	}
	
		div.Examples a.Button div.Icon {
			margin-right: 3.34vw;
		}
	
}

@media screen and (max-width: 450px) {
	
	div.Examples a.Button {
		font-size: 19.49px;
		height: 37.6px;
		line-height: 33.8px;
		padding: 0 15px;
	}
	
		div.Examples a.Button div.Icon {
			margin-right: 15px;
		}
	
}/* Footer */

/* Tom extra css */
.twitter > svg { vertical-align: text-bottom; fill: #FFFFFF; }

div.Footer {
	background: #f89d26;
	color: #FFF;
	padding: 70px 0;
	position: relative;
	z-index: 10;
}

	div.Footer div.Wrapper {
		display: table;
	}

		div.Footer div.Wrapper > div {
			display: table-cell;
			vertical-align: top;
		}

		div.Footer div.Wrapper div.FooterLeft {
			width: 60%;
			padding-right: 25px;
		}

			div.Footer div.Wrapper div.FooterLeft img {
				margin: 0 auto;
				width: 100%;
			}

		div.Footer div.Wrapper div.FooterRight {
			text-align: center;
		}

			div.Footer div.Wrapper div.FooterRight h2 {
				text-align: left;
				font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
				font-size: 38px;
				color: #FFF;
				margin-bottom: 40px;
			}

			div.Footer div.Wrapper div.FooterRight p {
				text-align: left;
				margin-bottom: 30px;
			}

			div.Footer div.Wrapper div.FooterRight a.Button {
				width: 280px;
			}

/* SubFooter */

div.SubFooter {
	background: #FFF;
	padding: 20px 0;
	font-size: 16px;
	line-height: 190%;
}

/* Responsive */

@media screen and (max-width: 1000px) {
	
	div.Footer div.Wrapper {
		text-align: center;
	}
	
		div.Footer div.Wrapper > div {
			display: inline-block;
			text-align: center;
		}
	
		div.Footer div.Wrapper div.FooterLeft {
			width: 60% !important;
			min-width: 250px;
			padding-right: 0;
		}
	
		div.Footer div.Wrapper div.FooterRight {
			width: 90% !important;
			padding-top: 20px;
		}
	
			div.Footer div.Wrapper div.FooterRight h2,
			div.Footer div.Wrapper div.FooterRight p {
				text-align: center;
			}
	
}

@media screen and (max-width: 800px) {
	
	div.SubFooter div.Wrapper div.FloatLeft,
	div.SubFooter div.Wrapper div.FloatRight {
		float: none;
		text-align: center;
	}
	
	div.SubFooter {
		padding: 20px;
	}
	
}

@media screen and (max-width: 700px) {
	
	div.Footer {
		padding: 10vw 0;
	}
	
}

@media screen and (max-width: 460px) {
	
	div.SubFooter {
		font-size: 3.5vw;
	}
	
	div.SubFooter div.Wrapper {
		padding: 0;
	}
	
}

@media screen and (max-width: 400px) {
	
	div.Footer div.Wrapper div.FooterRight a.Button {
		width: 90%;
		font-size: 6.5vw;
		height: 12.5vw;
	}
	
}/* General */

* {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

html, body {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

body {
	background: #FFF;
	margin: 0 auto;
	padding: 0;
	line-height: 30px;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

body::-webkit-scrollbar {
    width: 15px;
	background: #FFF;
}
 
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
			box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	-webkit-transition: .2s;
			transition: .2s;
	-webkit-border-radius: 0;
			border-radius: 0;
}
 
body::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
	-webkit-border-radius: 0;
			border-radius: 0;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
			box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}

a { text-decoration: none; }

p {
	margin: 0 0 20px 0;	
}

img {
	border: 0;
	text-decoration: none;
	max-width: 100%;
	height: auto;
}

div.Container {
	max-width: 1920px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

div.Wrapper {
	width: 100%;
	max-width: 1040px;
	height: auto;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

*::-webkit-input-placeholder {	color: #a9a9a9; }
*:-moz-placeholder {			color: #a9a9a9; }
*::-moz-placeholder {			color: #a9a9a9; }
*:-ms-input-placeholder {		color: #a9a9a9; }

@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){
	
	.NiceScroll::-webkit-scrollbar,
	.NiceScroll17px::-webkit-scrollbar {
		width: 0;
	}
	
}


/*TOM CSS*/
.temp { font-size: 20px; color: #eb088c; font-weight: bold; } 
.temp >p:first-child { text-decoration: underline; }/* Grid functionality */

div.Row {
	margin: 0 0 0 0;
	width: 100%;
}

div.MultiRow {
	margin: 0 0 0 0;
	display: table;
	width: 100%;
}

div.TextColumn {
	display: table-cell;
	vertical-align: top;
	padding: 0;
}

	div.TextColumn33 {
		width: 33.33%;
	}
		
	div.TextColumn50 {
		width: 48%;
	}
	
	div.TextColumn100 {
		width: 100%;

	}
	
div.ImageColumn {
	display: table-cell;
	text-align: center;
}
	
	div.ImageColumn33 {
		display: table-cell;
		text-align: center;
		width: 33.33%;	
	}
	
	div.ImageColumn50 {
		display: table-cell;
		text-align: center;
		width: 49.2% !important;	
	}

div.ThreeColumnLeft {
	padding: 0 15px 0 0;	
}

div.ThreeColumnMiddle {
	padding: 0 5px 0 5px;	
}

div.ThreeColumnRight {
	padding: 0 0 0 15px;	
}

div.TwoColumnLeft {
	padding: 0 10px 0 0;
}

div.TwoColumnRight {
	padding: 0 0 0 10px;
}

div.Spacer {
	width: 20px;
	height: 1px;
}

div.ContentHomepage
div.Spacer {
	width: 2%;
	height: 1px;
}

.Width100 {
	width: 100%;
}

.Width75 {
	width: 75%;
	float: left;
}

.Width50 {
	width: 50%;
	float: left;
}

.Width25 {
	width: 25%;
	float: left;
}/* Header */

header {
	position: fixed;
	width: 100%;
	background: rgba(255,255,255,0.95);
	z-index: 10000;
}

div.HomepageBackground {
	position: absolute;
	width: 100%;
	height: 1110px;
	background: url(../images/homepage/background-calculator.jpg) top center no-repeat;
	background-size: cover;
	z-index: -1;
}

div.Header {
	width: 100%;
	height: 120px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	text-align: center;
}

	div.Header div.MainMenu {
		height: 100%;
		text-align: center;
	}

	div.Header a.Logo {
		display: inline-block;
		position: absolute;
		left: 2.5%;
		line-height: 0;
		height: 100%;
		padding: 20px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}

		div.Header a.Logo img {
			height: 100%;
			width: auto;
		}

/* Main Menu */

div.MainMenu nav {
	height: 100%;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}

div.MainMenu ul {
	display: inline-block;
	list-style: none;
	margin: 0 auto;
}

div.MainMenu ul#MobileMenu {
	display: none;
}

	div.MainMenu ul li {
		float: left;
		height: 120px;
		white-space: nowrap;
		border-right: 1px solid rgba(0,0,0,0.1);
	}

	div.MainMenu ul li:last-of-type {
		border-right: 0;
	}

		div.MainMenu ul li a {
			display: table-cell;
			vertical-align: middle;
			text-align: left;
			height: 120px;
			-webkit-transition: all .2s;
					transition: all .2s;
			-webkit-box-sizing: border-box;
					box-sizing: border-box;
		}

		div.MainMenu ul li a:hover {
			color: #f89d26;
			background: rgba(255,255,255,0.5);
		}

			div.MainMenu ul li a > div {
				display: table-cell;
				vertical-align: top;
			}

			div.MainMenu ul li div.Icon {
				font-size: 50px;
				line-height: 32px;
				padding-left: 20px;
			}

			div.MainMenu ul li div.Description {
				font-size: 14px;
				line-height: 20px;
				padding: 0 20px;
			}

				div.MainMenu ul li div.Description strong {
					font-size: 18px;
				}
				
div.GoogleMaps {
	width: 100%;
	height: 38vw;
	margin: 0 auto -120px;
	padding: 0;
}

div.MobilePhone {
	float: right;
	display: none;
	padding: 28px 25px;
	font-size: 25px;
	position: absolute;
	right: 0;
	top: 0;
}

	div.MobilePhone a {
		color: #f89d26;
	}

/* Responsive */

@media screen and (max-width: 1500px) {
	
	div.MainMenu nav {
		border: 0;
	}
	
	div.MainMenu ul {
		border-left: 1px solid rgba(0,0,0,0.1);
	}
	
		div.MainMenu ul li:last-of-type {
			border-right: 1px solid rgba(0,0,0,0.1);
		}
		
			div.MainMenu ul li div.Description {
				padding-top: 10px;
			}
			
				div.MainMenu ul li div.Description span.Web {
					display: none;
				}
				
				div.MainMenu ul li div.Description span.Mobile {
					display: block;
				}
	
}

@media screen and (max-width: 1240px) {
	
	div.MainMenu ul li a,
	div.MainMenu ul li a > div {
		display: block;
	}
	
	div.MainMenu ul li a {
		padding: 15px 0;
	}
	
		div.MainMenu ul li a div.Icon {
			line-height: 55px;
			padding: 0;
			text-align: center;
		}
		
		div.MainMenu ul li a strong {
			font-family: 'Open Sans', sans-serif;
		}
	
}

@media screen and (max-width: 930px) {
	
	div.Header {
		height: 90px;
	}
	
		div.Header a.Logo {
			position: relative;
			margin: 0 auto;
			padding: 10px;
			left: auto;
		}
	
	div.MainMenu {
		display: none;
	}
		
	div.MobilePhone {
		display: block;
	}
	
	div.GoogleMaps {
		margin: 0 auto -90px;
	}
	
}

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

	div.GoogleMaps {
		height: 60vw;
		margin: 0 auto -90px;
		padding: 0;
	}

}

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

	div.GoogleMaps {
		height: 80vw;
	}
	
}div.CalculatorWrapper.LandingpageWrapper {
	overflow: hidden;
}

div.Content.Landingpage div#FormQuote {
	display: none !important;
}

div.Content.Landingpage {
	margin-top: 0;
}

	div.Content.Landingpage > div.Wrapper {
		background: #ffffff;
		padding: 60px 40px;
		z-index: 100;
		box-shadow: 0 0 10px rgba(0,0,0,0.65);
	}

	div.Content.Landingpage > div.Wrapper div.MultiRow,
	div.Content.Landingpage > div.Wrapper div.Row {
		position: relative;
		z-index: 1000;
	}

	div.Content.Landingpage > div.Wrapper:before {
		width: 100%;
		height: 50%;
		box-shadow: 0 0 150px 150px rgba(255,255,255,1);
		background: #FFF;
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		display: block;
		z-index: 99;
	}
	
		div.Content.Landingpage div.Wrapper div.CalculatorWrapper {
			margin-top: -85px;
			padding-top: 0;
			float: right;
			width: 40%;
			z-index: 1005;
		}
		
		div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator > div {
			display: block;
		}
		
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Wrapper {
				padding-right: 0px;
				padding-left: 30px;
			}
		
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorLeft {
				padding-left: 20px;
				width: 100%;
			}
			
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorLeft .Icon {
					display: none;
				}
				
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft h2 {
					font-size: 22px;
				}
				
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft p,
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
					font-size: 16px;
				}
				
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
					float: none;
					clear: both;
					overflow: hidden;
					height: auto;
				}
				
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputGroup,
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow select, 
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow input {
					width: 100%;
					float: none;
					clear: both;
					overflow: hidden;
				}
				
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.switch {
					width: 100%;
					float: left;
					clear: both;
					overflow: hidden;
				}
				
				div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.switch input {
					float: left;
				}
				
				
		div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorRight {
			display: block;
			padding-top: 0;
			padding-bottom: 0;
		}
		
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div#SummaryHTML.CalculatorRight {
			    clear: both;
				display: block;
				overflow: hidden;
			}
		
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorRight div.DefaultSummary {
				display: none;
			}
			
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorRight h2 {
				margin-top: 30px;
				text-align: right;
			}
			
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight a.SummarySpecifications {
				display: none;
			}
			
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow {
				display: none;
			}
			
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow.Schuttingschermen,
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow.Schuttingpalen {
				display: block;
			}
		
			div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow.Schuttingpalen {
				margin-bottom: 98px;
				display: block;
				overflow: hidden;
			}
			
			div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputMeters::after,
			div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputCentimeters::after {
				z-index: 1001;
			}
			
		div.Content.Landingpage div.Wrapper div.SummaryBar {
			display: none;
		}
		
@media screen and (max-width: 930px) {
	
	div.Content.Landingpage div.Wrapper div.CalculatorWrapper {
		margin-top: -85px;
		width: 100%;
		margin-bottom: 50px;		
	}
	
	div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Wrapper {
		padding-right: 0;
		padding-left: 0;
	}
	
	div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow.Schuttingpalen {
		margin-bottom: 0;
	}
	
	div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight a#OpenPersonalDetailsFormLandingpage {
		margin-bottom: 30px;
	}
	
}div#header div.languageSwitch {
    position: absolute;
    right: 20px;
    top: 29px;
    height: 42px;
    overflow: hidden;
    z-index: 92;
    background: rgba(0,0,0,0.8);
    border: 1px solid rgba(255,255,255,1);
    -webkit-transition: all .3s;
    transition: all .3s;
    display: block;
}

div#header div.languageSwitch:hover {
    height: auto;
    background: rgba(0,0,0,1);
    border: 1px solid #FFF;
}	

div#header div.languageSwitch ul {
    list-style: none;
    display: flex;			
    flex-flow: column;
    margin: 0;
}

div#header div.languageSwitch ul li {
    color: #FFF;
    width: auto;
    list-style: none;
    margin: 0;
    height: 42px;
    line-height: 32px;
    padding: 5px 10px;
    text-align: right;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    order: 2;
    position: relative;
}

div#header div.languageSwitch ul li:hover {
    background: #FFF;
}

div#header div.languageSwitch ul li:hover a {
    color: #000;
}

div#header div.languageSwitch ul li a {
    color: #FFF;
    border: 0px;
    text-decoration: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

div#header div.languageSwitch ul li a span {
    display: none;
    margin: 0 15px 0 0;
}


div#header div.languageSwitch ul li.active {
    order: 1 !important;
}

div#header div.languageSwitch ul li:after {
    content: "";
    width: 32px;
    height: 32px;
    float: right;
    padding: 0;
    background: url(../images/misc/flags.png) no-repeat;
}

.flag.flag-bh:after {
    background-position: -192px -32px !important;
}

.flag.flag-la:after {
    background-position: -352px -224px !important;
}

.flag.flag-lc:after {
    background-position: -416px -224px !important;
}

.flag.flag-am:after {
    background-position: -192px 0;
}

.flag.flag-ws:after {
    background-position: -320px -448px !important;
}

.flag.flag-mq:after {
    background-position: -96px -288px !important;
}

.flag.flag-ht:after {
    background-position: -416px -160px !important;
}

.flag.flag-ge:after {
    background-position: -320px -128px !important;
}

.flag.flag-ro:after {
    background-position: -256px -352px !important;
}

.flag.flag-tc:after {
    background-position: -448px -384px !important;
}

.flag.flag-by:after {
    background-position: -32px -64px !important;
}

.flag.flag-mm:after {
    background-position: 0 -288px !important;
}

.flag.flag-es:after {
    background-position: 0 -128px !important;
}

.flag.flag-hn:after {
    background-position: -352px -160px !important;
}

.flag.flag-do:after {
    background-position: -256px -96px !important;
}

.flag.flag-mk:after {
    background-position: -416px -256px !important;
}

.flag.flag-ps:after {
    background-position: -64px -352px !important;
}

.flag.flag-dk:after {
    background-position: -192px -96px !important;
}

.flag.flag-da:after {
    background-position: -192px -96px !important;
}

.flag.flag-tl:after {
    background-position: -128px -416px !important;
}

.flag.flag-se:after {
    background-position: -32px -384px !important;
}

.flag.flag-al:after {
    background-position: -160px 0;
}

.flag.flag-cd:after {
    background-position: -128px -64px !important;
}

.flag.flag-nl:after {
    background-position: -96px -320px !important;
}

.flag.flag-cn:after {
    background-position: -384px -64px !important;
}

.flag.flag-bm:after {
    background-position: -288px -32px !important;
}

.flag.flag-nr:after {
    background-position: -192px -320px !important;
}

.flag.flag-so:after {
    background-position: -256px -384px !important;
}

.flag.flag-km:after {
    background-position: -128px -224px !important;
}

.flag.flag-uy:after {
    background-position: -32px -448px !important;
}

.flag.flag-si:after {
    background-position: -96px -384px !important;
}

.flag.flag-ru:after {
    background-position: -320px -352px !important;
}

.flag.flag-ly:after {
    background-position: -192px -256px !important;
}

.flag.flag-et:after {
    background-position: -32px -128px !important;
}

.flag.flag-ar:after {
    background-position: -288px 0;
}

.flag.flag-ck:after {
    background-position: -288px -64px !important;
}

.flag.flag-sl:after {
    background-position: -160px -384px !important;
}

.flag.flag-bt:after {
    background-position: -448px -32px !important;
}

.flag.flag-ec:after {
    background-position: -320px -96px !important;
}

.flag.flag-ag:after {
    background-position: -96px 0;
}

.flag.flag-sn:after {
    background-position: -224px -384px !important;
}


.flag.flag-vg:after {
    background-position: -192px -448px !important;
}

.flag.flag-md:after {
    background-position: -288px -256px !important;
}

.flag.flag-mt:after {
    background-position: -192px -288px !important;
}

.flag.flag-tt:after {
    background-position: -288px -416px !important;
}

.flag.flag-jm:after {
    background-position: -384px -192px !important;
}

.flag.flag-cg:after {
    background-position: -192px -64px !important;
}

.flag.flag-ir:after {
    background-position: -224px -192px !important;
}

.flag.flag-lr:after {
    background-position: -32px -256px !important;
}

.flag.flag-gh:after {
    background-position: -416px -128px !important;
}

.flag.flag-je:after {
    background-position: -352px -192px !important;
}

.flag.flag-ba:after {
    background-position: 0 -32px !important;
}

.flag.flag-ky:after {
    background-position: -288px -224px !important;
}

.flag.flag-bi:after {
    background-position: -224px -32px !important;
}

.flag.flag-fr:after {
    background-position: -192px -128px !important;
}

.flag.flag-ng:after {
    background-position: -32px -320px !important;
}

.flag.flag-cf:after {
    background-position: -160px -64px !important;
}

.flag.flag-vn:after {
    background-position: -256px -448px !important;
}

.flag.flag-mg:after {
    background-position: -352px -256px !important;
}

.flag.flag-aw:after {
    background-position: -416px 0;
}

.flag.flag-gn:after {
    background-position: -64px -160px !important;
}

.flag.flag-na:after {
    background-position: -416px -288px !important;
}

.flag.flag-mc:after {
    background-position: -256px -256px !important;
}

.flag.flag-th:after {
    background-position: -64px -416px !important;
}

.flag.flag-bd:after {
    background-position: -64px -32px !important;
}

.flag.flag-ve:after {
    background-position: -160px -448px !important;
}

.flag.flag-st:after {
    background-position: -320px -384px !important;
}

.flag.flag-cz:after {
    background-position: -96px -96px !important;
}

.flag.flag-lk:after {
    background-position: 0 -256px !important;
}

.flag.flag-pe:after {
    background-position: -320px -320px !important;
}

.flag.flag-af:after {
    background-position: -64px 0;
}

.flag.flag-cu:after {
    background-position: 0 -96px !important;
}

.flag.flag-mo:after {
    background-position: -64px -288px !important;
}

.flag.flag-ni:after {
    background-position: -64px -320px !important;
}

.flag.flag-ml:after {
    background-position: -448px -256px !important;
}

.flag.flag-us:after {
    background-position: 0 -448px !important;
}

.flag.flag-kg:after {
    background-position: -32px -224px !important;
}

.flag.flag-kr:after {
    background-position: -224px -224px !important;
}

.flag.flag-tg:after {
    background-position: -32px -416px !important;
}

.flag.flag-eg:after {
    background-position: -384px -96px !important;
}

.flag.flag-sy:after {
    background-position: -384px -384px !important;
}

.flag.flag-bo:after {
    background-position: -352px -32px !important;
}

.flag.flag-ke:after {
    background-position: 0 -224px !important;
}

.flag.flag-sr:after {
    background-position: -288px -384px !important;
}

.flag.flag-tz:after {
    background-position: -384px -416px !important;
}

.flag.flag-nc:after {
    background-position: -448px -288px !important;
}

.flag.flag-im:after {
    background-position: -128px -192px !important;
}

.flag.flag-kw:after {
    background-position: -256px -224px !important;
}

.flag.flag-re:after {
    background-position: -224px -352px !important;
}

.flag.flag-dz:after {
    background-position: -288px -96px !important;
}

.flag.flag-ch:after {
    background-position: -224px -64px !important;
}

.flag.flag-cy:after {
    background-position: -64px -96px !important;
}

.flag.flag-pr:after {
    background-position: -32px -352px !important;
}

.flag.flag-tv:after {
    background-position: -320px -416px !important;
}

.flag.flag-ph:after {
    background-position: -416px -320px !important;
}

.flag.flag-an:after {
    background-position: -224px 0;
}

.flag.flag-ai:after {
    background-position: -128px 0;
}

.flag.flag-sb:after {
    background-position: -416px -352px !important;
}

.flag.flag-bj:after {
    background-position: -256px -32px !important;
}

.flag.flag-as:after {
    background-position: -320px 0;
}

.flag.flag-sv:after {
    background-position: -32px -384px !important;
}

.flag.flag-nb:after {
    background-position: -128px -320px !important;
}

.flag.flag-za:after {
    background-position: -384px -448px !important;
}

.flag.flag-in:after {
    background-position: -160px -192px !important;
}

.flag.flag-py:after {
    background-position: -160px -352px !important;
}

.flag.flag-pk:after {
    background-position: -448px -320px !important;
}

.flag.flag-ee:after {
    background-position: -352px -96px !important;
}

.flag.flag-mn:after {
    background-position: -32px -288px !important;
}

.flag.flag-me:after {
    background-position: -320px -256px !important;
}

.flag.flag-be:after {
    background-position: -96px -32px !important;
}

.flag.flag-fi:after {
    background-position: -64px -128px !important;
}

.flag.flag-lv:after {
    background-position: -160px -256px !important;
}

.flag.flag-eh:after {
    background-position: -416px -96px !important;
}

.flag.flag-co:after {
    background-position: -416px -64px !important;
}

.flag.flag-at:after {
    background-position: -352px 0;
}

.flag.flag-hu:after {
    background-position: -448px -160px !important;
}

.flag.flag-ma:after {
    background-position: -224px -256px !important;
}

.flag.flag-gb:after,
.flag.flag-en:after {
    background-position: -256px -128px !important;
}

.flag.flag-tw:after {
    background-position: -352px -416px !important;
}

.flag.flag-br:after {
    background-position: -384px -32px !important;
}

.flag.flag-hr:after {
    background-position: -384px -160px !important;
}

.flag.flag-pa:after {
    background-position: -288px -320px !important;
}

.flag.flag-lb:after {
    background-position: -384px -224px !important;
}

.flag.flag-mw:after {
    background-position: -288px -288px !important;
}

.flag.flag-to:after {
    background-position: -224px -416px !important;
}

.flag.flag-gd:after {
    background-position: -288px -128px !important;
}

.flag.flag-rw:after {
    background-position: -352px -352px !important;
}

.flag.flag-bb:after {
    background-position: -32px -32px !important;
}

.flag.flag-gg:after {
    background-position: -384px -128px !important;
}

.flag.flag-jp:after {
    background-position: -448px -192px !important;
}

.flag.flag-mx:after {
    background-position: -320px -288px !important;
}

.flag.flag-ne:after {
    background-position: 0 -320px !important;
}

.flag.flag-ls:after {
    background-position: -64px -256px !important;
}

.flag.flag-sm:after {
    background-position: -192px -384px !important;
}

.flag.flag-om:after {
    background-position: -256px -320px !important;
}

.flag.flag-ao:after {
    background-position: -256px 0;
}

.flag.flag-pl:after {
    background-position: 0 -352px !important;
}

.flag.flag-dj:after {
    background-position: -160px -96px !important;
}

.flag.flag-gy:after {
    background-position: -288px -160px !important;
}

.flag.flag-sc:after {
    background-position: -448px -352px !important;
}

.flag.flag-ms:after {
    background-position: -160px -288px !important;
}

.flag.flag-kp:after {
    background-position: -192px -224px !important;
}

.flag.flag-ad:after {
    background-position: 0 0;
}

.flag.flag-mv:after {
    background-position: -256px -288px !important;
}

.flag.flag-pt:after {
    background-position: -96px -352px !important;
}

.flag.flag-kz:after {
    background-position: -320px -224px !important;
}

.flag.flag-tj:after {
    background-position: -96px -416px !important;
}

.flag.flag-gu:after {
    background-position: -224px -160px !important;
}

.flag.flag-ye:after {
    background-position: -352px -448px !important;
}

.flag.flag-my:after {
    background-position: -352px -288px !important;
}

.flag.flag-lt:after {
    background-position: -96px -256px !important;
}

.flag.flag-gl:after {
    background-position: 0 -160px !important;
}

.flag.flag-kn:after {
    background-position: -160px -224px !important;
}

.flag.flag-ae:after {
    background-position: -32px 0;
}

.flag.flag-gi:after {
    background-position: -448px -128px !important;
}

.flag.flag-bs:after {
    background-position: -416px -32px !important;
}

.flag.flag-hk:after {
    background-position: -320px -160px !important;
}

.flag.flag-cm:after {
    background-position: -352px -64px !important;
}

.flag.flag-cv:after {
    background-position: -32px -96px !important;
}

.flag.flag-tr:after {
    background-position: -256px -416px !important;
}

.flag.flag-au:after {
    background-position: -384px 0;
}

.flag.flag-vc:after {
    background-position: -128px -448px !important;
}

.flag.flag-de:after {
    background-position: -128px -96px !important;
}

.flag.flag-mh:after {
    background-position: -384px -256px !important;
}

.flag.flag-ie:after {
    background-position: -32px -192px !important;
}

.flag.flag-sd:after {
    background-position: 0 -384px !important;
}

.flag.flag-td:after {
    background-position: 0 -416px !important;
}

.flag.flag-jo:after {
    background-position: -416px -192px !important;
}

.flag.flag-fo:after {
    background-position: -160px -128px !important;
}

.flag.flag-lu:after {
    background-position: -128px -256px !important;
}

.flag.flag-np:after {
    background-position: -160px -320px !important;
}

.flag.flag-ug:after {
    background-position: -448px -416px !important;
}

.flag.flag-gr:after {
    background-position: -160px -160px !important;
}

.flag.flag-bw:after {
    background-position: 0 -64px !important;
}

.flag.flag-uz:after {
    background-position: -64px -448px !important;
}

.flag.flag-zw:after {
    background-position: -448px -448px !important;
}

.flag.flag-zm:after {
    background-position: -416px -448px !important;
}

.flag.flag-sz:after {
    background-position: -416px -384px !important;
}

.flag.flag-rs:after {
    background-position: -288px -352px !important;
}

.flag.flag-pg:after {
    background-position: -384px -320px !important;
}

.flag.flag-ci:after {
    background-position: -256px -64px !important;
}

.flag.flag-cr:after {
    background-position: -448px -64px !important;
}

.flag.flag-sg:after {
    background-position: -64px -384px !important;
}

.flag.flag-sk:after {
    background-position: -128px -384px !important;
}

.flag.flag-vi:after {
    background-position: -224px -448px !important;
}

.flag.flag-il:after {
    background-position: -64px -192px !important;
}

.flag.flag-gq:after {
    background-position: -128px -160px !important;
}

.flag.flag-is:after {
    background-position: -256px -192px !important;
}

.flag.flag-fj:after {
    background-position: -96px -128px !important;
}

.flag.flag-ki:after {
    background-position: -96px -224px !important;
}

.flag.flag-iq:after {
    background-position: -192px -192px !important;
}

.flag.flag-bz:after {
    background-position: -64px -64px !important;
}

.flag.flag-mz:after {
    background-position: -384px -288px !important;
}

.flag.flag-mu:after {
    background-position: -224px -288px !important;
}

.flag.flag-pf:after {
    background-position: -352px -320px !important;
}

.flag.flag-gw:after {
    background-position: -256px -160px !important;
}

.flag.flag-sa:after {
    background-position: -384px -352px !important;
}

.flag.flag-pw:after {
    background-position: -128px -352px !important;
}

.flag.flag-bg:after {
    background-position: -160px -32px !important;
}

.flag.flag-bf:after {
    background-position: -128px -32px !important;
}

.flag.flag-vu:after {
    background-position: -288px -448px !important;
}

.flag.flag-az:after {
    background-position: -448px 0;
}

.flag.flag-er:after {
    background-position: -448px -96px !important;
}

.flag.flag-tn:after {
    background-position: -192px -416px !important;
}

.flag.flag-kh:after {
    background-position: -64px -224px !important;
}

.flag.flag-bn:after {
    background-position: -320px -32px !important;
}

.flag.flag-cl:after {
    background-position: -320px -64px !important;
}

.flag.flag-ca:after {
    background-position: -96px -64px !important;
}

.flag.flag-gt:after {
    background-position: -192px -160px !important;
}

.flag.flag-nz:after {
    background-position: -224px -320px !important;
}

.flag.flag-li:after {
    background-position: -448px -224px !important;
}

.flag.flag-va:after {
    background-position: -96px -448px !important;
}

.flag.flag-dm:after {
    background-position: -224px -96px !important;
}

.flag.flag-ua:after {
    background-position: -416px -416px !important;
}

.flag.flag-tm:after {
    background-position: -160px -416px !important;
}

.flag.flag-qa:after {
    background-position: -192px -352px !important;
}

.flag.flag-id:after {
    background-position: 0 -192px !important;
}

.flag.flag-gm:after {
    background-position: -32px -160px !important;
}

.flag.flag-gp:after {
    background-position: -96px -160px !important;
}

.flag.flag-it:after {
    background-position: -288px -192px !important;
}

.flag.flag-ga:after {
    background-position: -224px -128px !important;
}

.flag.flag-mr:after {
    background-position: -128px -288px !important;
}

.flag.flag-fm:after {
    background-position: -128px -128px !important;
}.SearchForm {
    float: left;
    height: 40px;
    margin: 0;
    position: relative;
}

	.SearchForm input[type="text"] {
		background: #FFFFFF;
		font-family: 'Open Sans', sans-serif;
		border: 1px solid #dadada;
		color: #333333;
		font-size: 16px;
		float: left;
		height: 40px;
		padding: 0 20px;
		width: 200px;
		border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.SearchForm input[type="image"] {
		float: left;
	}
	
/* Misc. */

.FloatLeft {
	float: left;	
}

.FloatRight {
	float: right;	
}

.Center {
	text-align: center;
}

.ClearBoth {
    clear: both;
}

.Hidden {
	display: none;
}

.Borderless {
	border-color: rgba(0,0,0,0) !important;
}

/* Fixing some elements for the responsive version */

.Width10Percent { width: 10% !important; }
.Width11Percent { width: 11% !important; }
.Width14Percent { width: 14% !important; }
.Width15Percent { width: 15% !important; }
.Width16Percent { width: 16% !important; }
.Width20Percent { width: 20% !important; }
.Width24Percent { width: 24% !important; }
.Width25Percent { width: 25% !important; }
.Width28Percent { width: 28% !important; }
.Width29Percent { width: 29% !important; }
.Width30Percent { width: 30% !important; }
.Width33Percent { width: 33% !important; }
.Width36Percent { width: 36% !important; }
.Width37Percent { width: 37% !important; }
.Width38Percent { width: 38% !important; }
.Width40Percent { width: 40% !important; }

.MarginRight1Percent {
   margin-right: 1% !important;		
}

.MarginRight2Percent {
   margin-right: 2% !important;		
}

a.Button {
	display: inline-block;
	font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
	background: #FFF;
	font-size: 26px;
	font-weight: normal;
	height: 50px;
	line-height: 165%;
	text-align: center;
	padding: 0 20px;
	margin: 0 auto 15px;
	border: 2px solid #FFF;
	-webkit-border-radius: 6px;
			border-radius: 6px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transition: all .3s;
			transition: all .3s;
}

a.Button.Big {
	font-size: 36px;
	height: 60px;
	line-height: 145%;
	background: #FFF;
	color: #000;
}

	a.Button:hover {
		background: #f89d26;
		color: #FFF;
	}

	a.Button div.Icon {
		float: left;
		margin-right: 20px;
	}

sub, sup { 
	font-size: 10px;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}

sup {
	top: -6px;
}

sub { 
	bottom: -6px;
	right: -4px; 
}

hr {
	border-top: 1px solid #DADADA;
	border-bottom: 0px;
	margin-bottom: 20px;
}

div.post {
	border-bottom: 1px solid #DADADA;
	margin-bottom: 25px;
	padding-bottom: 5px;
}

	div.post h2 a {
		color: #f89d26;
		border: 0px;
	}


div.LoaderWrapper {
	background: url(../images/misc/cm-loader.gif) center center no-repeat rgba(255,255,255,0.8);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 200000;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: none;
}

.placeholder {					color: #a9a9a9; }
*::-webkit-input-placeholder {	color: #a9a9a9; }
*:-moz-placeholder {			color: #a9a9a9; }
*::-moz-placeholder {			color: #a9a9a9; }
*:-ms-input-placeholder {		color: #a9a9a9; }

/* Fix to prevent chrome textfield highlights */
*:focus {outline: none !important;}

/* Parralax */

.visible {
	visibility: visible;
}/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul, .slicknav_nav li { display: block; }
li.slicknav_parent {margin-left: -21px;}
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 10px 0 0; float: left; clear: both;}
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

div.MobileMenu {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	pointer-events: none;
}

.slicknav_menu {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	font-size: 16px;
	pointer-events: none;
}

/* Button */
.slicknav_btn {
	display: inline-block;
	text-decoration: none;
	padding: 30px;
	border-bottom: 0;
	float: none;
	position: absolute;
	top: 50%;
	left: 0;
	pointer-events: all;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
	background-color: #f89d26;
}

.slicknav_nav {
	color: #f89d26;
	margin: 0;	
	padding: 0;
	font-size: 14px;
	background: rgba(255,255,255,0.95);
	position: relative;
    top: 100%;
	pointer-events: all;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
			box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
}

.slicknav_nav,
.slicknav_nav ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
}

	.slicknav_nav li {
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	
		.slicknav_nav li a {
			text-decoration: none;
			color: #000;
			border: 0;
			display: block;
			padding: 10px 30px;
			line-height: 20px;
			-webkit-transition: all .2s;
					transition: all .2s;
		}
	
		.slicknav_nav li a:hover {
			color: #f89d26;
			background: rgba(255,255,255,0.5);
		}
		
			.slicknav_nav a > div {
				display: table-cell;
				vertical-align: middle;
			}
		
			.slicknav_nav a div.Icon {
				font-size: 40px;
				padding-right: 20px;
				padding-bottom: 10px;
				width: 45px;
				text-align: center;
			}

/* Responsive */

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

	div.MobileMenu {
		display: block;
	}
	
}/* Overlayer */

div.OverlayerWrapper {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 20000;
}

	div.OverlayerWrapper div.OverlayerBackground {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
	}
	
	div.OverlayerWrapper div.Overlayer {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80vw;
		height: 45vw;
		max-width: 1280px;
		max-height: 720px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
	}
	
		div.OverlayerWrapper div.Overlayer a {	
			-webkit-transition: all .3s;
					transition: all .3s;
		}
	
		div.OverlayerWrapper div.Overlayer a.Close {
			position: absolute;
			top: -15px;
			right: -15px;
			width: 30px;
			height: 30px;
			background: #000;
			border-radius: 50%;
			font-family: "ThinkFreshIcons";
			font-size: 40px;
			line-height: 25px;
			text-align: center;
			text-indent: -1px;
			color: #FFF;
			box-sizing: border-box;
			-webkit-transform: scale(0.8);
					transform: scale(0.8);
		}
	
			div.OverlayerWrapper div.Overlayer a.Close:hover {
				background: #f89d26;
			}
	
		div.OverlayerWrapper div.Overlayer a.Navigate {
			position: absolute;
			top: 50%;
			width: 30px;
			font-family: "ThinkFreshIcons";
			font-size: 40px;
			height: 30px;
			line-height: 12px;
			text-align: center;
			color: rgba(255,255,255,0.3);
			-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
		}
	
			div.OverlayerWrapper div.Overlayer a.Navigate.Prev {
				left: -28px;
			}
	
			div.OverlayerWrapper div.Overlayer a.Navigate.Next {
				right: -28px;
			}
	
				div.OverlayerWrapper div.Overlayer a.Navigate:hover {
					color: rgba(255,255,255,1);
				}
		div.OverlayerContent a.HideSpecifications {
			background: #FFF;
			border: 2px solid #f89d26;
			color: #f89d26;
			border-radius: 5px;
			box-sizing: border-box;
			display: block;
			font-size: 20px;
			height: 40px;
			width: 48%;
			margin: 0 1%;
			text-align: center;
			line-height: 36px;
			transition: all 0.3s ease 0s;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			float: left;
		}
		
		div.OverlayerContent a.ShowSpecifications {
			background: #f89d26;
			border: 2px solid #f89d26;
			border-radius: 5px;
			box-sizing: border-box;
			color: #fff;
			display: block;
			font-size: 20px;
			height: 40px;
			width: 48%;
			margin: 0 1%;
			text-align: center;
			line-height: 36px;
			transition: all 0.3s ease 0s;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			float: left;
		}

div.RazorboxClose{ display:none;}						/* Products */
div.FilterButtons {
  display: table;
  margin: 0 auto;
  text-align: center; }

a.FilterButton {
  font-size: 20px;
  text-align: center;
  border: 2px solid #f89d26;
  background: #FFF;
  color: #f89d26;
  height: 40px;
  line-height: 36px;
  padding: 0 15px;
  margin-right: 20px;
  margin-bottom: 10px;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  position: relative; }
  a.FilterButton.All {
    background: #7f7f7f;
    color: #FFF;
    border: 2px solid #7f7f7f; }
  a.FilterButton.Active, a.FilterButton.active {
    background: #f89d26;
    color: #FFF; }

div.InformationBar {
  width: calc(100% - 20px);
  /*height: 50px;*/
  line-height: 50px;
  background: #eb74ad;
  color: #FFF;
  font-size: 20px;
  padding: 0 20px 1px 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 20px;
  position: relative; }
  div.InformationBar div.DisplaySelectedItem {
    display: inline-block; }
  div.InformationBar:before {
    background: #eb088c;
    content: "\f05a";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    text-align: center; }

div.CarouselWrapper.Wrapper {
  margin: 0 auto 30px; }

div.ProductsWrapper {
  margin-top: 0.75vw;
  margin-bottom: 120px; }
  div.ProductsWrapper div.Wrapper:after {
    display: block;
    content: "";
    clear: both; }
  div.ProductsWrapper div.Wrapper > div.Description {
    padding: 30px 0 10px 0; }
    div.ProductsWrapper div.Wrapper > div.Description h2 {
      font-family: "TheMixBold", Arial, Helvetica, sans-serif;
      font-size: 26px; }
    div.ProductsWrapper div.Wrapper > div.Description a {
      border-bottom: 1px solid #a3a3a3; }
  div.ProductsWrapper div.carousel-cell {
    width: calc(33.33% - 20px);
    margin: 0 20px 0 0; }
  div.ProductsWrapper div.Product {
    width: 100%;
    background: #ededed;
    padding: 6px;
    text-align: center;
    cursor: default;
    height: 100%;
    line-height: 30px;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    div.ProductsWrapper div.Product:nth-of-type(3) {
      margin: 0; }

div.ProductsWrapper div.Product:hover,
div.ProductsWrapper div.Product.Active,
div.ProductsWrapper .owl-item:hover div.Product,
div.ProductsWrapper .owl-item.ProductActive div.Product {
  background: #f89d26;
  color: #FFF; }

div.ProductsWrapper div.Product div.ProductImage {
  background: #FFF; }

div.ProductsWrapper div.Product img {
  width: 100%;
  height: auto;
  vertical-align: middle; }

div.ProductsWrapper div.Product div.ProductInfo {
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div.ProductsWrapper div.Product div.ProductInfo div.Title {
  font-weight: 600;
  font-size: 16px; }

div.ProductsWrapper div.Product div.ProductInfo div.Description {
  font-size: 14px;
  margin-top: 5px; }

/* Text ellipsis */
div.ProductsWrapper div.Product div.ProductInfo div.Title,
div.ProductsWrapper div.Product div.ProductInfo div.Description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

div.ProductsWrapper div.Product div.ProductInfo div.Title {
  height: 25px;
  line-height: 25px; }

div.ProductsWrapper div.Product div.ProductInfo div.Description {
  height: 20px;
  line-height: 20px; }

div.ProductsWrapper div.Product div.ProductInfo div.Amount {
  font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-align: left;
  /*background: #f89d26;*/
  color: #FFF;
  height: 40px;
  line-height: 36px;
  padding-left: 15px;
  margin-top: 20px;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  cursor: pointer;
  position: relative; }

div.ProductsWrapper div.Product:hover div.ProductInfo div.Amount,
div.ProductsWrapper div.Product.Active div.ProductInfo div.Amount,
div.ProductsWrapper .owl-item:hover div.Product div.ProductInfo div.Amount,
div.ProductsWrapper .owl-item.ProductActive div.Product div.ProductInfo div.Amount {
  background: rgba(255, 255, 255, 0.3); }

div.ProductsWrapper div.Product div.ProductInfo div.Amount .AmountRadioButton {
  height: 50%;
  margin: 10px 10px 0 0px;
  cursor: pointer;
  width: 20px; }

div.ProductsWrapper div.Product div.ProductInfo div.Amount input {
  font-family: "TheMix", Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-align: center;
  width: 40%;
  height: 40px;
  line-height: 40px;
  float: right;
  pointer-events: none; }

@media screen and (max-width: 1200px) {
  div.ProductsWrapper {
    margin-bottom: 10vw; } }
@media screen and (max-width: 980px) {
  div.ProductsWrapper div.carousel-cell {
    width: calc(50% - 20px); } }
@media screen and (max-width: 690px) and (min-width: 550px) {
  div.ProductsWrapper div.Product {
    width: 100%;
    margin-right: 0;
    display: table; }

  div.ProductsWrapper div.Product > div {
    display: table-cell;
    vertical-align: top;
    width: 50%; }

  div.ProductsWrapper div.Product div.ProductImage {
    vertical-align: middle;
    background: #FFF; }

  div.ProductsWrapper div.Product div.ProductInfo {
    text-align: left;
    position: relative; } }
@media screen and (max-width: 690px) {
  div.ProductsWrapper div.carousel-cell {
    width: calc(100% - 20px); }

  div.CarouselWrapper {
    margin-bottom: 15px; }

  div.CarouselWrapper .flickity-page-dots {
    width: calc(100% - 20px); }

  div.InformationBar {
    padding: 0 10px 0 40px; }

  div.InformationBar:before {
    width: 30px;
    font-size: 16px; }

  div.InformationBar .DisplaySelectedItem {
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px; } }
@media screen and (max-width: 500px) {
  a.FilterButton {
    font-size: 16px;
    margin: 0 5px 10px 5px;
    padding: 0 10px; } }
@media screen and (max-width: 410px) {
  div.ProductsWrapper div.Product > div {
    display: block;
    width: 100%; } }
@media screen and (max-width: 380px) {
  div.ProductsWrapper div.Product div.ProductInfo div.Title {
    font-size: 4.2vw; } }

/*# sourceMappingURL=products.css.map */


div#SchuttingQuote {
	width: 100%;
	padding: 0px 0 0;
	
	min-height: 842px;
}

div#SchuttingQuote * {
	font-size: 12px;
}

	

div#SchuttingQuote table p {
	line-height: 150%;
}
div#SchuttingQuote table tr {
	line-height: 150%;
}

div#SchuttingQuote table.Main {
	width: 670px;
	margin: 0 auto;
}

div#SchuttingQuote table.Main > tr,
div#SchuttingQuote table.Main > tr > td {
	width: 100%;
}


div#SchuttingQuote table.Header,
div#SchuttingQuote table.BillingInfo,
div#SchuttingQuote table.Inleiding,
div#SchuttingQuote table.Details,
div#SchuttingQuote table.Products,
div#SchuttingQuote table.Totals,
div#SchuttingQuote table.Footer {
	width: 100%;
	border-collapse: collapse;
}

div#SchuttingQuote table.Header {
	margin: 0 0 50px 0;
}

div#SchuttingQuote table.Header td.Logo {
	width: 65%;
}

div#SchuttingQuote table.Header h1 {
	/*text-align: right;*/
	color: #f89d26;
	font-size: 32px;
	font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
	font-style: italic;
}

div#SchuttingQuote table.Header tr td {
	vertical-align: middle;
}

div#SchuttingQuote table.BillingInfo {
	margin: 0 0 50px 0;
}

div#SchuttingQuote table.BillingInfo strong {
	font-size: 18px;
}

div#SchuttingQuote table.BillingInfo td.Customer {
	width: 65%;
}

div#SchuttingQuote table.Inleiding {
	margin: 0 0 30px 0;
}

div#SchuttingQuote table.Details {
	margin: 0 0 50px 0;
}

div#SchuttingQuote table.Details td.Title {
	width: 200px;
}


div#SchuttingQuote table.Products {
	margin: 0 0 0px 0;
	
}
div#SchuttingQuote table.Products thead tr td {
	border-bottom: 1px solid #0d0d0c;
	font-weight: bold;
	padding: 0 0 10px 0;
}
div#SchuttingQuote table.Products tbody td.Quantity {
	width: 30px;
	text-align: right;
	padding: 0 10px 0;
}

div#SchuttingQuote table.Products td.ProductItem {
	width: 370px;
}

div#SchuttingQuote table.Products td.ProductCode {
	width: 50px;
}
div#SchuttingQuote table.Products tbody td.ProductCode {
	width: 50px;
	text-align: right;
	padding: 0 0px 0;
}

div#SchuttingQuote table.Products td.Price,
div#SchuttingQuote table.Products td.TotalPrice {
	text-align: right;
	width: 130px;
}

div#SchuttingQuote table.Totals {
	margin: 10px 0 0 0;
	border-top: 1px solid #0d0d0c;
	cell-padding: 10px;
}
div#SchuttingQuote table.Totals thead {
	margin: 20px 0 0;
}


div#SchuttingQuote table.Totals td.FirstCell {
	text-align: right;
	width: 550px;
}
div#SchuttingQuote table.Totals td.SecondCell {
	/*width: 130px;*/
	text-align: right;
}

div#SchuttingQuote table.Footer {
	/*background: #f89d26;*/
	background: none;
	color: #000;
	border-spacing: 10px;
	display: block;
	text-align: center;
}

div#SchuttingQuote table.Footer td {
	width: 33.333%;
}

div.QuoteFooter {
	width: 100%;
	padding: 10px;
	background: #f89d26;
	height: auto;
	color: #fff;
	overflow: hidden;
	clear: both;
	line-height: 1.25;
	z-index: 1000;
}
div.QuoteFooter div.FooterItem {
	float: left;
	width: 33.33333333%;
}
div.QuoteFooter p {
	color: #fff;
	font-size: 12px;
	margin: 0;
}
ul.Sitemap, ul.Sitemap ul {
	background: url(../images/misc/vline.png) repeat-y scroll 0 0 rgba(0, 0, 0, 0);
	list-style-type: none !important;
	margin: 5px 0 5px 30px !important;
	padding: 0;
}

	ul.Sitemap ul {
		margin-bottom: 16px;
		margin-left: 5px;
	}
	
		ul.Sitemap li > a {
			font-weight: bold;
		}
		
		ul.Sitemap li ul li > a {
			font-weight: normal;
		}
	
		ul.Sitemap li {
			background: url(../images/misc/node.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
			line-height: 24px;
			margin: 0;
			padding: 0 14px;
		}
		
			ul.Sitemap li a {
				border-bottom: 0 none;
				cursor: pointer;
				text-decoration: none;
				transition : color 0.2s;
			}
			
		ul.Sitemap li.Last {
			background: url(../images/misc/lastnode.png) no-repeat scroll 0 0 #FFFFFF;
		}/* Footer */

div.SlideLandingpage {
	background: #f89d26;
	color: #FFF;
	padding: 0 0 70px 0;
	margin-top: 100px;
	position: relative;
	z-index: 10;
}

	div.SlideLandingpage div.Wrapper {
		display: table;
	}

		div.SlideLandingpage div.Wrapper > div {
			display: block;
		}

		div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft {
			width: 60%;
			padding-right: 0px;
			margin: -100px 0 0 -150px;
			float: left;
		}

			div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft img {
				margin: 0 auto;
				width: 100%;
			}
			
			div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft p {
				margin-left: 120px;
				font-size: 20px;
			}
			
			div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft p.Phone {
				font-size: 32px;
				position: relative;
				padding: 0 0 0 50px;
				font-family: "TheMixExtraBoldItalic", Arial, Helvetica, sans-serif;
			}
			
				div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft p.Phone:before {
					content: '6';
					font-family: "ThinkFreshIcons", Arial, Helvetica, sans-serif;
					margin: 0 10px 0 0;
					position: absolute;
					left: 0;
					top: 0px;
					font-size: 40px;
				}

		div.SlideLandingpage div.Wrapper div.SlideLandingpageRight {
			text-align: center;
			float: left;
			width: calc(40% + 150px);
			padding-top: 70px;
			padding-left: 50px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

			div.SlideLandingpage div.Wrapper div.SlideLandingpageRight h2 {
				text-align: left;
				font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
				font-size: 38px;
				color: #FFF;
				margin-bottom: 40px;
			}

			div.SlideLandingpage div.Wrapper div.SlideLandingpageRight p {
				text-align: left;
				margin-bottom: 30px;
			}

			div.SlideLandingpage div.Wrapper div.SlideLandingpageRight a.Button {
				width: 280px;
				float: left;
				clear: both;
			}
			
			div.SlideLandingpage div.Wrapper div.SlideLandingpageRight ul {
				text-align: left;
				list-style-image: url('/assets/images/misc/check.png');
				margin: 0 0 65px 50px;
			}
			
				div.SlideLandingpage div.Wrapper div.SlideLandingpageRight ul li {
					padding-left: 20px;
					margin: 0 0 20px 0;
					height: 25px;
					line-height: 25px;
				}
			

/* Responsive */

@media screen and (max-width: 1000px) {
	
	div.SlideLandingpage div.Wrapper {
		text-align: center;
	}
	
		div.SlideLandingpage div.Wrapper > div {
			display: inline-block;
			text-align: center;
		}
	
		div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft {
			width: 60% !important;
			min-width: 250px;
			padding-right: 0;
		}
	
		div.SlideLandingpage div.Wrapper div.SlideLandingpageRight {
			width: 90% !important;
			padding-top: 20px;
		}
	
			div.SlideLandingpage div.Wrapper div.FooterRight h2,
			div.SlideLandingpage div.Wrapper div.FooterRight p {
				text-align: center;
			}
	
}


@media screen and (max-width: 700px) {
	
	div.SlideLandingpage {
		padding: 10vw 0;
	}
	
}

@media screen and (max-width: 460px) {
	
	div.SlideLandingpage {
		font-size: 3.5vw;
	}
	
	div.SlideLandingpage div.Wrapper {
		padding: 0;
	}
	
}

@media screen and (max-width: 400px) {
	
	div.SlideLandingpage div.Wrapper div.SlideLandingpageRight a.Button {
		width: 90%;
		font-size: 6.5vw;
		height: 12.5vw;
	}
	
}div.Slide {
	background-position: center center;
	background-size: cover;
	padding: 8.4vw 0;
	-webkit-box-shadow: inset 0 -600px 600px -400px rgba(0,0,0,0.7);
			box-shadow: inset 0 -600px 600px -400px rgba(0,0,0,0.7);
}

div.Slide.Lunch {
	background-image: url(../images/slides/lunch.jpg);
}

	div.Slide div.TitleWrapper {
		height: 280px;
	}

		div.Slide div.TitleWrapper div.TitleBlock div.Subtitle {
			padding-left: 17%;
		}

/* Responsive */

@media screen and (max-width: 930px) {
	
	div.Slide.HomepageSlide a.Button.Big {
		font-size: 3.87vw;
	}
	
}

@media screen and (max-width: 800px) {
	
	div.Slide.HomepageSlide a.Button.Big {
		height: 7.55vw;
		line-height: 167.74%;
	}
	
}

@media screen and (max-width: 480px) {
	
	div.Slide.HomepageSlide a.Button.Big {
		font-size: 18.6px;
		height: 36.31px;
	}
	
}div.OverlayerSpecifications {
    width: 75vw;
    height: auto;
    padding: 50px;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background: #fff;
}

div.OverlayerSpecifications h2 {
    font-family: "TheMixBold", Arial, Helvetica, sans-serif;
    font-size: 26px;
}

div.OverlayerSpecifications h2 + p {
    font-size: 18px;
}

div.OverlayerSpecifications div.Buttons {
    position: absolute;
    top: 30px;
    right: 50px;
}

div.OverlayerSpecifications div.Buttons a {
    float: right;
}


div.OverlayerSpecifications div.Buttons a.ResetSpecifications  {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f89d26;
    border-radius: 5px;
    box-sizing: border-box;
    color: #f89d26;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 36px;
    margin-top: 20px;
    transition: all 0.3s ease 0s;
    width: auto;
    padding: 0 20px 0 0;
}

div.OverlayerSpecifications div.Buttons a.ResetSpecifications:hover {
    background: #fff;
}

div.OverlayerSpecifications div.Buttons div.Icon {
    display: inline-block;
    font-size: 26px;
    height: 36px;
    line-height: 33px;
    text-align: center;
    vertical-align: top;
    width: 50px;
}

div.OverlayerSpecifications div.Buttons a.Specifications {
    background: #f89d26 none repeat scroll 0 0;
    border: 2px solid #f89d26;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 36px;
    margin-top: 20px;
    margin-right: 20px;
    transition: all 0.3s ease 0s;
    width: auto;
    padding: 0 20px 0 0;
}

div.OverlayerSpecifications div.Buttons a.Specifications:hover {
    background: #fff;
    color: #f89d26;
}


div.OverlayerSpecifications div.ProductsWrapper {
    margin: 0;
}

div.OverlayerSpecifications div.ProductRow div.Product:nth-child(4n+1) {
    margin: 0 0 20px 0 !important;
}

div.OverlayerSpecifications div.Product {
    width: calc(25% - 15px);
    float: left;
    margin: 0 0 20px 20px !important;

}

div.OverlayerSpecifications div.ProductsWrapper div.Product div.ProductInfo div.Amount input {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    position: relative;
}


div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 0;
    height: 100%;
}

div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus,
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min {
    position: absolute;
    right: 0;
    height: 50%;
    width: 25px;
    background: #a9a9a9;
    display: block;
    z-index: 101;
    color: #fff;
    line-height: 17px;
    text-align: center;
}

div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus:hover,
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min:hover {
    background: #ededed;
    color: #000;
}

div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus {
    top: 0;
    content: '+';
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom: 1px solid #fafafa;
    z-index: 102;
}

div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min {
    top: 50%;
    content: '-';
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

div.OverlayerSpecifications div.Promotion {
    width: auto;
    display: flex;
    flex-flow: column nowrap;
    border: 5px solid #f89d26;
    box-sizing: border-box;
    left: 20px;
    margin: 20px;
    position: relative;
    background: url("/assets/images/homepage/background-calculator.jpg");
    background-size: cover;
}

div.OverlayerSpecifications div.Promotion div.PromotionInfo {
    background: rgba(248,157,38,0.85);
    padding: 40px 40px 20px;
}


div.OverlayerSpecifications div.Promotion * {
    color: #FFF;
}

div.OverlayerSpecifications div.Promotion a {
    border-bottom: 1px dotted #FFF;
}


/*PromotionInfo*/

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

    div.OverlayerSpecifications {
        width: 90vw;
        margin-bottom: 20px;
        padding: 20px;
    }

    div.OverlayerSpecifications div.ProductRow div.Product:first-child {
        margin: inherit;
    }

    div.OverlayerSpecifications div.ProductRow div.Product {
        width: calc(50% - 10px);
        margin: 0 0 20px 20px !important;
    }

    div.OverlayerSpecifications div.ProductRow div.Product:nth-child(2n+1) {
        margin: 0 0 20px 0 !important; 
    }

}

@media screen and (max-width: 520px) {
    div.OverlayerSpecifications h2 {
        font-size: 23px;
    }
    
    div.OverlayerSpecifications div.ProductRow div.Product {
        width: auto;
        margin: 0 0 20px 0 !important;
        float: none !important;
    }
    
    div.OverlayerSpecifications div.Buttons {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 30px;
    }
    
    div.OverlayerSpecifications div.Buttons a {
        font-size: 16px !important;
        float: none;
        margin: 0 0 10px 0 !important;
    }
    
    div.OverlayerSpecifications div.ProductsWrapper div.Product div.ProductInfo div.Amount {
        font-size: 16px;
        overflow: hidden;
        line-height: 38px;
    }
    
    div.OverlayerSpecifications div.ProductsWrapper div.Product div.ProductInfo div.Amount input {
        position: absolute;
        left: auto;
        top: 0;
        width: 100%;
        text-align: left;
        margin-left: 15px;
        padding: 0 15px;
    }
    
    div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus, div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min {
        width: 36px;
        height: 36px;
        line-height: 32px;
        background: #a9a9a9 !important;
        color: #fff !important;
        border: 2px solid #fff;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        font-size: 26px;
    }
    
    div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min {
        top: 0;
        right: 40px;
        border-right: none;
        border-left: none;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Italic.woff2') format('woff2'),
        url('../fonts/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-HairlineItalic.woff2') format('woff2'),
        url('../fonts/Lato-HairlineItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-LightItalic.woff2') format('woff2'),
        url('../fonts/Lato-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.woff2') format('woff2'),
        url('../fonts/Lato-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('../fonts/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BlackItalic.woff2') format('woff2'),
        url('../fonts/Lato-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "clippingmasters";
    src:url("../fonts/clippingmasters.eot");
    src:url("../fonts/clippingmasters.eot?#iefix") format("embedded-opentype"),
        url("../fonts/clippingmasters.woff") format("woff"),
        url("../fonts/clippingmasters.ttf") format("truetype"),
        url("../fonts/clippingmasters.svg#clippingmasters") format("svg");
    font-weight: normal;
    font-style: normal;

}

[data-icon]:before {
    font-family: "clippingmasters" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "clippingmasters" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-check:before {
    content: "\61";
}
.icon-info:before {
    content: "\62";
}
.icon-issue-opened:before {
    content: "\63";
}
.icon-person:before {
    content: "\64";
}
.icon-chevron-down:before {
    content: "\65";
}
.icon-chevron-left:before {
    content: "\66";
}
.icon-chevron-right:before {
    content: "\67";
}
.icon-chevron-up:before {
    content: "\68";
}
.icon-three-bars:before {
    content: "\69";
}
.icon-star:before {
    content: "\6a";
}
.icon-star-half:before {
    content: "\6b";
}
.icon-star-half-o:before {
    content: "\6c";
}
.icon-star-o:before {
    content: "\6d";
}
.icon-facebook-logo:before {
    content: "\6e";
}
.icon-linkedin-logo:before {
    content: "\6f";
}
.icon-instagram:before {
    content: "\70";
}
.icon-info-circled:before {
    content: "\71";
}
.icon-attention:before {
    content: "\72";
}
.icon-twitter:before {
  content: "\73";
}body div.swal2-container {
	z-index: 999999999999999999;
}

body div.swal2-modal {
	padding: 50px;
}

body div.swal2-modal button.HideSpecifications {
	background: #FFF !important;
	border: 2px solid #f89d26 !important;
	color: #f89d26;
	border-radius: 5px;
	display: block;
	font-size: 20px;
	height: 40px;
	width: 48%;
	margin: 0 1%;
	text-align: center;
	line-height: 40px;
	transition: all 0.3s ease 0s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	padding: 0;
}

body div.swal2-modal button.ShowSpecifications,
body div.swal2-modal button.CloseSweetAlert {
	background: #f89d26  !important;
	border: 2px solid #f89d26 !important;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 20px;
	height: 40px;
	width: 48%;
	margin: 0 1%;
	text-align: center;
	line-height: 40px;
	transition: all 0.3s ease 0s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	padding: 0;
}

body div.swal2-modal button.CloseSweetAlert {
	float: none;
	margin: 0 auto;
}

body div.swal2-modal h2.swal2-title {
	font-family: "TheMixBold",Arial,Helvetica,sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

body div.swal2-modal  {
	font-family: 'Open Sans', sans-serif;
}

body div.swal2-modal button {
	font-family: 'Open Sans', sans-serif;
}


body .swal2-icon.swal2-error {
	border-color: #f89d26;
}

body .swal2-icon.swal2-error .line {
	background-color: #f89d26;
}/* ============================================================
  COMMON
============================================================ */
#wrapper {
  min-width: 600px;
}

.settings {
  display: table;
  width: 100%;
}
.settings .row {
  display: table-row;
}
.settings .question,
.settings .switch {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.settings .question {
  width: 600px;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
}

/* ============================================================
  COMMON
============================================================ */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
  padding: 2px;
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 58px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 60px;
}

/* ============================================================
  SWITCH 2 - ROUND FLAT
============================================================ */
input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 120px;
  height: 60px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 52px;
  background-color: #dddddd;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
  background-color: #8ce196;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 60px;
  background-color: #8ce196;
}

/* ============================================================
  SWITCH 3 - YES NO
============================================================ */
input.cmn-toggle-yes-no + label {
  padding: 2px;
  width: 120px;
  height: 60px;
}
input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
}
input.cmn-toggle-yes-no + label:before {
  background-color: #dddddd;
  content: attr(data-off);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
  background-color: #8ce196;
  content: attr(data-on);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}/* Titles */

div.TitleWrapper {
	height: 400px;
}

	div.TitleWrapper div.TitleBlock {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
	}

		div.TitleWrapper div.TitleBlock > div {
			display: block;
			margin: 0 auto;
			color: #FFF;
			text-shadow: 1px 1px 4px rgba(0,0,0,0.75);
			white-space: nowrap;
		}

			div.TitleWrapper div.TitleBlock > div br {
				display: none;
			}

		div.TitleWrapper div.TitleBlock div.Title {
			font-family: "TheMixExtraBoldItalic", Arial, Helvetica, sans-serif;
			font-size: 70px;
			line-height: 70px;
		}

		div.TitleWrapper div.TitleBlock div.Subtitle {
			font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
			font-size: 40px;
			line-height: 60px;
			padding-left: 4%;
			margin-top: 5px;
		}

/* Responsive */

@media screen and (max-width: 930px) {
	
	div.HomepageSlide div.TitleWrapper {
		height: 30.1vw;
	}
	
	div.CalculatorWrapper div.TitleWrapper {
		height: 43vw;
	}
		
		div.HomepageSlide div.TitleWrapper div.TitleBlock div.Title,
		div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Title {
			font-size: 7.5vw;
			line-height: 7.5vw;
		}
		
		div.HomepageSlide div.TitleWrapper div.TitleBlock div.Subtitle,
		div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Subtitle {
			font-size: 3.5vw;
			line-height: 6.45vw;
		}
	
}

@media screen and (max-width: 630px) {
		
	div.HomepageSlide div.TitleWrapper div.TitleBlock > div,
	div.CalculatorWrapper div.TitleWrapper div.TitleBlock > div {
		text-align: center;
	}
	
	div.HomepageSlide div.TitleWrapper div.TitleBlock div.Subtitle,
	div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Subtitle {
		padding-left: 0;
	}
	
		div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Subtitle br {
			display: block;
		}
		
	div.TitleWrapper div.TitleBlock {
		position: relative;
	}
	
	div.TitleWrapper div.TitleBlock > div {
		white-space: normal;
	}
	
}

@media screen and (max-width: 540px) {
	
	div.CalculatorWrapper div.TitleWrapper {
		height: 232px;
	}
		
		div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Title {
			font-size: 40.5px;
			line-height: 40.5px;
		}
		
		div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Subtitle {
			font-size: 20px;
			line-height: 34.8px;
		}
	
}

@media screen and (max-width: 480px) {
		
	div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Title br {
		display: block;
	}
	
}

@media screen and (max-width: 440px) {
		
	div.HomepageSlide div.TitleWrapper div.TitleBlock div.Title {
		font-size: 33px;
		line-height: 33px;
	}
	
	div.HomepageSlide div.TitleWrapper div.TitleBlock div.Subtitle {
		font-size: 18.9px;
		line-height: 28.4px;
	}
	
}/* MIXINS */
nav.woocommerce-MyAccount-navigation ul li a:before {
  margin-right: 8px; }

div.woo-wallet-my-wallet-container div.woo-wallet-sidebar ul li.card a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-content: center; }
  div.woo-wallet-my-wallet-container div.woo-wallet-sidebar ul li.card a span {
    justify-items: center;
    margin: 0;
    line-height: inherit; }
  div.woo-wallet-my-wallet-container div.woo-wallet-sidebar ul li.card a p {
    justify-items: center;
    margin: 0 10px;
    line-height: inherit; }
div.woo-wallet-my-wallet-container input[type=text], div.woo-wallet-my-wallet-container input[type=number] {
  background: rgba(0, 0, 0, 0.1);
  padding: 0 15px;
  line-height: 52px;
  height: 52px;
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 700;
  border: none;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }
div.woo-wallet-my-wallet-container input[type=submit] {
  position: relative;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #eb088c;
  display: inline-block;
  background: transparent;
  border: 2px solid #eb088c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 42px;
  line-height: 38px;
  padding: 0 15px;
  text-decoration: none !important; }
  div.woo-wallet-my-wallet-container input[type=submit]:hover {
    background: #eb088c;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.7); }

div#wc-wallet-transaction-details_wrapper #wc-wallet-transaction-details.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
  line-height: 15px !important; }

/*# sourceMappingURL=wallet.css.map */
/* MIXINS */
#cart_overview {
  position: relative; }
  #cart_overview .cart-products {
    position: relative;
    /*margin-bottom: 30px;*/ }
    #cart_overview .cart-products .cart-product {
      position: relative;
      display: flex;
      /*align-items: center;*/
      font-size: 14px;
      border-bottom: 1px solid rgba(171, 173, 145, 0.25); }
      #cart_overview .cart-products .cart-product > div {
        position: relative;
        padding: 30px 15px; }
      #cart_overview .cart-products .cart-product h4 {
        margin: 0;
        font-weight: 600; }
      #cart_overview .cart-products .cart-product .cart-product-image {
        width: 20%;
        padding: 30px; }
      #cart_overview .cart-products .cart-product .cart-product-name {
        width: 35%; }
        #cart_overview .cart-products .cart-product .cart-product-name .cart-product-categories {
          position: relative;
          margin-bottom: 5px; }
          #cart_overview .cart-products .cart-product .cart-product-name .cart-product-categories ul {
            margin: 0; }
            #cart_overview .cart-products .cart-product .cart-product-name .cart-product-categories ul li {
              list-style: none;
              margin: 0; }
              #cart_overview .cart-products .cart-product .cart-product-name .cart-product-categories ul li a {
                text-decoration: none;
                color: #f0f0f0; }
        #cart_overview .cart-products .cart-product .cart-product-name .cart-product-price-single {
          margin-bottom: 5px;
          line-height: 22px; }
          #cart_overview .cart-products .cart-product .cart-product-name .cart-product-price-single h5 {
            font-weight: 600; }
          #cart_overview .cart-products .cart-product .cart-product-name .cart-product-price-single .amount {
            font-size: 16px;
            font-weight: normal; }
        #cart_overview .cart-products .cart-product .cart-product-name .cart-product-stock {
          line-height: 22px; }
          #cart_overview .cart-products .cart-product .cart-product-name .cart-product-stock span {
            background: #f0f0f0;
            color: #fff;
            padding: 0 10px;
            line-height: 24px;
            font-size: 12px;
            display: inline-block; }
      #cart_overview .cart-products .cart-product .totals {
        display: flex;
        width: 45%; }
      #cart_overview .cart-products .cart-product .cart-product-quantity {
        width: 50%; }
        #cart_overview .cart-products .cart-product .cart-product-quantity h4 {
          /*display: inline-block;*/
          margin-bottom: 5px; }
        #cart_overview .cart-products .cart-product .cart-product-quantity .quantity {
          margin-bottom: 10px;
          /*display: inline-block;*/ }
          #cart_overview .cart-products .cart-product .cart-product-quantity .quantity input[type="number"] {
            width: 75px;
            height: 44px;
            border: none;
            background: rgba(0, 0, 0, 0.1);
            font-size: 16px;
            font-weight: 600; }
      #cart_overview .cart-products .cart-product .cart-product-totals {
        text-align: right;
        width: 50%; }
        #cart_overview .cart-products .cart-product .cart-product-totals .amount {
          font-size: 18px;
          font-weight: 600; }
  #cart_overview .cart-product-actions {
    position: relative;
    padding: 15px 0;
    vertical-align: middle;
    line-height: 34px;
    border-bottom: 1px solid rgba(171, 173, 145, 0.25); }
    #cart_overview .cart-product-actions .coupon {
      display: inline-block; }
      #cart_overview .cart-product-actions .coupon label {
        display: none; }
      #cart_overview .cart-product-actions .coupon input {
        background: rgba(0, 0, 0, 0.1);
        border: none;
        height: 34px;
        padding: 0 10px; }
    #cart_overview .cart-product-actions .update-cart {
      float: right; }

/*# sourceMappingURL=woocommerce-cart.css.map */
/* MIXINS */
/* GENERAL WOOCOMMERCE STYLES */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 15px;
  line-height: 34px;
  background: rgba(0, 0, 0, 0.1);
  color: #000;
  font-size: 15px;
  border-top: 2px solid #f0f0f0; }
  .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
    position: relative;
    top: auto;
    left: auto;
    margin-right: 10px; }

.woocommerce a.button {
  position: relative;
  background-color: #eb088c;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none !important;
  padding: 0 25px;
  line-height: 34px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s; }
  .woocommerce a.button.wc-forward:after {
    position: absolute;
    content: '';
    display: none;
    top: 0;
    right: -17px;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-left: 17px solid #eb088c;
    border-bottom: 17px solid transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; }
  .woocommerce a.button:hover {
    color: #fff;
    background-color: #000; }
    .woocommerce a.button:hover:after {
      border-left-color: #000; }

.archive-header {
  position: relative;
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 0;
  padding: 300px 0 0 0; }
  .archive-header h1 {
    color: #fff;
    margin: 0;
    font-weight: 600;
    /*text-shadow: 0 1px 15px rgba(0,0,0,0.6);*/ }

#resultSort {
  position: relative;
  overflow: hidden;
  margin: -60px 0 60px 0;
  padding: 15px 0;
  line-height: 38px;
  /*background: $light;*/
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #f0f0f0;
  /*@include boxshadow(0 5px 5px rgba(0,0,0,0.03));*/ }
  #resultSort p {
    margin: 0 !important;
    line-height: 38px;
    /*color: #fff;*/ }
  #resultSort .woocommerce-ordering {
    margin: 0 !important; }
    #resultSort .woocommerce-ordering .form-control {
      font-size: 16px; }

#productAdditional {
  position: relative;
  font-size: 14px; }
  #productAdditional table.shop_attributes {
    border: none !important; }
    #productAdditional table.shop_attributes tr th {
      border: none !important;
      padding: 10px 15px; }
    #productAdditional table.shop_attributes tr td {
      border: none !important; }
    #productAdditional table.shop_attributes tr:nth-child(even) th, #productAdditional table.shop_attributes tr:nth-child(even) td {
      background: rgba(0, 0, 0, 0.1); }

.term-description {
  margin-bottom: 0;
  font-size: 15px; }
  .term-description p {
    line-height: 22px; }

.shop-sidebar {
  position: relative;
  margin: 0 0 30px 0;
  border: 1px solid #ddd;
  padding: 30px 0; }
  .shop-sidebar h3 {
    font-size: 22px;
    font-weight: normal; }
  .shop-sidebar .product-categories {
    margin-bottom: 0; }
    .shop-sidebar .product-categories li {
      position: relative;
      list-style: none;
      background: #fff;
      margin: 0 0 2px 0;
      line-height: normal; }
      .shop-sidebar .product-categories li:after {
        position: absolute;
        content: '';
        width: 0;
        height: 2px;
        background: #eb088c;
        bottom: -1px;
        left: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s; }
      .shop-sidebar .product-categories li a {
        text-decoration: none;
        display: block;
        padding: 10px 15px; }
      .shop-sidebar .product-categories li.current-cat:before {
        position: absolute;
        content: '';
        width: 5px;
        height: 100%;
        top: 0;
        left: 0;
        background: #eb088c; }
      .shop-sidebar .product-categories li.current-cat:after {
        display: none; }
      .shop-sidebar .product-categories li:hover:after {
        width: 100%; }

/* END GENERAL WOOCOMMERCE STYLES */
/* SINGLE PRODUCT PAGE */
#sooplPriceTag {
  position: relative;
  margin: 0 0 15px 0;
  padding: 20px 0;
  border-bottom: 2px solid #f0f0f0;
  display: block;
  vertical-align: middle;
  background: #fff; }
  #sooplPriceTag .variations {
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    background: rgba(0, 0, 0, 0.1); }
    #sooplPriceTag .variations td {
      padding: 10px 15px; }
    #sooplPriceTag .variations td.label {
      vertical-align: middle; }
      #sooplPriceTag .variations td.label label {
        margin: 0 15px 0 0;
        font-weight: 700; }
    #sooplPriceTag .variations .tawcvs-swatches .swatch {
      margin: 0 0 0 8px; }
    #sooplPriceTag .variations a.reset_variations {
      position: absolute;
      right: 15px;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 13px;
      font-weight: 700;
      line-height: 20px;
      display: inline-block;
      color: #fff;
      background: #dd3333;
      padding: 0 5px;
      text-decoration: none; }
  #sooplPriceTag .priceInfo {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
  #sooplPriceTag .price {
    position: relative;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600; }
  #sooplPriceTag .priceInclTax {
    position: relative;
    font-size: 13px;
    line-height: 18px;
    color: #363636; }
  #sooplPriceTag .quantity {
    position: relative;
    display: inline-block;
    margin-left: 20px; }
    #sooplPriceTag .quantity input {
      height: 48px;
      vertical-align: middle;
      border: none;
      background: rgba(0, 0, 0, 0.1); }
  #sooplPriceTag .addToCart {
    position: relative;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle; }

.slick-slider {
  margin: 30px 0;
  padding: 0; }

.paymentMethods {
  position: relative;
  margin: 0 0 30px 0; }
  .paymentMethods span {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    display: inline-block;
    margin-right: 15px;
    color: #fff;
    background: #eb088c;
    padding: 0 5px; }
  .paymentMethods img {
    height: 16px !important;
    width: auto;
    line-height: 20px;
    margin-right: 10px; }

.paymentStroke {
  position: relative;
  margin: -45px 0;
  padding: 30px;
  line-height: 30px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  height: 90px;
  background: #fff;
  z-index: 1; }
  .paymentStroke img {
    height: 30px !important;
    width: auto;
    margin-left: 20px; }

#quotes {
  position: relative; }
  #quotes .quote {
    position: relative;
    margin-bottom: 30px;
    padding: 60px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
    #quotes .quote .content {
      position: relative;
      padding: 30px 0 30px 30px;
      background: #fff;
      width: calc(40%); }
      #quotes .quote .content .author {
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 10px; }
      #quotes .quote .content .text {
        font-family: 'Questrial';
        font-size: 30px;
        font-weight: 700;
        line-height: 34px; }

#productCrossSells {
  background: rgba(0, 0, 0, 0.1);
  padding-bottom: 90px; }

.woocommerce span.onsale {
  background: none;
  color: #f0f0f0;
  display: none; }

/* END SINGLE PRODUCT PAGE */
/* CART */
.woocommerce table.shop_table {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none; }
  .woocommerce table.shop_table tr th {
    background: #fff;
    font-weight: bold;
    padding: 18px 12px; }
  .woocommerce table.shop_table tr td {
    border-top: none;
    padding: 12px; }
    .woocommerce table.shop_table tr td input[type="number"] {
      line-height: 34px;
      border: none;
      background: rgba(0, 0, 0, 0.1); }
  .woocommerce table.shop_table tr.cart_item:nth-child(2n) td {
    background: rgba(0, 0, 0, 0.1); }
    .woocommerce table.shop_table tr.cart_item:nth-child(2n) td input[type="number"] {
      background: #fff; }
  .woocommerce table.shop_table tfoot tr td {
    border-top: 1px solid rgba(171, 173, 145, 0.25);
    padding: 15px; }
    .woocommerce table.shop_table tfoot tr td input {
      display: inline-block; }
      .woocommerce table.shop_table tfoot tr td input.form-control {
        width: auto; }
  .woocommerce table.shop_table.cart-totals tr th {
    padding: 12px 0;
    border-top: 1px solid #eee;
    border-bottom: none; }
  .woocommerce table.shop_table.cart-totals tr:first-child th {
    border-top: none; }
  .woocommerce table.shop_table.cart-totals tr.order-total th {
    font-weight: 700; }
.woocommerce table.woocommerce-orders-table tr th {
  font-size: 14px;
  font-weight: 600; }
.woocommerce .cart-collaterals {
  position: relative;
  margin-top: 30px; }
  .woocommerce .cart-collaterals .cross-sells {
    position: relative;
    width: auto;
    float: none; }
    .woocommerce .cart-collaterals .cross-sells ul.products li.product {
      width: calc(50% - 15px) !important; }
  .woocommerce .cart-collaterals .cart_totals {
    position: relative;
    border-top: 2px solid #eb088c;
    padding: 30px;
    width: auto;
    float: none;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }

/* END CART */
/* CHECKOUT */
form.woocommerce-checkout .form-row, form#order_review .form-row {
  display: block; }
  form.woocommerce-checkout .form-row .woocommerce-input-wrapper, form#order_review .form-row .woocommerce-input-wrapper {
    display: block; }
form.woocommerce-checkout #customer_details, form#order_review #customer_details {
  position: relative;
  margin-bottom: 30px;
  padding: 30px;
  background: #fff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
form.woocommerce-checkout #payment, form#order_review #payment {
  position: relative;
  background: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /*@include boxshadow(0 1px 2px rgba(0,0,0,0.2));*/
  padding: 30px 30px 15px 30px; }
  form.woocommerce-checkout #payment ul.wc_payment_methods, form#order_review #payment ul.wc_payment_methods {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 0 0 15px 0; }
    form.woocommerce-checkout #payment ul.wc_payment_methods li, form#order_review #payment ul.wc_payment_methods li {
      margin: 0;
      list-style: none; }
  form.woocommerce-checkout #payment .form-row, form#order_review #payment .form-row {
    margin: 0;
    padding: 0; }
    form.woocommerce-checkout #payment .form-row .btn, form#order_review #payment .form-row .btn {
      /*margin-right: -30px;*/ }

/* END CHECKOUT */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: auto;
  float: none; }

.woocommerce div.product form.cart div.quantity {
  float: none;
  margin: 0 0 0 20px; }

.woocommerce div.product form.cart {
  margin-bottom: 0; }

/* START MYACCOUNT */
.woocommerce .woocommerce-MyAccount-navigation {
  position: relative;
  width: 20%; }
  .woocommerce .woocommerce-MyAccount-navigation ul li {
    list-style: none;
    margin: 0 0 2px 0;
    display: block; }
    .woocommerce .woocommerce-MyAccount-navigation ul li a {
      display: block;
      padding: 8px 15px;
      background: rgba(0, 0, 0, 0.1);
      text-decoration: none;
      font-weight: 600;
      font-size: 14px;
      color: #000; }
      .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
        background: rgba(0, 0, 0, 0.2); }
    .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
      color: #fff;
      background: #eb088c; }
.woocommerce .woocommerce-MyAccount-content {
  width: 78%; }
  .woocommerce .woocommerce-MyAccount-content .btn-small {
    font-size: 12px;
    margin: 2px;
    padding: 0 10px; }
.woocommerce section.woocommerce-order-details {
  padding: 0; }
  .woocommerce section.woocommerce-order-details table {
    background: #fff;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
    .woocommerce section.woocommerce-order-details table tr th {
      font-size: 14px;
      font-weight: 600;
      border-bottom: none; }
    .woocommerce section.woocommerce-order-details table tr td {
      font-size: 14px; }
.woocommerce section.woocommerce-customer-details {
  padding: 0; }
.woocommerce section.shipping-calculator-form {
  padding: 0; }
.woocommerce .woocommerce-checkout-review-order-table tr th {
  font-size: 14px;
  font-weight: 600;
  border-bottom: none !important; }
.woocommerce .woocommerce-checkout-review-order-table tr td {
  font-size: 14px; }
.woocommerce .wc-address {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  padding: 15px;
  font-size: 14px;
  font-weight: normal; }
.woocommerce .form-block {
  position: relative;
  background: #fff;
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #eb088c; }
  .woocommerce .form-block h4 {
    font-weight: 600; }
.woocommerce .default-form {
  position: relative;
  background: #fff;
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid rgba(171, 173, 145, 0.25);
  border-bottom: 2px solid #eb088c; }
  .woocommerce .default-form h4 {
    font-weight: 600; }
.woocommerce .form-group-custom .block {
  display: block;
  width: 100%; }
.woocommerce .form-group-custom .woocommerce-input-wrapper {
  width: 100%;
  display: block; }
  .woocommerce .form-group-custom .woocommerce-input-wrapper input {
    width: 100%;
    display: block; }

.woocommerce-error, .woocommerce-info .woocommerce-message {
  line-height: normal; }
  .woocommerce-error li, .woocommerce-info .woocommerce-message li {
    line-height: normal; }
  .woocommerce-error:before, .woocommerce-info .woocommerce-message:before {
    float: left;
    margin-top: 3px; }

div#wpf-umf-upload-boxes {
  padding: 20px;
  margin: 0 0 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
  div#wpf-umf-upload-boxes fieldset {
    margin: 0; }
    div#wpf-umf-upload-boxes fieldset legend {
      display: none; }
  div#wpf-umf-upload-boxes div.wpf-umf-upload-bar {
    border-radius: 0px; }
    div#wpf-umf-upload-boxes div.wpf-umf-upload-bar div.wpf-umf-upload-bar-progress {
      border-radius: 0px; }
      div#wpf-umf-upload-boxes div.wpf-umf-upload-bar div.wpf-umf-upload-bar-progress.upload-success {
        border: 1px solid #c3e6cb;
        background: #d4edda; }
  div#wpf-umf-upload-boxes div.wpf-umf-upload-complete {
    border-radius: 0px; }
  div#wpf-umf-upload-boxes div.wpf-umf-item-product-item {
    margin: 0;
    padding: 0; }
  div#wpf-umf-upload-boxes div.wpf-umf-loading {
    background: #fff;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 50px; }
  div#wpf-umf-upload-boxes div.wpf-umf-single-upload {
    padding: 10px 0 0 0; }
    div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-single-upload-title {
      display: none; }
    div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-uploaded-files-container div.wpf-umf-single-uploaded-file {
      border: 1px solid rgba(0, 0, 0, 0.1);
      width: 100%;
      height: auto;
      padding: 0;
      margin: 0;
      position: relative; }
      div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-uploaded-files-container div.wpf-umf-single-uploaded-file div.wpf-umf-suf-delete-wrapper {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        padding: 0; }
        div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-uploaded-files-container div.wpf-umf-single-uploaded-file div.wpf-umf-suf-delete-wrapper div.wpf-umf-suf-delete {
          display: inline-block;
          width: 100%;
          height: 100%; }
          div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-uploaded-files-container div.wpf-umf-single-uploaded-file div.wpf-umf-suf-delete-wrapper div.wpf-umf-suf-delete a {
            display: inline-block;
            width: 100%;
            height: 100%;
            padding: 15px; }
      div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-uploaded-files-container div.wpf-umf-single-uploaded-file div.wpf-umf-suf-thumb {
        float: left;
        padding: 10px;
        width: 80px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box; }
      div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-uploaded-files-container div.wpf-umf-single-uploaded-file div.wpf-umf-suf-info {
        float: left;
        padding: 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box; }
        div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-uploaded-files-container div.wpf-umf-single-uploaded-file div.wpf-umf-suf-info div.wpf-umf-suf-file-status {
          margin: 0; }
          div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-uploaded-files-container div.wpf-umf-single-uploaded-file div.wpf-umf-suf-info div.wpf-umf-suf-file-status span.dashicons {
            margin: 7px 5px 0 0; }
    div#wpf-umf-upload-boxes div.wpf-umf-single-upload div.wpf-umf-single-upload-notice {
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: 10px 20px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box; }
/* END MYACCOUNT */

/*# sourceMappingURL=woocommerce.css.map */
/* MIXINS */
body {
  font-family: 'Open Sans', sans-serif;
  counter-reset: section;
  font-size: 14px; }

h1, h2, h3, h4 {
  font-family: 'Lato', sans-serif; }

h1 {
  font-size: 48px;
  line-height: 48px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0; }

h2 {
  font-size: 37px;
  line-height: 39px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 22px 0; }

h3 {
  font-size: 24px;
  font-weight: 900;
  margin: 0 0 10px 0;
  padding: 0; }

h4 {
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0; }

p {
  line-height: 22px;
  /*font-size: 18px;*/
  margin-bottom: 22px; }
  p:last-child {
    margin-bottom: 0; }

ol, ul {
  margin-bottom: 22px; }
  ol li, ul li {
    list-style: disc;
    margin-left: 20px;
    line-height: 22px; }

ol li {
  list-style: decimal; }

a {
  color: #eb088c; }
  a:hover {
    color: #eb088c; }

.btn {
  position: relative;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #eb088c;
  display: inline-block;
  background: transparent;
  border: 2px solid #eb088c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 42px;
  line-height: 38px;
  padding: 0 15px;
  text-decoration: none !important; }
  .btn:hover {
    background: #eb088c;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.7); }
  .btn.btn-go {
    background: #eb088c;
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: #fff; }
    .btn.btn-go:hover {
      border-color: rgba(255, 255, 255, 0.7);
      /*@include boxshadow;*/ }
  .btn.btn-italic {
    font-style: italic; }
  .btn.btn-small {
    height: 30px;
    line-height: 26px;
    font-size: 14px; }
  .btn.btn-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent; }
    .btn.btn-white:hover {
      border-color: #fff;
      color: #eb088c !important;
      background: #fff; }
  .btn.btn-filled {
    background: #eb088c;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3); }
    .btn.btn-filled:hover {
      border-color: rgba(255, 255, 255, 0.7);
      background: #eb088c;
      color: #fff; }
  .btn[class*="btn-dir-"] {
    padding-right: 30px; }
    .btn[class*="btn-dir-"]:after {
      position: absolute;
      top: 50%;
      right: 10px;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 16px;
      height: 16px;
      line-height: 16px;
      text-align: center;
      display: block;
      font-size: 12px;
      font-family: "schuttinggigant" !important;
      content: '\61';
      font-style: normal;
      font-weight: normal; }
  .btn.btn-dir-right:after {
    content: '\63'; }

.form-control {
  background: rgba(0, 0, 0, 0.1);
  padding: 0 15px;
  line-height: 52px;
  height: 52px;
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 700;
  border: none;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }
  .form-control.inline {
    width: auto; }

.full-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

header {
  display: none; }

div#header div.languageSwitch ul li {
  width: 42px;
  height: 32px;
  background-size: cover;
  background-position: center; }
  div#header div.languageSwitch ul li.flag-nl {
    background-image: url("../images/misc/flag-nl.png"); }
  div#header div.languageSwitch ul li.flag-en {
    background-image: url("../images/misc/flag-en.png"); }
  div#header div.languageSwitch ul li:after {
    display: none !important; }

#header {
  position: fixed;
  /*position: relative;*/
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 10;
  top: 0; }
  #header #navToggle {
    display: none; }
  #header #logo {
    position: absolute;
    top: 50%;
    left: 15px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: calc(100% - 20px);
    width: auto;
    z-index: 2; }
  #header #topNav {
    position: relative;
    height: 50px; }
    #header #topNav .container {
      position: relative;
      height: 100%; }
      #header #topNav .container > .content {
        position: absolute;
        top: 50%;
        right: 15px;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: right; }
        #header #topNav .container > .content > ul, #header #topNav .container > .content > div {
          display: inline-block; }
        #header #topNav .container > .content > ul, #header #topNav .container > .content > div > ul {
          position: relative;
          margin: 0; }
          #header #topNav .container > .content > ul > li, #header #topNav .container > .content > div > ul > li {
            display: inline-block;
            margin: 0 0 0 15px;
            font-size: 14px;
            list-style: none;
            background-color: transparent !important; }
            #header #topNav .container > .content > ul > li i, #header #topNav .container > .content > div > ul > li i {
              margin-right: 10px; }
            #header #topNav .container > .content > ul > li > a, #header #topNav .container > .content > div > ul > li > a {
              display: block;
              line-height: 28px;
              color: #fff;
              background-color: transparent !important; }
            #header #topNav .container > .content > ul > li .wpml-ls-native, #header #topNav .container > .content > div > ul > li .wpml-ls-native {
              display: none; }
        #header #topNav .container > .content > ul > li:last-child > a {
          display: block;
          text-decoration: none !important;
          position: relative;
          font-family: 'Lato', sans-serif;
          font-size: 12px;
          font-weight: 500;
          font-style: normal;
          color: #fff;
          display: block;
          background: transparent;
          border: 1px solid #fff;
          height: 30px;
          line-height: 28px;
          padding: 0 10px; }
  #header #headerSep {
    position: relative;
    width: 100%;
    height: 2px;
    background: #eb088c; }
  #header #mainNav {
    position: relative; }
    #header #mainNav ul {
      font-size: 0;
      margin: 0;
      text-align: center; }
      #header #mainNav ul li {
        position: relative;
        display: inline-block;
        list-style: none;
        margin: 0; }
        #header #mainNav ul li a {
          position: relative;
          display: block;
          font-family: 'Lato', sans-serif;
          font-size: 16px;
          font-weight: 500;
          color: #fff;
          /*text-transform: uppercase;*/
          margin: 0;
          padding: 0 15px;
          line-height: 40px;
          text-decoration: none; }
        #header #mainNav ul li:hover a, #header #mainNav ul li.current-menu-item a {
          background: rgba(255, 255, 255, 0.3);
          color: #fff; }
        #header #mainNav ul li.special a {
          background: transparent !important;
          z-index: 1; }
        #header #mainNav ul li.special:after {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: calc(100% + 5px);
          background: #eb088c;
          content: '';
          -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          border: 2px solid rgba(255, 255, 255, 0.3);
          border-top: none; }
        #header #mainNav ul li:last-child {
          border-right: none; }
        #header #mainNav ul li.wpml-ls-item {
          width: 50%;
          display: inline-block;
          background-color: transparent !important; }
          #header #mainNav ul li.wpml-ls-item a {
            background-color: transparent !important; }

#extraNav {
  position: relative;
  display: none; }

#uspStroke {
  position: absolute;
  top: 93px;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9; }
  #uspStroke ul {
    font-size: 0;
    text-align: center;
    margin: 0; }
    #uspStroke ul li {
      font-family: 'Lato', sans-serif;
      font-size: 15px;
      font-weight: 700;
      line-height: 32px;
      margin: 0 10px;
      list-style: none;
      display: inline-block;
      color: #000; }

#pageContents {
  position: relative;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); }

#mainContent section:first-child {
  margin-top: 92px; }

#heading {
  position: relative;
  padding: 235px 0 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  #heading h1 {
    display: inline-block;
    background: #eb088c;
    color: #fff;
    padding: 10px 15px; }

.cm-table {
  background: #fff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  padding: 30px 30px 15px 30px; }

div.FormExclamation {
  /*bottom: auto;*/
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none; }

#calcProgress {
  position: fixed;
  width: 100%;
  height: 47px;
  bottom: 0;
  left: 0;
  /*background: rgba($color1, 0);*/
  /*border-top: 2px solid rgba($color1, 0.05);*/
  /*@include boxshadow(0 -5px 30px rgba(0,0,0,0.1));*/
  z-index: 10; }
  #calcProgress .steps {
    position: relative;
    width: calc(75% - 15px);
    margin: 0;
    padding: 0 calc(15px / 2);
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    display: none !important; }
    #calcProgress .steps .step {
      position: relative;
      list-style: none;
      flex: 1;
      margin: 0 calc(15px / 2);
      padding: 0;
      background: #fff;
      height: calc(100% + 15px);
      border: 2px solid rgba(0, 0, 0, 0.1);
      border-bottom: none;
      -webkit-box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.1);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      overflow: hidden; }
      #calcProgress .steps .step:after {
        position: absolute;
        top: 40%;
        right: 100%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '\61';
        font-family: "clippingmasters" !important;
        font-size: 130px;
        color: rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        opacity: 0;
        z-index: 0; }
      #calcProgress .steps .step .stepCounter {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        background: #eb088c;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 700;
        z-index: 1; }
      #calcProgress .steps .step .content {
        position: relative;
        margin-left: 34px;
        padding: 10px;
        line-height: 24px;
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 700;
        z-index: 1; }
      #calcProgress .steps .step.completed {
        background: #eb088c;
        color: #fff; }
        #calcProgress .steps .step.completed .stepCounter {
          background: #fff;
          color: #eb088c; }
        #calcProgress .steps .step.completed:after {
          right: -30px;
          opacity: 1; }

section {
  position: relative; }
  section .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    /*padding: 0;*/ }
  section.content {
    padding: 60px 0; }
  section.single-content h2 {
    font-size: 26px;
    margin-bottom: 10px;
    color: #eb088c; }
  section .section-title {
    position: relative;
    margin-bottom: 28px; }
    section .section-title h2 {
      color: #000;
      margin: 0; }
    section .section-title h3 {
      color: #eb088c;
      font-size: 34px; }
    #mainContent section .section-title {
      /*font-size: 16px;*/ }
      #mainContent section .section-title h2 {
        font-size: 34px;
        font-style: normal;
        margin: 0; }
      #mainContent section .section-title p {
        /*font-size: 16px;*/
        /*line-height: 24px;*/
        margin: 15px 0 0 0; }
  section .textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background: rgba(0, 0, 0, 0.05);
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    max-height: 350px;
    padding: 20px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  section.pink-bg {
    background-color: #eb088c;
    color: #fff; }
    section.pink-bg .section-title h2 {
      color: #fff; }
    section.pink-bg .section-title h3 {
      color: #fff; }
  section#parts .cat-list {
    position: absolute;
    bottom: 0; }
  section.full {
    /*min-height: calc(100vh - 92px);*/ }
  section.active-section {
    background-color: #f9f9f9; }
  section#fastDelivery {
    padding: 90px 0; }
    section#fastDelivery img {
      width: 150px;
      height: auto; }
  section .elementor-container table:not(.table) {
    width: 100%;
    margin: 0 0 20px; }
    section .elementor-container table:not(.table) tr td {
      padding: 5px 10px;
      background: rgba(0, 0, 0, 0.02);
      border-top: 1px solid rgba(0, 0, 0, 0.2); }
    section .elementor-container table:not(.table) tr:nth-child(even) td {
      background: rgba(0, 0, 0, 0.06); }
  section .elementor-container a {
    font-weight: 600; }

#ctaCalc {
  background: #eb088c;
  color: #fff; }

#ctaFreeImages {
  background: rgba(0, 0, 0, 0.5);
  color: #fff; }

#cta {
  background: rgba(0, 0, 0, 0.05);
  /*color: #fff;*/ }

#slider {
  position: relative; }
  #slider .slide {
    position: relative;
    padding: 230px 0 60px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    color: #fff; }
    #slider .slide > .container {
      position: relative;
      z-index: 2; }
    #slider .slide:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+15,0+99 */
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 15%, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 15%, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 15%, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=1 );
      /* IE6-9 */
      z-index: 1; }
    #slider .slide .content {
      position: relative; }
    #slider .slide h1 {
      color: #fff;
      text-shadow: 0 10px 30px rgba(0, 0, 0, 0.37); }
    #slider .slide p.subtitle {
      font-family: 'Lato', sans-serif;
      font-size: 28px;
      line-height: 38px;
      margin: 0 0 30px 0;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
    #slider .slide .calcBlock h2 {
      color: #fff; }
    #slider .slide .calc-block .calc-info {
      display: none; }
    #slider .slide .review-module {
      margin-top: 30px;
      background: #fff;
      color: #000;
      z-index: 2; }
      #slider .slide .review-module h5 {
        color: #000; }
      #slider .slide .review-module .average {
        font-family: 'Lato', sans-serif; }
        #slider .slide .review-module .average span {
          color: #000; }

.calcBlock {
  position: relative;
  font-family: 'Lato', sans-serif;
  z-index: 2; }
  .calcBlock h2 {
    font-size: 30px;
    font-style: normal;
    /*color: #fff;*/
    font-weight: 700; }
  .calcBlock form .block {
    position: relative;
    background: #eb088c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 30px; }
  .calcBlock form .btn {
    border-color: #fff;
    color: #fff;
    font-size: 20px;
    padding: 0 10px; }
    .calcBlock form .btn:hover {
      background: #fff;
      color: #000;
      border-color: #fff; }

.progression {
  position: relative;
  font-family: 'Lato', sans-serif; }
  .progression .step {
    position: relative;
    font-size: 22px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #eb088c; }
    .progression .step .title {
      font-size: 13px; }

.photos img {
  margin-bottom: 30px; }

.cat-list {
  position: relative;
  font-family: 'Lato', sans-serif; }
  .cat-list h4 {
    margin-bottom: 15px; }
  .cat-list .inner {
    display: flex;
    flex-flow: row wrap; }
    .cat-list .inner .cat {
      position: relative;
      width: 50%; }
      .cat-list .inner .cat a {
        display: block;
        background: #f9f9f9;
        border: 1px solid #ededed;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-right: calc(5px / 2);
        margin-bottom: 5px;
        padding: 0 15px;
        line-height: 42px;
        font-size: 16px; }
      .cat-list .inner .cat:nth-child(2n) a {
        margin-right: 0;
        margin-left: calc(5px / 2); }

.socials {
  font-size: 0; }
  .socials .social {
    font-size: 16px;
    list-style: none;
    margin: 0 10px 0 0 !important;
    display: inline-block; }
    .socials .social a {
      display: block;
      width: 42px;
      height: 42px;
      line-height: 42px;
      text-align: center;
      background: #eb088c;
      color: #fff !important;
      border: 2px solid rgba(255, 255, 255, 0.5);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s; }
      .socials .social a:hover {
        background: #eb088c;
        color: #fff !important;
        text-decoration: none;
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px); }

.review-module {
  position: relative;
  /*border: 2px solid rgba($color1, 0.1);*/
  padding: 15px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  display: inline-block; }
  .review-module .module-content {
    position: relative;
    display: flex;
    flex-flow: wrap; }
  .review-module h5 {
    font-size: 16px;
    font-weight: 700;
    /*color: #fff;*/
    margin: 0; }
  .review-module .stars {
    position: relative;
    display: inline-block;
    color: #eb088c; }
  .review-module .average {
    position: relative;
    display: inline-block;
    text-align: center;
    flex: 1;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 40px;
    color: #eb088c;
    margin: 0 0 0 10px; }
    .review-module .average span.ratingCount {
      font-size: 28px;
      font-weight: 700; }

#progressionBar {
  position: fixed;
  display: none;
  /*top: 122px;*/
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f9f9f9;
  z-index: 9; }
  #progressionBar .progression-steps {
    position: relative;
    display: flex; }
    #progressionBar .progression-steps .progression-step {
      position: relative;
      font-family: 'Lato', sans-serif;
      font-size: 12px;
      padding: 15px;
      flex: 1; }
      #progressionBar .progression-steps .progression-step h3 {
        font-size: 19px;
        font-weight: 700;
        font-style: normal;
        line-height: 19px; }
      #progressionBar .progression-steps .progression-step span.step {
        font-size: 19px;
        display: block;
        line-height: 19px; }
      #progressionBar .progression-steps .progression-step span.separator {
        display: none; }
      #progressionBar .progression-steps .progression-step span.title {
        display: block;
        line-height: 13px;
        margin-top: 5px; }
      #progressionBar .progression-steps .progression-step:before, #progressionBar .progression-steps .progression-step:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #ededed;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s; }
      #progressionBar .progression-steps .progression-step:after {
        width: 0;
        background-color: #eb088c; }
      #progressionBar .progression-steps .progression-step.active:after {
        width: 100%; }

#calcSummary {
  position: fixed;
  bottom: 0;
  right: 30px;
  width: 400px;
  background: #fff;
  padding: 15px;
  /*font-size: 16px;*/
  overflow: hidden;
  font-family: 'Lato', sans-serif;
  -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(0, 0, 0, 0.1);
  z-index: 9; }
  #calcSummary #SummaryHTML .SummaryTitle {
    position: relative;
    margin: -15px -15px 15px -15px;
    padding: 5px 15px;
    background: #eb088c;
    color: #fff; }
    #calcSummary #SummaryHTML .SummaryTitle h2 {
      position: relative;
      font-size: 18px;
      font-style: normal;
      font-weight: 900;
      margin: 0; }
    #calcSummary #SummaryHTML .SummaryTitle i {
      position: absolute;
      top: 50%;
      right: 15px;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 24px;
      display: block;
      width: 38px;
      height: 38px;
      line-height: 42px;
      text-align: center;
      border: 2px solid rgba(255, 255, 255, 0.7); }
  #calcSummary #SummaryHTML #SummaryTotalPrice {
    font-size: 22px;
    font-weight: 900;
    margin: 15px -15px -15px -15px;
    padding: 15px;
    background: #ededed; }
  #calcSummary #SummaryHTML .SummaryRow {
    margin: 0 -30px;
    padding: 0 30px;
    display: flex;
    flex-flow: row wrap;
    background: #f9f9f9;
    line-height: 24px; }
    #calcSummary #SummaryHTML .SummaryRow:nth-child(2n) {
      background: transparent; }
    #calcSummary #SummaryHTML .SummaryRow span {
      width: 50%;
      display: block;
      padding: 5px; }
      #calcSummary #SummaryHTML .SummaryRow span.title {
        font-weight: 700; }
  #calcSummary .loading-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    z-index: 2; }
    #calcSummary .loading-container img {
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%) scale(0.4);
      -webkit-transform: translate(-50%, -50%) scale(0.4);
      -moz-transform: translate(-50%, -50%) scale(0.4);
      -o-transform: translate(-50%, -50%) scale(0.4);
      transform: translate(-50%, -50%) scale(0.4); }
    #calcSummary .loading-container.active {
      visibility: visible;
      opacity: 1; }

div.FormQuoteWrapper {
  margin: 0;
  padding: 0; }
  div.FormQuoteWrapper#FormCalculatorNotification div.section-title:before {
    display: none; }
  div.FormQuoteWrapper div.FormRow div.FormField {
    border: none; }
    div.FormQuoteWrapper div.FormRow div.FormField input {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border: none;
      background: rgba(0, 0, 0, 0.05); }
  div.FormQuoteWrapper div.FormRow a:hover {
    color: #eb088c; }

.TippedInfo {
  display: inline-block; }

div.SummaryBar {
  display: none !important; }

.calc-block {
  position: relative;
  width: auto;
  border: 2px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 30px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
  .calc-block .form-control {
    /*background: rgba(#fff, 1);*/
    width: auto; }
  .calc-block.alt .calc-info {
    display: block; }
  .pink-bg .calc-block {
    background: #fff;
    color: #eb088c; }
  .calc-block .FormRow {
    position: relative;
    /*height: 40px;*/
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 10px; }
    .calc-block .FormRow .TippedInfo {
      line-height: 40px; }
    .calc-block .FormRow .InputGroup {
      position: absolute;
      top: 0;
      right: 0;
      width: 40%;
      display: flex; }
      .calc-block .FormRow .InputGroup .InputField {
        position: relative;
        width: calc(50% - 5px); }
        .calc-block .FormRow .InputGroup .InputField input {
          width: 100%;
          text-align: left;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 0 10px; }
        .calc-block .FormRow .InputGroup .InputField:last-child {
          margin-left: 10px; }
    .calc-block .FormRow select {
      width: 40%;
      float: right;
      height: 40px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 0 10px; }
    .calc-block .FormRow .switch {
      width: 40%;
      float: right; }
    .calc-block .FormRow #TotalImages {
      width: 100%;
      padding: 0 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      .home .calc-block .FormRow #TotalImages {
        width: 100%; }

.Calculator {
  position: relative; }
  .Calculator.white {
    color: #fff; }
    .Calculator.white .calc-block {
      color: #000;
      border-color: #fff;
      background: #fff; }
    .Calculator.white .form-control {
      /*background: rgba(#fff, 0.8);*/ }
  .Calculator.freeimages {
    background: #fff; }
    .Calculator.freeimages .form-control {
      width: 100%; }
    .Calculator.freeimages .ajax-loader {
      display: none; }
  .home .Calculator .section-title {
    display: none; }

.calc-info {
  position: absolute;
  width: 40%;
  top: 0;
  left: calc(100% + 15px);
  color: #000;
  font-family: 'Open Sans', sans-serif;
  display: none; }
  .calc-info p {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 21px; }
  .Calculator .calc-info {
    /*display: block;*/ }

.LoginWrapper .Login {
  position: relative;
  margin-bottom: 20px;
  padding: 30px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
  .LoginWrapper .Login h4 {
    margin-bottom: 10px; }
  .LoginWrapper .Login .FormRow {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px; }
    .LoginWrapper .Login .FormRow > div {
      width: calc((100% / 3) - 30px);
      margin: 0 15px; }
    .LoginWrapper .Login .FormRow .form-control {
      height: 42px; }
  .LoginWrapper .Login #ErrorFieldLogin p {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eb088c; }

div.FilterButtons {
  display: flex;
  margin: 0 -5px;
  text-align: left; }
  div.FilterButtons a.FilterButton {
    font-family: 'Lato', sans-serif;
    margin: 0 5px;
    flex: 1;
    text-decoration: none;
    border: 2px solid #eb088c;
    font-size: 16px;
    font-weight: 700; }
    div.FilterButtons a.FilterButton:hover {
      background: #eb088c;
      border-color: rgba(255, 255, 255, 0.3);
      color: #fff; }
    div.FilterButtons a.FilterButton.Active {
      -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
      border-color: #eb088c; }

.products-container {
  position: relative; }
  .products-container .products {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -15px; }
    .products-container .products .options {
      width: calc(100% - 52px);
      height: 30px;
      border: 1px solid #ccc;
      position: relative;
      top: -90px;
      left: 50%;
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      .products-container .products .options.jscolor {
        text-align: center; }
    .products-container .products .product {
      position: relative;
      width: calc(100% / 5);
      margin: 30px 0 0 0; }
      .products-container .products .product .Product {
        padding: 0;
        overflow: visible;
        background: transparent !important; }
        .products-container .products .product .Product .ProductContent {
          position: relative;
          margin: 0 15px;
          border: 1px solid #ededed;
          background: #f0f0f0;
          height: 100%;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          overflow: hidden; }
          .FormAttachedProducts .products-container .products .product .Product .ProductContent {
            background: #fff; }
        .products-container .products .product .Product div.ProductInfo {
          padding-bottom: 70px; }
          .products-container .products .product .Product div.ProductInfo div.Title {
            height: auto;
            line-height: 20px;
            white-space: normal; }
          .products-container .products .product .Product div.ProductInfo div.Description {
            height: auto;
            line-height: 20px;
            white-space: normal; }
          .products-container .products .product .Product div.ProductInfo div.Amount {
            position: absolute;
            bottom: 10px;
            left: 10px;
            width: calc(100% - 20px);
            /*font-family: 'Lato', sans-serif;*/
            font-size: 16px;
            font-weight: 700;
            line-height: 36px;
            background: #eb088c;
            color: #fff;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border: 2px solid rgba(255, 255, 255, 0.3);
            margin: 0;
            padding: 0 5px; }
            .products-container .products .product .Product div.ProductInfo div.Amount span.Price {
              display: block;
              font-size: 12px;
              text-align: center; }
            .products-container .products .product .Product div.ProductInfo div.Amount input {
              position: absolute;
              visibility: hidden; }
            .products-container .products .product .Product div.ProductInfo div.Amount:hover {
              border-color: rgba(255, 255, 255, 0.7);
              color: #fff;
              background: #eb088c;
              -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
              -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
              box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
            .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount {
              border: none;
              cursor: default;
              -webkit-box-shadow: none !important;
              -moz-box-shadow: none !important;
              box-shadow: none !important;
              background: transparent !important; }
              .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount:hover {
                background: transparent; }
              .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount span {
                position: absolute;
                width: calc(100% - 122px);
                top: 0;
                left: 0;
                color: #000;
                line-height: 40px;
                display: block;
                background: transparent; }
              .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount .AmountButtons {
                position: absolute;
                top: 0;
                right: 0;
                height: 40px;
                display: flex;
                align-items: center; }
                .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount .AmountButtons > div {
                  position: relative;
                  width: 32px;
                  height: 32px;
                  margin-left: 2px;
                  -webkit-border-radius: 50%;
                  -moz-border-radius: 50%;
                  border-radius: 50%;
                  top: 0;
                  left: 0;
                  background: transparent;
                  border: 2px solid #eb088c;
                  color: #eb088c;
                  line-height: 26px;
                  text-align: center;
                  font-weight: 700;
                  font-size: 28px;
                  font-family: 'Open Sans', sans-serif;
                  cursor: pointer;
                  -webkit-transition: all 0.3s;
                  -moz-transition: all 0.3s;
                  -ms-transition: all 0.3s;
                  -o-transition: all 0.3s; }
                  .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount .AmountButtons > div:hover {
                    background: #eb088c;
                    border-color: rgba(255, 255, 255, 0.7);
                    color: #fff;
                    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
                    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
                    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
              .FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount input {
                position: absolute;
                visibility: visible;
                top: 0;
                left: calc(50% - 39px);
                width: 78px;
                padding: 0 10px;
                text-align: right;
                background: #f0f0f0;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px; }
        .products-container .products .product .Product.Active .ProductContent {
          background: #eb088c;
          border-color: #eb088c;
          -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          border-color: #fff; }
        .products-container .products .product .Product.Active div.ProductInfo {
          color: #fff; }
          .products-container .products .product .Product.Active div.ProductInfo div.Amount {
            border-color: #fff !important;
            background: #fff !important;
            color: #eb088c !important;
            pointer-events: none;
            -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
            -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
            .products-container .products .product .Product.Active div.ProductInfo div.Amount span.Price {
              /*font-weight: 700;*/ }
        .products-container .products .product .Product:hover {
          color: inherit; }
          .products-container .products .product .Product:hover div.ProductContent {
            cursor: pointer;
            -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
            -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
            border-color: #fff; }
            .FormAttachedProducts .products-container .products .product .Product:hover div.ProductContent {
              cursor: default;
              -webkit-box-shadow: none;
              -moz-box-shadow: none;
              box-shadow: none;
              border-color: #f0f0f0; }
          .products-container .products .product .Product:hover div.ProductInfo div.Amount {
            border-color: rgba(255, 255, 255, 0.7);
            color: #fff;
            background: #eb088c;
            -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
            -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }

div#Category-18 div.InformationBar {
  display: none; }

div.InformationBar {
  width: auto;
  font-size: 16px;
  color: #000;
  background: rgba(0, 0, 0, 0.05);
  border-top: 2px solid #eb088c;
  margin: 0 0 30px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  div.InformationBar:before {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: normal;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: 'clippingmasters';
    content: '\71'; }
  .FormAttachedProducts div.InformationBar {
    /*display: none;*/ }

#SpecificationsContent {
  position: relative; }
  #SpecificationsContent div.ProductsWrapper {
    margin: 0; }

.QuoteSummarySlideStatus {
  display: inline-block;
  background: rgba(0, 0, 0, 0.05);
  padding: 5px 15px;
  font-size: 14px; }

div.SummarySlide {
  margin: 20px 0 0 0; }
  div.SummarySlide table {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-size: 17px;
    border-spacing: 0px;
    overflow: hidden; }
    div.SummarySlide table thead {
      background: #eb088c; }
      div.SummarySlide table thead tr {
        background: #eb088c; }
        div.SummarySlide table thead tr td {
          background: #eb088c;
          position: relative;
          padding: 0 15px;
          height: 40px;
          line-height: 40px;
          color: #FFF; }
    div.SummarySlide table tbody tr:nth-child(2n+2) td,
    div.SummarySlide table tbody tr:nth-child(2n+2) input {
      background: #f9f9f9; }
    div.SummarySlide table tbody tr {
      height: 40px;
      line-height: 40px; }
      div.SummarySlide table tbody tr.CustomQuote td {
        background: #FFF !important; }
        div.SummarySlide table tbody tr.CustomQuote td:first-of-type {
          text-align: center; }
      div.SummarySlide table tbody tr.NoBackground td {
        border: 0px;
        background: #FFF !important; }
      div.SummarySlide table tbody tr td {
        position: relative;
        padding: 0 15px;
        line-height: 40px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box; }

section.FormQuote {
  padding-bottom: 150px !important; }

@keyframes glowing {
  0% {
    top: -150px; }
  100% {
    top: 100%; } }
@keyframes glowingltr {
  0% {
    left: -150px; }
  100% {
    left: 100%; } }
.section-nav {
  position: relative;
  border: 2px solid #eb088c;
  padding: 0 20px;
  height: 52px;
  line-height: 48px;
  font-size: 16px;
  font-weight: 900;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #eb088c;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  display: inline-block;
  overflow: hidden;
  z-index: 1; }
  .section-nav:before {
    position: absolute;
    top: -50px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 150px 150px 0 150px;
    border-color: rgba(235, 8, 140, 0.1) transparent transparent transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    animation: glowing 2500ms infinite;
    z-index: -1; }
  .section-nav:after {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    font-size: 22px;
    vertical-align: middle;
    content: '\67';
    font-family: "clippingmasters";
    display: none; }
  .section-nav:hover {
    color: #fff;
    background: #eb088c;
    text-decoration: none; }
    .section-nav:hover:before {
      animation: glowing 1000ms infinite;
      border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; }
  .section-nav.activated {
    /*animation: glowing 1000ms infinite;*/ }
  .section-nav.completed {
    background: #1bdc51;
    border-color: rgba(0, 0, 0, 0.1);
    color: #fff; }
    .section-nav.completed:after {
      content: '\61'; }
  .section-nav.filled {
    border-color: rgba(255, 255, 255, 0.3);
    background: #eb088c;
    color: #fff; }
    .section-nav.filled:before {
      border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; }
    .section-nav.filled:hover {
      border-color: rgba(255, 255, 255, 0.7);
      background: #eb088c;
      color: #fff; }
  .section-nav.block {
    display: block;
    text-align: center; }
  .section-nav.alt:before {
    position: absolute;
    top: 50%;
    left: -50px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 150px 0 150px 150px;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.1);
    animation: glowingltr 2500ms infinite; }
  .section-nav.alt:hover:before {
    animation: glowingltr 1000ms infinite;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.1); }
  .section-nav.float {
    position: absolute;
    top: calc(100% + 30px);
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .section-nav.no-anim:before {
    display: none; }

.ProductsWrapper {
  margin: 0 !important; }
  .ProductsWrapper > section {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 110px;
    counter-increment: section;
    /*.section-nav {
        position: absolute;
        top: calc(100% + 30px);
        left: 50%;
        @include transform(translateX(-50%));
    }*/ }
    .ProductsWrapper > section:before {
      position: absolute;
      content: '';
      width: 100%;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.75);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      z-index: 1; }
    .ProductsWrapper > section .section-title h2 {
      display: inline-block; }
    .ProductsWrapper > section .section-title:before {
      position: relative;
      display: inline-block;
      content: counter(section);
      margin-right: 10px;
      width: 42px;
      height: 42px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #eb088c;
      text-align: center;
      line-height: 42px;
      font-family: 'Lato', sans-serif;
      font-size: 20px;
      font-weight: 700;
      color: #fff;
      top: -5px;
      left: 0;
      z-index: 3; }
    .ProductsWrapper > section > .container {
      position: relative; }
    .ProductsWrapper > section.active {
      -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
      .ProductsWrapper > section.active:before {
        opacity: 0;
        visibility: hidden; }
      .ProductsWrapper > section.active > .container:after {
        height: 60px; }
    .ProductsWrapper > section.completed:before {
      opacity: 0;
      visibility: hidden; }
    .ProductsWrapper > section.completed > .container:after {
      height: calc(100% + 170px); }

.posts {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  margin: 0 calc(-30px / 2); }
  .posts .post-item {
    position: relative;
    width: calc((100% / 2) - 30px);
    margin: 0 calc(30px / 2) 15px;
    background: #f9f9f9;
    list-style: none; }
    .posts .post-item img {
      -webkit-filter: grayscale(100%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(100%);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s; }
    .posts .post-item .content {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      color: #fff; }
      .posts .post-item .content h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        padding: 10px 15px;
        background: #eb088c;
        display: inline-block; }
    .posts .post-item:hover img {
      -webkit-filter: grayscale(0%);
      /* Safari 6.0 - 9.0 */
      filter: grayscale(0%); }
  .posts.compact .post-item {
    width: calc((100% / 4) - 30px); }
  #cta .posts .post-item {
    width: calc((100% / 3) - 30px); }

#partners {
  padding: 60px; }

#partnerSlider {
  position: relative; }
  #partnerSlider .item {
    position: relative;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  #partnerSlider.owl-carousel .owl-stage-outer {
    overflow: visible; }
  #partnerSlider.owl-carousel .owl-dots {
    position: absolute;
    bottom: -45px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }

#footer {
  position: relative;
  background: #fff;
  /*color: #fff;*/
  padding: 60px 0;
  font-family: 'Lato', sans-serif;
  font-size: 16px; }
  #footer a {
    color: #000; }
  #footer ul li {
    list-style: none;
    margin: 0;
    line-height: 24px; }
  #footer .footer-row {
    position: relative;
    display: flex; }
    #footer .footer-row .contact-block {
      position: relative;
      width: 300px;
      margin: -75px 0 -60px 0;
      padding: 30px;
      min-height: 100%;
      background: #eb088c;
      color: #fff;
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      text-align: center;
      -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
      box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1); }
      #footer .footer-row .contact-block a {
        color: #FFF; }
      #footer .footer-row .contact-block img {
        max-width: 150px;
        height: auto;
        vertical-align: middle;
        margin-bottom: 30px; }
    #footer .footer-row .row {
      width: calc(100% - 330px);
      margin-left: 30px; }
  #footer h3 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    /*color: #fff;*/
    margin-bottom: 28px; }
  #footer .review-module {
    display: block; }

#payoff {
  position: relative;
  background: #000;
  color: rgba(255, 255, 255, 0.7);
  padding: 10px 0; }
  #payoff a {
    color: #fff;
    font-weight: 700; }

/*# sourceMappingURL=z_main.css.map */
/* MIXINS */
@media screen and (max-width: 1024px) {
  #header #mainNav ul li a {
    line-height: 36px;
    padding: 0 10px;
    font-size: 14px; }

  #calcProgress .steps {
    display: block; }
    #calcProgress .steps .step {
      display: inline-block;
      width: 48px; }
      #calcProgress .steps .step:after {
        font-size: 50px;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      #calcProgress .steps .step .content {
        display: none; }
      #calcProgress .steps .step.active {
        width: auto; }
        #calcProgress .steps .step.active .content {
          display: block; }

  #calcSummary {
    width: calc(40% - 30px); }

  .products-container .products .product {
    width: calc(100% / 4); }

  #cta .posts .post-item {
    width: calc((100% / 2) - 30px); }

  .posts.compact .post-item {
    width: calc((100% / 2) - 30px); } }
@media screen and (max-width: 991px) {
  h1 {
    font-size: 34px;
    line-height: 34px; }

  h2 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 5px; }

  h3 {
    font-size: 18px; }

  .btn {
    font-size: 14px;
    font-weight: 900;
    height: 32px;
    line-height: 28px;
    padding: 0 10px; }

  section .section-title {
    margin-bottom: 10px; }
    section .section-title h3 {
      font-size: 24px; }

  #header #logo {
    height: calc(100% - 30px); }

  #uspStroke {
    top: 90px; }

  .products-container .products .product {
    width: calc(100% / 3); }

  #cta .posts .post-item .content {
    /*position: relative;*/ }

  .posts .post-item .content h3 {
    font-size: 15px; }

  #partnerSlider.owl-carousel .owl-stage-outer {
    overflow: hidden; }
  #partnerSlider.owl-carousel .owl-dots {
    width: calc(100vw - 30px);
    line-height: 10px; }

  #footer .footer-row {
    display: block; }
    #footer .footer-row .contact-block {
      width: auto;
      display: flex;
      align-items: center;
      flex-flow: row wrap;
      margin: -75px 0 30px 0;
      padding: 15px 30px; }
      #footer .footer-row .contact-block img {
        width: 15%;
        max-width: none;
        margin: 0 30px; }
      #footer .footer-row .contact-block p {
        text-align: left; }
    #footer .footer-row .row {
      width: auto;
      margin: 0; } }
@media screen and (max-width: 800px) {
  body {
    font-size: 14px; }

  h1 {
    /*font-size: 40px;*/
    /*line-height: 40px;*/ }

  h2 {
    /*font-size: 32px;*/
    /*line-height: 32px;*/ }

  p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 22px; }

  div#header {
    width: 100%;
    height: 60px; }
    div#header #navToggle {
      position: absolute;
      top: 50%;
      left: 15px;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border: 2px solid #eb088c;
      color: #eb088c;
      background: transparent; }
    div#header #logo {
      position: relative;
      max-width: 220px;
      height: auto;
      top: auto;
      left: auto;
      -ms-transform: none;
      -webkit-transform: none;
      -moz-transform: none;
      -o-transform: none;
      transform: none;
      /*left: 50%;*/
      /*@include transform;*/ }
    div#header #topNav {
      position: absolute;
      width: calc(100% - 55px);
      height: auto;
      top: 50%;
      right: 0;
      z-index: 3;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      div#header #topNav .container {
        height: auto; }
        div#header #topNav .container > .content {
          position: absolute;
          background: #000;
          padding: 5px;
          display: none !important;
          top: 47px;
          right: auto;
          left: -55px;
          -ms-transform: none;
          -webkit-transform: none;
          -moz-transform: none;
          -o-transform: none;
          transform: none; }
          div#header #topNav .container > .content > [class*="menu-"] > ul > li {
            /*display: block;*/
            margin: 0 5px; }
    div#header #headerSep {
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 100%;
      z-index: 2; }
    div#header div.languageSwitch {
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 48px;
      overflow: visible; }
      div#header div.languageSwitch ul li {
        padding: 0;
        width: 24px;
        height: 24px; }
        div#header div.languageSwitch ul li:after {
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          float: none;
          position: absolute; }
    div#header #mainNav {
      position: fixed;
      display: block;
      top: 60px;
      left: -400px;
      /*left: 0;*/
      width: 300px;
      height: calc(100% - 60px);
      background: #fff;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12);
      box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12);
      z-index: 1; }
      div#header #mainNav .container {
        padding: 0; }
      div#header #mainNav ul {
        display: block;
        text-align: left; }
        div#header #mainNav ul li {
          display: block;
          border: none;
          border-bottom: 1px solid #ededed; }
          div#header #mainNav ul li a {
            color: #000 !important;
            font-size: 16px;
            font-weight: 700;
            line-height: 42px;
            padding: 0 15px; }
          div#header #mainNav ul li.special a {
            color: #fff !important;
            background: #eb088c !important; }
          div#header #mainNav ul li.special:after {
            display: none; }
      div#header #mainNav.active {
        left: 0; }

  #extraNav {
    display: block; }

  #uspStroke {
    top: 60px;
    display: none; }
    #uspStroke ul {
      vertical-align: middle;
      padding: 5px 0; }
      #uspStroke ul li {
        line-height: 20px;
        font-size: 14px; }

  #pageContents {
    margin-top: 60px; }

  #slider .slide .content {
    position: relative;
    top: auto;
    left: auto;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    margin-bottom: 30px; }
  #slider .slide h2 {
    /*text-shadow: 0 1px 5px rgba(0,0,0,0.7);*/ }
  #slider .slide p.subtitle {
    font-size: 20px;
    line-height: 24px; }
  #slider .slide:after {
    background: rgba(0, 0, 0, 0.6);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0.4)', endColorstr='rgba(0, 0, 0, 0.6)',GradientType=1 );
    /* IE6-9 */ }

  .calc-block {
    width: auto;
    padding: 15px; }
    .calc-block .FormRow {
      height: auto; }
      .calc-block .FormRow .InputGroup {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: auto;
        display: block;
        overflow: hidden; }
        .calc-block .FormRow .InputGroup .InputField {
          float: left; }
          .calc-block .FormRow .InputGroup .InputField:last-child {
            float: right; }

  .calc-info {
    position: relative;
    width: auto;
    top: auto;
    left: auto;
    color: #fff;
    margin: 30px 0 0 0; }
    .calc-info p {
      margin-bottom: 12px; }
      .calc-info p:last-child {
        margin-bottom: 0; }

  div.FilterButtons {
    display: flex;
    align-items: stretch;
    justify-content: center; }
    div.FilterButtons a.FilterButton {
      flex: 1;
      flex-direction: column;
      justify-content: center;
      line-height: 20px;
      height: auto;
      padding: 10px 5px; }

  div.InformationBar {
    width: 100%; }
    div.InformationBar .DisplaySelectedItem {
      font-size: 14px; }

  #calcSummary {
    width: calc(100% - 30px);
    right: 15px;
    padding: 15px; }
    #calcSummary #SummaryHTML h2 {
      font-size: 18px;
      margin: -15px -15px 15px -15px;
      padding: 5px 15px; }
    #calcSummary #SummaryHTML #SummaryTotalPrice {
      font-size: 20px;
      margin: 15px -15px -15px -15px;
      padding: 5px 15px; }
    #calcSummary #SummaryHTML .SummaryRow span {
      float: right; }

  .calcBlock h2 {
    font-size: 26px; }

  .products-container .products {
    margin: 0 calc(-15px / 2); }
    .products-container .products .product {
      width: calc(100% / 2);
      margin-top: 15px; }
      .products-container .products .product .Product {
        padding: 0 calc(15px / 2); }
        .products-container .products .product .Product .ProductContent {
          margin: 0; }
        .products-container .products .product .Product div.ProductInfo {
          padding-bottom: 15px; }
          .products-container .products .product .Product div.ProductInfo div.Amount {
            position: relative;
            margin-top: 10px;
            bottom: auto;
            left: auto;
            width: auto;
            height: auto;
            display: block;
            line-height: 21px;
            font-size: 14px;
            padding: 5px 10px; }

  .ProductsWrapper > section {
    padding-top: 45px; }
    .ProductsWrapper > section.content {
      padding-bottom: 90px; }
    .ProductsWrapper > section > .container:before, .ProductsWrapper > section > .container:after {
      top: -45px;
      left: 0;
      width: 2px;
      height: calc(100% + 155px); }
    .ProductsWrapper > section > .container:after {
      height: 0; }
    .ProductsWrapper > section.active > .container:after {
      height: 45px; }

  div.InformationBar {
    height: auto;
    line-height: 22px;
    padding: 10px 15px 10px 36px; }
    div.InformationBar:before {
      top: 7px;
      left: -7px;
      line-height: 32px;
      width: 32px;
      height: 32px;
      font-size: 16px; }

  section.content, section#fastDelivery {
    padding: 30px 0; }
  section .section-title h3 {
    font-size: 24px; }
  section > .container > .row > [class*="col-"] {
    margin-top: 15px;
    margin-bottom: 15px; }
  section#parts .cat-list {
    position: relative;
    bottom: auto; }

  .cm-table {
    padding: 30px 10px; }

  .cat-list .inner .cat a {
    font-size: 14px; }

  #mainContent section .section-title h2 {
    font-size: 28px; }
  #mainContent section .section-title p {
    margin: 0; }

  #calcSummary #SummaryHTML .SummaryRow {
    display: none; }

  #footer {
    padding-bottom: 30px; }
    #footer .footer-row {
      display: block; }
      #footer .footer-row .row {
        width: auto;
        margin: 15px 0 0 0; }
      #footer .footer-row .contact-block {
        width: auto;
        margin-bottom: 30px;
        padding: 15px; }
        #footer .footer-row .contact-block p {
          font-size: 16px;
          line-height: 24px; }
    #footer [class*="col-"] {
      margin-bottom: 30px; }
      #footer [class*="col-"]:last-child {
        margin-bottom: 0; }
    #footer h3 {
      margin-bottom: 10px; }
    #footer .widget {
      margin-bottom: 25px; } }
@media screen and (max-width: 767px) {
  #header #topNav .container > .content {
    /*display: none;*/ } 
.woocommerce .woocommerce-MyAccount-navigation {
	width: 100%;
} }

/*# sourceMappingURL=z_responsive.css.map */
/*
 * Tipped - A Complete Javascript Tooltip Solution - v4.4.2
 * (c) 2012-2015 Nick Stakenburg
 *
 * http://www.tippedjs.com
 *
 * License: http://www.tippedjs.com/license
 */

.tpd-tooltip {
  position: absolute;
}

/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
   within their own namespace */
.tpd-tooltip,
.tpd-tooltip [class^="tpd-"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* Content */
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative;
}
.tpd-content-relative {
  width: 100%;
}

.tpd-content {
  float: left;
  clear: both;
  position: relative;
  padding: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important; }
.tpd-tooltip .tpd-content-no-padding { padding: 0 !important; }

.tpd-title-wrapper {
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-title-spacer {
  float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative;
}
.tpd-title-relative { width: 100%; }
.tpd-title {
  float: left;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.tpd-has-title-close .tpd-title { padding-right: 0 !important; }
.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
}
.tpd-close-icon {
  float: left;
  font-family: Arial, Baskerville, monospace;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}


/* Skin */
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0;
}

.tpd-content ul {
	list-style: none;
}

.tpd-frames {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
  display: none;
}

.tpd-visible-frame-top .tpd-frame-top { display: block; }
.tpd-visible-frame-bottom .tpd-frame-bottom { display: block; }
.tpd-visible-frame-left .tpd-frame-left { display: block; }
.tpd-visible-frame-right .tpd-frame-right { display: block; }

.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow { box-shadow: none !important; }

.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* only the top background box should be shown when not using a stem */
.tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem { display: none; }
.tpd-no-stem .tpd-background-box-top { display: block; }

.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.tpd-background {
  border-radius: 10px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box; /* Safari */
  background-clip: padding-box; /* IE9+, Firefox 4+, Opera, Chrome */
  border-style: solid;
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255,255,255,.1); /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */
}
.tpd-background-loading { display: none; }
/* no radius */
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { border-radius: 0; }
.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}

.tpd-background-box-top { top: 0; }
.tpd-background-box-bottom { bottom: 0; }
.tpd-background-box-left { left: 0; }
.tpd-background-box-right { right: 0; }

/* iframeshim IE6 */
.tpd-iframeshim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}

/* Skin / Stems */
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.tpd-shift-stem-side {
  position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side { width: 100%; }
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side { height: 100%; }

.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; /* shows possible invalid subpx rendering */
  width: 16px; /* best cross browser stem: width = 2 x height (90deg angle) */
  height: 8px;
  margin-left: 3px; /* space from the side */
  margin-top: 2px; /* space between target and stem */
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
/* remove margins once we're done measuring */
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important; }

.tpd-stem-spacer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer { margin-top: 0; }

.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
}

.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-stem-side-inversed {
  -webkit-transform: scale(-1,1);
  transform: scale(-1,1);
}
.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff; /* will become transparent */
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0;
}

.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0;
}

/* fixes rendering issue in IE */
.tpd-stem * { z-index: 0; zoom: 1; }

/* used by IE < 9 */
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%;
}

/* transformations for left/right/bottom */
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1,1);
  transform: rotate(-90deg) scale(-1,1);
}
.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
  -webkit-transform: scale(1,-1) translate(0, -100%);
  transform: scale(1,-1) translate(0, -100%);
}


/* Spinner */
.tpd-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 36px;
}
.tpd-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 13px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;
  animation: tpd-spinner-animation 1.1s infinite linear;
  box-sizing: border-box !important;
}
.tpd-spinner-spin,
.tpd-spinner-spin:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@-webkit-keyframes tpd-spinner-animation {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes tpd-spinner-animation {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/* show the loader while loading and hide all the content */
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper { display: none; }
.tpd-is-loading .tpd-background { display: none; }
.tpd-is-loading .tpd-background-loading { display: block; }



/* Resets while measuring content */
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
  display: none;
}

.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper { display: block; }


/* Links */
.tpd-tooltip a,
.tpd-tooltip a:hover { color: #808080; text-decoration: underline; }
.tpd-tooltip a:hover { color: #6c6c6c; }


/*
 * Sizes
 */
/* x-small */
.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
  padding: 7px 8px;
  font-size: 10px;
  line-height: 15px;
}
.tpd-size-x-small .tpd-background { border-radius: 5px; }
.tpd-size-x-small .tpd-stem {
  width: 12px;
  height: 6px;
  margin-left: 4px;
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-x-small.tpd-no-radius .tpd-stem { margin-left: 7px; }
.tpd-size-x-small .tpd-close { margin-bottom: 1px; }
.tpd-size-x-small .tpd-spinner {
  width: 35px;
  height: 29px;
}
.tpd-size-x-small .tpd-spinner-spin { margin: 6px 0 0 9px; }
.tpd-size-x-small .tpd-spinner-spin,
.tpd-size-x-small .tpd-spinner-spin:after {
  width: 17px;
  height: 17px;
}

/* small */
.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
  padding: 8px;
  font-size: 10px;
  line-height: 16px;
}
.tpd-size-small .tpd-background { border-radius: 6px; }
.tpd-size-small .tpd-stem {
  width: 14px;
  height: 7px;
  margin-left: 5px;
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-small.tpd-no-radius .tpd-stem { margin-left: 8px; }
.tpd-size-small .tpd-close { margin: 2px 1px; }
.tpd-size-small .tpd-spinner {
  width: 42px;
  height: 32px;
}
.tpd-size-small .tpd-spinner-spin { margin: 7px 0 0 13px; }
.tpd-size-small .tpd-spinner-spin,
.tpd-size-small .tpd-spinner-spin:after {
  width: 18px;
  height: 18px;
}


/* medium (default) */
.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
  padding: 10px;
  font-size: 14px;
  line-height: 16px;
}
.tpd-size-medium .tpd-background { border-radius: 8px; }
.tpd-size-medium .tpd-stem {
  width: 16px;      /* best cross browser stem width is 2xheight, for a 90deg angle */
  height: 8px;
  margin-left: 6px; /* space from the side */
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-medium.tpd-no-radius .tpd-stem { margin-left: 10px; }
.tpd-size-medium .tpd-close { margin: 4px 2px; }
/* ideal spinner dimensions don't cause movement op top and
   on the stem when switching to text using position:'topleft' */
.tpd-size-medium .tpd-spinner {
  width: 50px;
  height: 36px;
}
.tpd-size-medium .tpd-spinner-spin { margin: 8px 0 0 15px; }
.tpd-size-medium .tpd-spinner-spin,
.tpd-size-medium .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}


/* large */
.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
}
.tpd-size-large .tpd-background { border-radius: 8px; }
.tpd-size-large .tpd-stem {
  width: 18px;
  height: 9px;
  margin-left: 7px;
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-large.tpd-no-radius .tpd-stem { margin-left: 10px; }
.tpd-size-large .tpd-close { margin: 5px 2px 5px 2px; }
.tpd-size-large .tpd-spinner {
  width: 54px;
  height: 38px;
}
.tpd-size-large .tpd-spinner-spin { margin: 9px 0 0 17px; }
.tpd-size-large .tpd-spinner-spin,
.tpd-size-large .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}



/* Skins */
/* default (dark) */
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close { color: #fff; }
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
  background-color: #282828;
}
.tpd-skin-dark .tpd-background {
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255,255,255,.1);
}
/* line below the title */
.tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040; }
/* spinner */
.tpd-skin-dark .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-dark a { color: #ccc; }
.tpd-skin-dark a:hover { color: #c0c0c0; }


/* ThinkFresh */
.tpd-skin-ThinkFresh .tpd-content,
.tpd-skin-ThinkFresh .tpd-title,
.tpd-skin-ThinkFresh .tpd-close { 
	text-align: center;
	font-family: "FlexoLight", Arial, Helvetica, sans-serif;
	color: #ffa500;
	font-size: 20px;
	line-height: 32px;
	padding: 15px;
}
.tpd-skin-ThinkFresh .tpd-content ul {
	margin: 0;
	padding: 0;
}
.tpd-skin-ThinkFresh .tpd-content ul li {
	list-style: none;	
}
.tpd-skin-ThinkFresh .tpd-content h1,
.tpd-skin-ThinkFresh .tpd-content h2,
.tpd-skin-ThinkFresh .tpd-content h3 {
    background-color: #ffa500;
    color: #000;
    padding: 10px;
    margin: -15px -15px 0 -15px;
    font-size: 24px;
    border-radius: 8px 8px 0 0;	
}

.tpd-skin-ThinkFresh .tpd-content h4 {
	clear: both;
	color: #444444;
	margin: 0 0 15px 0;
	font-size: 20px;
	line-height: 150%;
	font-family: "FlexoRegular", Arial, Helvetica, sans-serif;
}

	.tpd-skin-ThinkFresh .tpd-content h4 strong {
		font-family: "FlexoBold", Arial, Helvetica, sans-serif;
		color: #d11f40;
		font-size: 30px;
	}

.tpd-skin-ThinkFresh .tpd-content p {
    color: #000;
    font-size: 18px;
	line-height: 24px;
	margin: 15px 0 0 0;
}
.tpd-skin-ThinkFresh .tpd-content a {
	margin: 0 0 15px 0;
    color: #000;
    font-size: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	text-decoration: none;
	transition: 0.2s all ease-in-out;
}
.tpd-skin-ThinkFresh .tpd-content a:hover {
    color: #000;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	text-decoration: none;
	transition: 0.2s all ease-in-out;
}
.tpd-skin-ThinkFresh .tpd-background-content {
	background-color: rgba(255,255,255,0.95);
	padding: 15px;
}
.tpd-skin-ThinkFresh .tpd-background {
  border-width: 0px;
  border-color: #fff;
  border-color: rgba(255,255,255,1);
}
.tpd-skin-ThinkFresh .tpd-background-title {
	background-color: rgba(255,255,255,0.95);
}
.tpd-skin-ThinkFresh .tpd-title-wrapper { left: 20px;  border-bottom: 1px solid #c0c0c0; }
.tpd-skin-ThinkFresh .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* fallback for no/disabled shadow */
.tpd-skin-ThinkFresh.tpd-no-shadow .tpd-background {
  border-color: #acacac;
  border-color: rgba(100,100,100,.3);
}
.tpd-skin-ThinkFresh .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-ThinkFresh a { color: #808080; }
.tpd-skin-ThinkFresh a:hover { color: #6c6c6c; }



/* light */
.tpd-skin-light .tpd-title,
.tpd-skin-light .tpd-close { color: #333; }
.tpd-skin-light .tpd-content {
  color: #333;
  font-size: 15px;
  line-height: 23px;
  padding: 15px;
}
.tpd-skin-light .tpd-background-content {
  background-color: #fff;
}
.tpd-skin-light .tpd-background {
  border-width: 0;
  border-color: #838383;
  border-color: rgba(0,0,0,0);
}
.tpd-skin-light .tpd-background-title {
  background-color: #f7f7f7;
}
.tpd-skin-light .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; }
.tpd-skin-light .tpd-background-shadow { box-shadow: 0 0 6px rgba(0,0,0,.3); }
/* fallback for no/disabled shadow */
.tpd-skin-light.tpd-no-shadow .tpd-background {
  border-color: #acacac;
  border-color: rgba(100,100,100,.3);
}
.tpd-skin-light .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-light a { color: #808080; }
.tpd-skin-light a:hover { color: #6c6c6c; }


/* gray */
.tpd-skin-gray .tpd-content,
.tpd-skin-gray .tpd-title,
.tpd-skin-gray .tpd-close { color: #fff; }
.tpd-skin-gray .tpd-background-content,
.tpd-skin-gray .tpd-background-title {
  background-color: #727272;
}
.tpd-skin-gray .tpd-background {
  border-width: 1px;
  border-color: #727272;
  border-color: rgba(255,255,255,.1);
}
.tpd-skin-gray .tpd-title-wrapper { border-bottom: 1px solid #505050; }
.tpd-skin-gray .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
.tpd-skin-gray a { color: #ccc; }
.tpd-skin-gray a:hover { color: #b6b6b6; }


/* red */
.tpd-skin-red .tpd-content,
.tpd-skin-red .tpd-title,
.tpd-skin-red .tpd-close { color: #fff; }
.tpd-skin-red .tpd-background-content { background-color: #e13c37; }
.tpd-skin-red .tpd-background {
  border-width: 1px;
  border-color: #a30500;
  border-color: rgba(12,0,0,.6);
}
.tpd-skin-red .tpd-background-title { background-color: #e13c37; }
.tpd-skin-red .tpd-title-wrapper { border-bottom: 1px solid #a30500; }
.tpd-skin-red .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-red .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
.tpd-skin-red a { color: #ddd; }
.tpd-skin-red a:hover { color: #c6c6c6; }


/* green */
.tpd-skin-green .tpd-content,
.tpd-skin-green .tpd-title,
.tpd-skin-green .tpd-close { color: #fff; }
.tpd-skin-green .tpd-background-content { background-color: #4aab3a; }
.tpd-skin-green .tpd-background {
  border-width: 1px;
  border-color: #127c00;
  border-color: rgba(0,12,0,.6);
}
.tpd-skin-green .tpd-background-title { background-color: #4aab3a; }
.tpd-skin-green .tpd-title-wrapper { border-bottom: 1px solid #127c00; }
.tpd-skin-green .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-green .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
.tpd-skin-green a { color: #ddd; }
.tpd-skin-green a:hover { color: #c6c6c6; }


/* blue */
.tpd-skin-blue .tpd-content,
.tpd-skin-blue .tpd-title,
.tpd-skin-blue .tpd-close { color: #fff; }
.tpd-skin-blue .tpd-background-content { background-color: #45a3e3; }
.tpd-skin-blue .tpd-background {
  border-width: 1px;
  border-color: #1674b4;
  border-color: rgba(0,0,12,.6);
}
.tpd-skin-blue .tpd-background-title { background-color: #45a3e3; }
.tpd-skin-blue .tpd-title-wrapper { border-bottom: 1px solid #1674b4; }
.tpd-skin-blue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-blue .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
.tpd-skin-blue a { color: #ddd; }
.tpd-skin-blue a:hover { color: #c6c6c6; }


/* lightyellow */
.tpd-skin-lightyellow .tpd-content,
.tpd-skin-lightyellow .tpd-title,
.tpd-skin-lightyellow .tpd-close { color: #333; }
.tpd-skin-lightyellow .tpd-background-content { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-background {
  border-width: 1px;
  border-color: #9d9c8c;
  border-color: rgba(8,8,0,.35);
}
.tpd-skin-lightyellow .tpd-background-title { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-title-wrapper { border-bottom: 1px solid #a7a697; }
.tpd-skin-lightyellow .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-lightyellow .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-lightyellow a { color: #777; }
.tpd-skin-lightyellow a:hover { color: #868686; }


/* lightblue */
.tpd-skin-lightblue .tpd-content,
.tpd-skin-lightblue .tpd-title,
.tpd-skin-lightblue .tpd-close { color: #333; }
.tpd-skin-lightblue .tpd-background-content { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-background {
  border-width: 1px;
  border-color: #7c868a;
  border-color: rgba(0,0,8,.35);
}
.tpd-skin-lightblue .tpd-background-title { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-title-wrapper { border-bottom: 1px solid #909b9f; }
.tpd-skin-lightblue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-lightblue .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-lightblue a { color: #777; }
.tpd-skin-lightblue a:hover { color: #868686; }


/* lightpink */
.tpd-skin-lightpink .tpd-content,
.tpd-skin-lightpink .tpd-title,
.tpd-skin-lightpink .tpd-close { color: #333; }
.tpd-skin-lightpink .tpd-background-content { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-background {
  border-width: 1px;
  border-color: #8d817c;
  border-color: rgba(8,0,0,.35);
}
.tpd-skin-lightpink .tpd-background-title { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-title-wrapper { border-bottom: 1px solid #a08f8f; }
.tpd-skin-lightpink .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-lightpink .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-lightpink a { color: #777; }
.tpd-skin-lightpink a:hover { color: #868686; }


/* ticketbizz */
.tpd-skin-ticketbizz .tpd-content,
.tpd-skin-ticketbizz .tpd-title,
.tpd-skin-ticketbizz .tpd-close { 
  color: #444;
  padding: 20px;
  line-height: 22px;
}
.tpd-skin-ticketbizz .tpd-background-content {
  background-color: #fff;
}
.tpd-skin-ticketbizz .tpd-background {
  border-width: 1px;
  border-color: #838383;
  border-color: rgba(0,0,0,.3);
}
.tpd-skin-ticketbizz .tpd-background,
.tpd-skin-ticketbizz .tpd-background-border-hack {
  border-radius: 3px;
}
.tpd-skin-ticketbizz .tpd-background-title {
  background-color: #f7f7f7;
}
.tpd-skin-ticketbizz .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; }
.tpd-skin-ticketbizz .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* fallback for no/disabled shadow */
.tpd-skin-ticketbizz.tpd-no-shadow .tpd-background {
  border-color: #acacac;
  border-color: rgba(100,100,100,.3);
}
.tpd-skin-ticketbizz .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-ticketbizz strong {
  color: #d11f40;
  font-size: 18px;
  display: inline-block;
  padding-bottom: 10px;
}
.tpd-skin-ticketbizz a { color: #808080; }
.tpd-skin-ticketbizz a:hover { color: #6c6c6c; }
.tpd-skin-ticketbizz li { list-style: none; }.swal2-container,body.swal2-iosfix{position:fixed;left:0;right:0}body.swal2-in{overflow-y:hidden}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;bottom:0;padding:10px;background-color:transparent;z-index:1060}.swal2-container:not(.swal2-in){pointer-events:none}.swal2-container.swal2-fade{-webkit-transition:background-color .1s;transition:background-color .1s}.swal2-container.swal2-in{background-color:rgba(0,0,0,.4)}.swal2-modal{background-color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;text-align:center;margin:auto;overflow-x:hidden;overflow-y:auto;display:none;position:relative}.swal2-modal:focus{outline:0}.swal2-modal.swal2-loading{overflow-y:hidden}.swal2-modal .swal2-title{color:#595959;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:0;padding:0;line-height:60px;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal .swal2-styled{border:0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:0 5px;padding:10px 32px}.swal2-modal .swal2-styled:not(.swal2-loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .swal2-styled.swal2-loading{box-sizing:border-box;border:4px solid transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-modal :not(.swal2-styled).swal2-loading::after{display:inline-block;content:'';margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span,.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#ccc;-webkit-transition:color .1s ease;transition:color .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal>.swal2-checkbox,.swal2-modal>.swal2-file,.swal2-modal>.swal2-input,.swal2-modal>.swal2-radio,.swal2-modal>.swal2-select,.swal2-modal>.swal2-textarea{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#545454}.swal2-modal .swal2-checkbox,.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-radio,.swal2-modal .swal2-select,.swal2-modal .swal2-textarea{margin:20px auto}.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d9d9d9;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:border-color box-shadow .3s;transition:border-color box-shadow .3s}.swal2-modal .swal2-file.swal2-inputerror,.swal2-modal .swal2-input.swal2-inputerror,.swal2-modal .swal2-textarea.swal2-inputerror{border-color:#f06e57}.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-file:focus::-webkit-input-placeholder,.swal2-modal .swal2-input:focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::-moz-placeholder,.swal2-modal .swal2-input:focus::-moz-placeholder,.swal2-modal .swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus:-ms-input-placeholder,.swal2-modal .swal2-input:focus:-ms-input-placeholder,.swal2-modal .swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::placeholder,.swal2-modal .swal2-input:focus::placeholder,.swal2-modal .swal2-textarea:focus::placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::-moz-placeholder,.swal2-modal .swal2-input::-moz-placeholder,.swal2-modal .swal2-textarea::-moz-placeholder{color:#e6e6e6}.swal2-modal .swal2-file:-ms-input-placeholder,.swal2-modal .swal2-input:-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#e6e6e6}.swal2-modal .swal2-range input{float:left;width:80%}.swal2-modal .swal2-range output{float:right;width:20%;font-size:20px;font-weight:600;text-align:center}.swal2-modal .swal2-range input,.swal2-modal .swal2-range output{height:43px;line-height:43px;vertical-align:middle;margin:20px auto;padding:0}.swal2-modal .swal2-input{height:43px;padding:0 12px}.swal2-modal .swal2-input[type=number]{max-width:150px}.swal2-modal .swal2-file{font-size:20px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#545454;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-validationerror{background-color:#f0f0f0;margin:0 -20px;overflow:hidden;padding:10px;color:gray;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:'!';display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8}.swal2-icon.swal2-info{font-family:'Open Sans',sans-serif;color:#3fc3ee;border-color:#9de0f6}.swal2-icon.swal2-question{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::after,.swal2-icon.swal2-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.swal2-icon.swal2-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{font-weight:600;margin:0 0 20px;padding:0}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{background:#3085d6;border-radius:2em;color:#fff;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{background:#3085d6;height:.4em;margin:0 -1px;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.swal2-show{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:hideSweetAlert .15s forwards;animation:hideSweetAlert .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/***************************************************/
/* Please keep this note to enable CSS colorcoding */
/* and don't add any <style> tags to this page	   */
/***************************************************/