/* ---- CSS SECTION:@trancon.exception ---- */

.exception
{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	font-family:tahoma;
	z-index: 999999999999999999999999999999;
}

.exception .message
{
	position:relative;
	overflow-y:auto;
	background-color:rgba(255,0,0,0.5);
	border-bottom:1px solid red;
	border-left:1px solid red;
	border-right:1px solid red;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

.exception .message span
{
	float:left;
	display:block;
	margin:10px;
	font-weight:bold;
}

.exception .message div.close
{
	position:absolute;
	right:0px;
	bottom:0px;
	margin:10px;
	cursor:pointer;
}

.exception .trace
{
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	clear:both;
	white-space: pre;
}


#diag
{
	color:white;
	position: fixed;
	top: 320px;
	right: 10px;
	background-color:rgba(0,0,0,0.5);
	width: 290px;
	padding: 10px;
	font-family: tahoma;
	border-radius:5px;
	z-index: 9999;
}

#diag table
{
	width:100%;
	color:white;
}

#diag table td.name
{
	width:100px;
}

#diag table tr.fail td.name:after
{
	color:red;
	content:" (Exception)";
}

#diag table td.progress div.bar
{
 background-image: -webkit-gradient(
 linear,
 right bottom,
 left bottom,
 color-stop(0, lightGreen),
 color-stop(0.48, green)
 );
	color:black;
	text-align:right;
	padding:2px;
	float:left;
	height:16px;
	max-width: 70%;
}

#diag table td.progress div.bar.warn
{
 background-image: -webkit-gradient(
 linear,
 right bottom,
 left bottom,
 color-stop(0, #EBBCB0),
 color-stop(0.48, #FF8400)
 );
}

#diag table td.progress div.bar.fail
{
 background-image: -webkit-gradient(
 linear,
 right bottom,
 left bottom,
 color-stop(0, red),
 color-stop(0.48, darkred)
 );
}

#diag table td.progress span.ms
{
	margin-left:5px;
	display:block;
	float:left;
}

#diag .total
{
	display:none;
	font-size:30px;
}

#diag .total.ok
{
	color:lightgreen;
}

#diag .total.warn
{
	color:orange;
}

#diag .total.fail
{
	color:red;
}

div.diagactions
{
	position:fixed;
	top:10px;
	right:10px;
	font-family:tahoma;
}

div.diagactions div
{
	float:left;
	background-color:rgba(0,0,0,0.5);
	margin:2px;
	border-radius:5px;
}

div.diagactions div:hover
{
	background-color:rgba(255,0,0,0.5);
}

div.diagactions div a
{
	display:block;
	margin:5px;
	color:white;
}

.fail-1
{
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: blink;
	-webkit-animation-timing-function: ease;   
}

.isnull-1
{
	color:grey;
}



@-webkit-keyframes 'blink' {
    0% { background: red; }
    100% { background: transparent; }
}
/* ---- CSS SECTION:about ---- */
body.lg .headingimage {
	height:600px;
}

body.md .headingimage {
	height:600px;
}

body.sm .headingimage {
	height:600px;
}

body.xs .headingimage {
	height:600px;
}


body.xs #main_container {
	margin-top:106px;
}

#navbar-about ul
{
	top:100px;
	right:10px;
	z-index:100;
}

.floatbar .nav>li>a
{
	border-radius: 0px;
	background-color:black;
	color:white;
	border: 1px solid black;
}

.floatbar ul li.active a,
.floatbar .nav>li.active>a:hover
{
	background-color:white;
	color:black;
	border: 1px solid #f0f0f0;
}


.about-page {
  /* vertical alignment styles */
  /* FIX: voor responsive images in tabel-cell gestylde divs */
  /* Voor Scroll-Spy */
}
.about-page .container-xs-height {
  display: table;
  padding-left: 0px;
  padding-right: 0px;
}
.about-page .row-xs-height {
  display: table-row;
}
.about-page .col-xs-height {
  display: table-cell;
  float: none;
}
@media (min-width: 768px) {
  .about-page .container-sm-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .about-page .row-sm-height {
    display: table-row;
  }
  .about-page .col-sm-height {
    display: table-cell;
    float: none;
  }
}
@media (min-width: 992px) {
  .about-page .container-md-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .about-page .row-md-height {
    display: table-row;
  }
  .about-page .col-md-height {
    display: table-cell;
    float: none;
  }
}
@media (min-width: 1200px) {
  .about-page .container-lg-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .about-page .row-lg-height {
    display: table-row;
  }
  .about-page .col-lg-height {
    display: table-cell;
    float: none;
  }
}
.about-page .col-top {
  vertical-align: top;
}
.about-page .col-middle {
  vertical-align: middle;
}
.about-page .col-center {
  text-align: center;
}
.about-page .col-bottom {
  vertical-align: bottom;
}
.about-page .img-responsive {
  width: 100%;
}
.about-page body {
  position: relative;
  height: 100%;
  /*IE Workaround*/
  overflow-x: hidden;
}
.about-page div.to-top {
  z-index: 10000;
  margin: 8px 0 0 0 !important;
}
.about-page .to-top,
.about-page .to-top #top {
  position: fixed;
  left: initial !important;
  right: 0px;
  bottom: 0px;
}
.about-page .vacature-links {
  padding-top: 20px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.about-page .vacature-links li {
  margin: 10px 0;
}
.about-page .vacature-links a {
  color: black;
  text-decoration: underline;
}
.about-page .paragraph .note {
  background: white;
}
.about-page .headingimage {
  height: 80%;
  background-image: url('//www.polspotten.nl/webfiles/webshop_library/about/about_3.jpg');
  /*background-image:url('//media.madeindesign.com/nuxeo/divers/7/a/7a4e5ce1-af3d-4869-918b-8f39ac927f24.jpg');*/
  background-size: cover;
  background-position: center;
  position: relative;
  margin-top: -28px;
}
.about-page .headingimage .nextparagraph {
  position: absolute;
  bottom: 20px;
}


.about-page .paragraph-content {
  width: 100%;
}
/* ---- CSS SECTION:animate ---- */
@charset "UTF-8";

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

Copyright (c) 2013 Daniel Eden
*/

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

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

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

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

@-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: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

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

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

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

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

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

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

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

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

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

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

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

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

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

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

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.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: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

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

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

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

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

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

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

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

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

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

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

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

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

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

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

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

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

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

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

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

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

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    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% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

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

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

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

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

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

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

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

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

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

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

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

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

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

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

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

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

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

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

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

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

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -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: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-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: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    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: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

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

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

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

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

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

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

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

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

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

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

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

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

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

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

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

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

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

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}/* ---- CSS SECTION:bootstrap-polspotten ---- */
.btn-primary
{
	background-color: #428bca;
	border-color: #357ebd;
}

.btn-primary:hover
{
	background-color: #3276b1;
	border-color: #285e8e;
}

.btn
{
	border-radius: 0px;
}

.panel
{
	border-radius:inherit;
}

.panel-default > .panel-heading 
{
	font-size: 1.4em;
}

label
{
	font-weight: normal;
}/* ---- CSS SECTION:bootstrap-trancon ---- */
/* DEBUG START*/
body.debug .resp-indicator {
  	background-color:#e0ffe0 !important; /*XS Green*/
}
@media (min-width: 768px) {
  body.debug .resp-indicator {
	background-color:#ffe0e0 !important;  /*SM Pink*/
	}
}
@media (min-width: 992px) {
  body.debug .resp-indicator {
	background-color:#e0e0ff !important;  /*MD DarkBlue*/
	}
}
@media (min-width: 1200px) {
  body.debug .resp-indicator {
	background-color:#ffffe0 !important;  /*LG Yellow*/
	}
}

@media (min-width: 1600px) {
  body.debug .resp-indicator {
	background-color:#e0e0e0 !important; /*LG Grey*/
	}
}

@media (min-width: 1900px) {
  body.debug .resp-indicator {
	background-color:#e0ffff !important; /*LG LightBlue*/
	}
}
/* DEBUG END*/

/*No Gutter START*/
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}
/*No Gutter END*/

@media screen and (min-width: 1600px) {
    .container{
        max-width: 1570px;
		width:100%;
    }
}
@media screen and (min-width: 1900px) {
    .container {
        max-width: 1870px;
		width:100%;
    }
}

@media screen and (min-width: 768px){
	.jumbotron {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media screen and (min-width: 768px){
	.jumbotron h1, .jumbotron .h1 {
		font-size: 2.5em;
	}
}
/* expressionblock */
@media screen and (min-width: 1600px) {.expressionblock {padding-top:75px;}}
@media screen and (max-width: 1599px) {.expressionblock {padding-top:70px;}}
@media screen and (max-width: 1499px) {.expressionblock {padding-top:65px;}}
@media screen and (max-width: 1399px) {.expressionblock {padding-top:70px;}}
@media screen and (max-width: 1299px) {.expressionblock {padding-top:55px;}}
@media screen and (max-width: 1199px) {.expressionblock {padding-top:50px;}}
@media screen and (max-width: 1099px) {.expressionblock {padding-top:45px;}}
@media screen and (max-width: 999px) {.expressionblock {padding-top:40px;}}
@media screen and (max-width: 899px) {.expressionblock {padding-top:35px;}}
@media screen and (max-width: 799px) {.expressionblock {padding-top:30px;}}
@media screen and (max-width: 699px) {.expressionblock {padding-top:25px;}}
@media screen and (max-width: 599px) {.expressionblock {padding-top:20px;}}
@media screen and (max-width: 499px) {.expressionblock {padding-top:15px;}}
@media screen and (max-width: 399px) {.expressionblock {padding-top:10px;}}
@media screen and (max-width: 299px) {.expressionblock {padding-top:5px;}}
@media screen and (max-width: 199px) {.expressionblock {padding-top:0px;}}

@media screen and (min-width: 1600px) {.expressionblock a {font-size:18pt;}}
@media screen and (max-width: 1599px) {.expressionblock a {font-size:17pt;}}
@media screen and (max-width: 1499px) {.expressionblock a {font-size:16pt;}}
@media screen and (max-width: 1399px) {.expressionblock a {font-size:15pt;}}
@media screen and (max-width: 1299px) {.expressionblock a {font-size:14pt;}}
@media screen and (max-width: 1199px) {.expressionblock a {font-size:13pt;}}
@media screen and (max-width: 1099px) {.expressionblock a {font-size:12pt;}}
@media screen and (max-width: 999px) {.expressionblock a {font-size:11pt;}}
@media screen and (max-width: 899px) {.expressionblock a {font-size:10pt;}}
@media screen and (max-width: 799px) {.expressionblock a {font-size:9pt;}}
@media screen and (max-width: 699px) {.expressionblock a {font-size:8pt;}}
@media screen and (max-width: 599px) {.expressionblock a {font-size:7pt;}}
@media screen and (max-width: 499px) {.expressionblock a {font-size:7pt;}}
@media screen and (max-width: 399px) {.expressionblock a {font-size:7pt;}}
@media screen and (max-width: 299px) {.expressionblock a {font-size:7pt;}}
@media screen and (max-width: 199px) {.expressionblock a {font-size:7pt;}}
/* ---- CSS SECTION:checkout ---- */

body#checkout
{
	background-color:white;
}

body.checkout-page #search-col {
  display:none;
}

.checkout_column .panel
{
	margin:10px;
}

.checkout_column .panel .input-group
{
	margin-top:5px;
	margin-bottom:5px;
    width:100%;
}


#productoverview .panel-body .row.product,
#grandtotal
{
	border-bottom:1px solid #ddd;
}

#total_rows
{
	margin-top:10px;
	margin-bottom:10px;
}

#productoverview .panel-body .row.product
{
	padding-bottom:5px;
	padding-top:5px;
	padding-right:10px;
}

#productoverview .panel-body .row.total
{
	padding-right:10px;
	padding-left:10px;
}



/* If the price is right! ;) */
span.price.right,
span.vat.right
{
	white-space:nowrap;
	text-align: right;
	display: block;
}

#productoverview .panel-body .row.product span.price.right,
#grandtotal .price
{

	font-size:1.3em;
}


#productoverview .panel-body .row.product span.vat.right
{
	color:#838383;
	font-size:0.8em;
}

#proceed_row
{
	text-align:center;
}

#proceed span.sub
{
	display:block;
	font-size:0.7em;
}

span.sub
{
	/*color: lightgrey;*/
	font-size: 11px;

}
form.validate input.error
{
	border-color:red;
}

#checkout_right .description
{
	margin-left:15px;
    text-transform:lowercase;
}

form.validate label.error
{
	color:red;
}

.delete-orderline {
	clear:both;
	color:#838383;
	cursor:pointer;
	font-size:0.8em;
	text-decoration:underline;
}

.delete-orderline:hover {
	color:red;
}

#accountfields {
	display:none;
}

input.qty {
	text-align:right;
}


.input-group-addon {
width: 160px;
text-align:left;
}


#existing_email_error
{
	color:red;
	display:none;
}

.coupon > .input-group-addon {
	width: 100px;
}/* ---- CSS SECTION:contact ---- */

	body#contact #left
	{
		overflow-x:hidden;
		overflow-y:auto;
	}
	

	body#contact.xs #left
	{
		overflow:inherit;
	}/* ---- CSS SECTION:expandizer ---- */
.hiding{
  display:none;
}

.desktop.lg .expandizer.marker.designer-block.col-lg-2.col-md-3.col-sm-4.col-xs-6 {
  z-index: 10;
  position: relative;


}
  
.desktop.lg  .expandizer.marker.designer-block.col-lg-2.col-md-3.col-sm-4.col-xs-6:hover .hiding {
  display: inline-block;
  margin-top: -202px;
  z-index: 20;
  position: absolute;
  text-align:center;
  width:100%;
  font-size:14pt;
  font-weight:bold;
}

.desktop.lg  .expandizer.marker.designer-block.col-lg-2.col-md-3.col-sm-4.col-xs-6 img:hover
{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  opacity:0.25;
}

.expandizer.selected:after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 15px;
    left: 47%;
    bottom: 0;
}/* ---- CSS SECTION:filter-color ---- */

	.selector
	{
		display: inline-block;
		border: 1px solid transparent;
		margin: 2px;
		padding: 1px;
		height: 23px;
		width: 22px;
		cursor:pointer;
	}
	.selector.selected,
	.selector:hover
	{
		border: 1px solid grey;
	}

	.selector input
	{
		display:none;
	}

	.coloroption
	{
		width: 16px;
		height: 16px;
		margin: 1px;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
		border-bottom: 1px solid transparent;
		border-right: 1px solid transparent;
		float:left;
	}

	/*Multi*/
	.coloroption.multi1,
	.coloroption.multi2
	{
		width:8px;
	}
	.coloroption.multi1
	{
		background-color:green;
		margin-right: 0px;
	}

	.coloroption.multi2
	{
		background-color:red;
		margin-left: 0px;
		border-left: 0px;
	}

	/*Transparent*/
	.coloroption.trans1,
	.coloroption.trans2,
	.coloroption.trans3,
	.coloroption.trans4
	{
		margin:0px;
		border:0px;
		width:8px;
		height:8px;
	}

	.coloroption.trans1,
	.coloroption.trans2
	{
		border-top: 1px solid silver;
	}

	.coloroption.trans1,
	.coloroption.trans3
	{
		
		border-left: 1px solid silver;
	}

	.coloroption.trans1
	{
		margin-top:1px;
		margin-left:1px;
		background-color:lightgrey;
	}

	.coloroption.trans2
	{
		margin-right:1px;
		margin-top:1px;
		background-color:white;
	}

	.coloroption.trans3
	{
		margin-left:1px;
		margin-bottom:1px;
		background-color:white;
	}

	.coloroption.trans4
	{
		margin-right:1px;
		margin-bottom:1px;
		background-color:lightgrey;
	}/* ---- CSS SECTION:polspotten ---- */
@font-face {
    font-family: HelveticaNeueMedium;
    src: url("/webfiles/fonts/HelveticaNeueMedium.ttf");
}
@font-face {
    font-family: HelveticaNeueLight;
    src: url("/webfiles/fonts/HelveticaNeueLight.ttf");
}


@font-face {
  font-family: 'polspotten-icon-font';
  src: url("/webfiles/skin/default/fonts/polspotten-icon-font.eot");
  src: url("/webfiles/skin/default/fonts/polspotten-icon-font.eot?#iefix") format("embedded-opentype"), url("/webfiles/skin/default/fonts/polspotten-icon-font.woff") format("woff"), url("/webfiles/skin/default/fonts/polspotten-icon-font.ttf") format("truetype"), url("/webfiles/skin/default/fonts/polspotten-icon-font.svg#polspotten-icon-font") format("svg");
  font-weight: normal;
  font-style: normal;
}
body
{
  font-family:  Arial, Helvetica, sans-serif;
	background-color:white;
/*	font-family: "Open Sans", sans-serif;*/
}

a{ 
  color: #ee1d23;
}
a:hover {
  color: #ff0013;
}
.btn-black {
    background-color: black;
    border-color: black;
    color:white;
    font-weight:normal !important;
}
.unselectable {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
    pointer-events: none;
}

.btn-black:hover {
  color:black;
  background:white;
}
/* https://trancon.zendesk.com/agent/tickets/5732 */
.navbar-nav, .footer.start, h1, h2, #searchbutton {
      text-transform: lowercase;
}
.checkout-remarks, #proceed_row label {
  text-transform: none;
}
.paragraph-header {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.paragraph-header {
  background:white;
}
.paragraph-header h1{
font-size:35px;
padding-top: 0px;
padding-bottom: 10px;
}
.footer
{
  background: white;
/*  background-color:black;
  color:white;*/
}
.footer.start {
  border-top: 1px solid black;
}
.footer .logos {
  text-align:center;
}   
.footer .logos img {
  width: 32px;
  height:32px;
}

.footer .margin
{
  margin: 10px;
  display: block;
  font-size: 12px;
}
.footer a
{
  text-decoration:none;
  /*color: white;*/
}
.footer a:hover
{
  font-weight:bold;
}
.footer .socialicons a {
  display:inline-block;
}

.footer .socialicons img {
  max-width: 60px;
  padding:5px;
}

.share-buttons img {
  max-width: 40px
}
.footer .socialicons a:hover {
  background: #f2f2f2
}

.footer div.subcription input 
{
  margin-top: 10px;
}

#main_container
{
	margin-top:90px;
	background-color:white;
}

body.root #main_container
{
	margin-top:91px;
}

body#checkout #main_container
{
	margin-top:80px; /*does have gutter*/
}


.block1, .block2, .block1.alt {
	
}

img.banner {
	min-width: 100%;
	max-width: 100%;
}

.blockbanner {
	background-color:red;
	height:180px;
	background-image:url('../img/home.jpg');
	background-position: bottom center;
}

.blocksubtext {
	background-color:#ccc;
	padding:10px;
	text-align:center;
	font-weight:bold;
}

.block1 img, .block2 img {
	min-width: 100%;
	max-width: 100%;
}

.text1 {
	min-width: 100%;
	max-width: 100%;
	margin:15px;
}

.navbar-brand {
  height: 90px;
  padding: 25px;
}

img#logo {
	height: 100%;
	margin-left:0;
    max-width: calc(100vw - 110px);
}

/* Main Nav*/
#nav_main ul.navbar-nav  {
 margin: 20px 0;
}
#nav_main ul li a{
	font-weight:bold;
	font-size: 1em;
	color:black;
}

#nav_main.navbar-default {
	background-color: transparent;
	border-color: #cccccc;
	border:none;
}

#nav_main.navbar-default > .container2
{
	background-color:white;
}

#nav_main.navbar-default ul li:hover > a,
#nav_main.navbar-default > ul li.active a,
#nav_main.navbar-default > ul li.open a,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
{
	background-color:#f2f2f2;
}

.clicked-open>.dropdown-menu {
    display: block;
}

.dropdown.hover:hover .dropdown-menu {
  display:block;
}
#nav_main .navbar-collapse > ul
{
	margin-right:0px;
}

/*
.nav > li > a {
	padding-left:25px;
	padding-right:25px;
}
*/


#menu_cart a
{
	background-image:url('/webfiles/skin/default/img/cart.png');
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding-left:40px;
}

/* Breadcrumb*/

.breadcrumb
{
	border-radius:0;
	font-size:9pt;
	/*text-transform:lowercase;*/
	padding-top:5px;
	padding-bottom:5px;
	/*border-bottom:1px solid #cccccc;*/
}

.breadcrumb > li + li:before {
font-family: 'polspotten-icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-size: 0.7em;
color:#000;
content: "\e60d";
}



.breadcrumb li.filter
{
	border:1px solid black;
	padding:2px;
	cursor:pointer;
	margin: 0 5px 0 0;
}

.breadcrumb li.filter:before
{
	content: "";
	padding:5px;
}
.breadcrumb li.filter:after
{
	content: "\e60b";
	font-family: 'polspotten-icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	padding:5px;
	margin: 0 0 0 5px;
font-size: 8px;
position: relative;
bottom: 1px;
}

.breadcrumb li.active a
{
color:#999;
}

/* Normal breadcrumb*/
.breadcrumb.pp-normal
{
	background-color:transparent;
	/*border-top:1px solid #cccccc;*/
	margin-bottom:0px;
}

.breadcrumb.pp-normal,
.breadcrumb.pp-normal a
{
	color: black;
}


/* Floating breadcrumb*/
.breadcrumb.pp-float {
	position:fixed;
	z-index:1;
	background-color:black;
}

.breadcrumb.pp-float,
.breadcrumb.pp-float a
{
	color: white;
}

/* Search */

#search input[type=text]
{
	border:1px solid black;
	padding:4px;
}

#search input[type=button]
{
	background-color:black;
	border:4px solid black;
	color:white;
}

#sidebar
{
	padding:10px;
	
}

#sidebar .panel-default > .panel-heading
{
	border-color:transparent;
	background-color:transparent;
position: relative;
}

#sidebar .panel-default > .panel-heading + .panel-collapse .panel-body
{
	border-top-color:transparent;
}

#sidebar .panel-default
{
	border-color:transparent;
}

#sidebar .panel-default > .panel-heading > .panel-title a
{
/*
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAATCAYAAABhh3Y4AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB6SURBVEhL7dLBDYAgEETR7ZKSKIVSKIUy1oyBRKOBGUK8yL9JhAeK+YdtbEk/xEoKHlKpT3y9eV3MzCRwNKf7GRWQeXf4z5hF2E1RF6QtFnMduJYjfXoKQznaE6yQve7iGY2hGyhCSMJQA1UIyRg6QRFCU9hsG1uQ+wE1Qq1ILynAawAAAABJRU5ErkJggg==);
	background-repeat:no-repeat;
	background-position:right;
*/	display:block;
	text-decoration:none;
	font-size: 1.25em;
	font-weight:bold;
}

#sidebar label
{
	font-weight: normal;
}

#sidebar label.checked
{
	font-weight:bold;
}

#sidebar ul
{
	padding:0px;
}

#sidebar ul li
{
	list-style:none;
	
}

#sidebar ul li ul {
 margin-left:1em;
}

#sidebar ul li a,#sidebar ul li a:hover,#sidebar ul li a:active,#sidebar ul li a:visited
{
color:#000;
text-decoration:none;
}

#sidebar ul li a:hover,#sidebar label:hover  {
color: #ff0033;
}

#specform li.nohits {
color: lightgrey;
}



/* Tree */

#sidebar ul#tree li ul
{
	padding-left:10px;
}

/* Material */

#content,#sidebar
{
-webkit-overflow-scrolling: touch;
overflow-y:auto;
}

#content  .box
{
	position:relative;
	background-color:#13958a;
	background-color:#ebebeb;
}

#content  .square
{
	margin-top:100%;
}

#content  .box span.surprise
{
	color:#41e1c2;
	color:black;
	
	font-size:1.5em;
	position:absolute;
	top:48%;
	text-align:center;
	width:100%;
	text-decoration:underline;
}

.block1.box .product-overview {
opacity: 0;
position:absolute;
width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
text-align:center;
padding-top:50%;
padding-top: calc(50% - 10px);
   padding-left: 15px;
   padding-right: 15px;
}

.block1.box .product-overview h3 {
 margin: -10% 0 13% 0;
text-align:center;
color:black;
}

.block1.box .product-overview span.details {
display: inline-block;
  text-decoration: none;
  padding: 0.65em 3em; 
  background: #000;
  color: #fff;
  position: relative;
color: white;
text-decoration: none;
text-transform: uppercase;
background: black;
display: inline-block;
border: 1px solid black;
font-size:0.75em;
/*font-size:1.3em;*/
}

.block1.box .product-overview a.link-green {
 background:#5FB760;
 border: 1px solid #5FB760;
}

.block1.box .product-overview a+a {
margin-top:5px;
}

.desktop .block1.box:hover .product-overview {
	opacity: 1;
	-webkit-transition:all 0.8s ease;
}

.desktop .box:hover img {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	opacity:0.5;
}

.desktop .block1.box:hover {
	background: #f2f2f2;
}

.desktop .block1.box:hover .product {
	opacity: 0.5;
}

.desktop .block1.box .product-overview a:hover, .block1.box .product-overview a:active {
	color: black;
	background: white;
	border: 1px solid black;
	text-decoration:none;
}



#sidebar .panel-default > .panel-heading:after {

font-family: 'polspotten-icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;

position: absolute;
top:15px;
right: 10px;
font-size: 0.8em;
content: "\e60d";
cursor:pointer;
}


#sidebar .panel-default.collapsed > .panel-heading:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}

.color-filter {
width: 10px;
height: 10px;
display:inline-block;
cursor: pointer;
margin: 0 10px 10px 0;
}

.color-filter>input[type="checkbox"] {
display:none;
}

.product-detail-display {
padding: 15px;
background: white;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#content .product-detail-display {
 width: 20.125em;
position: absolute;
bottom: 10%;
right: 50px;
padding: 15px;
background: white;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index:10;
}

.product-detail-name {
font-size: 1.5em;
font-weight: 600;
margin: 20px 0 10px 0;
}

.product-detail-code { color: rgba(0, 0, 0, 0.5); font-size:1em; }

.product-detail-material {
font-size: 0.75em;
margin: 0;
text-transform: uppercase;
line-height: 1.5em;
}

.product-detail-display hr {
height: 1px;
background: black;
border: none;
margin:5px 0 5px 0;
}

dl.product-specs {
width: 100%;
display: table;
}

dl.product-specs a, dl.product-specs a:visited, dl.product-specs a:focus {
 color:#000;
 text-decoration:underline;
}

dl.product-specs a:hover {
color:#000;
 text-decoration:none;
}

/*
dl.product-specs dt:after {
content: ":";
}*/

dl.product-specs dt {
font-weight: 800;
}

dl.product-specs dd {
font-weight: 400;
}

dl.product-specs dt,dl.product-specs  dd {
display: table-cell;
width: 50%;
font-size: 0.75em;
}


.product-detail-display .product-info-visit-web {
width: 100%;
margin: 0;
padding: 0.65em 0;
}

.link-black {
	margin: 0.4em 0 0 0;
	font-size: 1em;
	color: white;
	padding: 0.65em 3em;
	text-align: center;
	text-decoration: none;
	background: black;
	display: inline-block;
	border: 1px solid black;
	transition: all 0.2s ease;
}

.link-green {
 background:#5FB760;
}

.link-black:hover, .link-black:active {
color: black;
background: white;
border: 1px solid black;
text-decoration: none;
}

.share-buttons a {
width: 36px;
height: 36px;
display: inline-block;
position: relative;
text-decoration: none;
margin-left:0.5em;
}

.share-button-pinterest {
background: #f6434a;
}

.share-button-facebook {
background: #4763be;
}

.share-button-twitter {
background: #4fbbff;
}

.share-buttons {
margin: 10px 0 0px 0;
}

.share-buttons a:before {
position: absolute;
color: white;
top: 10px;
transition: color 0.2s ease;
}
.share-button-pinterest:before {
left: 12px;
}
.icon-pinterest:before {
content: "\e60a";
}

.share-button-wishlist.icon-heart:before {
left: 10px;
}



.share-button-twitter:before {
left: 9px;
}
.icon-twitter:before {
content: "\e609";
}

.share-button-facebook:before {
left: 14px;
}
.icon-facebook:before {
content: "\e608";
}

.pp-icon:after, .pp-icon:before {
font-family: 'polspotten-icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



a[class*='share-button']:hover:before {
color: rgba(0, 0, 0, 0.5);
}

.product-info-action {
margin: 10px 0 0px 0;
padding: 0.7em;
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width:100%;
}

.product-info-action:before {
display: inline-block;
margin: 3px 1px 0 0;
font-size: 0.833em;
}

.product-info-action:hover:before
{
color: #dd0006;
}

.icon-heart:before {
content: "\e604";
}

  .caret.icon-arrow-down
  {
   border-top:4px solid transparent;
  }
  .caret.icon-arrow-down:after {
position: absolute;
top: 20px;
right: 8px;
font-size: 0.75em;
}
  .icon-arrow-down:after {
content: "\e601";
}

i.icon-arrow-left:after
  {
   position: relative;
top: 0px;
right: 5px;
font-size: 0.8em;
content: "\e60d";
cursor: pointer;
  }


.login-area {
min-width:360px;
}
#loginView {
  margin-right: 0 !important;
  text-transform: none;
}
#login-choice .btn{
  color:white;
  display:block;
  margin: 5px 20px;
}
#login-choice .btn:hover {
    color: black;
}



@media (max-width : 767px) {
 /*.dropdown-menu.login-area{
    margin-left:-15px;
  }*/
  
  #login-choice .btn{
    margin: 5px 0;
  }
}

a.share-button-wishlist {
border: 1px solid black;
transition: all 0.2s ease;
background: #000;
color:#FFF;
width: auto;
padding: 5px;
margin-top:5px;
display:inline-block;

}

/*a.share-button-wishlist:hover .icon-heart:before,*/
a.share-button-wishlist.isfav .icon-heart:before
{
color:#dd0006;
}

a.share-button-wishlist span.add
{
	display:inline;
}

a.share-button-wishlist span.remove
{
	display:none;
}

a.share-button-wishlist.isfav span.add
{
	display:none;
}

a.share-button-wishlist.isfav span.remove
{
	display:inline;
}


.product-specs.full {
transition: all 0.2s ease;
display:none;
}


.product-detail-display .add-to-cart
{
	margin-top:25px;
}

/* 
 * Roller v3.1.4 - 2014-05-30 
 * A jQuery plugin for simple content carousels. Part of the Formstone Library. 
 * http://formstone.it/roller/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */ 

 	.roller * {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
			    user-select: none;
	}

	.roller,
	.roller .roller-viewport { position: relative; }
	.roller { width: 100%; }
	.roller .roller-canister { margin: 0; overflow: hidden; position: relative;
		-webkit-transition: -webkit-transform 0.4s ease;
		   -moz-transition:    -moz-transform 0.4s ease;
		    -ms-transition:     -ms-transform 0.4s ease;
		     -o-transition:      -o-transform 0.4s ease;
		        transition: 		transform 0.4s ease;
		-webkit-transform: translate3d(0, 0, 0);
		   -moz-transform: translate3d(0, 0, 0);
		    -ms-transform: translate3d(0, 0, 0);
		     -o-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	.roller .roller-item { float: left; margin: 0; }

	.roller .roller-item:hover { cursor: n-resize; }

	.roller .roller-canister,
	.roller .roller-item {
		-webkit-backface-visibility: hidden;
		   -moz-backface-visibility: hidden;
		    -ms-backface-visibility: hidden;
			 -o-backface-visibility: hidden;
			    backface-visibility: hidden;
	}

	/* !Controls & Pagination */
	.roller .roller-controls,
	.roller .roller-pagination { display: none; margin: 0; padding: 0; width: 100%; margin-top: 2em; }

	.roller .roller-controls.visible,
	.roller .roller-pagination.visible { display: none; display: block; }

	.roller .roller-control { cursor: default; margin-top:10px; }
	.roller .roller-page,
	.roller .roller-control.enabled { cursor: pointer; }

	/* !Captions */
	.roller .roller-caption { display: none; }
	.roller .roller-caption.active { display: block; }

	/* !Single */
	.roller.single .roller-item { display: none; transition: all 0.2s ease; width:100%; }
	.roller.single .roller-item.active { display: block;  transition: all 0.2s ease;}
	
	
	/* 
 * Wallpaper v3.1.17 - 2014-05-31 
 * A jQuery plugin for smooth-scaling image and video backgrounds. Part of the Formstone Library. 
 * http://formstone.it/wallpaper/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */ 

	.wallpaper,
 	.wallpaper .wallpaper-container,
 	.wallpaper .wallpaper-media {
		-webkit-transition: none !important;
		        transition: none !important;
	}

	.wallpaper { overflow: hidden; position: relative; }
 	.wallpaper .wallpaper-container { height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; left:0; }

 	.wallpaper .wallpaper-media { left: 0; opacity: 0; position: absolute; top: 0; }
 	.wallpaper .wallpaper-media.animated {
	 	-webkit-transition: opacity 0.5s linear !important;
		        transition: opacity 0.5s linear !important;
 	}

 	.wallpaper .wallpaper-media img,
 	.wallpaper .wallpaper-media video,
 	.wallpaper .wallpaper-media iframe { display: block; height: 100%; width: 100%; }

 	.wallpaper .wallpaper-embed.ready:after { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
 	.wallpaper .wallpaper-embed.ready iframe { /* pointer-events: none; - safari doesn't like this :/ */ z-index: 0; }

 	.wallpaper .wallpaper-media.native { background-position: center; background-size: cover; height: 100%; width: 100%; }
 	.wallpaper .wallpaper-media.native img { display: none; }

 	.wallpaper .wallpaper-media.fixed { background-position: center; background-attachment: fixed; height: 100%; width: 100%; }
 	.wallpaper .wallpaper-media.fixed img { display: none; }
	
	
	.roller-control.next { 
	 float:right
	}
	
	.roller-control.previous { 
	 float:left
	
	 }
	 
	 .roller-item img {
	  display:inline-block;
	 }
	
	 .roller-control.previous,.roller-control.next {
	  position:relative;
	 }
	 
	 .roller-control.previous {
	  padding-left:3em;
	 }
	 
	 .roller-control.next {
	  padding-right:3em;
	 }
	 
	 .roller-control.previous:before {
	 position: absolute;
top: 0em;
left: 0.750em;
font-size: 1.667em;
font-family: 'polspotten-icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e600";
	 
	 }
	 
	 
	 .roller-control.previous:hover:before,  .roller-control.next:hover:before,
	 .roller-control.previous:hover,.roller-control.next:hover {
	 
	   color:rgba(0, 0, 0, 0.5)
	 }
	 
	 .roller-control.next:before {
	  
	  font-family: 'polspotten-icon-font';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0em;
right: 0.750em;
font-size: 1.667em;
content: "\e60d";
	 
	 }
.no-flow {
 overflow:hidden;
}	 

.inspired-by {
 color:#41e7d9;
 background:#13958a;
font-size: 1.25em;
line-height: 2.5em;
padding:10px;
}	 
	 
.inspired-by a,.inspired-by a:hover, .inspired-by a:focus, .inspired-by a:visited  {
color: #41e7d9;
text-decoration:none;
}


.news-item time {
font-size: 0.8em;
margin: 0;
margin-bottom: 2em;
display: inline-block;
}


hr.black {
 border-top:1px solid #000;
}

ul.specs {
 list-style:none;
 margin:0;
 padding:1em;
}

ul.specs li {
 padding:0.5em;
}
	 

div.submenu {
border-top: 1px solid #cccccc;
padding: 0px;
}

div.submenu a {
 padding-right: 1em;
 color:#000;
}

.row.no-gutter .news-item {
 padding:1em;
}



.waterfall{
 background: #eee;
	}
	.waterfall > div {
		background: white;
		margin:0 7px 7px 0;
		padding:1em;
		box-shadow: none; 		
	}
	.waterfall > div:hover{
		/*outline: 1px solid rgba(255,100,130,1);*/
	}
	.content-column{
		border: 3px solid rgba(0,10,20,.2);
		/*box-shadow: inset 0 2px 5px rgba(0,10,20,.5), 0 1px 1px white;*/
		border-radius: 12px;
		background: rgba(0,10,20,.1);
		padding: 30px 5px 30px;
		position: relative;
		-webkit-transition: .15s linear;
		transition: .15s linear;
	}
	.content-column:after{
		-webkit-transition: .15s linear;
		transition: .15s linear;
		position: absolute;
		content: ".content-column";
		bottom: 0;
		left:0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
		text-align: center;
		opacity: .3;
	}
	.content-column:before{
		-webkit-transition: .15s linear;
		transition: .15s linear;
		opacity: .3;
		position: absolute;
		content: ".content-column";
		top: 0;
		left:0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
		text-align: center;
	}
	.content-column:hover{
		border: 3px solid black;
	}
	.content-column:hover:before, .content-column:hover:after{
		opacity: 1;
	}
	.column{
		width:33.3%;
		float: left;
	}
	.waterfall > .content-column > div{
		margin-right: 0;
	}

.jumbotron {
margin-bottom:0;
}

.news-item h2 {
margin-top: 2em;
font-size: 1.2em;
font-weight: bolder;
margin-bottom: 0;
}


/* begin scrollr */
.parallax-image-wrapper {
		position:fixed;
		left:0;
		width:100%;
		overflow:hidden;
	}

	.parallax-image-wrapper-50 {
		height:50%;
		top:-50%;
	}

	.parallax-image-wrapper-100 {
		height:100%;
		top:-100%;
	}

	.parallax-image {
		display:none;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}

	.parallax-image-50 {
		height:200%;
		top:-50%;
	}

	.parallax-image-100 {
		height:100%;
		top:0;
	}

	.parallax-image.skrollable-between {
		display:block;
	}

	.no-skrollr .parallax-image-wrapper {
		display:none !important;
	}

	#skrollr-body {
		height:100%;
		overflow:visible;
		position:relative;
	}

	.gap {
		background:transparent center no-repeat;
		background-size:cover;
	}

	.skrollr .gap {
		background:transparent !important;
	}

	.gap-50 {
		height:50%;
	}

	.gap-100 {
		height:100%;
	}

	.header, .content {
		background:#fff;
		padding:1em;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.content-full {
		height:100%;
	}
/* end scrollr*/


#nav_main ul.abouts {
 position: relative;
margin-left: 1em;
}

#nav_main ul.abouts li {
border:none;
}

#nav_main ul.abouts li.active {
 border-bottom:2px solid #000;
}

.navbar-default .navbar-nav.abouts>.active>a, .navbar-default .navbar-nav.abouts>.active>a:hover, .navbar-default .navbar-nav.abouts>.active>a:focus {
color: #000;
background:none;
}

#nav_main.navbar-default ul.abouts li:hover > a, #nav_main.navbar-default > ul.abouts li.active a, #nav_main.navbar-default > ul.abouts li.open a {
background:none;
}


.navbar-nav.abouts>li>a {
padding-top: 5px;
padding-bottom: 5px;
}


#nav_main ul.abouts li a {
 font-size:0.8em;
}

.socialrow
{
	min-height:40px;
	background-color:black;
	text-align:right;
	padding-right: 10px;
	overflow-y: auto;
}

.socialrow img
{
	margin:3px;
	opacity:1;
}

.socialrow img:hover
{
	opacity:0.5;

}

.uppercase {
 text-transform:uppercase;
}

.designer-block {
	cursor:pointer;
}

/*.designerimage
{
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}*/

.designerimage:hover
{
}

ul.orders {
 margin:0;
 padding:0;
}

ul.orders li {
 display:inline-block;
list-style: none;
vertical-align: top;
}

ul.orders li.expanded div.marker:after {
top: auto;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #222222;
border-width: 15px;
left: 50%;
margin: -19px 0 0 -15px;
}


.product_price
{
	font-size:20px;
	font-weight:bold;
}

.order-history .col-xs-6 {
  width: 33.1%;
 }

.order-history .g-col {
  width: 33.1%;
 }

.order-history .product-overview h4 {
  font-size:1.5em;
 }
 .order-history .product-overview h3 {
  font-size:1.5em;
 }

.order-history .block1.box .product-overview h3 {
margin: 7% 0 3% 0;
text-align: center;
}
.order-history .block1.box .product-overview a {
  font-size:0.7em;
  padding:0.65em 2em;
 }


@media (min-width: 768px) {
.order-history .g-col {
  width: 20%;
 }
.order-history .col-sm-6 {
width: 20%;
}
.order-history .product-overview h4 {
  font-size:14px;
 }
}

@media (min-width: 992px) {
.order-history .g-col {
  width: 19.333333335%;
 }
 .order-history .col-md-3 {
  width: 19.333333335%;
}
.order-history .product-overview h4 {
  font-size:14px;
 }
}

@media (min-width: 1200px) {
 .order-history .g-col {
  width: 13.333333335%;
 } 
 .order-history .col-lg-2 {
  width: 13.333333335%;
 }

 .order-history .product-overview h3 {
  font-size:18px;
 }

/*
 .order-history .product-overview h4 {
  font-size:14px;
 }

.order-history .block1.box .product-overview h3 {
margin: 15% 0 6% 0;
text-align: center;
}
.order-history .block1.box .product-overview a {
  font-size:0.6em;
 }*/
}

.expander-close {
 position:absolute;
  width:20px;
  height:20px;
top:20px;
right:20px;
curosor:pointer;
}

.expander-close:before, .expander-close:after {
curosor:pointer;
 position:absolute;
content: ' ';
  width:100%;
  height:1px;
top:50%;
background:#888;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}

.expander-close:after {
 -webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);
}



li.menuitem.current > a
{
	font-weight: bold;
}

span.sizing 
{
	font-size: 8pt;
}

.panel .error-label {
	display:none;
}
.error-label {
	color: red !important;
	margin: 12px;
	font-size: 9pt;
}

.panel.error .error-label, .always-error-label {
	display:block;
	color: red !important;
	margin: 12px;
	font-size: 9pt;
	margin-top: -0px;
}

#onSubmitErrorText {
  margin: 4px !important;
}

#loginView {
	margin-top: 20px;
}

#loginErrorMessage {
	color:red;
}

select:disabled
{
	background-color: #eee;
}


.nextparagraph
{
	z-index: 1;
	position: absolute;
	left:50%;
	left: calc(50% - 34px);
	text-align: center;
	bottom: 60px;
	opacity: 0.5;
}

.nextparagraph:hover
{
	opacity: 1;
}

.nextparagraph a
{
	background-color: black;
	padding: 10px;
	text-align: left;
	color: white;
}

.nextparagraph a .glyphicon
{
	top: 3px;
	right: 1px;
}

#languages
{
	float:right;
	margin-left:30px;
    margin-top:24px;
}


@media (max-width : 767px) {
  #languages
  {
    float: none;
    margin: 0 0px 0 13px;
  }
  
  #nav_main ul.navbar-nav {
   margin-top: 0px;
  }
}

#languages a
{
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	background-color: white;
	margin-top: 8px;
	color: black;
	margin-right: 10px;
	border: 1px solid black;
}

#languages a:hover, #languages a.current
{
	text-decoration:none;
	color:white;
	background-color:black;
}

#nav_main ul.nav.navbar-nav.navbar-right li:last-child
{
	margin-right:15px;
}

ul.specs li 
{
	min-height: 54px;
}

li.loginb2c,
#menu_cart,
.allowshopping
{
	/*display:none;*/
}
/* Localhost */
.request-ip-1 li.loginb2c ,
.request-ip-1 li#menu_cart,
.request-ip-1 .allowshopping,
/* Trancon */
.request-ip-37-0-81-57 li.loginb2c ,
.request-ip-37-0-81-57 li#menu_cart,
.request-ip-37-0-81-57 .allowshopping,
/* Polspotten winkel */
.request-ip-82-204-81-109 li.loginb2c ,
.request-ip-82-204-81-109 li#menu_cart,
.request-ip-82-204-81-109 .allowshopping,
/* arnoud */
.request-ip-78-108-140-145 li.loginb2c ,
.request-ip-78-108-140-145 li#menu_cart,
.request-ip-78-108-140-145 .allowshopping
{
    /* Knop aanzetten voor bovenstaande netwerken */
    display:block!important;
}

.request-ip-1 .buyinstore,
.request-ip-78-108-140-145 .buyinstore,
.request-ip-82-204-81-109 .buyinstore,
.request-ip-37-0-81-57 .buyinstore
{
	display:none;
}

/*Navbar styling*/
.whiter
{
	float:left;
	color:white;
	text-align:left;
}
.whiter a
{
	text-decoration:none;
	color:white;
}
.whiter a:hover 
{
	opacity: 0.75;
}
/*breedte formulier*/
div.aanmelding input#name,
div.aanmelding input.email
 {
width: 54%!important;
}

.dropdown-menu>li>a 
{
	display: block;
	padding: 12px 20px;
}

.continue 
{
	margin-left: 18px;
}

.continue  a.btn.btn-primary.btn-lg 
{
	background-color: black;
	text-transform: lowercase;
}
.continue  .btn-lg, .btn-group-lg>.btn 
{
	padding:2px 16px;
	font-size:13px;
}

.pricetag
{
	font-size: 19px;
	color: black;
	display: block;
}
.whiter a:hover
{
	color:white;
}
.whiter span 
{
	margin-left: 20px;
}

.subcription input.form-control {
      border-radius: 0;
}
.btn.btn-subscribe-newsletter {
  border:none;
  background:black;
  border-radius:0;
  color:white;
}
.btn.btn-subscribe-newsletter:hover {
 background: white;
 color:black;
}
#subForm input {
  border: 1px solid black;
}

.small-container {
  margin-top:10px;
  line-height:8px;
}

.map-side-text .small {
  display:block;
}

.delivery-conditions {
  text-align:left; 
  padding-left: 60px;
  line-height: 26px;
}

.delivery-conditions .dot {
  height:32px;
  width: 32px;
  position: absolute;
  left:40px;
  transform:translateY(-2px);
}

.item-header h2 {
  font-size:35px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

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

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.animation-shake {
  animation: shake 0.82s linear both;
}

#searchbox
{
width:66%;
border:1px solid black;
padding-left:5px;
}
#searchbutton
{
width:30%;
border: 1px solid black;
background-color:black;
color:white;
}
#breadcrumbrow
{
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
background-color: white;
padding-top: 5px;
padding-bottom: 5px;
padding-left:10px;
}/* ---- CSS SECTION:trancon.exception.custom ---- */
.exception .message
{
	background-color:rgba(255,0,0,0.8);
}

.exception .message span {
	color: white;
	font-size: 13pt;
}

.exception .trace {
	color: white;
	font-weight: bold;
	font-size: 11pt;
}
/* ---- CSS SECTION:zmenu ---- */


@media (max-width: 767px) { 
  
  
  .nav .dropdown .dropdown-menu {
    width:100% !important;
    position:initial !important;
    border:none!important;
  }
    .nav .dropdown.dropdown-catalog .dropdown-menu > li > ul > li > a{
     margin: 7px 0;
     display:block
  }
  
  .nav .dropdown.dropdown-catalog .dropdown-menu > li > ul {
    display:none;
    
  }
  .nav .dropdown.dropdown-catalog .dropdown-menu > li.open > ul {
    display:block;
  }
    
}
@media (min-width: 768px) { 
.nav .dropdown.dropdown-catalog {
  position: initial;
  
}

.nav .dropdown.dropdown-catalog .dropdown-menu {
  z-index:9999999;
  background:white;
  position: fixed;
  /* display:block; */
  left: 0;
  right: 0;
  top: 70px;
  width: 100%;
  box-sizing:border-box;
  padding: 10px 0 10px 0;
  padding: 0 14%;
}
  
  .nav .dropdown.dropdown-catalog .dropdown-menu > li {
    float:left;
    width:20%;
    border-left: 1px solid #ccc;
    box-sizing:border-box;
    margin:0 !important;
    padding: 0 2%;
    min-height: 440px;
      
  }
  .nav .dropdown.dropdown-catalog .dropdown-menu > li:first-child {
    border-left:none;
  }
   
  
  .nav .dropdown.dropdown-catalog .dropdown-menu > li > ul {
    padding: 0 20px;
  }
  
  .nav .dropdown.dropdown-catalog .dropdown-menu > li > ul > li > a{
    
    display:block;
    margin:2px 1px;
    font-size: 13px !important;
  }
}

.nav .dropdown.dropdown-catalog .dropdown-menu > li > ul {
    list-style-type: none;
  
  }
 .nav .dropdown.dropdown-catalog .dropdown-menu > li > a {
    font-weight:700;
      background:none !important;
  }
  .nav .dropdown.dropdown-catalog .dropdown-menu > li > ul > li > a{
    font-weight: normal !important;
    text-decoration:none;
    background:none !important;
}