#aw-afptc-popup {
    position: fixed;
    border: 1px #999999 solid;
    text-align: center !important;
    padding: 10px;
    background-color: #ffffff;
    z-index: 9999;
    color: black;
    overflow:  auto;
    min-height:200px;    
    min-width: 450px;
    width: auto;
    height: auto;    
} 

#aw-afptc-overlay
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    -moz-opacity: 0.3;
    opacity:.30;
    filter: alpha(opacity=30);
    z-index: 100;
}

.aw-afptc-promo-message {
    font-size:16px;
}

#aw-afptc-popup .product-name {
    font-size:16px;
}

div#aw-afptc-popup div.block-content ul.free-products-list{
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
}

div#aw-afptc-popup div.block-content ul.product-details li{
    float:left;
}

div#aw-afptc-popup div.block-content ul.product-details li div.product-details{
    padding:10px;
}

div#aw-afptc-popup div.block-content ul.product-details li div.product-details div.price-box{
    float:left;
    text-align:left;
}

div#aw-afptc-popup div.block-content ul.product-details li:first-child {
    width:80px;
}
div#aw-afptc-popup div.block-content ul.product-details li input{
    float:left;
}

div#aw-afptc-popup div.block-content ul.product-details div.validation-advice{
    width:60px;
    text-align:left;
}

div#aw-afptc-popup li.item:last-child {
    clear:both;
}

div#aw-afptc-popup div.block-content ul.product-details li div.product-image{
    margin-bottom:5px;
}

.postWrapper {
	padding-bottom: 25px;
	clear:both;
}
.postTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	margin-bottom: 15px;
}
.postTitle h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.postTitle h3 {
	font-size: 10px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.postContent {
	padding-bottom: 10px;
}
.postDetails {
	
}
.postBookmarks {
	padding-bottom: 10px;
}
.postBookmarks h4 {
	
	font-size: 12px;
	font-weight: bold;
}
.commentWrapper {
	padding-bottom: 15px;
}
.commentContent {
	padding-bottom: 0px;
}
.commentDetails  {
	margin-bottom:5px;
	padding: 0px;
}
.commentDetails  h4.username{
	display:inline;
}

.postError {
	font-size: 16px;
}

.tags{
	font-weight:bold;
	padding-bottom: 10px;
}
.tags UL{
	display:inline;
}
.tags UL LI{
font-weight:normal;
	display:inline;
	padding-right:6px;
}


.tags h4 {
font-size:12px;
font-weight:bold;
}

.menu-tags, .menu-categories, .menu-recent{
	margin:5px 9px;
}
.menu-tags h5, .menu-categories h5, .menu-recent h5{font-size:11px;}

.block-blog .menu-tags UL LI{
	display:inline;
	padding:2px;
	margin-left:10px;
}
.block-blog .menu-categories UL LI{
	margin-left:10px;
}
.block-blog .menu-recent UL LI{
	margin-left:10px;
}
.block-blog .menu-recent UL LI a,.block-blog .menu-categories UL LI a,.block-blog .menu-tags UL LI a{font-size:11px;}

.tagcloud{
	/* text-align:center; */ 
}
.tag-count-1{
	font-size:1em!important;
}
.tag-count-2{
	font-size:1.2em!important;
}
.tag-count-3{
	font-size:1.4em!important;
}
.tag-count-4{
	font-size:1.6em!important;
}
.tag-count-5{
	font-size:1.8em!important;
}
.tag-count-6{
	font-size:2em!important;
}
.tag-count-7{
	font-size:2em!important;
}
.tag-count-8{
	font-size:2em!important;
}
.tag-count-9{
	font-size:2em!important;
}
.tag-count-10{
	font-size:2em!important;
}

.block-blog .head h4{
padding-left: 20px;
}

.block-blog .block-title strong {
background-image:url(https://www.elektor.de/skin/frontend/default/default/aw_blog/images/icon_blog.png);
background-repeat:no-repeat;
padding-left:21px;
text-align:left;
}

.postWrapper .poster{
	display:inline;
}
.input-box.aw-blog-comment-area{width:100%;}

.widget-latest li{font-size:12px;padding:5px 10px;}
.block-blog .menu-categories{margin:0;padding:5px 9px;}

A.awblog_current_comment { text-decoration:none!important; font-weight: bold!important; }
/* GENERAL */
.countdown-time-left { font-weight: bold; color: #555555; text-align: center; font-size: 12px; text-transform: uppercase; }
.zoomContainer { z-index: 10; }
.clearer { clear:both; }



/* Product View */
.main-countdown { 
	clear:both; 
	max-width:220px; 
	margin:10px 0 20px; 
	padding: 10px 0px; 
	z-index:-1; 
	text-align:center;
	-moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	-khtml-border-radius: 10px; 
	background: #ffffff;
	line-height:1.5;
}
.main-countdown .countdown-title { color:#f04d3b; font-family: 'Lobster Two', 'Lato', sans-serif, Arial; font-size:39px; line-height:100%; padding:0px 0px 10px; font-style:italic; font-style: normal\9; }
.qty-text { color:#333333; font-family:Arial; font-size:13px; text-align: left; padding-top:4px; border-top: 1px dotted #cccccc; }
.qty-text b { color:#f04d3b; }



/* Sidebar */
.block-deals .block-content #block-deals .item .product-image { width:60px; margin-right:7px; }
.block-deals .block-content #block-deals .item .product-details .product-name { line-height:120%; }
.block-deals .block-content #block-deals .item .product-details .product-name a { font-size:13px; }
.block-deals .block-content #block-deals .item .product-details .deal-qty { color:#333333; }
.block-deals .block-content #block-deals .item .product-details .deal-qty b { color:#f04d3b; }
.block-deals .block-content .actions { font-size:12px; }
.block-deals .block-content .actions .left { float: left; }
.block-deals .block-content .actions .separator { float:left; padding:0px 5px 0px 5px; }
/*.block-deals .block-content .price-box { margin:0px; }
.block-deals .block-content .price-box .old-price { display:none; }
.block-deals .block-content .price-box .special-price .price-label { display:none; }
.block-deals .block-content .price-box .special-price .price { font-size:12px; color:#333333 !important; }*/



/* Sidebar Featured Deal */
.dd-featured-deal { background: #ffffff; position: relative; margin-bottom: 15px; }
.dd-featured-deal .dd-header { margin:0px; border:0px; position: relative; background: #fff; }
.dd-featured-deal .dd-header .dd-image { position: relative; height: 240px; overflow: hidden; cursor: pointer; }
.dd-featured-deal .dd-header .dd-image:before { 
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg); 
	background: #ffffff;
	content: '';
	width: 120%;
	height: 100px;
	bottom: -86px;
	left: -20px;
	position: absolute;
	z-index:1;
}
.dd-featured-deal .dd-header .dd-image.wide:before { left:-8px; }
.dd-featured-deal .dd-header .dd-image:after { 
	content: "";
	position: absolute;
	width: 21px;
	height: 38px; 
	bottom: -19px;
	right: 31px;
	background: #ffffff;
	-webkit-transform: rotate(55deg);
	-moz-transform: rotate(55deg);
	-ms-transform: rotate(55deg);
	-o-transform: rotate(55deg);
	transform: rotate(55deg); 
	z-index:1;
}
.dd-featured-deal .dd-header .dd-image .featured-deal-image { position: absolute; top:-10%; width: 120%; max-width: 500px; }
.dd-featured-deal .dd-content .dd-title a, .dd-featured-deal .dd-content .dd-title a:hover { color:#f04d3b; font-family: 'Lobster Two', 'Lato', sans-serif, Arial; font-size:45px; font-style:italic; margin-top: -11px; left: 0px; width: 100%; text-align: center; z-index:1; }
.dd-featured-deal .dd-content .dd-actions { text-align: center; margin:5px 0 4px; }
.dd-featured-deal .dd-content .dd-actions button {
	background:#32cc60;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	padding: 5px 6px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #259646;
	border: 0px;
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	-khtml-border-radius: 20px; 
	margin-bottom: 5px; 
}
.dd-featured-deal .dd-content .dd-actions button:hover {
	background-color:hsl(0, 100%, 50%);
}
.dd-featured-deal .dd-content .dd-actions button:active {
	position:relative;
	top:1px;
}
.dd-featured-deal .dd-content .dd-actions .qty-text { 
	background: #FFFFFF;
	display: inline-block;
	border: 1px solid #dddddd;
	padding: 4px 6px;
	margin: 0px 0 5px 5px;
	-moz-border-radius: 15px; 
	-o-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border-radius: 15px; 
	-khtml-border-radius: 15px; 	
}
.dd-featured-deal .dd-content a:hover { text-decoration: none !important; }
.dd-featured-deal .dd-content .dd-title span { width:100%; text-align:center; left:0; }
.dd-featured-deal .dd-header .dd-price { position:absolute; z-index: 1; margin-top:145px; top:0px; right:10px; text-align: right; cursor: pointer;  }
.dd-featured-deal .dd-header .dd-price .price-box { line-height: 1em; }
.dd-featured-deal .dd-header .dd-price .price-box .regular-price, .dd-featured-deal .dd-header .dd-price .price-box .old-price, .dd-featured-deal .dd-header .dd-price .price-box .special-price { display: block; margin:0px; padding:0px; }
.dd-featured-deal .dd-header .dd-price .price-box .regular-price span.price { margin-top:25px; }
.dd-featured-deal .dd-header .dd-price .price-box .price-label { display: none; }
.dd-featured-deal .dd-header .dd-price .price-box span.price { 
	/*text-shadow:1px 1px 0px #ffffff; */
	font-size: 28px; 
	font-family: 'Josefin Sans', Arial; 
	background: rgba(255, 255, 255, 0.9); 
	-moz-border-radius: 16px; 
	-o-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	border-radius: 16px; 
	-khtml-border-radius: 16px; 	
	padding: 13px 7px 7px; 
}
.dd-featured-deal .dd-header .dd-price .price-box .special-price span.price, .dd-featured-deal .dd-header .dd-price .price-box .regular-price span.price { color:#32cc5f; display: inline-block; font-weight: normal; }
.dd-featured-deal .dd-header .dd-price .price-box .old-price span.price { 
	font-size: 18px; 
	color:#a0a0a0; 
	font-weight: normal; 
	margin-bottom: 5px; 
	padding: 7px 5px 3px; 
	-moz-border-radius: 12px; 
	-o-border-radius: 12px; 
	-webkit-border-radius: 12px; 
	border-radius: 12px; 
	-khtml-border-radius: 12px; 	
	display: inline-block; 
}
.dd-featured-deal .dd-content { padding:0px 6px 6px 6px; text-align:center; line-height: 1.5; background: linear-gradient(#f4f4f4,#fdfdfd); }
.dd-featured-deal .dd-content a { text-decoration:none; }
.dd-featured-deal .dd-content a:hover { color:#000; text-decoration:underline; }
.dd-featured-deal .dd-content .product_name { font-weight:bold; font-size:18px; color:#333333; }

/* responsive */
@media only screen and (max-width: 768px) and (min-width: 480px) {
	.dd-featured-deal { overflow: hidden; }
	.dd-featured-deal > div { display: inline-block; }
	.dd-featured-deal .dd-header { width: 50%; height: 150px; float:left; }
	.dd-featured-deal .dd-header .dd-image { display: block; height: 150px; }
	.dd-featured-deal .dd-header .dd-image:after { background: none !important; }
	.dd-featured-deal .dd-header .dd-image:before { background: none !important; }
	.dd-featured-deal .dd-content { position: relative; background: #FFFFFF; width: 50%; height: 150px; padding: 0px; }
	.dd-featured-deal .dd-content:before {  
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		transform: rotate(15deg); 
		background: #FFFFFF;
		content: '';
		width: 100px;
		height: 120%;
		bottom: -35px;
		left: -25px;
		position: absolute;
		z-index:1;
	}
	.dd-featured-deal .dd-content:after {  
		content: "";
		position: absolute;
		width: 21px;
		height: 38px; 
		top: 16px;
		left: -17px;
		background: #FFFFFF;
		-webkit-transform: rotate(155deg);
		-moz-transform: rotate(155deg);
		-ms-transform: rotate(155deg);
		-o-transform: rotate(155deg);
		transform: rotate(155deg); 
		z-index:1;
	}
	.dd-featured-deal .dd-content > * { z-index: 2; position: relative; }
	.dd-featured-deal .dd-content .dd-title { position: relative; top:0px; left: 0px; line-height: 100%; margin: 5px 0px; }
	.dd-featured-deal .dd-content .dd-actions { display: none; }
	.dd-featured-deal .dd-header .dd-price { position: absolute; margin: 0px; top:0px; right: 33px; }
	.dd-featured-deal .dd-header .dd-price .price-box .regular-price { margin-top:0px; }
}

@media only screen and (max-width: 480px) and (min-width: 360px) {
	.dd-featured-deal .dd-header .dd-image:before { bottom: -75px; }
}

@media only screen and (max-width: 360px) {
	.dd-featured-deal .dd-header .dd-image:before { bottom: -81px; }
}



/* scroll animations */
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

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

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

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

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

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

@keyframes bounce1 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-1%;
	width: 102%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}

@keyframes bounce2 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-3%;
	width: 106%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}

@keyframes bounce3 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-5%;
	width: 110%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}

@keyframes bounce4 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-10%;
	width: 120%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}

@keyframes bounce5 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-15%;
	width: 130%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}

@-webkit-keyframes bounce1 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-1%;
	width: 102%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}

@-webkit-keyframes bounce2 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-3%;
	width: 106%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}

@-webkit-keyframes bounce3 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-5%;
	width: 110%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}

@-webkit-keyframes bounce4 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-10%;
	width: 120%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}

@-webkit-keyframes bounce5 {
  0% {
  	left:0%;
	width: 100%;
  }

  50% {
  	left:-15%;
	width: 130%;
  }

  100% {
  	left:0%;
	width: 100%;
  }
}



/* Slim Countdown */
@media only screen and (min-width: 480px) {
	.dd-slim-countdown { overflow: hidden; }
	.dd-slim-countdown > div { display: inline-block; }
	.dd-slim-countdown .dd-header { width: 50%; height: 150px; float:left; }
	.dd-slim-countdown .dd-header .dd-image { display: block; height: 150px; }
	.dd-slim-countdown .dd-header .dd-image:after { background: none !important; }
	.dd-slim-countdown .dd-header .dd-image:before { background: none !important; }
	.dd-slim-countdown .dd-content { position: relative; background: #FFFFFF; width: 50%; height: 150px; padding: 0px; }
	.dd-slim-countdown .dd-content:before {  
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		transform: rotate(15deg); 
		background: #FFFFFF;
		content: '';
		width: 100px;
		height: 120%;
		bottom: -35px;
		left: -25px;
		position: absolute;
		z-index:1;
	}
	.dd-slim-countdown .dd-content:after {  
		content: "";
		position: absolute;
		width: 21px;
		height: 38px; 
		top: 16px;
		left: -17px;
		background: #FFFFFF;
		-webkit-transform: rotate(155deg);
		-moz-transform: rotate(155deg);
		-ms-transform: rotate(155deg);
		-o-transform: rotate(155deg);
		transform: rotate(155deg); 
		z-index:1;
	}
	.dd-slim-countdown .dd-content > * { z-index: 2; position: relative; }
	.dd-slim-countdown .dd-content .dd-title { position: relative; top:0px; left: 0px; line-height: 100%; margin: 5px 0px; }
	.dd-slim-countdown .dd-content .dd-actions { display: none; }
	.dd-slim-countdown .dd-header .dd-price { position: absolute; margin: 0px; top:0px; right: 33px; }
	.dd-slim-countdown .dd-header .dd-price .price-box .regular-price span.price { margin-top:0px; }
}





.countdown { clear:both; width: 100%; max-width: 240px; margin: 10px auto 15px; }

.countdown .unit-wrap {
    float: left;
}

.countdown .unit-wrap > span {
    font-family: Arial;
    color: #555555;
}

.countdown {
    font-family: 'Unica One', 'cursive';
    -webkit-font-smoothing: subpixel-antialiased; 
}

/* Skeleton */
.countdown div.digits {
    border-radius: 5px;
    float: left;
    position: relative;
}

.countdown .unit-wrap:last-child, .countdown div.digits:last-child { margin: 0px !important; }

.countdown div.digits div.digits-inner {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    display: none;
}

.countdown div.digits div.digits-inner div.flip-wrap {
    height: 100%;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    perspective: 100px;
}

.countdown div.digits div.digits-inner div.flip-wrap div {
    height: 50%;
    left: 0;
    position: absolute;
    outline: 1px solid transparent;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.countdown div.digits div.digits-inner div.flip-wrap div .shadow {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.countdown div.digits div.digits-inner div.flip-wrap div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
}

.countdown div.digits div.digits-inner div.flip-wrap div.down {
    bottom: 0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.countdown div.digits div.digits-inner div.flip-wrap div div.inn {
    background-color: #191919;
    border-radius: 5px;
    color: #fff;
    height: 200%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.countdown div.digits div.digits-inner div.flip-wrap div.up div.inn {
    background: #373737;
    top: 0;
}

.countdown div.digits div.digits-inner div.flip-wrap div.down div.inn {
    bottom: 0;
}

/* PLAY */
.countdown div.play div.digits-inner.before {
    z-index: 3;
    display: block;
}

.countdown div.play div.digits-inner.active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 1;
}

@-webkit-keyframes asd {
    0% { z-index: 2; }
    20% { z-index: 4; }
    100% { z-index: 4; }
}

@-moz-keyframes asd {
    0% { z-index: 2; }
    20% { z-index: 4; }
    100% { z-index: 4; }
}

@-o-keyframes asd {
    0% { z-index: 2; }
    20% { z-index: 4; }
    100% { z-index: 4; }
}

@keyframes asd {
    0% { z-index: 2; }
    20% { z-index: 4; }
    100% { z-index: 4; }
}

.countdown div.play div.digits-inner.active .down {
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
    z-index: 2;
}

@-webkit-keyframes turn {
    0% { -webkit-transform: rotateX(90deg); }
    100% { -webkit-transform: rotateX(0deg); }
}

@-moz-keyframes turn {
    0% { -moz-transform: rotateX(90deg); }
    100% { -moz-transform: rotateX(0deg); }
}

@-o-keyframes turn {
    0% { -o-transform: rotateX(90deg); }
    100% { -o-transform: rotateX(0deg); }
}

@keyframes turn {
    0% { transform: rotateX(90deg); }
    100% { transform: rotateX(0deg); }
}

.countdown div.play div.digits-inner.before .up {
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
    z-index: 2;
}

@-webkit-keyframes turn2 {
    0% { -webkit-transform: rotateX(0deg); }
    100% { -webkit-transform: rotateX(-90deg); }
}

@-moz-keyframes turn2 {
    0% { -moz-transform: rotateX(0deg); }
    100% { -moz-transform: rotateX(-90deg); }
}

@-o-keyframes turn2 {
    0% { -o-transform: rotateX(0deg); }
    100% { -o-transform: rotateX(-90deg); }
}

@keyframes turn2 {
    0% { transform: rotateX(0deg); }
    100% { transform: rotateX(-90deg); }
}

.countdown div div.digits-inner.active {
    z-index: 3;
    display: block;
}

/* SHADOW */
.countdown div.play div.digits-inner.before .up .shadow {
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    border-radius: 5px 5px 0px 0px;
}

.countdown div.play div.digits-inner.active .up .shadow {
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    border-radius: 5px 5px 0px 0px;
}

/*DOWN*/
.countdown div.play div.digits-inner.before .down .shadow {
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    border-radius: 0px 0px 5px 5px;
}

.countdown div.play div.digits-inner.active .down .shadow {
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    border-radius: 0px 0px 5px 5px;
}

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

@-moz-keyframes show {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes show {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes show {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

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

@-moz-keyframes hide {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-o-keyframes hide {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes hide {
    0% { opacity: 1; }
    100% { opacity: 0; }
}



/* COUNTDOWN SIZES */

/*DEFAULT*/
.countdown { max-width: 196px; height: 58px; }

.countdown div.unit-wrap {
    width: 60px;
    margin: 0 8px 0 0;
}

.countdown div.digits {
    width: 29px;
    height: 42px;
    line-height: 42px;
    margin: 0 2px 0 0;
}

.countdown div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 32px;
}

.countdown .unit-wrap > span { 
    font-size: 11px; 
}



/*LARGE*/
.countdown.countdown-large { max-width: 169px; height: 50px; }

.countdown.countdown-large div.unit-wrap {
    width: 52px;
    margin: 0 6px 0 0;
}

.countdown.countdown-large div.digits {
    width: 25px;
    height: 38px;
    line-height: 38px;
    margin: 0 2px 0 0;
}

.countdown.countdown-large div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 28px;
}

.countdown.countdown-large .unit-wrap > span { 
    font-size: 10px; 
    display: block;
    margin-top: 40px;
}



/*MEDIUM*/
.countdown.countdown-medium { max-width: 150px; height: 40px; }

.countdown.countdown-medium div.unit-wrap {
    width: 46px;
    margin: 0 6px 0 0;
}

.countdown.countdown-medium div.digits {
    width: 22px;
    height: 30px;
    line-height: 30px;
    margin: 0 1px 0 0;
}

.countdown.countdown-medium div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 24px;
}

.countdown.countdown-medium .unit-wrap > span { 
    font-size: 9px; 
    display: block;
    margin-top: 31px;
}



/*SMALL*/
.countdown.countdown-small { max-width: 126px; height: 39px; }

.countdown.countdown-small div.unit-wrap {
    width: 39px;
    margin: 0 4px 0 0;
}

.countdown.countdown-small div.digits {
    width: 19px;
    height: 30px;
    line-height: 30px;
    margin: 0 1px 0 0;
}

.countdown.countdown-small div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 24px;
}

.countdown.countdown-small .unit-wrap > span { 
    font-size: 8px; 
    display: block;
    margin-top: 32px;
}



/*EXTRA SMALL*/
.countdown.countdown-xsmall { max-width: 120px; height: 37px; }

.countdown.countdown-xsmall div.unit-wrap {
    width: 37px;
    margin: 0 4px 0 0;
}

.countdown.countdown-xsmall div.digits {
    width: 18px;
    height: 28px;
    line-height: 28px;
    margin: 0 1px 0 0;
}

.countdown.countdown-xsmall div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 19px;
}

.countdown.countdown-xsmall .unit-wrap > span { 
    font-size: 8px; 
    display: block;
    margin-top: 30px;
}



/* COUNTDOWN DAYS SIZES */

/*DEFAULT*/
.countdown-days { max-width: 240px; height: 53px; }

.countdown-days div.unit-wrap {
	width: 54px;
    margin: 0 8px 0 0;
}

.countdown-days div.digits {
	width: 26px;
	height: 40px;
    line-height: 40px;
    margin: 0 2px 0 0;
}

.countdown-days div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 30px;
}

.countdown-days .unit-wrap > span { 
	font-size: 11px; 
    display: block;
    margin-top: 43px;
}



/*LARGE*/
.countdown-days.countdown-large { max-width: 214px; height: 52px; }

.countdown-days.countdown-large div.unit-wrap {
    width: 48px;
    margin: 0 7px 0 0;
}

.countdown-days.countdown-large div.digits {
    width: 23px;
    height: 34px;
    line-height: 34px;
    margin: 0 2px 0 0;
}

.countdown-days.countdown-large div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 24px;
}

.countdown-days.countdown-large .unit-wrap > span { 
    font-size: 10px; 
    display: block;
    margin-top: 37px;
}



/*MEDIUM*/
.countdown-days.countdown-medium { max-width: 198px; height: 41px; }

.countdown-days.countdown-medium div.unit-wrap {
    width: 45px;
    margin: 0 6px 0 0;
}

.countdown-days.countdown-medium div.digits {
    width: 22px;
    height: 30px;
    line-height: 30px;
    margin: 0 1px 0 0;
}

.countdown-days.countdown-medium div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 24px;
}

.countdown-days.countdown-medium .unit-wrap > span { 
    font-size: 9px; 
    display: block;
    margin-top: 32px;
}



/*SMALL*/
.countdown-days.countdown-small { max-width: 168px; height: 39px; }

.countdown-days.countdown-small div.unit-wrap {
    width: 39px;
    margin: 0 4px 0 0;
}

.countdown-days.countdown-small div.digits {
    width: 19px;
    height: 30px;
    line-height: 30px;
    margin: 0 1px 0 0;
}

.countdown-days.countdown-small div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 24px;
}

.countdown-days.countdown-small .unit-wrap > span { 
    font-size: 8px; 
    display: block;
    margin-top: 32px;
}



/*EXTRA SMALL*/
.countdown-days.countdown-xsmall { max-width: 120px; height: 30px; }

.countdown-days.countdown-xsmall div.unit-wrap {
    width: 27px;
    margin: 0 4px 0 0;
}

.countdown-days.countdown-xsmall div.digits {
    width: 13px;
    height: 24px;
    line-height: 24px;
    margin: 0 1px 0 0;
}

.countdown-days.countdown-xsmall div.digits div.digits-inner div.flip-wrap div div.inn {
    font-size: 18px;
}

.countdown-days.countdown-xsmall .unit-wrap > span { 
    font-size: 6px; 
    display: block;
    margin-top: 26px;
}
/*

INSTRUCTION FOR STYLING:

# Change background, color of the horizontal menu bar:
.em_nav .hnav { }

# Change font, color of hyperlinks:
.em_nav a { }
.em_nav a:hover { }

# Menu item's links when hover or active:
.em_nav li:hover > a, .em_nav li.active > a { }


# Top level's menu:
# -----------------

# Change padding, font, color of top menu item:
.hnav .menu-item-depth-0 a { }

# Change position of the drop-down menu of top level menu:
.hnav .menu-item-depth-0 > .menu-container,
.em-catalog-navigation.horizontal > li > ul,
.em-catalog-navigation.horizontal > li:hover > ul { top:50px }

# Level 2+ menu:
# -----------------

# Change background color, padding of container of level 2+ menu container:
.em_nav .menu-item-link > ul,
.em_nav .em-catalog-navigation ul { }

# Change font, color of hyperlink of level 2+ menu items:
.em_nav .menu-item-depth-1 a,
.em_nav .em-catalog-navigation li li a { }

# Change font, color of hover/active hyperlink of level 2+ menu items:
.em_nav .menu-item-depth-1 li:hover > a, 
.em_nav .menu-item-depth-1 li.active > a,
.em_nav .em-catalog-navigation li li:hover > a,
.em_nav .em-catalog-navigation li li.active > a { }


# ----------------

# Add a gutter between 2 children of hbox:
.em_nav .menu-item-hbox > .menu-container > li { margin-left:10px }
.em_nav .menu-item-hbox > .menu-container > li:first-child { margin-left:0 }

# Fix hbox on mobile view
.adapt-0 .menu-item-hbox > .menu-container { white-space:normal }
.adapt-0 .menu-item-hbox > .menu-container > li { display:block; margin-left:0 }



BELOW BASE CSS SHOULD NOT BE CHANGED:
===============================================================================
*/


ul ul, ul ol, ol ol, ol ul { font-size:100% }

.em_nav { }
.em_nav ul { margin:0; }
.em_nav li { margin:0; }



/* horizontal menu */
.hnav { overflow: visible !important; }
.hnav .menu-item-depth-0 { float:left; position:relative }
/* .hnav .menu-item-depth-0 a { display:block; height:20px; line-height:20px; padding:5px 10px } */

.hnav .menu-item-depth-0 > .menu-container { position:absolute; top:50px; left:-9999px; z-index:9999 }

/* vertical menu */

.vnav { width:200px }
.vnav .menu-item-depth-0 { position:relative }
.vnav .menu-item-depth-0 a { display:block; padding:5px 10px }

.vnav .menu-item-depth-0 > .menu-container { position:absolute; top:0; left:-9999px; z-index:9999 }

/* general */
/* .menu-item-parent > a { margin-right:31px } */
.em_nav a.arrow { position:absolute; margin-right:0 !important; width:20px; /*text-indent:-99999px;*/ overflow:hidden; top:0; right:0 }
.em_nav a.arrow span { display:block; /* add background arrow here */ }

/* ---------- level 2+ ---------- */

/* horizontal menu */

.hnav .menu-item-depth-0:hover > .menu-container,
.hnav .menu-item-depth-0.hover > .menu-container { left:0 }

/* vertical menu */

.vnav .menu-item-depth-0:hover > .menu-container,
.vnav .menu-item-depth-0.hover > .menu-container { left:75% }
.vnav.nav-right .menu-item-depth-0:hover > .menu-container,
.vnav.nav-right .menu-item-depth-0.hover > .menu-container { left:auto; right:100% }


.menu-item-hbox > .menu-container { white-space:nowrap }
.menu-item-hbox > .menu-container > li { display:inline-block; white-space:normal; vertical-align:top; float:none }

.menu-item-link > .menu-container { min-width:250px; background:#fff; box-shadow:0 2px 7px #ccc }

.menu-item-depth-0 .menu-item-link { position:relative }
.menu-item-depth-0 .menu-item-link > .menu-container { position:absolute; top:0; left:-9999px; z-index:9999 }
.menu-item-depth-0 .menu-item-link:hover > .menu-container,
.menu-item-depth-0 .menu-item-link.hover > .menu-container { left:75%; top:5px }
.nav-right .menu-item-depth-0 .menu-item-link:hover > .menu-container,
.nav-right .menu-item-depth-0 .menu-item-link.hover > .menu-container { left:auto; right:100% }

/* Catalog Navigation */
.em-catalog-navigation li.parent > a { margin-right:31px }
.em-catalog-navigation li.parent > a.arrow { margin-right:0 }
.em-catalog-navigation ul { min-width:150px; background:#fff; box-shadow:0 2px 7px #ccc }
.em-catalog-navigation li { position:relative }
.em-catalog-navigation li > ul { position:absolute; top:0; left:-9999px; z-index:9999 }
.em-catalog-navigation li:hover > ul,
.em-catalog-navigation li.hover > ul { left:75%; top:5px }
.nav-right .em-catalog-navigation li:hover > ul,
.nav-right .em-catalog-navigation li.hover > ul { left:auto; right:100% }

/* Catalog Navigation with vertical style of top level */
.em-catalog-navigation.horizontal > li { float:left }
.em-catalog-navigation.horizontal > li > ul { top:30px }
.em-catalog-navigation.horizontal > li:hover > ul { left:0; top:30px }

/* Mobile view */
.adapt-0 .menu-item-link, 
.adapt-0 .menu-item-text,
.adapt-0 .menu-item-hbox,
.adapt-0 .menu-item-vbox,
.adapt-0 .em-catalog-navigation li { display:block; float:none }

.adapt-0 .menu-container,
.adapt-0 .em-catalog-navigation ul { width:100% !important; top:0 !important; }
.adapt-0 .menu-item-link > .menu-container,
.adapt-0 .em-catalog-navigation li > ul { left:100% !important; right:auto !important; display:none }
.adapt-0 .menu-item-link.mhover > .menu-container,
.adapt-0 .em-catalog-navigation li.mhover > ul { left:100% !important; right:auto !important; display:block }

/* Clear Divs */
.em_nav .hnav:after,
.em_nav .vnav:after,
#nav > .menu-container:after,
.menu-item-hbox:after { content:'.';display:block;clear:both;visibility:hidden;height:0;overflow:hidden }


div.j2tajax-confirm div.j2tajax-checkout-img{
    float:left; margin-right:5px;
}

div.j2tajax-confirm .success-msg {
    background:none;
    color:#000;
    padding: 8px !important;
    text-align:left;
    border:none !important;
}

/**************************************/
div.j2t-cart-bts {clear:both; height:25px;}
div.j2t-top-cart {width:265px; z-index: 1097;}

.top-block-cart { font-size:11px; line-height:1.25; background:#fff; z-index: 10000;}
.top-block-cart .block-title strong {  background-position:0 0; background-repeat:no-repeat; padding-left:21px; }

/* Mini Products List */
.top-block-cart .mini-products-list .product-image { float:left; width:50px; border:1px solid #a9a9a9; }
.top-block-cart .mini-products-list .product-details { margin-left:60px; }
.top-block-cart .mini-products-list .product-details .product-name,
.top-block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; }
.top-block-cart .mini-products-list .product-details .nobr { white-space:normal !important; }

/* Block: TopCart */
.top-block-cart .block-title { /*border-bottom:0;*/ }
/*.top-block-cart .block-title strong { background-image:url(https://www.elektor.de/skin/frontend/default/default/css/images/i_block-cart.gif); }*/
.top-block-cart .summary { background:#fff; padding:2px 0px 8px; margin:-1px 0 0; position:relative; z-index:1; }
.top-block-cart .amount { margin:0; }
.top-block-cart .amount a { font-weight:bold; }
.top-block-cart .subtotal { margin:5px 0 0; padding:2px 0; background:#F3F3F3; text-align:center; }
.top-block-cart .subtotal .price { font-weight:bold; }
.top-block-cart .actions { border-bottom:1px solid #c2c2c2; }
.top-block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; }
.top-block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 8px 0; }

.close-j2t-ajax-top {position:absolute; top:5px; left:10px;}
.close-j2t-ajax-top:hover {/*cursor:default;*/}

.block.top-block-cart .actions { padding: 6px 9px; text-align: right;}
.block.top-block-cart .block-subtitle { margin: 0; padding: 5px 9px; font-size: 1em; font-weight: bold; }
.block.top-block-cart .block-content li.item { padding: 7px 9px; display:block; }
.block.top-block-cart .block-content {background: #fff; color:#000; padding: 6px 6px;}
.quick-access .links .block.top-block-cart a, .header .links .block.top-block-cart li { background-image: none;}
.header .links .block.top-block-cart li {width:233px; display:block;}

.quick-access .links .block.top-block-cart a { color: #000;}
.quick-access .links .block.top-block-cart a {padding:0px;}
.block.top-block-cart .block-content a.btn-remove, .header .links .block.top-block-cart .block-content li a.btn-remove {background-image: url('https://www.elektor.de/skin/frontend/default/default/images/j2t/remove.gif'); background-position-x: 0; background-position-y: 0; background-repeat: none; width: 16px; height: 16px; background-repeat: no-repeat;}
.block.top-block-cart .block-content a.btn-edit, .header .links .block.top-block-cart .block-content li a.btn-edit {background-image: url('https://www.elektor.de/skin/frontend/default/default/images/j2t/edit.png'); background-position-x: 0; background-position-y: 0; background-repeat: none; width: 16px; height: 16px; background-repeat: no-repeat;}


/**************************************/

div.j2tajax-confirm, div.j2tajax-progress{
    border:#ccc solid 1px; z-index: 1099;
    text-align:center;
}
div.j2tajax-progress{padding:5px; z-index: 1099;}

div#j2t_ajax_confirm_wrapper div.add-to-cart {padding-top: 20px; text-align: center;}
div#j2t_ajax_confirm_wrapper .add-to-cart label, div#j2t_ajax_confirm_wrapper .add-to-cart .qty, div#j2t_ajax_confirm_wrapper .add-to-cart button.button {float:none;}

div#j2t_ajax_confirm_wrapper .product-options {margin:auto; padding: 10px !important;}
div#j2t_ajax_confirm_wrapper .product-shop .product-options-bottom { margin:auto; padding: 10px !important; }
div#j2t_ajax_confirm_wrapper .product-shop {padding:10px;}

div.j2t-overlay{
    width: 100%;
    height: 100%;
    background: black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1098;
}

a.j2t-checkout-link{
    background: transparent url('https://www.elektor.de/skin/frontend/default/default/images/j2t/j2t-button-gray-left.gif') no-repeat top left;
    display: block;
    float: right;
    font-size:11px;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
    margin-right:10px;
}

a:link.j2t-checkout-link, a:visited.j2t-checkout-link, a:active.j2t-checkout-link{
    color: #494949; /*button text color*/
}

a.j2t-checkout-link span{
    background: transparent url('https://www.elektor.de/skin/frontend/default/default/images/j2t/j2t-button-gray-right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.j2t-checkout-link:hover{ /* Hover state CSS */
    background-position: bottom left;
}

a.j2t-checkout-link:hover span{ /* Hover state CSS */
    background-position: bottom right;
    color: black;
}



span.j2t-or{
    display:none;
}
a.j2t-continue-link{
    background: transparent url('https://www.elektor.de/skin/frontend/default/default/images/j2t/j2t-button-green-left.gif') no-repeat top left;
    display: block;
    float: left;
    font-size:11px;
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
    margin-left:10px;
}

a:link.j2t-continue-link, a:visited.j2t-continue-link, a:active.j2t-continue-link{
    color: #494949; /*button text color*/
}

a.j2t-continue-link span{
    background: transparent url('https://www.elektor.de/skin/frontend/default/default/images/j2t/j2t-button-green-right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.j2t-continue-link:hover{ /* Hover state CSS */
    background-position: bottom left;
}

a.j2t-continue-link:hover span{ /* Hover state CSS */
    background-position: bottom right;
    color: black;
}

span.j2t-upsells-list-wrapper {display:block; text-align:left;}

table.j2t-upsell-product-table {clear:both;}
table td.j2t-upsells-list-item h5.j2t-product-lnk {}
table td.j2t-upsells-list-item h5.j2t-product-lnk a {font-size: 11px; font-weight: normal;}
h4.j2t-upsells-title {display:block; clear:both; padding-left:10px;padding-top:5px;}

div.j2tajax-progress, div.j2tajax-confirm {background:#fff;}
div.j2t-closing-button {position:absolute; top:0px; right:3px; font-family: arial; font-size: 12px; font-weight: bold; cursor: pointer;}

/*uncomment the following line when using massconf module*/
/*#j2t_ajax_confirm_wrapper .product-options-bottom .add-to-cart label, #j2t_ajax_confirm_wrapper .product-options-bottom .add-to-cart input { display:none; }*/
div.inner-ajax-content {padding-bottom:10px;}

div.inner-ajax-content div.product-options-bottom ul.add-to-links {display:none;}
/**
 * MageWorx
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the MageWorx EULA that is bundled with
 * this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.mageworx.com/LICENSE-1.0.html
 *
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@mageworx.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade the extension
 * to newer versions in the future. If you wish to customize the extension
 * for your needs please refer to http://www.mageworx.com/ for more information
 * or send an email to sales@mageworx.com
 *
 * @category   skin_default
 * @package    MageWorx_Downloads
 * @copyright  Copyright (c) 2009 MageWorx (http://www.mageworx.com/)
 * @license    http://www.mageworx.com/LICENSE-1.0.html
 */

/**
 * Downloads extension
 *
 * @category   skin_default
 * @package    MageWorx_Downloads
 * @author     MageWorx Dev Team <dev@mageworx.com>
 */

.downloads-links-block {
	margin-top: 4px;
	margin-bottom: 7px;
    border: solid 1px #DFDFDF; 
    padding: 7px;
}
.downloads-links-block .head {
    padding-bottom: 4px;
}
.downloads-links-block table {
    padding-left: 5px;
}
.downloads-links-block td {
	padding-right: 5px;
}
.downloads-links-block span {
	padding-left: 5px; 
	color: #EF5E2C;
	font-style: italic;
}

#downloads_video_overlay {
    cursor: pointer;
    opacity: 0.8;
    display: block;
    position: fixed;
    bottom:0;
    right: 0;
    background: #000000;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#downloads_video_popup {
    z-index: 1001;
    width: 600px;
    height: auto;
    position: fixed;
}

#downloads_video_popup .popup-cont {
    background: #ffffff;
    border-radius: 8px;
    padding: 13px 0;
}

#downloads_video_popup .spinner {
    display: none;
    background: url(https://www.elektor.de/skin/frontend/default/default/images/mageworx/downloads/spinner.gif) no-repeat center center;
    height: 70px;
}

#downloads_video_popup .spin {
    display: block !important;
}

#downloads_video_popup .close-button {
    background: transparent url(https://www.elektor.de/skin/frontend/default/default/images/mageworx/downloads/close-button.png) 0 0 no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    top: -15px;
    left: 585px;
}
/* 
    Document   : default.css    
    Description:
        Purpose of the stylesheet follows.
*/
.shopbybrand_sidebar .block-content ul{padding:10px;}
/* add by Peter */
.shopbybrand_sidebar .block-content ul li{
    list-style: none;
}
.shopbybrand_sidebar .block-content ul li a{
    text-decoration: none;
}
.shopbybrand_sidebar .block-content .brands-item{
    margin-bottom: 5px;
}
.shopbybrand_sidebar .block-content .brands-item .brand-name{
        margin-left: 85px;
	position:relative;
	top:-39px;
}

.mb-category-products{
float: left;
width: 100%;
}
.shopbybrand-list ul, .shopbybrand-list ol {
list-style: none;
}

/* end add by Peter */
.shopbybrand_sidebar .actions a{float:right;}
.shopbybrand .brand-input-search .validation-advice{top:50px;}
.shopbybrand .brand-input-search form{position:relative;}
.brand-right button.button{height:auto  !important;}
/* */
.shopbybrand_sidebar {
    clear: both;
    padding-top: 10px;
}
.searchbrand {z-index:999}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ticket-history {
  padding: 6px 15px 6px 15px;
}
.ticket-history > .legend {
  margin: -16px 0 0 5px;
}
.MultiFile-wrap .MultiFile-list .MultiFile-label {
  margin: 6px 0px 0px 0px;
}
.MultiFile-wrap .MultiFile-list .MultiFile-label .MultiFile-remove {
  text-decoration: none;
  font-size: 14px;
  color: #f00;
  line-height: 14px;
  margin-right: 5px;
}
.helpdesk-contact-form {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  *zoom: 1;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 5px 15px 8px 15px;
  position: relative;
  width: 600px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21.875px;
  color: #333;
  margin-left: 10px;
}
.helpdesk-contact-form:before,
.helpdesk-contact-form:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form:after {
  clear: both;
}
.helpdesk-contact-form a {
  color: #1a6690;
}
.helpdesk-contact-form .dropbox h2 {
  font-size: 20px;
  line-height: 30px;
  padding: 0;
  margin: 0px 0px 5px 0px;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.helpdesk-contact-form .dropbox .inside-form {
  *zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 8px;
}
.helpdesk-contact-form .dropbox .inside-form:before,
.helpdesk-contact-form .dropbox .inside-form:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form .dropbox .inside-form:after {
  clear: both;
}
.helpdesk-contact-form .dropbox .inside-form ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.helpdesk-contact-form .dropbox .inside-form ul li {
  margin-bottom: 10px;
}
.helpdesk-contact-form .dropbox .inside-form ul li label {
  display: block;
  margin-bottom: 2px;
}
.helpdesk-contact-form .dropbox .inside-form ul li label em {
  color: #e00;
  margin-left: 5px;
}
.helpdesk-contact-form .dropbox .inside-form ul .customer-details {
  display: flex;
  width: 95%;
}
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-name,
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-email {
  float: left;
  width: 50%;
}
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-name input,
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-email input {
  width: 262px;
}
.helpdesk-contact-form .dropbox .inside-form ul .customer-details li.customer-name {
  margin-right: 20px;
}
.helpdesk-contact-form .dropbox .inside-form input,
.helpdesk-contact-form .dropbox .inside-form textarea {
  background-color: white;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.18);
  display: inline-block;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 21.875px;
  color: #555;
  width: 555px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.helpdesk-contact-form .dropbox .inside-form input:focus,
.helpdesk-contact-form .dropbox .inside-form textarea:focus {
  border-color: rgba(244, 175, 26, 0.8);
  outline: 0;
}
.helpdesk-contact-form .dropbox .inside-form input.validation-failed,
.helpdesk-contact-form .dropbox .inside-form textarea.validation-failed {
  border-color: rgba(244, 26, 70, 0.8);
}
.helpdesk-contact-form .dropbox .inside-form .validation-advice {
  display: none !important;
}
.helpdesk-contact-form .dropbox .inside-form textarea {
  height: 80px;
}
.helpdesk-contact-form .dropbox .post-button {
  border: 1px solid #ddd;
  padding: 7px 12px;
  float: right;
  margin-top: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  font-size: 14px;
  font-weight: bold;
  color: #1a6690;
  cursor: pointer;
}
.helpdesk-contact-form .dropbox .post-button:hover {
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
}
.helpdesk-contact-form .close {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 23px;
  font-weight: bold;
  color: #666;
  cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.helpdesk-contact-form .close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.helpdesk-contact-form.success {
  height: 80px;
}
.helpdesk-contact-form.success .dropbox {
  padding: 33px 0px;
}
.helpdesk-contact-form.success .dropbox ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #00BD00;
  font-weight: bold;
  text-align: center;
}
.helpdesk-contact-form.form-kb .input-box input {
  width: 480px;
}
.helpdesk-contact-form.form-kb .input-box button {
  margin-top: 0px;
}
.helpdesk-contact-form.form-kb-result .article-item .detail {
  color: #777;
  font-size: 13px;
  line-height: 18px;
  margin-top: 5px;
}
.helpdesk-contact-form.form-kb-result a.more {
  float: right;
}
.helpdesk-contact-form.form-kb-result a.back {
  float: left;
}
.helpdesk-contact-form-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100000px;
  height: 10000000px;
  background: rgba(0, 0, 0, 0.2);
  z-index: 90000;
}
.helpdesk-contact-form-button {
  cursor: pointer;
}
.helpdesk-contact-form-button.left {
  *zoom: 1;
  position: fixed;
  top: 50%;
  margin-top: -75px;
  width: 150px;
  left: -57px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-weight: bold;
  z-index: 1000000;
}
.helpdesk-contact-form-button.left:before,
.helpdesk-contact-form-button.left:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form-button.left:after {
  clear: both;
}
.helpdesk-contact-form-button.left .button-text {
  line-height: 20px !important;
  font-size: 16px !important;
  padding: 8px 10px;
  border: 1px solid #fff;
  margin: 1px;
  color: #fff;
  text-align: center;
}
.helpdesk-contact-form-button.right {
  *zoom: 1;
  position: fixed;
  top: 50%;
  right: -26px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font-weight: bold;
  z-index: 1000000;
}
.helpdesk-contact-form-button.right:before,
.helpdesk-contact-form-button.right:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form-button.right:after {
  clear: both;
}
.helpdesk-contact-form-button.right .button-text {
  padding: 9px 10px;
  border: 1px solid #fff;
  margin: 1px;
  color: #fff;
}
.helpdesk-contact-form-iframe {
  *zoom: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 650px;
  height: 460px;
  z-index: 100000;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.helpdesk-contact-form-iframe:before,
.helpdesk-contact-form-iframe:after {
  display: table;
  content: "";
  line-height: 0;
}
.helpdesk-contact-form-iframe:after {
  clear: both;
}
html {
  overflow-x: hidden;
}
@media (max-width: 680px) {
  .helpdesk-contact-form-iframe {
    width: 80%;
    height: 84%;
  }
  .helpdesk-contact-form {
    width: 90%;
    margin-left: 0px;
  }
  .helpdesk-contact-form .dropbox .inside-form {
    margin-bottom: 0px;
    padding-bottom: 3px;
  }
  .helpdesk-contact-form .dropbox .inside-form ul {
    padding-left: 10px;
  }
  .helpdesk-contact-form .dropbox .inside-form ul li {
    margin-bottom: 0px;
  }
  .helpdesk-contact-form .dropbox .inside-form ul li .customer-email input {
    width: 90%;
  }
  .helpdesk-contact-form .dropbox .inside-form input,
  .helpdesk-contact-form .dropbox .inside-form textarea {
    width: 90%!important;
    height: 100%!important;
  }
}
.helpdesk-box-tickets .box-head h2 {
  background-image: url(https://www.elektor.de/skin/frontend/base/default/images/mst_helpdesk/i_folder-table.gif);
}
.helpdesk-box-tickets .data-table td {
  position: relative;
}
.helpdesk-box-tickets .unread {
  display: inline-block;
  margin-left: 5px;
  width: 20px;
  height: 11px;
  background-image: url(https://www.elektor.de/skin/frontend/base/default/images/mst_helpdesk/i_unread2.png);
  background-size: 20px 20px;
  background-position: 0px -8px;
}
iframe.helpdesk-contact-form-iframe {
  display: block;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchautocomplete {
  position: absolute;
  top: -5px;
  right: 0px;
  height: 34px;
  width: 436px;
  padding: 4px 10px;
  -webkit-border-radius: 0px 0px 0px 5px;
  -moz-border-radius: 0px 0px 0px 5px;
  border-radius: 0px 0px 0px 5px;
  background: #fff;
  display: block;
}
.searchautocomplete .sprite {
  background: url('https://www.elektor.de/skin/frontend/base/default/images/mirasvit/sprite.png');
}
.searchautocomplete > label {
  float: left;
  margin-right: 10px;
  color: #333;
  font-weight: bold;
  margin-top: 8px;
}
.searchautocomplete .nav {
  background: url('https://www.elektor.de/skin/frontend/base/default/images/mirasvit/sprite.png');
  float: left;
  height: 34px;
  position: relative;
  width: 340px;
}
.searchautocomplete .nav .nav-search-in {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 15;
}
.searchautocomplete .nav .nav-search-in .category {
  opacity: 0;
  filter: alpha(opacity=0);
  background: white;
  border: 1px solid #DDD;
  color: black;
  cursor: pointer;
  height: 29px;
  left: 5px;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 5px;
  visibility: visible;
  width: auto;
}
.searchautocomplete .nav .nav-search-in .category-fake {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  background-color: #fcfcfc;
  background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
  background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);
  border-right: 1px solid #dddddd;
  color: #777;
  cursor: pointer;
  float: left;
  font-size: 11px;
  height: 27px;
  line-height: 27px;
  margin: 4px 0px 0px 2px;
  padding: 0px 25px 0px 10px;
  text-align: center;
  white-space: nowrap;
}
.searchautocomplete .nav .nav-search-in .nav-down-arrow {
  background: url('https://www.elektor.de/skin/frontend/base/default/images/mirasvit/sprite.png');
  width: 9px;
  height: 5px;
  background-position: -26px -34px;
  display: block;
  right: 10px;
  top: 16px;
  position: absolute;
}
.searchautocomplete .nav .nav-search-in:hover .category-fake {
  background-color: #eeeeee;
  background-image: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e1e1e1));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e1e1e1);
  background-image: -o-linear-gradient(top, #f7f7f7, #e1e1e1);
  background-image: linear-gradient(to bottom, #f7f7f7, #e1e1e1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffe1e1e1', GradientType=0);
}
.searchautocomplete .nav .nav-search-in:hover .nav-down-arrow {
  background-position: -6px -34px;
}
.searchautocomplete .nav .nav-input {
  *zoom: 1;
  margin: 6px 0px 0px 10px;
  padding: 0px 5px 0px 5px;
  z-index: 12;
  position: relative;
}
.searchautocomplete .nav .nav-input:before,
.searchautocomplete .nav .nav-input:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .nav .nav-input:after {
  clear: both;
}
.searchautocomplete .nav .nav-input input {
  z-index: 10;
  padding: 0px;
  height: 23px;
  border: 0px;
  font-family: arial, sans-serif;
  font-size: 12px;
  background: transparent;
  color: black;
  outline: 0px;
  margin-left: 5px;
  width: 100%;
}
.searchautocomplete .nav .nav-input input.suggest {
  display: none;
  color: #999;
  z-index: 9;
}
.searchautocomplete .nav-submit-button {
  background: url('https://www.elektor.de/skin/frontend/base/default/images/mirasvit/sprite.png');
  background-position: 0px -34px;
  background-repeat: no-repeat;
  float: left;
  height: 34px;
  padding-left: 5px;
}
.searchautocomplete .nav-submit-button .button {
  width: 39px;
  height: 34px;
  padding: 0px 9px;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
  color: white;
  line-height: 12px;
  font-size: 13px;
  background-color: #3c454e;
  background-image: -moz-linear-gradient(top, #444c55, #313a44);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444c55), to(#313a44));
  background-image: -webkit-linear-gradient(top, #444c55, #313a44);
  background-image: -o-linear-gradient(top, #444c55, #313a44);
  background-image: linear-gradient(to bottom, #444c55, #313a44);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444c55', endColorstr='#ff313a44', GradientType=0);
  border: 1px solid #313a44;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  z-index: 14;
}
.searchautocomplete .nav-submit-button .button:hover {
  background-color: #39414b;
  background-image: -moz-linear-gradient(top, #313a44, #444c55);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#313a44), to(#444c55));
  background-image: -webkit-linear-gradient(top, #313a44, #444c55);
  background-image: -o-linear-gradient(top, #313a44, #444c55);
  background-image: linear-gradient(to bottom, #313a44, #444c55);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff313a44', endColorstr='#ff444c55', GradientType=0);
}
.searchautocomplete .searchautocomplete-placeholder {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #FFF;
  border: 1px solid #ccc;
  padding: 15px 10px 5px 10px;
  position: absolute;
  right: 48px;
  top: 42px;
  width: 318px;
  z-index: 102;
}
.searchautocomplete .searchautocomplete-placeholder:before {
  border-color: transparent transparent #CCC transparent;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  top: -11px;
  left: 30px;
}
.searchautocomplete .searchautocomplete-placeholder ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  *zoom: 1;
  text-align: left;
  padding: 5px 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
}
.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  clear: both;
}
.searchautocomplete .searchautocomplete-placeholder ul li a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li a.name {
  color: #444;
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background-color: #eeffee;
  cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  float: left;
  margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  font-weight: bold;
  font-size: 13px;
  color: #C76200;
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
  font-weight: normal;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
  font-size: 0.9em;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .highlight strong {
  color: #f00;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
  text-align: right;
  color: #0A263C;
  border-bottom: 1px solid #CCC;
  padding: 2px 5px;
}
.searchautocomplete .searchautocomplete-placeholder .index-title span {
  color: #666;
  font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
  text-align: right;
  margin: 10px 4px 5px 10px;
}
.searchautocomplete .searchautocomplete-loader {
  position: absolute;
  top: 11px;
  right: 10px;
  width: 16px;
  height: 16px;
  background: url('https://www.elektor.de/skin/frontend/base/default/images/mirasvit/loader.gif');
}
.searchautocomplete-widget {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchindex-results {
  *zoom: 1;
  margin-bottom: 10px;
  border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results:after {
  clear: both;
}
.searchindex-results li {
  margin-bottom: -1px;
  float: left;
  *zoom: 1;
  margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results li:after {
  clear: both;
}
.searchindex-results li a {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  display: block;
  cursor: pointer;
  padding: 2px 5px 1px 5px;
  line-height: 20px;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
}
.searchindex-results li a:hover {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-results li a span {
  font-weight: normal;
  font-size: 0.9em;
}
.searchindex-results li.active a {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  cursor: default;
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-result li {
  padding: 5px;
}
.searchindex-result li .title a {
  font-weight: bold;
  color: #203548;
  font-size: 13px;
}
.searchindex-result.searchindex-result-category {
  margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
  padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
  font-weight: bold;
  color: #203548;
}

.searchindex-results {
  border-bottom: 1px solid #C8C7C7;
}

.searchindex-results li,
.searchindex-result li {
  list-style: none;
}

.searchindex-result li .title {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 15px;
}

.searchindex-result li .title a {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  color: #FF0000;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.2125em;
}

.searchindex-result li .content {
  color: #6D6E70;
  font: 400 14px/1.1em 'Montserrat',sans-serif;
  margin-bottom: 15px;
}

.searchindex-result li {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 1.5em;
  padding-top: 1em;
}

.searchindex-results {
  margin-bottom: 0px;
  margin-top: 10px;
}


.searchindex-result .pager .optionbox label {
  float: left;
}

.searchindex-result .pager ol.paging {
  float: right;
} 

.searchindex-result .pager ol.paging li {
  border: 0 none;
  float: left;
  padding: 0px;
} 



.searchindex-result .toolbar .paging li {
  margin-bottom: 0px;
}




.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.seo-content {
  color: #333;
  width: 600px;
  margin: 0 auto;
  padding: 5px 10px;
  margin-top: -50px;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.2);
  padding: 5px;
}
.seositemap-map ul {
  *zoom: 1;
  margin-left: 15px;
  margin-bottom: 15px;
}
.seositemap-map ul:before,
.seositemap-map ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.seositemap-map ul:after {
  clear: both;
}
.seositemap-map ul.stores li {
  font-weight: bold;
  font-size: 110%;
}
.seositemap-map ul li.level-2 {
  font-weight: bold;
}
.seositemap-map ul li.level-3 {
  margin-left: 15px;
}
.seositemap-map ul li.level-4 {
  margin-left: 30px;
  font-size: 90%;
}
.seositemap-map ul li.level-5 {
  margin-left: 45px;
  font-size: 90%;
}
.seositemap-map ul li.level-6 {
  margin-left: 60px;
  font-size: 90%;
}
.seositemap-map ul li.level-7 {
  margin-left: 75px;
  font-size: 90%;
}
.review-aggregate-hide {
    display:none;
 }

/*seo-info*/

/*seo-info-color*/
.seo-info .seo-info-incorrect {
  color: #df280a;
}
.seo-info .seo-info-correct {
  color: #50B655;
}
.seo-info .seo-info-notice {
  color: #BD5D1F;
}

/*seo-info-main-style*/
.seo-info .seo-info-base-window {
  width: 370px;
  min-height: 10px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #F8F8F8;
  color: #363636;
  z-index: 100000;
  font-family:Arial;
  outline: 5px solid rgba(203, 203, 203, 0.7);
}
.seo-info .seo-info-hr-style {
  margin: 5px;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.seo-info .seo-info-h1-style {
  font-family:Arial;
  background: #FEFEFE;
  color: #666666;
  padding: 3px 5px;
  font-size: 14px;
  font-weight: bold;
  text-align:center;
  cursor: pointer;
  margin-bottom: 0px;
}
.seo-info .seo-info-h2-style {
  font-family:Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: left;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #363636;
  text-transform:none;
}
.seo-info .seo-info-text-style {
  font-family:Arial;
  font-size: 13px;
  text-align: left;
  /*color: #363636;*/
}
.seo-info .seo-additional-info-text-style {
  font-family:Arial;
  font-size: 13px;
  text-align: left;
}

/*seo-info-keyword-progress-bar*/
.seo-info .seo-info-progress-container {
  width:100%;
  font-size: 13px;
}
.seo-info .seo-info-progress-label {
  width: 150px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  padding-left: 10px;
  text-align: left;
}
.seo-info .seo-info-progress-label, .seo-info .seo-info-progress {
  border-radius: 11px;
  box-shadow: none;
  display: inline-block;
  vertical-align: middle;
}
.seo-info .seo-info-progress {
  background-color: #f5f7fa;
  box-shadow: none;
  display: inline-block;
  box-shadow: none;
  vertical-align: middle;
  margin-bottom: 2px;
  width: 150px;
  height: 6px;
}
.seo-info .seo-info-progress-success .seo-info-progress-bar {
  background-color: #50B655;
  border-color: #5cb85c;
  color: #5cb85c;
  box-sizing: border-box;
  border-radius: 11px;
  box-shadow: none;
  height: 100%;
  float: left;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  transition: width 0.6s ease 0s;
}
.seo-info .seo-info-progress-label, .seo-info-progress {
  border-radius: 11px;
}
.seo-info .seo-info-progress.seo-info-progress-success {
  width:100px;
}
.seo-info .seo-info-progress-bar {
  background-color: #a0c5e4;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #428bca;
  float: left;
  font-size: 13px;
  height: 100%;
  line-height: 24px;
  text-align: center;
  transition: width 0.6s ease 0s;
  width: 0;
}

/*seo-info images alt info*/
.seo-info .seo-info-image-alt {
  display: inline-block;
  width: 260px;
}

/*link*/
.seo-info .seo-additional-info-link-style {
  font-family:Arial;
  font-size: 13px;
  text-align: left;
  word-wrap: break-word;
  padding-bottom: 3px;
}
.seo-info .seo-additional-info-link-style a {
  color: #3196CA;
}

/*scroll*/
.seo-info .seo-info-scroll {
  overflow-y: auto;
  height: 500px;
  margin-top: 0.7em;
  padding: 2px 15px 10px 5px;
  text-align: justify;
  margin-bottom: 5px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar {
  width: 7px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.2);
  border-radius: 7px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar-thumb {
  background-color: #EAEAEA;
  border-radius: 7px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #EAEAEA;
  border-radius: 7px;
}

/*SEO Template Info*/
.seo-info .seo-additional-info-template-style {
  font-size: 13px;
}

/*hide/show button*/
.seo-info .seo-additional-info-hide-show-button-style {
  position: absolute !important;
  right: 0;
  top: 0;
  padding-right: 7px;
  color: #3196CA;
  text-decoration: underline;
  cursor: pointer;
}

.seo-info .m-seo-info-scroll-hide {
  display: none;
}

/*table for SEO Templates*/
.seo-info .m-seo-info-template-table {
  display:table;
  width:100%;
  padding-top: 3px;
}

.seo-info .m-seo-info-template-table-row {
  display:table-row;
}

.seo-info .m-seo-info-template-table-cell {
  display:table-cell;
  text-align: center;
  padding: 2px;
  vertical-align: middle;
}

.seo-info .m-seo-info-template-table-cell:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.seo-info .m-seo-info-template-table-cell:nth-child(2) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.seo-info .m-seo-info-template-table-cell:nth-child(3) {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.seo-info .m-seo-info-template-left {
  text-align: left;
  padding-left: 1px;
}

.seo-info .m-seo-info-template-table-row:last-child .m-seo-info-template-table-cell{
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.seo-info .m-seo-info-id-width {
  width: 30px;
}

.seo-info .m-seo-info-rule-name-width {
  width: 120px;
}

.seo-info .m-seo-info-sort-order-width {
  width: 70px;
}

.seo-info .m-seo-info-rules-processing-width {
  width: 110px;
}

.seo-info .m-seo-info-status-width {
  width: auto;
}

/*seo-info demo store style*/
@media all and (max-width: 590px) {
  .seo-info .seo-info-base-window.m-seo-info-demo-style {
    bottom: 40px !important;
    right: 10px !important;
  }
}

@media all and (min-width: 591px) {
  .seo-info .seo-info-base-window.m-seo-info-demo-style {
    bottom: 5px !important;
    right: 260px !important;
  }
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.seositemap-map ul {
  *zoom: 1;
  margin-left: 15px;
  margin-bottom: 15px;
}
.seositemap-map ul:before,
.seositemap-map ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.seositemap-map ul:after {
  clear: both;
}
.seositemap-map ul.stores li {
  font-weight: bold;
  font-size: 100%;
}
.seositemap-map ul li.level-2 {
  font-weight: bold;
}
.seositemap-map ul li.level-3 {
  margin-left: 15px;
}
.seositemap-map ul li.level-4 {
  margin-left: 30px;
  font-size: 90%;
}
.seositemap-map ul li.level-5 {
  margin-left: 45px;
  font-size: 90%;
}
.seositemap-map ul li.level-6 {
  margin-left: 60px;
  font-size: 90%;
}
.seositemap-map ul li.level-7 {
  margin-left: 75px;
  font-size: 90%;
}
.review-aggregate-hide {
  display:none;
 }
.seositemap-index-index div.seositemap-map table {
  width:100%;
}
.seositemap-index-index div.seositemap-map table tbody tr td {
  vertical-align: top;
}
.login-notification {
	padding: 25px;
}
.login-notification.not-logged-in {
    background-color: #D0D0D0;
}
.login-notification.not-logged-in .btn-login  {
	text-transform: uppercase;
	background: #30AB2F;
	border-color: #30AB2F;
	box-shadow: 3px 3px 0px rgba(46, 133, 43, 0.75);
}
.login-notification.not-logged-in .button-close {
	color: #FE0300;
}

.login-notification h2 {
    float: left;
	font-size: 26px;
}
.login-notification .explanation {
	margin-bottom: 0 !important;
	padding: 5px 0;
	line-height: 22px;
}
.login-notification .button-close {
	font-size: 16px;
	border: 0 none;
	background: none;
	box-shadow: 0 0 0 0;
}
.login-notification .button-close:hover {
	border: 0 none;
	background: none;
}



.login-notification.member-logged-in,
.topbar.member-logged-in,
.topbar.member-logged-in .links.inline-list  {
    background-color: #30AB2F;
}
.notification-bar .member-logged-in h2 {
	color: #fff;
}
.login-notification.member-logged-in .explanation {
    color: white;
}
.login-notification.member-logged-in .button-close {

}	
.wc-overlay{position:absolute;display:none;opacity:0.9;z-index:99999;background:white url('https://www.elektor.de/skin/frontend/base/default/webcooking/images/ajax-loader.gif') center 5% no-repeat;}
/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}

meta.foundation-mq-small {
  font-family: "only screen and (min-width: 768px)";
  width: 768px; }

meta.foundation-mq-medium {
  font-family: "only screen and (min-width:1280px)";
  width: 1280px; }

meta.foundation-mq-large {
  font-family: "only screen and (min-width:1440px)";
  width: 1440px; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: white;
  color: #6d6e70;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75em;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.625em;
    margin-right: -0.625em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  position: relative;
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 100%;
  float: left; }

@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.625em;
    padding-right: 0.625em;
    float: left; }

  .small-1 {
    position: relative;
    width: 6.25%; }

  .small-2 {
    position: relative;
    width: 12.5%; }

  .small-3 {
    position: relative;
    width: 18.75%; }

  .small-4 {
    position: relative;
    width: 25%; }

  .small-5 {
    position: relative;
    width: 31.25%; }

  .small-6 {
    position: relative;
    width: 37.5%; }

  .small-7 {
    position: relative;
    width: 43.75%; }

  .small-8 {
    position: relative;
    width: 50%; }

  .small-9 {
    position: relative;
    width: 56.25%; }

  .small-10 {
    position: relative;
    width: 62.5%; }

  .small-11 {
    position: relative;
    width: 68.75%; }

  .small-12 {
    position: relative;
    width: 75%; }

  .small-13 {
    position: relative;
    width: 81.25%; }

  .small-14 {
    position: relative;
    width: 87.5%; }

  .small-15 {
    position: relative;
    width: 93.75%; }

  .small-16 {
    position: relative;
    width: 100%; }

  .small-offset-0 {
    position: relative;
    margin-left: 0%; }

  .small-offset-1 {
    position: relative;
    margin-left: 6.25%; }

  .small-offset-2 {
    position: relative;
    margin-left: 12.5%; }

  .small-offset-3 {
    position: relative;
    margin-left: 18.75%; }

  .small-offset-4 {
    position: relative;
    margin-left: 25%; }

  .small-offset-5 {
    position: relative;
    margin-left: 31.25%; }

  .small-offset-6 {
    position: relative;
    margin-left: 37.5%; }

  .small-offset-7 {
    position: relative;
    margin-left: 43.75%; }

  .small-offset-8 {
    position: relative;
    margin-left: 50%; }

  .small-offset-9 {
    position: relative;
    margin-left: 56.25%; }

  .small-offset-10 {
    position: relative;
    margin-left: 62.5%; }

  .small-offset-11 {
    position: relative;
    margin-left: 68.75%; }

  .small-offset-12 {
    position: relative;
    margin-left: 75%; }

  .small-offset-13 {
    position: relative;
    margin-left: 81.25%; }

  .small-offset-14 {
    position: relative;
    margin-left: 87.5%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .large-1 {
    position: relative;
    width: 6.25%; }

  .large-2 {
    position: relative;
    width: 12.5%; }

  .large-3 {
    position: relative;
    width: 18.75%; }

  .large-4 {
    position: relative;
    width: 25%; }

  .large-5 {
    position: relative;
    width: 31.25%; }

  .large-6 {
    position: relative;
    width: 37.5%; }

  .large-7 {
    position: relative;
    width: 43.75%; }

  .large-8 {
    position: relative;
    width: 50%; }

  .large-9 {
    position: relative;
    width: 56.25%; }

  .large-10 {
    position: relative;
    width: 62.5%; }

  .large-11 {
    position: relative;
    width: 68.75%; }

  .large-12 {
    position: relative;
    width: 75%; }

  .large-13 {
    position: relative;
    width: 81.25%; }

  .large-14 {
    position: relative;
    width: 87.5%; }

  .large-15 {
    position: relative;
    width: 93.75%; }

  .large-16 {
    position: relative;
    width: 100%; }

  .row .large-offset-0 {
    position: relative;
    margin-left: 0%; }

  .row .large-offset-1 {
    position: relative;
    margin-left: 6.25%; }

  .row .large-offset-2 {
    position: relative;
    margin-left: 12.5%; }

  .row .large-offset-3 {
    position: relative;
    margin-left: 18.75%; }

  .row .large-offset-4 {
    position: relative;
    margin-left: 25%; }

  .row .large-offset-5 {
    position: relative;
    margin-left: 31.25%; }

  .row .large-offset-6 {
    position: relative;
    margin-left: 37.5%; }

  .row .large-offset-7 {
    position: relative;
    margin-left: 43.75%; }

  .row .large-offset-8 {
    position: relative;
    margin-left: 50%; }

  .row .large-offset-9 {
    position: relative;
    margin-left: 56.25%; }

  .row .large-offset-10 {
    position: relative;
    margin-left: 62.5%; }

  .row .large-offset-11 {
    position: relative;
    margin-left: 68.75%; }

  .row .large-offset-12 {
    position: relative;
    margin-left: 75%; }

  .row .large-offset-13 {
    position: relative;
    margin-left: 81.25%; }

  .row .large-offset-14 {
    position: relative;
    margin-left: 87.5%; }

  .row .large-offset-15 {
    position: relative;
    margin-left: 93.75%; }

  .push-1 {
    position: relative;
    left: 6.25%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 6.25%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 12.5%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 12.5%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 18.75%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 18.75%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 31.25%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 31.25%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 37.5%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 37.5%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 43.75%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 43.75%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 56.25%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 56.25%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 62.5%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 62.5%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 68.75%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 68.75%;
    left: auto; }

  .push-12 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-12 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-13 {
    position: relative;
    left: 81.25%;
    right: auto; }

  .pull-13 {
    position: relative;
    right: 81.25%;
    left: auto; }

  .push-14 {
    position: relative;
    left: 87.5%;
    right: auto; }

  .pull-14 {
    position: relative;
    right: 87.5%;
    left: auto; }

  .push-15 {
    position: relative;
    left: 93.75%;
    right: auto; }

  .pull-15 {
    position: relative;
    right: 93.75%;
    left: auto; }

  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important; } }
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important; }

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table; }

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important; }

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important; }

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 640px) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important; }

  .show-for-small {
    display: none !important; }

  .hide-for-small {
    display: inherit !important; }

  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table; }

  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important; }

  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important; }

  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important; }

  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important; } }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1024px) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important; }

  .show-for-medium,
  .show-for-medium-down {
    display: none !important; }

  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important; }

  .hide-for-large,
  .hide-for-large-up {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table; }

  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important; }

  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important; }

  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important; }

  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important; } }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1440px) {
  .show-for-xlarge {
    display: inherit !important; }

  .show-for-large,
  .show-for-large-down {
    display: none !important; }

  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important; }

  .hide-for-xlarge {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table; }

  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important; }

  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important; }

  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important; }

  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: inline;
      height: auto;
      float: left;
      padding: 0 0.625em 1.25em; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.4;
  color: #74676a;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: red;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #e60000; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility; }
  p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #231f20;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.2125em; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #74676a;
    line-height: 0; }

h1 {
  font-size: 2.125em; }

h2 {
  font-size: 1.6875em; }

h3 {
  font-size: 1.375em; }

h4 {
  font-size: 1.125em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c; }

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

ul, ol {
  margin-left: 0; }
  ul.no-bullet, ol.no-bullet {
    margin-left: 0; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square; }
ul.circle {
  list-style-type: circle; }
ul.disc {
  list-style-type: disc; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75em; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #6d6e70;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 1px solid #dddddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125em;
    color: #594f51; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #594f51; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #74676a; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25em 0;
  border: 1px solid #dddddd;
  padding: 0.625em 0.75em; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375em; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em; }

@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2.75em; }

  h2 {
    font-size: 2.3125em; }

  h3 {
    font-size: 1.6875em; }

  h4 {
    font-size: 1.4375em; } }
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

button, .button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: red;
  border-color: #cc0000;
  color: white; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #cc0000; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #ededed;
    border-color: lightgrey;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: lightgrey; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: white; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #457a1a; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: white; }
  button.alert, .button.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: white; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #970b0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }
  button.large, .button.large {
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1.0625em;
    padding-left: 2em;
    font-size: 1.25em; }
  button.small, .button.small {
    padding-top: 0.5625em;
    padding-right: 1.125em;
    padding-bottom: 0.625em;
    padding-left: 1.125em;
    font-size: 0.8125em; }
  button.tiny, .button.tiny {
    padding-top: 0.4375em;
    padding-right: 0.875em;
    padding-bottom: 0.5em;
    padding-left: 0.875em;
    font-size: 0.6875em; }
  button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75em; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75em; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: red;
    border-color: #cc0000;
    color: white;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #cc0000; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: red; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #ededed;
      border-color: lightgrey;
      color: #333333;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: lightgrey; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #ededed; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #5da423;
      border-color: #457a1a;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #457a1a; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #5da423; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13;
      border-color: #970b0e;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #970b0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #c60f13; }

button, .button {
  padding-top: 0.8125em;
  padding-bottom: 0.75em;
  -webkit-appearance: none; }
  button.tiny, .button.tiny {
    padding-top: 0.5em;
    padding-bottom: 0.4375em;
    -webkit-appearance: none; }
  button.small, .button.small {
    padding-top: 0.625em;
    padding-bottom: 0.5625em;
    -webkit-appearance: none; }
  button.large, .button.large {
    padding-top: 1.03125em;
    padding-bottom: 1.03125em;
    -webkit-appearance: none; }

@media only screen {
  button, .button {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    button:active, .button:active {
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
    button.radius, .button.radius {
      -webkit-border-radius: 0px;
      border-radius: 0px; }
    button.round, .button.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; } }
@media only screen and (min-width: 768px) {
  button, .button {
    display: inline-block; } }
/* Standard Forms */
form {
  margin: 0 0 1em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5em; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-topright: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5em; }

/* Label Styles */
label {
  font-size: 0.875em;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 0.1875em;
  /* Styles for required inputs */ }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0; }
  label small {
    text-transform: capitalize;
    color: #666666; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px; }

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333333; }
  span.prefix.radius, label.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333333; }
  span.postfix.radius, label.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #dddddd; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1em 0; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #dddddd;
  padding: 1.25em;
  margin: 1.125em 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }

.error input,
.error textarea,
.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }
  .error input:focus,
  .error textarea:focus,
  .error select:focus {
    background: #fafafa;
    border-color: #999999; }
.error label,
.error label.error {
  color: #c60f13; }
.error > small,
.error small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }
.error span.error-message {
  display: block; }

input.error,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }
  input.error:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #999999; }

.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  .error select:focus {
    background: #fafafa;
    border-color: #999999; }

label.error {
  color: #c60f13; }

/* Button Groups */
.button-group {
  list-style: none;
  margin: 0;
  *zoom: 1; }
  .button-group:before, .button-group:after {
    content: " ";
    display: table; }
  .button-group:after {
    clear: both; }
  .button-group > * {
    margin: 0 0 0 -1px;
    float: left; }
    .button-group > *:first-child {
      margin-left: 0; }
  .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px; }
  .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px; }
  .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }
  .button-group.even-2 li {
    width: 50%; }
    .button-group.even-2 li button, .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    width: 33.33333%; }
    .button-group.even-3 li button, .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    width: 25%; }
    .button-group.even-4 li button, .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    width: 20%; }
    .button-group.even-5 li button, .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    width: 16.66667%; }
    .button-group.even-6 li button, .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    width: 14.28571%; }
    .button-group.even-7 li button, .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    width: 12.5%; }
    .button-group.even-8 li button, .button-group.even-8 li .button {
      width: 100%; }

.button-bar {
  *zoom: 1; }
  .button-bar:before, .button-bar:after {
    content: " ";
    display: table; }
  .button-bar:after {
    clear: both; }
  .button-bar .button-group {
    float: left;
    margin-right: 0.625em; }
    .button-bar .button-group div {
      overflow: hidden; }

/* Dropdown Button */
.dropdown.button {
  position: relative;
  padding-right: 3.1875em; }
  .dropdown.button:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: white transparent transparent transparent;
    top: 50%; }
  .dropdown.button:before {
    border-width: 0.5625em;
    right: 1.5em;
    margin-top: -0.25em; }
  .dropdown.button:before {
    border-color: white transparent transparent transparent; }
  .dropdown.button.tiny {
    padding-right: 2.1875em; }
    .dropdown.button.tiny:before {
      border-width: 0.4375em;
      right: 0.875em;
      margin-top: -0.15625em; }
    .dropdown.button.tiny:before {
      border-color: white transparent transparent transparent; }
  .dropdown.button.small {
    padding-right: 2.8125em; }
    .dropdown.button.small:before {
      border-width: 0.5625em;
      right: 1.125em;
      margin-top: -0.21875em; }
    .dropdown.button.small:before {
      border-color: white transparent transparent transparent; }
  .dropdown.button.large {
    padding-right: 4em; }
    .dropdown.button.large:before {
      border-width: 0.625em;
      right: 1.75em;
      margin-top: -0.3125em; }
    .dropdown.button.large:before {
      border-color: white transparent transparent transparent; }
  .dropdown.button.secondary:before {
    border-color: #333333 transparent transparent transparent; }

/* Split Buttons */
.split.button {
  position: relative;
  padding-right: 4.8em; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span {
    border-left-color: #b30000; }
  .split.button span {
    width: 3em; }
    .split.button span:before {
      border-top-style: solid;
      border-width: 0.5625em;
      top: 1.125em;
      margin-left: -0.5625em; }
  .split.button span:before {
    border-color: white transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: #c7c7c7; }
  .split.button.secondary span:before {
    border-color: white transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: #7f0a0c; }
  .split.button.success span {
    border-left-color: #396516; }
  .split.button.tiny {
    padding-right: 3.9375em; }
    .split.button.tiny span {
      width: 2.84375em; }
      .split.button.tiny span:before {
        border-top-style: solid;
        border-width: 0.4375em;
        top: 0.875em;
        margin-left: -0.3125em; }
  .split.button.small {
    padding-right: 3.9375em; }
    .split.button.small span {
      width: 2.8125em; }
      .split.button.small span:before {
        border-top-style: solid;
        border-width: 0.5625em;
        top: 0.84375em;
        margin-left: -0.5625em; }
  .split.button.large {
    padding-right: 6em; }
    .split.button.large span {
      width: 3.75em; }
      .split.button.large span:before {
        border-top-style: solid;
        border-width: 0.625em;
        top: 1.3125em;
        margin-left: -0.5625em; }
  .split.button.expand {
    padding-left: 2em; }
  .split.button.secondary span:before {
    border-color: #333333 transparent transparent transparent; }
  .split.button.radius span {
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .split.button.round span {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }

/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 57.25%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Sections */
[data-section=''], [data-section='auto'], .section-container.auto,
[data-section='vertical-tabs'], .section-container.vertical-tabs,
[data-section='vertical-nav'], .section-container.vertical-nav,
[data-section='horizontal-nav'], .section-container.horizontal-nav,
[data-section='accordion'], .section-container.accordion {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 1.25em; }
  [data-section=''][data-section-small-style], [data-section='auto'][data-section-small-style], .section-container.auto[data-section-small-style],
  [data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style],
  [data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style],
  [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style],
  [data-section='accordion'][data-section-small-style], .section-container.accordion[data-section-small-style] {
    width: 100% !important; }
    [data-section=''][data-section-small-style] > [data-section-region], [data-section=''][data-section-small-style] > section, [data-section=''][data-section-small-style] > .section, [data-section='auto'][data-section-small-style] > [data-section-region], [data-section='auto'][data-section-small-style] > section, [data-section='auto'][data-section-small-style] > .section, .section-container.auto[data-section-small-style] > [data-section-region], .section-container.auto[data-section-small-style] > section, .section-container.auto[data-section-small-style] > .section,
    [data-section='vertical-tabs'][data-section-small-style] > [data-section-region],
    [data-section='vertical-tabs'][data-section-small-style] > section,
    [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section,
    [data-section='vertical-nav'][data-section-small-style] > [data-section-region],
    [data-section='vertical-nav'][data-section-small-style] > section,
    [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section,
    [data-section='horizontal-nav'][data-section-small-style] > [data-section-region],
    [data-section='horizontal-nav'][data-section-small-style] > section,
    [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section,
    [data-section='accordion'][data-section-small-style] > [data-section-region],
    [data-section='accordion'][data-section-small-style] > section,
    [data-section='accordion'][data-section-small-style] > .section, .section-container.accordion[data-section-small-style] > [data-section-region], .section-container.accordion[data-section-small-style] > section, .section-container.accordion[data-section-small-style] > .section {
      padding: 0 !important;
      margin: 0 !important; }
      [data-section=''][data-section-small-style] > [data-section-region] > [data-section-title], [data-section=''][data-section-small-style] > [data-section-region] > .title, [data-section=''][data-section-small-style] > section > [data-section-title], [data-section=''][data-section-small-style] > section > .title, [data-section=''][data-section-small-style] > .section > [data-section-title], [data-section=''][data-section-small-style] > .section > .title, [data-section='auto'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='auto'][data-section-small-style] > [data-section-region] > .title, [data-section='auto'][data-section-small-style] > section > [data-section-title], [data-section='auto'][data-section-small-style] > section > .title, [data-section='auto'][data-section-small-style] > .section > [data-section-title], [data-section='auto'][data-section-small-style] > .section > .title, .section-container.auto[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.auto[data-section-small-style] > [data-section-region] > .title, .section-container.auto[data-section-small-style] > section > [data-section-title], .section-container.auto[data-section-small-style] > section > .title, .section-container.auto[data-section-small-style] > .section > [data-section-title], .section-container.auto[data-section-small-style] > .section > .title,
      [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title],
      [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title,
      [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title],
      [data-section='vertical-tabs'][data-section-small-style] > section > .title,
      [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title],
      [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title,
      [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title],
      [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title,
      [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title],
      [data-section='vertical-nav'][data-section-small-style] > section > .title,
      [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title],
      [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title,
      [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title],
      [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title,
      [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title],
      [data-section='horizontal-nav'][data-section-small-style] > section > .title,
      [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title],
      [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title,
      [data-section='accordion'][data-section-small-style] > [data-section-region] > [data-section-title],
      [data-section='accordion'][data-section-small-style] > [data-section-region] > .title,
      [data-section='accordion'][data-section-small-style] > section > [data-section-title],
      [data-section='accordion'][data-section-small-style] > section > .title,
      [data-section='accordion'][data-section-small-style] > .section > [data-section-title],
      [data-section='accordion'][data-section-small-style] > .section > .title, .section-container.accordion[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.accordion[data-section-small-style] > [data-section-region] > .title, .section-container.accordion[data-section-small-style] > section > [data-section-title], .section-container.accordion[data-section-small-style] > section > .title, .section-container.accordion[data-section-small-style] > .section > [data-section-title], .section-container.accordion[data-section-small-style] > .section > .title {
        width: 100% !important; }
  [data-section=''] > section, [data-section=''] > .section, [data-section=''] > [data-section-region], [data-section='auto'] > section, [data-section='auto'] > .section, [data-section='auto'] > [data-section-region], .section-container.auto > section, .section-container.auto > .section, .section-container.auto > [data-section-region],
  [data-section='vertical-tabs'] > section,
  [data-section='vertical-tabs'] > .section,
  [data-section='vertical-tabs'] > [data-section-region], .section-container.vertical-tabs > section, .section-container.vertical-tabs > .section, .section-container.vertical-tabs > [data-section-region],
  [data-section='vertical-nav'] > section,
  [data-section='vertical-nav'] > .section,
  [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region],
  [data-section='horizontal-nav'] > section,
  [data-section='horizontal-nav'] > .section,
  [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region],
  [data-section='accordion'] > section,
  [data-section='accordion'] > .section,
  [data-section='accordion'] > [data-section-region], .section-container.accordion > section, .section-container.accordion > .section, .section-container.accordion > [data-section-region] {
    margin: 0; }
    [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title,
    [data-section='vertical-tabs'] > section > [data-section-title],
    [data-section='vertical-tabs'] > section > .title,
    [data-section='vertical-tabs'] > .section > [data-section-title],
    [data-section='vertical-tabs'] > .section > .title,
    [data-section='vertical-tabs'] > [data-section-region] > [data-section-title],
    [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title,
    [data-section='vertical-nav'] > section > [data-section-title],
    [data-section='vertical-nav'] > section > .title,
    [data-section='vertical-nav'] > .section > [data-section-title],
    [data-section='vertical-nav'] > .section > .title,
    [data-section='vertical-nav'] > [data-section-region] > [data-section-title],
    [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title,
    [data-section='horizontal-nav'] > section > [data-section-title],
    [data-section='horizontal-nav'] > section > .title,
    [data-section='horizontal-nav'] > .section > [data-section-title],
    [data-section='horizontal-nav'] > .section > .title,
    [data-section='horizontal-nav'] > [data-section-region] > [data-section-title],
    [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title,
    [data-section='accordion'] > section > [data-section-title],
    [data-section='accordion'] > section > .title,
    [data-section='accordion'] > .section > [data-section-title],
    [data-section='accordion'] > .section > .title,
    [data-section='accordion'] > [data-section-region] > [data-section-title],
    [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title {
      margin-bottom: 0; }
      [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a,
      [data-section='vertical-tabs'] > section > [data-section-title] a,
      [data-section='vertical-tabs'] > section > .title a,
      [data-section='vertical-tabs'] > .section > [data-section-title] a,
      [data-section='vertical-tabs'] > .section > .title a,
      [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a,
      [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a,
      [data-section='vertical-nav'] > section > [data-section-title] a,
      [data-section='vertical-nav'] > section > .title a,
      [data-section='vertical-nav'] > .section > [data-section-title] a,
      [data-section='vertical-nav'] > .section > .title a,
      [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a,
      [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a,
      [data-section='horizontal-nav'] > section > [data-section-title] a,
      [data-section='horizontal-nav'] > section > .title a,
      [data-section='horizontal-nav'] > .section > [data-section-title] a,
      [data-section='horizontal-nav'] > .section > .title a,
      [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a,
      [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a,
      [data-section='accordion'] > section > [data-section-title] a,
      [data-section='accordion'] > section > .title a,
      [data-section='accordion'] > .section > [data-section-title] a,
      [data-section='accordion'] > .section > .title a,
      [data-section='accordion'] > [data-section-region] > [data-section-title] a,
      [data-section='accordion'] > [data-section-region] > .title a, .section-container.accordion > section > [data-section-title] a, .section-container.accordion > section > .title a, .section-container.accordion > .section > [data-section-title] a, .section-container.accordion > .section > .title a, .section-container.accordion > [data-section-region] > [data-section-title] a, .section-container.accordion > [data-section-region] > .title a {
        width: 100%;
        display: inline-block;
        white-space: nowrap; }
    [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content,
    [data-section='vertical-tabs'] > section > [data-section-content],
    [data-section='vertical-tabs'] > section > .content,
    [data-section='vertical-tabs'] > .section > [data-section-content],
    [data-section='vertical-tabs'] > .section > .content,
    [data-section='vertical-tabs'] > [data-section-region] > [data-section-content],
    [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content,
    [data-section='vertical-nav'] > section > [data-section-content],
    [data-section='vertical-nav'] > section > .content,
    [data-section='vertical-nav'] > .section > [data-section-content],
    [data-section='vertical-nav'] > .section > .content,
    [data-section='vertical-nav'] > [data-section-region] > [data-section-content],
    [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content,
    [data-section='horizontal-nav'] > section > [data-section-content],
    [data-section='horizontal-nav'] > section > .content,
    [data-section='horizontal-nav'] > .section > [data-section-content],
    [data-section='horizontal-nav'] > .section > .content,
    [data-section='horizontal-nav'] > [data-section-region] > [data-section-content],
    [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content,
    [data-section='accordion'] > section > [data-section-content],
    [data-section='accordion'] > section > .content,
    [data-section='accordion'] > .section > [data-section-content],
    [data-section='accordion'] > .section > .content,
    [data-section='accordion'] > [data-section-region] > [data-section-content],
    [data-section='accordion'] > [data-section-region] > .content, .section-container.accordion > section > [data-section-content], .section-container.accordion > section > .content, .section-container.accordion > .section > [data-section-content], .section-container.accordion > .section > .content, .section-container.accordion > [data-section-region] > [data-section-content], .section-container.accordion > [data-section-region] > .content {
      display: none; }
    [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content,
    [data-section='vertical-tabs'] > section.active > [data-section-content],
    [data-section='vertical-tabs'] > section.active > .content,
    [data-section='vertical-tabs'] > .section.active > [data-section-content],
    [data-section='vertical-tabs'] > .section.active > .content,
    [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content],
    [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content,
    [data-section='vertical-nav'] > section.active > [data-section-content],
    [data-section='vertical-nav'] > section.active > .content,
    [data-section='vertical-nav'] > .section.active > [data-section-content],
    [data-section='vertical-nav'] > .section.active > .content,
    [data-section='vertical-nav'] > [data-section-region].active > [data-section-content],
    [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content,
    [data-section='horizontal-nav'] > section.active > [data-section-content],
    [data-section='horizontal-nav'] > section.active > .content,
    [data-section='horizontal-nav'] > .section.active > [data-section-content],
    [data-section='horizontal-nav'] > .section.active > .content,
    [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content],
    [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content,
    [data-section='accordion'] > section.active > [data-section-content],
    [data-section='accordion'] > section.active > .content,
    [data-section='accordion'] > .section.active > [data-section-content],
    [data-section='accordion'] > .section.active > .content,
    [data-section='accordion'] > [data-section-region].active > [data-section-content],
    [data-section='accordion'] > [data-section-region].active > .content, .section-container.accordion > section.active > [data-section-content], .section-container.accordion > section.active > .content, .section-container.accordion > .section.active > [data-section-content], .section-container.accordion > .section.active > .content, .section-container.accordion > [data-section-region].active > [data-section-content], .section-container.accordion > [data-section-region].active > .content {
      display: block; }
    [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active),
    [data-section='vertical-tabs'] > section:not(.active),
    [data-section='vertical-tabs'] > .section:not(.active),
    [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active),
    [data-section='vertical-nav'] > section:not(.active),
    [data-section='vertical-nav'] > .section:not(.active),
    [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active),
    [data-section='horizontal-nav'] > section:not(.active),
    [data-section='horizontal-nav'] > .section:not(.active),
    [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active),
    [data-section='accordion'] > section:not(.active),
    [data-section='accordion'] > .section:not(.active),
    [data-section='accordion'] > [data-section-region]:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active), .section-container.accordion > [data-section-region]:not(.active) {
      padding: 0 !important; }
    [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title,
    [data-section='vertical-tabs'] > section > [data-section-title],
    [data-section='vertical-tabs'] > section > .title,
    [data-section='vertical-tabs'] > .section > [data-section-title],
    [data-section='vertical-tabs'] > .section > .title,
    [data-section='vertical-tabs'] > [data-section-region] > [data-section-title],
    [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title,
    [data-section='vertical-nav'] > section > [data-section-title],
    [data-section='vertical-nav'] > section > .title,
    [data-section='vertical-nav'] > .section > [data-section-title],
    [data-section='vertical-nav'] > .section > .title,
    [data-section='vertical-nav'] > [data-section-region] > [data-section-title],
    [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title,
    [data-section='horizontal-nav'] > section > [data-section-title],
    [data-section='horizontal-nav'] > section > .title,
    [data-section='horizontal-nav'] > .section > [data-section-title],
    [data-section='horizontal-nav'] > .section > .title,
    [data-section='horizontal-nav'] > [data-section-region] > [data-section-title],
    [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title,
    [data-section='accordion'] > section > [data-section-title],
    [data-section='accordion'] > section > .title,
    [data-section='accordion'] > .section > [data-section-title],
    [data-section='accordion'] > .section > .title,
    [data-section='accordion'] > [data-section-region] > [data-section-title],
    [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title {
      width: 100%; }

.section-container.auto,
.section-container.vertical-tabs,
.section-container.vertical-nav,
.section-container.horizontal-nav,
.section-container.accordion {
  border-top: 1px solid #cccccc; }
  .section-container.auto > section > .title, .section-container.auto > .section > .title,
  .section-container.vertical-tabs > section > .title,
  .section-container.vertical-tabs > .section > .title,
  .section-container.vertical-nav > section > .title,
  .section-container.vertical-nav > .section > .title,
  .section-container.horizontal-nav > section > .title,
  .section-container.horizontal-nav > .section > .title,
  .section-container.accordion > section > .title,
  .section-container.accordion > .section > .title {
    background-color: #efefef;
    cursor: pointer;
    border: solid 1px #cccccc; }
    .section-container.auto > section > .title a, .section-container.auto > .section > .title a,
    .section-container.vertical-tabs > section > .title a,
    .section-container.vertical-tabs > .section > .title a,
    .section-container.vertical-nav > section > .title a,
    .section-container.vertical-nav > .section > .title a,
    .section-container.horizontal-nav > section > .title a,
    .section-container.horizontal-nav > .section > .title a,
    .section-container.accordion > section > .title a,
    .section-container.accordion > .section > .title a {
      padding: 0.9375em;
      color: #333333;
      font-size: 0.875em;
      background: none; }
    .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover,
    .section-container.vertical-tabs > section > .title:hover,
    .section-container.vertical-tabs > .section > .title:hover,
    .section-container.vertical-nav > section > .title:hover,
    .section-container.vertical-nav > .section > .title:hover,
    .section-container.horizontal-nav > section > .title:hover,
    .section-container.horizontal-nav > .section > .title:hover,
    .section-container.accordion > section > .title:hover,
    .section-container.accordion > .section > .title:hover {
      background-color: #e2e2e2; }
  .section-container.auto > section > .content, .section-container.auto > .section > .content,
  .section-container.vertical-tabs > section > .content,
  .section-container.vertical-tabs > .section > .content,
  .section-container.vertical-nav > section > .content,
  .section-container.vertical-nav > .section > .content,
  .section-container.horizontal-nav > section > .content,
  .section-container.horizontal-nav > .section > .content,
  .section-container.accordion > section > .content,
  .section-container.accordion > .section > .content {
    padding: 0.9375em;
    background-color: white;
    border: solid 1px #cccccc; }
    .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child,
    .section-container.vertical-tabs > section > .content > *:last-child,
    .section-container.vertical-tabs > .section > .content > *:last-child,
    .section-container.vertical-nav > section > .content > *:last-child,
    .section-container.vertical-nav > .section > .content > *:last-child,
    .section-container.horizontal-nav > section > .content > *:last-child,
    .section-container.horizontal-nav > .section > .content > *:last-child,
    .section-container.accordion > section > .content > *:last-child,
    .section-container.accordion > .section > .content > *:last-child {
      margin-bottom: 0; }
    .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child,
    .section-container.vertical-tabs > section > .content > *:first-child,
    .section-container.vertical-tabs > .section > .content > *:first-child,
    .section-container.vertical-nav > section > .content > *:first-child,
    .section-container.vertical-nav > .section > .content > *:first-child,
    .section-container.horizontal-nav > section > .content > *:first-child,
    .section-container.horizontal-nav > .section > .content > *:first-child,
    .section-container.accordion > section > .content > *:first-child,
    .section-container.accordion > .section > .content > *:first-child {
      padding-top: 0; }
    .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video),
    .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video),
    .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video),
    .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video),
    .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video),
    .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video),
    .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video),
    .section-container.accordion > section > .content > *:last-child:not(.flex-video),
    .section-container.accordion > .section > .content > *:last-child:not(.flex-video) {
      padding-bottom: 0; }
  .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title,
  .section-container.vertical-tabs > section.active > .title,
  .section-container.vertical-tabs > .section.active > .title,
  .section-container.vertical-nav > section.active > .title,
  .section-container.vertical-nav > .section.active > .title,
  .section-container.horizontal-nav > section.active > .title,
  .section-container.horizontal-nav > .section.active > .title,
  .section-container.accordion > section.active > .title,
  .section-container.accordion > .section.active > .title {
    background: #d5d5d5; }
    .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a,
    .section-container.vertical-tabs > section.active > .title a,
    .section-container.vertical-tabs > .section.active > .title a,
    .section-container.vertical-nav > section.active > .title a,
    .section-container.vertical-nav > .section.active > .title a,
    .section-container.horizontal-nav > section.active > .title a,
    .section-container.horizontal-nav > .section.active > .title a,
    .section-container.accordion > section.active > .title a,
    .section-container.accordion > .section.active > .title a {
      color: #333333; }
  .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active),
  .section-container.vertical-tabs > section:not(.active),
  .section-container.vertical-tabs > .section:not(.active),
  .section-container.vertical-nav > section:not(.active),
  .section-container.vertical-nav > .section:not(.active),
  .section-container.horizontal-nav > section:not(.active),
  .section-container.horizontal-nav > .section:not(.active),
  .section-container.accordion > section:not(.active),
  .section-container.accordion > .section:not(.active) {
    padding: 0 !important; }
  .section-container.auto > section > .title, .section-container.auto > .section > .title,
  .section-container.vertical-tabs > section > .title,
  .section-container.vertical-tabs > .section > .title,
  .section-container.vertical-nav > section > .title,
  .section-container.vertical-nav > .section > .title,
  .section-container.horizontal-nav > section > .title,
  .section-container.horizontal-nav > .section > .title,
  .section-container.accordion > section > .title,
  .section-container.accordion > .section > .title {
    border-top: none; }

[data-section='tabs'], .section-container.tabs {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 1.25em; }
  [data-section='tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.tabs:not([data-section-resized]):not([data-section-small-style]) {
    visibility: hidden; }
  [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title {
    margin-bottom: 0; }
    [data-section='tabs'] > section > [data-section-title] a, [data-section='tabs'] > section > .title a, [data-section='tabs'] > .section > [data-section-title] a, [data-section='tabs'] > .section > .title a, [data-section='tabs'] > [data-section-region] > [data-section-title] a, [data-section='tabs'] > [data-section-region] > .title a, .section-container.tabs > section > [data-section-title] a, .section-container.tabs > section > .title a, .section-container.tabs > .section > [data-section-title] a, .section-container.tabs > .section > .title a, .section-container.tabs > [data-section-region] > [data-section-title] a, .section-container.tabs > [data-section-region] > .title a {
      width: 100%;
      display: inline-block;
      white-space: nowrap; }
  [data-section='tabs'] > section > [data-section-content], [data-section='tabs'] > section > .content, [data-section='tabs'] > .section > [data-section-content], [data-section='tabs'] > .section > .content, [data-section='tabs'] > [data-section-region] > [data-section-content], [data-section='tabs'] > [data-section-region] > .content, .section-container.tabs > section > [data-section-content], .section-container.tabs > section > .content, .section-container.tabs > .section > [data-section-content], .section-container.tabs > .section > .content, .section-container.tabs > [data-section-region] > [data-section-content], .section-container.tabs > [data-section-region] > .content {
    display: none; }
  [data-section='tabs'] > section.active > [data-section-content], [data-section='tabs'] > section.active > .content, [data-section='tabs'] > .section.active > [data-section-content], [data-section='tabs'] > .section.active > .content, [data-section='tabs'] > [data-section-region].active > [data-section-content], [data-section='tabs'] > [data-section-region].active > .content, .section-container.tabs > section.active > [data-section-content], .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > [data-section-content], .section-container.tabs > .section.active > .content, .section-container.tabs > [data-section-region].active > [data-section-content], .section-container.tabs > [data-section-region].active > .content {
    display: block; }
  [data-section='tabs'] > section:not(.active), [data-section='tabs'] > .section:not(.active), [data-section='tabs'] > [data-section-region]:not(.active), .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active), .section-container.tabs > [data-section-region]:not(.active) {
    padding: 0 !important; }
  [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title {
    width: auto;
    position: absolute;
    top: 0;
    left: 0; }

.section-container.tabs {
  border: none; }
  .section-container.tabs > section > .title, .section-container.tabs > .section > .title {
    background-color: #efefef;
    cursor: pointer;
    border: solid 1px #cccccc; }
    .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
      padding: 0.9375em;
      color: #333333;
      font-size: 0.875em;
      background: none; }
    .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover {
      background-color: #e2e2e2; }
  .section-container.tabs > section > .content, .section-container.tabs > .section > .content {
    padding: 0.9375em;
    background-color: white;
    border: solid 1px #cccccc; }
    .section-container.tabs > section > .content > *:last-child, .section-container.tabs > .section > .content > *:last-child {
      margin-bottom: 0; }
    .section-container.tabs > section > .content > *:first-child, .section-container.tabs > .section > .content > *:first-child {
      padding-top: 0; }
    .section-container.tabs > section > .content > *:last-child:not(.flex-video), .section-container.tabs > .section > .content > *:last-child:not(.flex-video) {
      padding-bottom: 0; }
  .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
    background: white; }
    .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a {
      color: #333333; }
  .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active) {
    padding: 0 !important; }
  .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
    border-bottom: 0; }

@media only screen and (min-width: 768px) {
  [data-section=''], [data-section='auto'], .section-container.auto {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 1.25em; }
    [data-section='']:not([data-section-resized]):not([data-section-small-style]), [data-section='auto']:not([data-section-resized]):not([data-section-small-style]), .section-container.auto:not([data-section-resized]):not([data-section-small-style]) {
      visibility: hidden; }
    [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title {
      margin-bottom: 0; }
      [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a {
        width: 100%;
        display: inline-block;
        white-space: nowrap; }
    [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content {
      display: none; }
    [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content {
      display: block; }
    [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active) {
      padding: 0 !important; }
    [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title {
      width: auto;
      position: absolute;
      top: 0;
      left: 0; }

  .section-container.auto {
    border: none; }
    .section-container.auto > section > .title, .section-container.auto > .section > .title {
      background-color: #efefef;
      cursor: pointer;
      border: solid 1px #cccccc; }
      .section-container.auto > section > .title a, .section-container.auto > .section > .title a {
        padding: 0.9375em;
        color: #333333;
        font-size: 0.875em;
        background: none; }
      .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
        background-color: #e2e2e2; }
    .section-container.auto > section > .content, .section-container.auto > .section > .content {
      padding: 0.9375em;
      background-color: white;
      border: solid 1px #cccccc; }
      .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child {
        margin-bottom: 0; }
      .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child {
        padding-top: 0; }
      .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video) {
        padding-bottom: 0; }
    .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
      background: white; }
      .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
        color: #333333; }
    .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active) {
      padding: 0 !important; }
    .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
      border-bottom: 0; }

  [data-section='vertical-tabs'], .section-container.vertical-tabs {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 1.25em; }
    [data-section='vertical-tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-tabs:not([data-section-resized]):not([data-section-small-style]) {
      visibility: hidden; }
    [data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style] {
      width: 100% !important; }
      [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section {
        padding: 0 !important;
        margin: 0 !important; }
        [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > section > .title, [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title {
          width: 100% !important; }
    [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title {
      margin-bottom: 0; }
      [data-section='vertical-tabs'] > section > [data-section-title] a, [data-section='vertical-tabs'] > section > .title a, [data-section='vertical-tabs'] > .section > [data-section-title] a, [data-section='vertical-tabs'] > .section > .title a, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a {
        width: 100%;
        display: inline-block;
        white-space: nowrap; }
    [data-section='vertical-tabs'] > section > [data-section-content], [data-section='vertical-tabs'] > section > .content, [data-section='vertical-tabs'] > .section > [data-section-content], [data-section='vertical-tabs'] > .section > .content, [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content {
      display: none; }
    [data-section='vertical-tabs'] > section.active > [data-section-content], [data-section='vertical-tabs'] > section.active > .content, [data-section='vertical-tabs'] > .section.active > [data-section-content], [data-section='vertical-tabs'] > .section.active > .content, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content {
      display: block; }
    [data-section='vertical-tabs'] > section:not(.active), [data-section='vertical-tabs'] > .section:not(.active), [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active) {
      padding: 0 !important; }
    [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title {
      position: absolute;
      top: 0;
      left: 0;
      width: 12.5em; }
    [data-section='vertical-tabs'] > section.active, [data-section='vertical-tabs'] > .section.active, [data-section='vertical-tabs'] > [data-section-region].active, .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active, .section-container.vertical-tabs > [data-section-region].active {
      padding-left: 12.5em; }
      [data-section='vertical-tabs'] > section.active > [data-section-title], [data-section='vertical-tabs'] > section.active > .title, [data-section='vertical-tabs'] > .section.active > [data-section-title], [data-section='vertical-tabs'] > .section.active > .title, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-title], [data-section='vertical-tabs'] > [data-section-region].active > .title, .section-container.vertical-tabs > section.active > [data-section-title], .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > [data-section-title], .section-container.vertical-tabs > .section.active > .title, .section-container.vertical-tabs > [data-section-region].active > [data-section-title], .section-container.vertical-tabs > [data-section-region].active > .title {
        width: 12.5em; }

  .section-container.vertical-tabs {
    border: none; }
    .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title {
      background-color: #efefef;
      cursor: pointer;
      border: solid 1px #cccccc; }
      .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > .title a {
        padding: 0.9375em;
        color: #333333;
        font-size: 0.875em;
        background: none; }
      .section-container.vertical-tabs > section > .title:hover, .section-container.vertical-tabs > .section > .title:hover {
        background-color: #e2e2e2; }
    .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > .content {
      padding: 0.9375em;
      background-color: white;
      border: solid 1px #cccccc; }
      .section-container.vertical-tabs > section > .content > *:last-child, .section-container.vertical-tabs > .section > .content > *:last-child {
        margin-bottom: 0; }
      .section-container.vertical-tabs > section > .content > *:first-child, .section-container.vertical-tabs > .section > .content > *:first-child {
        padding-top: 0; }
      .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video) {
        padding-bottom: 0; }
    .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title {
      background: #d5d5d5; }
      .section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > .section.active > .title a {
        color: #333333; }
    .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active) {
      padding: 0 !important; }
    .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active {
      padding-left: 12.4375em; }
      .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title {
        background-color: #d5d5d5; }

  [data-section='vertical-nav'], .section-container.vertical-nav {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 1.25em; }
    [data-section='vertical-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-nav:not([data-section-resized]):not([data-section-small-style]) {
      visibility: hidden; }
    [data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style] {
      width: 100% !important; }
      [data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section {
        padding: 0 !important;
        margin: 0 !important; }
        [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > section > .title, [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title {
          width: 100% !important; }
    [data-section='vertical-nav'] > section, [data-section='vertical-nav'] > .section, [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region] {
      position: relative;
      display: inline-block; }
      [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title {
        margin-bottom: 0; }
        [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a {
          width: 100%;
          display: inline-block;
          white-space: nowrap; }
      [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content {
        display: none; }
      [data-section='vertical-nav'] > section.active > [data-section-content], [data-section='vertical-nav'] > section.active > .content, [data-section='vertical-nav'] > .section.active > [data-section-content], [data-section='vertical-nav'] > .section.active > .content, [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content {
        display: block; }
      [data-section='vertical-nav'] > section:not(.active), [data-section='vertical-nav'] > .section:not(.active), [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active) {
        padding: 0 !important; }
      [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title {
        position: static;
        width: auto; }
        [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a {
          display: block; }
      [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        min-width: 12.5em; }

  .section-container.vertical-nav {
    border: none; }
    .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
      background-color: #efefef;
      cursor: pointer;
      border: solid 1px #cccccc; }
      .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
        padding: 0.9375em;
        color: #333333;
        font-size: 0.875em;
        background: none; }
      .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover {
        background-color: #e2e2e2; }
    .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content {
      padding: 0.9375em;
      background-color: white;
      border: solid 1px #cccccc; }
      .section-container.vertical-nav > section > .content > *:last-child, .section-container.vertical-nav > .section > .content > *:last-child {
        margin-bottom: 0; }
      .section-container.vertical-nav > section > .content > *:first-child, .section-container.vertical-nav > .section > .content > *:first-child {
        padding-top: 0; }
      .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video) {
        padding-bottom: 0; }
    .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title {
      background: #d5d5d5; }
      .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a {
        color: #333333; }
    .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active) {
      padding: 0 !important; }

  [data-section='horizontal-nav'], .section-container.horizontal-nav {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 1.25em; }
    [data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]) {
      visibility: hidden; }
    [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style] {
      width: 100% !important; }
      [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section {
        padding: 0 !important;
        margin: 0 !important; }
        [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title {
          width: 100% !important; }
    [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region] {
      position: relative;
      float: left; }
      [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title {
        margin-bottom: 0; }
        [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a {
          width: 100%;
          display: inline-block;
          white-space: nowrap; }
      [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content {
        display: none; }
      [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content {
        display: block; }
      [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active) {
        padding: 0 !important; }
      [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title {
        position: static;
        width: auto; }
        [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a {
          display: block; }
      [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content {
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        min-width: 12.5em; }

  .section-container.horizontal-nav {
    background: #efefef;
    border: 1px solid #cccccc; }
    .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
      background-color: #efefef;
      cursor: pointer;
      border: solid 1px #cccccc; }
      .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
        padding: 0.9375em;
        color: #333333;
        font-size: 0.875em;
        background: none; }
      .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover {
        background-color: #e2e2e2; }
    .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content {
      padding: 0.9375em;
      background-color: white;
      border: solid 1px #cccccc; }
      .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child {
        margin-bottom: 0; }
      .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child {
        padding-top: 0; }
      .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video) {
        padding-bottom: 0; }
    .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title {
      background: #d5d5d5; }
      .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a {
        color: #333333; }
    .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active) {
      padding: 0 !important; } }
.no-js [data-section], .no-js .section-container {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 1.25em; }
  .no-js [data-section][data-section-small-style], .no-js .section-container[data-section-small-style] {
    width: 100% !important; }
    .no-js [data-section][data-section-small-style] > [data-section-region], .no-js [data-section][data-section-small-style] > section, .no-js [data-section][data-section-small-style] > .section, .no-js .section-container[data-section-small-style] > [data-section-region], .no-js .section-container[data-section-small-style] > section, .no-js .section-container[data-section-small-style] > .section {
      padding: 0 !important;
      margin: 0 !important; }
      .no-js [data-section][data-section-small-style] > [data-section-region] > [data-section-title], .no-js [data-section][data-section-small-style] > [data-section-region] > .title, .no-js [data-section][data-section-small-style] > section > [data-section-title], .no-js [data-section][data-section-small-style] > section > .title, .no-js [data-section][data-section-small-style] > .section > [data-section-title], .no-js [data-section][data-section-small-style] > .section > .title, .no-js .section-container[data-section-small-style] > [data-section-region] > [data-section-title], .no-js .section-container[data-section-small-style] > [data-section-region] > .title, .no-js .section-container[data-section-small-style] > section > [data-section-title], .no-js .section-container[data-section-small-style] > section > .title, .no-js .section-container[data-section-small-style] > .section > [data-section-title], .no-js .section-container[data-section-small-style] > .section > .title {
        width: 100% !important; }
  .no-js [data-section] > section, .no-js [data-section] > .section, .no-js [data-section] > [data-section-region], .no-js .section-container > section, .no-js .section-container > .section, .no-js .section-container > [data-section-region] {
    margin: 0; }
    .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title {
      margin-bottom: 0; }
      .no-js [data-section] > section > [data-section-title] a, .no-js [data-section] > section > .title a, .no-js [data-section] > .section > [data-section-title] a, .no-js [data-section] > .section > .title a, .no-js [data-section] > [data-section-region] > [data-section-title] a, .no-js [data-section] > [data-section-region] > .title a, .no-js .section-container > section > [data-section-title] a, .no-js .section-container > section > .title a, .no-js .section-container > .section > [data-section-title] a, .no-js .section-container > .section > .title a, .no-js .section-container > [data-section-region] > [data-section-title] a, .no-js .section-container > [data-section-region] > .title a {
        width: 100%;
        display: inline-block;
        white-space: nowrap; }
    .no-js [data-section] > section > [data-section-content], .no-js [data-section] > section > .content, .no-js [data-section] > .section > [data-section-content], .no-js [data-section] > .section > .content, .no-js [data-section] > [data-section-region] > [data-section-content], .no-js [data-section] > [data-section-region] > .content, .no-js .section-container > section > [data-section-content], .no-js .section-container > section > .content, .no-js .section-container > .section > [data-section-content], .no-js .section-container > .section > .content, .no-js .section-container > [data-section-region] > [data-section-content], .no-js .section-container > [data-section-region] > .content {
      display: none; }
    .no-js [data-section] > section.active > [data-section-content], .no-js [data-section] > section.active > .content, .no-js [data-section] > .section.active > [data-section-content], .no-js [data-section] > .section.active > .content, .no-js [data-section] > [data-section-region].active > [data-section-content], .no-js [data-section] > [data-section-region].active > .content, .no-js .section-container > section.active > [data-section-content], .no-js .section-container > section.active > .content, .no-js .section-container > .section.active > [data-section-content], .no-js .section-container > .section.active > .content, .no-js .section-container > [data-section-region].active > [data-section-content], .no-js .section-container > [data-section-region].active > .content {
      display: block; }
    .no-js [data-section] > section:not(.active), .no-js [data-section] > .section:not(.active), .no-js [data-section] > [data-section-region]:not(.active), .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active), .no-js .section-container > [data-section-region]:not(.active) {
      padding: 0 !important; }
    .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title {
      width: 100%; }
.no-js .section-container {
  border-top: 1px solid #cccccc; }
  .no-js .section-container > section > .title, .no-js .section-container > .section > .title {
    background-color: #efefef;
    cursor: pointer;
    border: solid 1px #cccccc; }
    .no-js .section-container > section > .title a, .no-js .section-container > .section > .title a {
      padding: 0.9375em;
      color: #333333;
      font-size: 0.875em;
      background: none; }
    .no-js .section-container > section > .title:hover, .no-js .section-container > .section > .title:hover {
      background-color: #e2e2e2; }
  .no-js .section-container > section > .content, .no-js .section-container > .section > .content {
    padding: 0.9375em;
    background-color: white;
    border: solid 1px #cccccc; }
    .no-js .section-container > section > .content > *:last-child, .no-js .section-container > .section > .content > *:last-child {
      margin-bottom: 0; }
    .no-js .section-container > section > .content > *:first-child, .no-js .section-container > .section > .content > *:first-child {
      padding-top: 0; }
    .no-js .section-container > section > .content > *:last-child:not(.flex-video), .no-js .section-container > .section > .content > *:last-child:not(.flex-video) {
      padding-bottom: 0; }
  .no-js .section-container > section.active > .title, .no-js .section-container > .section.active > .title {
    background: #d5d5d5; }
    .no-js .section-container > section.active > .title a, .no-js .section-container > .section.active > .title a {
      color: #333333; }
  .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active) {
    padding: 0 !important; }
  .no-js .section-container > section > .title, .no-js .section-container > .section > .title {
    border-top: none; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #111111; }
  .contain-to-grid .top-bar {
    margin-bottom: 0; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }
  .fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%; }
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
    .fixed.expanded:not(.top-bar) .top-bar-section {
      z-index: 98;
      margin-top: 45px; }

.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #111111;
  margin-bottom: 0; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 2.45em; }
  .top-bar .button {
    padding-top: .5em;
    padding-bottom: .5em;
    margin-bottom: 0; }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 1.0625em;
      margin: 0; }
      .top-bar .name h1 a {
        font-weight: bold;
        color: white;
        width: 50%;
        display: block;
        padding: 0 15px; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: white;
      text-transform: uppercase;
      font-size: 0.8125em;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 15px;
      height: 45px;
      line-height: 45px; }
    .top-bar .toggle-topbar.menu-icon {
      right: 15px;
      top: 50%;
      margin-top: -16px;
      padding-left: 40px; }
      .top-bar .toggle-topbar.menu-icon a {
        text-indent: -48px;
        width: 34px;
        height: 34px;
        line-height: 33px;
        padding: 0;
        color: white; }
        .top-bar .toggle-topbar.menu-icon a span {
          position: absolute;
          right: 0;
          display: block;
          width: 16px;
          height: 0;
          -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
          box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #111111; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span {
        -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
        box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  -moz-transition: left 300ms ease-out;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    width: 100%;
    height: auto;
    display: block;
    background: #222222;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-bottom: solid 1px #2b2b2b;
    border-top: solid 1px black;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: white;
    padding: 12px 0 12px 0;
    padding-left: 15px;
    font-size: 0.8125em;
    font-weight: bold;
    background: #222222; }
    .top-bar-section ul li > a.button {
      background: red;
      font-size: 0.8125em;
      padding-right: 15px;
      padding-left: 15px; }
      .top-bar-section ul li > a.button:hover {
        background: #cc0000; }
    .top-bar-section ul li > a.button.secondary {
      background: #ededed; }
      .top-bar-section ul li > a.button.secondary:hover {
        background: lightgrey; }
    .top-bar-section ul li > a.button.success {
      background: #5da423; }
      .top-bar-section ul li > a.button.success:hover {
        background: #457a1a; }
    .top-bar-section ul li > a.button.alert {
      background: #c60f13; }
      .top-bar-section ul li > a.button.alert:hover {
        background: #970b0e; }
  .top-bar-section ul li:hover > a {
    background: black;
    color: white; }
  .top-bar-section ul li.active > a {
    background: #090909;
    color: white; }
  .top-bar-section .has-form {
    padding: 15px; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block; }
  .top-bar-section .dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    z-index: 99; }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 15px; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: bold; }
      .top-bar-section .dropdown li.title h5 {
        margin-bottom: 0; }
        .top-bar-section .dropdown li.title h5 a {
          color: white;
          line-height: 22.5px;
          display: block; }
    .top-bar-section .dropdown label {
      padding: 8px 15px 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #555555;
      font-weight: bold;
      font-size: 0.625em; }

.top-bar-js-breakpoint {
  width: 48em !important;
  visibility: hidden; }

.js-generated {
  display: block; }

@media only screen and (min-width: 48em) {
  .top-bar {
    background: #111111;
    *zoom: 1;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input,
    .top-bar .button {
      line-height: 2em;
      font-size: 0.875em;
      height: 2em;
      padding: 0 10px;
      position: relative;
      top: 8px; }
    .top-bar.expanded {
      background: #111111; }

  .contain-to-grid .top-bar {
    max-width: 75em;
    margin: 0 auto;
    margin-bottom: 0; }

  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background: black;
      color: white; }
    .top-bar-section li a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #111111; }
      .top-bar-section li a:not(.button):hover {
        background: black; }
    .top-bar-section .has-dropdown > a {
      padding-right: 35px !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: none; }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 1em;
      margin-top: -7px;
      right: 5px; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: white;
        line-height: 1;
        white-space: nowrap;
        padding: 7px 15px;
        background: #1e1e1e; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #1e1e1e; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #2b2b2b;
      border-left: solid 1px black;
      clear: none;
      height: 45px;
      width: 0; }
    .top-bar-section .has-form {
      background: #111111;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section ul.right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section ul.right li .dropdown li .dropdown {
        right: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background: black;
    color: white; }
  .no-js .top-bar-section ul li:active > a {
    background: #090909;
    color: white; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block; } }
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg); }

  to {
    -o-transform: rotate(360deg); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li,
    .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }

.preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 3px;
  border-color: #555555 white;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotate;
  -o-animation-duration: 1.5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: whitesmoke; }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
    .orbit-container .orbit-slides-container img {
      display: block;
      max-width: 100%; }
    .orbit-container .orbit-slides-container > * {
      position: absolute;
      top: 0;
      width: 100%;
      margin-left: 100%; }
      .orbit-container .orbit-slides-container > *:first-child {
        margin-left: 0%; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        color: white;
        width: 100%;
        padding: 10px 14px;
        font-size: 0.875em; }
  .orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: white;
    background: rgba(0, 0, 0, 0);
    z-index: 10; }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125em; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      display: block;
      width: 0%; }
    .orbit-container .orbit-timer > span {
      display: none;
      position: absolute;
      top: 10px;
      right: 0;
      width: 11px;
      height: 14px;
      border: solid 4px black;
      border-top: none;
      border-bottom: none; }
    .orbit-container .orbit-timer.paused > span {
      right: -6px;
      top: 9px;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-right-style: solid;
      border-color: transparent transparent transparent black; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev,
  .orbit-container .orbit-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 50px;
    height: 60px;
    line-height: 50px;
    color: white;
    text-indent: -9999px !important;
    z-index: 10; }
    .orbit-container .orbit-prev:hover,
    .orbit-container .orbit-next:hover {
      background-color: rgba(0, 0, 0, 0.6); }
    .orbit-container .orbit-prev > span,
    .orbit-container .orbit-next > span {
      position: absolute;
      top: 50%;
      margin-top: -16px;
      display: block;
      width: 0;
      height: 0;
      border: inset 16px; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: white; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: #cccccc; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: white;
      left: 50%;
      margin-left: -8px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: #cccccc; }

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px; }
  .orbit-bullets li {
    display: block;
    width: 0.75em;
    height: 0.75em;
    background: #999999;
    float: left;
    margin-right: 6px;
    border: solid 1px #555555;
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #555555; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none; }
.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width: 768px) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }
@media only screen and (max-width: 768px) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important; }
  .orbit-stack-on-small .orbit-slides-container > * {
    position: relative;
    margin-left: 0% !important; }
  .orbit-stack-on-small .orbit-timer,
  .orbit-stack-on-small .orbit-next,
  .orbit-stack-on-small .orbit-prev,
  .orbit-stack-on-small .orbit-bullets {
    display: none; } }
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 98;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  margin-left: -40%;
  width: 80%;
  background-color: white;
  padding: 1.25em;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  top: 50px; }
  .reveal-modal .column,
  .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  .reveal-modal .close-reveal-modal {
    font-size: 1.375em;
    line-height: 1;
    position: absolute;
    top: 0.5em;
    right: 0.6875em;
    color: #aaaaaa;
    font-weight: bold;
    cursor: pointer; }

@media only screen and (min-width: 768px) {
  .reveal-modal {
    padding: 1.875em;
    top: 6.25em; }
    .reveal-modal.tiny {
      margin-left: -15%;
      width: 30%; }
    .reveal-modal.small {
      margin-left: -20%;
      width: 40%; }
    .reveal-modal.medium {
      margin-left: -30%;
      width: 60%; }
    .reveal-modal.large {
      margin-left: -35%;
      width: 70%; }
    .reveal-modal.xlarge {
      margin-left: -47.5%;
      width: 95%; } }
@media print {
  .reveal-modal {
    background: white !important; } }
/* Foundation Joyride */
.joyride-list {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: black;
  color: white;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%; }

.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px; }

.joyride-content-wrapper {
  width: 100%;
  padding: 1.125em 1.25em 1.5em; }
  .joyride-content-wrapper .button {
    margin-bottom: 0 !important; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: inset 14px; }
  .joyride-tip-guide .joyride-nub.top {
    border-top-style: solid;
    border-color: black;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -28px; }
  .joyride-tip-guide .joyride-nub.bottom {
    border-bottom-style: solid;
    border-color: black !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -28px; }
  .joyride-tip-guide .joyride-nub.right {
    right: -28px; }
  .joyride-tip-guide .joyride-nub.left {
    left: -28px; }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: white; }

.joyride-tip-guide p {
  margin: 0 0 1.125em 0;
  font-size: 0.875em;
  line-height: 1.3; }

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555555;
  position: absolute;
  right: 1.0625em;
  bottom: 1em; }

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666666; }

.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777777 !important;
  text-decoration: none;
  font-size: 30px;
  font-weight: normal;
  line-height: 0.5 !important; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #eeeeee !important; }

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer; }

.joyride-expose-wrapper {
  background-color: #ffffff;
  position: absolute;
  border-radius: 3px;
  z-index: 102;
  -moz-box-shadow: 0 0 30px white;
  -webkit-box-shadow: 0 0 15px white;
  box-shadow: 0 0 15px white; }

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0; }

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .joyride-tip-guide {
    width: 300px;
    left: inherit; }
    .joyride-tip-guide .joyride-nub.bottom {
      border-color: black !important;
      border-bottom-color: transparent !important;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      bottom: -28px; }
    .joyride-tip-guide .joyride-nub.right {
      border-color: black !important;
      border-top-color: transparent !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: auto;
      right: -28px; }
    .joyride-tip-guide .joyride-nub.left {
      border-color: black !important;
      border-top-color: transparent !important;
      border-left-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: -28px;
      right: auto; } }
/* Clearing Styles */
[data-clearing] {
  *zoom: 1;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }
  [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  [data-clearing]:after {
    clear: both; }
  [data-clearing] li {
    float: left;
    margin-right: 10px; }

.clearing-blackout {
  background: #111111;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  color: white;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #111111;
  width: 100%;
  padding: 10px 30px;
  position: absolute;
  left: 0; }

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 40px;
  line-height: 1;
  color: white;
  display: none; }
  .clearing-close:hover, .clearing-close:focus {
    color: #ccc; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 768px) {
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      position: absolute;
      top: 50%;
      display: block;
      width: 0;
      height: 0;
      border: solid 16px; }

  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: white; }

  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: white; }

  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.5; }

  .clearing-assembled .clearing-container .carousel {
    background: #111111;
    height: 150px;
    margin-top: 5px; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: block;
      z-index: 999;
      width: 200%;
      height: 100%;
      margin-left: 0;
      position: relative;
      left: 0; }
      .clearing-assembled .clearing-container .carousel > ul li {
        display: block;
        width: 175px;
        height: inherit;
        padding: 0;
        float: left;
        overflow: hidden;
        margin-right: 1px;
        position: relative;
        cursor: pointer;
        opacity: 0.4; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          min-height: 100%;
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          -webkit-box-shadow: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          min-width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
  .clearing-assembled .clearing-container .visible-img {
    background: #111111;
    overflow: hidden;
    height: 75%; }

  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0; } }
/* Foundation Alerts */
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: bold;
  margin-bottom: 1.25em;
  position: relative;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  font-size: 0.875em;
  background-color: red;
  border-color: #cc0000;
  color: white; }
  .alert-box .close {
    font-size: 1.375em;
    padding: 5px 4px 4px;
    line-height: 0;
    position: absolute;
    top: 0.4375em;
    right: 0.3125em;
    color: #333333;
    opacity: 0.3; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    -webkit-border-radius: 0px;
    border-radius: 0px; }
  .alert-box.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: white; }
  .alert-box.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: white; }
  .alert-box.secondary {
    background-color: #ededed;
    border-color: lightgrey;
    color: #545454; }

/* Breadcrumbs */
.breadcrumbs {
  display: block;
  padding: 0.5625em 0.875em 0.5625em;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #fafafa;
  border-color: #e0e0e0;
  -webkit-border-radius: 0px;
  border-radius: 0px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875em;
    text-transform: uppercase; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a,
    .breadcrumbs > * span {
      text-transform: uppercase;
      color: red; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #aaaaaa;
      margin: 0 0.75em;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Custom Checkbox and Radio Inputs */
form.custom .hidden-field {
  margin-left: -99999px;
  position: absolute;
  visibility: hidden; }
form.custom .custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
  /* fix centering issue */
  vertical-align: middle;
  border: solid 1px #cccccc;
  background: white; }
  form.custom .custom.checkbox {
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0; }
  form.custom .custom.radio {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    padding: 3px; }
  form.custom .custom.checkbox:before {
    content: "";
    display: block;
    font-size: 16px;
    color: white; }
  form.custom .custom.radio.checked:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    background: #222222;
    position: relative; }
  form.custom .custom.checkbox.checked:before {
    content: "\00d7";
    color: #222222;
    position: absolute;
    top: -50%;
    left: 50%;
    margin-top: 4px;
    margin-left: -5px; }

/* Custom Select Options and Dropdowns */
form.custom {
  /* Custom input, disabled */ }
  form.custom .custom.dropdown {
    display: block;
    position: relative;
    top: 0;
    height: 2.3125em;
    margin-bottom: 1.25em;
    margin-top: 0;
    padding: 0;
    width: 100%;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
    background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
    -webkit-box-shadow: none;
    background: linear-gradient(to bottom, white 0%, #f3f3f3 100%);
    box-shadow: none;
    font-size: 0.875em;
    vertical-align: top; }
    form.custom .custom.dropdown ul {
      overflow-y: auto;
      max-height: 200px; }
    form.custom .custom.dropdown .current {
      cursor: default;
      white-space: nowrap;
      line-height: 2.25em;
      color: rgba(0, 0, 0, 0.75);
      text-decoration: none;
      overflow: hidden;
      display: block;
      margin-left: 0.5em;
      margin-right: 2.3125em; }
    form.custom .custom.dropdown .selector {
      cursor: default;
      position: absolute;
      width: 2.5em;
      height: 2.3125em;
      display: block;
      right: 0;
      top: 0; }
      form.custom .custom.dropdown .selector:after {
        content: "";
        display: block;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: #aaaaaa transparent transparent transparent;
        border-top-style: solid;
        position: absolute;
        left: 0.9375em;
        top: 50%;
        margin-top: -3px; }
    form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: #222222 transparent transparent transparent;
      border-top-style: solid; }
    form.custom .custom.dropdown .disabled {
      color: #888888; }
      form.custom .custom.dropdown .disabled:hover {
        background: transparent;
        color: #888888; }
        form.custom .custom.dropdown .disabled:hover:after {
          display: none; }
    form.custom .custom.dropdown.open ul {
      display: block;
      z-index: 10;
      min-width: 100%;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box; }
    form.custom .custom.dropdown.small {
      max-width: 134px; }
    form.custom .custom.dropdown.medium {
      max-width: 254px; }
    form.custom .custom.dropdown.large {
      max-width: 434px; }
    form.custom .custom.dropdown.expand {
      width: 100% !important; }
    form.custom .custom.dropdown.open.small ul {
      min-width: 134px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    form.custom .custom.dropdown.open.medium ul {
      min-width: 254px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    form.custom .custom.dropdown.open.large ul {
      min-width: 434px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  form.custom .error .custom.dropdown {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
    background: rgba(198, 15, 19, 0.1);
    margin-bottom: 0; }
    form.custom .error .custom.dropdown:focus {
      background: #fafafa;
      border-color: #999999; }
  form.custom .error .custom.dropdown + small.error {
    margin-top: 0; }
  form.custom .custom.dropdown ul {
    position: absolute;
    width: auto;
    display: none;
    margin: 0;
    left: -1px;
    top: auto;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 0;
    background: white;
    border: solid 1px #cccccc;
    font-size: 16px; }
    form.custom .custom.dropdown ul li {
      color: #555555;
      font-size: 0.875em;
      cursor: default;
      padding-top: 0.25em;
      padding-bottom: 0.25em;
      padding-left: 0.375em;
      padding-right: 2.375em;
      min-height: 1.5em;
      line-height: 1.5em;
      margin: 0;
      white-space: nowrap;
      list-style: none; }
      form.custom .custom.dropdown ul li.selected {
        background: #eeeeee;
        color: black; }
      form.custom .custom.dropdown ul li:hover {
        background-color: #e4e4e4;
        color: black; }
      form.custom .custom.dropdown ul li.selected:hover {
        background: #eeeeee;
        cursor: default;
        color: black; }
    form.custom .custom.dropdown ul.show {
      display: block; }
  form.custom .custom.disabled {
    background: #dddddd; }

/* Keystroke Characters */
.keystroke,
kbd {
  background-color: #ededed;
  border-color: #dbdbdb;
  color: #222222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 0.875em;
  padding: 0.125em 0.25em 0;
  -webkit-border-radius: 0px;
  border-radius: 0px; }

/* Labels */
.label {
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  padding: 0.1875em 0.625em 0.25em;
  font-size: 0.875em;
  background-color: red;
  color: white; }
  .label.radius {
    -webkit-border-radius: 0px;
    border-radius: 0px; }
  .label.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
  .label.alert {
    background-color: #c60f13;
    color: white; }
  .label.success {
    background-color: #5da423;
    color: white; }
  .label.secondary {
    background-color: #ededed;
    color: #333333; }

/* Inline Lists */
.inline-list {
  margin: 0 auto 1.0625em auto;
  margin-left: -1.375em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375em;
    display: block; }
    .inline-list > li > * {
      display: block; }

/* Default Pagination */
ul.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em; }
  ul.pagination li {
    height: 1.5em;
    color: #222222;
    font-size: 0.875em;
    margin-left: 0.3125em; }
    ul.pagination li a {
      display: block;
      padding: 0.0625em 0.4375em 0.0625em;
      color: #999999; }
    ul.pagination li:hover a,
    ul.pagination li a:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a {
      cursor: default;
      color: #999999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
      background: transparent; }
    ul.pagination li.current a {
      background: red;
      color: white;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus {
        background: red; }
  ul.pagination li {
    float: left;
    display: block; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    float: none;
    display: inline-block; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #f2f2f2; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625em; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #cc0000;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: red;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625em; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a {
      color: white; }
  .panel.radius {
    -webkit-border-radius: 0px;
    border-radius: 0px; }

/* Pricing Tables */
.pricing-table {
  border: solid 1px #dddddd;
  margin-left: 0;
  margin-bottom: 1.25em; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #dddddd;
    padding: 0.9375em 1.25em;
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-size: 1em; }
  .pricing-table .price {
    background-color: #eeeeee;
    padding: 0.9375em 1.25em;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 1.25em; }
  .pricing-table .description {
    background-color: white;
    padding: 0.9375em;
    text-align: center;
    color: #777777;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .bullet-item {
    background-color: white;
    padding: 0.9375em;
    text-align: center;
    color: #333333;
    font-size: 0.875em;
    font-weight: normal;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .cta-button {
    background-color: whitesmoke;
    text-align: center;
    padding: 1.25em 1.25em 0; }

/* Progress Bar */
.progress {
  background-color: transparent;
  height: 1.5625em;
  border: 1px solid #cccccc;
  padding: 0.125em;
  margin-bottom: 0.625em; }
  .progress .meter {
    background: red;
    height: 100%;
    display: block; }
  .progress.secondary .meter {
    background: #ededed;
    height: 100%;
    display: block; }
  .progress.success .meter {
    background: #5da423;
    height: 100%;
    display: block; }
  .progress.alert .meter {
    background: #c60f13;
    height: 100%;
    display: block; }
  .progress.radius {
    -webkit-border-radius: 0px;
    border-radius: 0px; }
    .progress.radius .meter {
      -webkit-border-radius: -1px;
      border-radius: -1px; }
  .progress.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
    .progress.round .meter {
      -webkit-border-radius: 999px;
      border-radius: 999px; }

/* Side Nav */
.side-nav {
  display: block;
  margin: 0;
  padding: 0.875em 0;
  list-style-type: none;
  list-style-position: inside; }
  .side-nav li {
    margin: 0 0 0.4375em 0;
    font-size: 0.875em; }
    .side-nav li a {
      display: block;
      color: red; }
    .side-nav li.active > a:first-child {
      color: #4d4d4d;
      font-weight: bold; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: #e6e6e6; }

/* Side Nav */
.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25em 0 1.125em;
  padding-top: 0.25em;
  margin-right: 0;
  margin-left: -0.5625em; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    float: left;
    display: inline;
    margin-left: 0.5625em;
    margin-bottom: 0.625em;
    font-weight: normal;
    font-size: 0.875em; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      color: #999999;
      text-decoration: none; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      -webkit-border-radius: 1000px;
      border-radius: 1000px;
      font-weight: bold;
      background: red;
      padding: 0.1875em 0.5625em;
      cursor: default;
      color: white; }

/* Foundation Switches */
@media only screen {
  div.switch {
    position: relative;
    padding: 0;
    display: block;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25em;
    height: 2.25em;
    background: white;
    border-color: #cccccc; }
    div.switch label {
      position: relative;
      left: 0;
      z-index: 2;
      float: left;
      width: 50%;
      height: 100%;
      margin: 0;
      font-weight: bold;
      text-align: left;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input {
      position: absolute;
      z-index: 3;
      opacity: 0;
      width: 100%;
      height: 100%;
      -moz-appearance: none; }
      div.switch input:hover, div.switch input:focus {
        cursor: pointer; }
    div.switch span:last-child {
      position: absolute;
      top: -1px;
      left: -1px;
      z-index: 1;
      display: block;
      padding: 0;
      border-width: 1px;
      border-style: solid;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input:not(:checked) + label {
      opacity: 0; }
    div.switch input:checked {
      display: none !important; }
    div.switch input {
      left: 0;
      display: block !important; }
    div.switch input:first-of-type + label,
    div.switch input:first-of-type + span + label {
      left: -50%; }
    div.switch input:first-of-type:checked + label,
    div.switch input:first-of-type:checked + span + label {
      left: 0%; }
    div.switch input:last-of-type + label,
    div.switch input:last-of-type + span + label {
      right: -50%;
      left: auto;
      text-align: right; }
    div.switch input:last-of-type:checked + label,
    div.switch input:last-of-type:checked + span + label {
      right: 0%;
      left: auto; }
    div.switch span.custom {
      display: none !important; }
    form.custom div.switch .hidden-field {
      margin-left: auto;
      position: absolute;
      visibility: visible; }
    div.switch label {
      padding: 0;
      line-height: 2.3em;
      font-size: 0.875em; }
    div.switch input:first-of-type:checked ~ span:last-child {
      left: 100%;
      margin-left: -2.1875em; }
    div.switch span:last-child {
      width: 2.25em;
      height: 2.25em; }
    div.switch span:last-child {
      border-color: #b3b3b3;
      background: white;
      background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
      background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
      background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
      -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
      box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; }
    div.switch:hover span:last-child, div.switch:focus span:last-child {
      background: white;
      background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
      background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
      background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); }
    div.switch:active {
      background: transparent; }
    div.switch.large {
      height: 2.75em; }
      div.switch.large label {
        padding: 0;
        line-height: 2.3em;
        font-size: 1.0625em; }
      div.switch.large input:first-of-type:checked ~ span:last-child {
        left: 100%;
        margin-left: -2.6875em; }
      div.switch.large span:last-child {
        width: 2.75em;
        height: 2.75em; }
    div.switch.small {
      height: 1.75em; }
      div.switch.small label {
        padding: 0;
        line-height: 2.1em;
        font-size: 0.75em; }
      div.switch.small input:first-of-type:checked ~ span:last-child {
        left: 100%;
        margin-left: -1.6875em; }
      div.switch.small span:last-child {
        width: 1.75em;
        height: 1.75em; }
    div.switch.tiny {
      height: 1.375em; }
      div.switch.tiny label {
        padding: 0;
        line-height: 1.9em;
        font-size: 0.6875em; }
      div.switch.tiny input:first-of-type:checked ~ span:last-child {
        left: 100%;
        margin-left: -1.3125em; }
      div.switch.tiny span:last-child {
        width: 1.375em;
        height: 1.375em; }
    div.switch.radius {
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      div.switch.radius span:last-child {
        -webkit-border-radius: 3px;
        border-radius: 3px; }
    div.switch.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; }
      div.switch.round span:last-child {
        -webkit-border-radius: 999px;
        border-radius: 999px; }
      div.switch.round label {
        padding: 0 0.5625em; }

  @-webkit-keyframes webkitSiblingBugfix {
    from {
      position: relative; }

    to {
      position: relative; } } }
  @media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 480px) {
    div.switch {
      -webkit-animation: webkitSiblingBugfix infinite 1s; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    div.switch {
      -webkit-animation: none 0; } }
[data-magellan-expedition] {
  background: white;
  z-index: 50;
  min-width: 100%;
  padding: 10px; }
  [data-magellan-expedition] .sub-nav {
    margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav dd {
      margin-bottom: 0; }

/* Tables */
table {
  background: white;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }
  table thead,
  table tfoot {
    background: whitesmoke;
    font-weight: bold; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5em 0.625em 0.625em;
      font-size: 0.875em;
      color: #222222;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #222222; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 1.125em; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px white;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 6px 1px rgba(255, 0, 0, 0.5); }
  .th.radius {
    -webkit-border-radius: 0px;
    border-radius: 0px; }

a.th {
  display: inline-block;
  max-width: 100%; }

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #990000;
    color: red; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: bold;
  font-size: 0.9375em;
  line-height: 1.3;
  padding: 0.5em;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: white;
  background: black;
  -webkit-border-radius: 0px;
  border-radius: 0px; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent black transparent;
    top: -10px; }
  .tooltip.opened {
    color: red !important;
    border-bottom: dotted 1px #990000 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625em;
  color: #888888;
  font-weight: normal; }

@media only screen and (min-width: 768px) {
  .tooltip > .nub {
    border-color: transparent transparent black transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: black transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent black;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent black transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }
@media only screen and (max-width: 767px) {
  .f-dropdown {
    max-width: 100%;
    left: 0; } }
/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  top: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #cccccc;
  font-size: 16px;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown > *:first-child {
    margin-top: 0; }
  .f-dropdown > *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent white transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 99; }
  .f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 98; }
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
  .f-dropdown li {
    font-size: 0.875em;
    cursor: pointer;
    line-height: 1.125em;
    margin: 0; }
    .f-dropdown li:hover, .f-dropdown li:focus {
      background: #eeeeee; }
    .f-dropdown li a {
      display: block;
      padding: 0.5em;
      color: #555555; }
  .f-dropdown.content {
    position: absolute;
    top: -9999px;
    list-style: none;
    margin-left: 0;
    padding: 1.25em;
    width: 100%;
    height: auto;
    max-height: none;
    background: white;
    border: solid 1px #cccccc;
    font-size: 16px;
    z-index: 99;
    max-width: 200px; }
    .f-dropdown.content > *:first-child {
      margin-top: 0; }
    .f-dropdown.content > *:last-child {
      margin-bottom: 0; }
  .f-dropdown.tiny {
    max-width: 200px; }
  .f-dropdown.small {
    max-width: 300px; }
  .f-dropdown.medium {
    max-width: 500px; }
  .f-dropdown.large {
    max-width: 800px; }

/* Grid HTML Classes */
.row {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75em;
  width: 100%;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse .column,
  .row.collapse .columns {
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
    margin-left: -0.625em;
    margin-right: -0.625em;
    max-width: none;
    width: auto;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0;
      max-width: none;
      width: auto;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }
 
.column,
.columns {
  padding-left: 0.625em;
  padding-right: 0.625em;
  width: 100%;
  float: left;
  position: relative; }
 
@media only screen {
  .small-1 {
    width: 6.25%;  }
 
  .small-2 {
    width: 12.5% }
 
  .small-3 {
    width: 18.75%; }
 
  .small-1-5 {
    width:20%; }

  .small-4 {
   width: 25%;  }
 
  .small-5 {
    width: 31.25%; }
 
  .small-1-3 {
    width: 33.3333%; }

  .small-6 {
    width: 37.5%; }
 
  .small-7 {
    width: 43.75%; }
 
  .small-8 {
    width: 50%; }
 
  .small-9 {
    width: 56.25%; }
 
  .small-10 {
    width: 62.5%; }
 
  .small-11 {
    width: 68.75%; }
 
  .small-12 {
    width: 75%;}

  .small-13 {
    width: 81.25%; }
 
  .small-14 {
    width: 87.5%; }
 
  .small-15 {
    width: 93.75%; }
 
  .small-16 {
    width: 100%; }
 
  .small-offset-0 {
    margin-left: 0%; }

  .small-offset-1 {
    margin-left: 6.25%; }

  .small-offset-2 {
    margin-left: 12.5%; }

  .small-offset-3 {
    margin-left: 18.75%; }

  .small-offset-4 {
    margin-left: 25%; }

  .small-offset-5 {
    margin-left: 31.25%; }

  .small-offset-6 {
    margin-left: 37.5%; }

  .small-offset-7 {
    margin-left: 43.75%; }

  .small-offset-8 {
    margin-left: 50%; }

  .small-offset-9 {
    margin-left: 56.25%; }

  .small-offset-10 {
    margin-left: 62.5%; }

  .small-offset-11 {
    margin-left: 68.75%; }

  .small-offset-12 {
    margin-left: 75%; }

  .small-offset-13 {
    margin-left: 81.25%; }

  .small-offset-14 {
    margin-left: 87.5%; }
 
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
 
  [class*="column"] + [class*="column"].end {
    float: left; }
 
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }
@media only screen and (min-width: 640px) {
  .medium-1 {
    width: 6.25%;  }
 
  .medium-2 {
    width: 12.5% }
 
  .medium-3 {
    width: 18.75%; }
 
  .medium-1-5 {
    width:20%; }

  .medium-4 {
   width: 25%;  }
 
  .medium-5 {
    width: 31.25%; }

  .medium-1-3 {
    width: 33.3333%; }
 
  .medium-6 {
    width: 37.5%; }
 
  .medium-7 {
    width: 43.75%; }
 
  .medium-8 {
    width: 50%; }
 
  .medium-9 {
    width: 56.25%; }
 
  .medium-10 {
    width: 62.5%; }
 
  .medium-11 {
    width: 68.75%; }
 
  .medium-12 {
    width: 75%;}

  .medium-13 {
    width: 81.25%; }
 
  .medium-14 {
    width: 87.5%; }
 
  .medium-15 {
    width: 93.75%; }
 
  .medium-16 {
    width: 100%; }
 
  .medium-offset-0 {
    margin-left: 0%; }

  .medium-offset-1 {
    margin-left: 6.25%; }

  .medium-offset-2 {
    margin-left: 12.5%; }

  .medium-offset-3 {
    margin-left: 18.75%; }

  .medium-offset-4 {
    margin-left: 25%; }

  .medium-offset-5 {
    margin-left: 31.25%; }

  .medium-offset-6 {
    margin-left: 37.5%; }

  .medium-offset-7 {
    margin-left: 43.75%; }

  .medium-offset-8 {
    margin-left: 50%; }

  .medium-offset-9 {
    margin-left: 56.25%; }

  .medium-offset-10 {
    margin-left: 62.5%; }

  .medium-offset-11 {
    margin-left: 68.75%; }

  .medium-offset-12 {
    margin-left: 75%; }

  .medium-offset-13 {
    margin-left: 81.25%; }

  .medium-offset-14 {
    margin-left: 87.5%; }
 
  .medium-push-1 {
    left: 6.25%;
    right: auto; }

  .medium-pull-1 {
    right: 6.25%;
    left: auto; }

  .medium-push-2 {
    left: 12.5%;
    right: auto; }

  .medium-pull-2 {
    right: 12.5%;
    left: auto; }

  .medium-push-3 {
    left: 18.75%;
    right: auto; }

  .medium-pull-3 {
    right: 18.75%;
    left: auto; }

  .medium-push-4 {
    left: 25%;
    right: auto; }

  .medium-pull-4 {
    right: 25%;
    left: auto; }

  .medium-push-5 {
    left: 31.25%;
    right: auto; }

  .medium-pull-5 {
    right: 31.25%;
    left: auto; }

  .medium-push-6 {
    left: 37.5%;
    right: auto; }

  .medium-pull-6 {
    right: 37.5%;
    left: auto; }

  .medium-push-7 {
    left: 43.75%;
    right: auto; }

  .medium-pull-7 {
    right: 43.75%;
    left: auto; }

  .medium-push-8 {
    left: 50%;
    right: auto; }

  .medium-pull-8 {
    right: 50%;
    left: auto; }

  .medium-push-9 {
    left: 56.25%;
    right: auto; }

  .medium-pull-9 {
    right: 56.25%;
    left: auto; }

  .medium-push-10 {
    left: 62.5%;
    right: auto; }

  .medium-pull-10 {
    right: 62.5%;
    left: auto; }

  .medium-push-11 {
    left: 68.75%;
    right: auto; }

  .medium-pull-11 {
    right: 68.75%;
    left: auto; }

  .medium-push-12 {
    left: 75%;
    right: auto; }

  .medium-pull-12 {
    right: 75%;
    left: auto; }

  .medium-push-13 {
    left: 81.25%;
    right: auto; }

  .medium-pull-13 {
    right: 81.25%;
    left: auto; }

  .medium-push-14 {
    left: 87.5%;
    right: auto; }

  .medium-pull-14 {
    right: 87.5%;
    left: auto; }

  .medium-push-15 {
    left: 93.75%;
    right: auto; }

  .medium-pull-15 {
    right: 93.75%;
    left: auto; }
 
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
 
  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; } }
@media only screen and (min-width: 1024px) {
  .large-1 {
    width: 6.25%; }

  .large-2 {
    width: 12.5%; }

  .large-3 {
    width: 18.75%; }

  .large-1-5 {
    width:20%; }

  .large-4 {
    width: 25%; }

  .large-5 {
    width: 31.25%; }

  .large-1-3 {
    width: 33.3333%; }

  .large-6 {
    width: 37.5%; }

  .large-7 {
    width: 43.75%; }

  .large-8 {
    width: 50%; }

  .large-9 {
    width: 56.25%; }

  .large-10 {
    width: 62.5%; }

  .large-11 {
    width: 68.75%; }

  .large-12 {
    width: 75%; }

  .large-13 {
    width: 81.25%; }

  .large-14 {
    width: 87.5%; }

  .large-15 {
    width: 93.75%; }

  .large-16 {
    width: 100%; }

  .row .large-offset-0 {
    margin-left: 0%; }

  .row .large-offset-1 {
    margin-left: 6.25%; }

  .row .large-offset-2 {
    margin-left: 12.5%; }

  .row .large-offset-3 {
    margin-left: 18.75%; }

  .row .large-offset-4 {
    margin-left: 25%; }

  .row .large-offset-5 {
    margin-left: 31.25%; }

  .row .large-offset-6 {
    margin-left: 37.5%; }

  .row .large-offset-7 {
    margin-left: 43.75%; }

  .row .large-offset-8 {
    margin-left: 50%; }

  .row .large-offset-9 {
    margin-left: 56.25%; }

  .row .large-offset-10 {
    position: relative;
    margin-left: 62.5%; }

  .row .large-offset-11 {
    position: relative;
    margin-left: 68.75%; }

  .row .large-offset-12 {
    position: relative;
    margin-left: 75%; }

  .row .large-offset-13 {
    position: relative;
    margin-left: 81.25%; }

  .row .large-offset-14 {
    position: relative;
    margin-left: 87.5%; }

  .row .large-offset-15 {
    position: relative;
    margin-left: 93.75%; }

  .large-push-1 {
    position: relative;
    left: 6.25%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 6.25%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 12.5%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 12.5%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 18.75%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 18.75%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 31.25%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 31.25%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 37.5%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 37.5%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 43.75%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 43.75%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 56.25%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 56.25%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 62.5%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 62.5%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 68.75%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 68.75%;
    left: auto; }

  .large-push-12 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-12 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-13 {
    position: relative;
    left: 81.25%;
    right: auto; }

  .large-pull-13 {
    position: relative;
    right: 81.25%;
    left: auto; }

  .large-push-14 {
    position: relative;
    left: 87.5%;
    right: auto; }

  .large-pull-14 {
    position: relative;
    right: 87.5%;
    left: auto; }

  .large-push-15 {
    position: relative;
    left: 93.75%;
    right: auto; }

  .large-pull-15 {
    position: relative;
    right: 93.75%;
    left: auto; }
 
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
 
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; } }
@font-face{font-family:'FontAwesome';src:url('https://www.elektor.de/skin/frontend/default/elektor/font/fontawesome-webfont.eot?v=3.2.1');src:url('https://www.elektor.de/skin/frontend/default/elektor/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('https://www.elektor.de/skin/frontend/default/elektor/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('https://www.elektor.de/skin/frontend/default/elektor/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('https://www.elektor.de/skin/frontend/default/elektor/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}

/*! #######################################################################

	MeanMenu 2.0.6
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:9998}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@font-face {

	font-family: 'brandon_textblack';

	src: url('https://www.elektor.de/skin/frontend/default/elektor/font/brandontext-black-webfont.eot');

	src: url('https://www.elektor.de/skin/frontend/default/elektor/font/brandontext-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('https://www.elektor.de/skin/frontend/default/elektor/font/brandontext-black-webfont.woff2') format('woff2'),
	url('https://www.elektor.de/skin/frontend/default/elektor/font/brandontext-black-webfont.woff') format('woff'),
	url('https://www.elektor.de/skin/frontend/default/elektor/font/brandontext-black-webfont.ttf') format('truetype'),
	url('https://www.elektor.de/skin/frontend/default/elektor/font/brandontext-black-webfont.svg#brandon_textblack') format('svg');

	font-weight: normal;

	font-style: normal;

}
/* */
@media only screen {

	body {

		font-family: 'Montserrat', sans-serif;

	}

	h1, h2, h3, h4, h5, h6 {

		text-transform: uppercase;

	}

	.clearfix:before,
	.clearfix:after {

		content: " "; /* 1 */

		display: table; /* 2 */

	}

	.clearfix:after {

		clear: both;

	}

	.clearfix {

		*zoom: 1;

	}

	.h-padding-20 {

		padding: 0 20px;

	}

	h4 {

		font-size: 1em;

	}

	p {

		font: 400 14px/1.1em 'Montserrat', sans-serif;

		color: #6d6e70

	}

	select {

		padding: 5px;

	}

	.std {

		color: #6d6e70;

		font: 400 14px/1.4em 'Montserrat', sans-serif;

	}

	.image {

		text-align: center;

	}

	.section-title h2 {

		font: 400 28px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #ff0000;

		margin: 0 0 30px;

	}

	hr.shadow-line {

		margin-top: 0;

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/shadow-line.png) bottom center;

		border: 0;

		height: 50px;

	}

	.wide-content-block {

		position: relative;

		padding: 30px 0 40px;

	}

	.wide-content-block.bg-grey {

		background: #ededed;

	}

	.wide-content-block.video-magazine .box-collateral-title {

		font: 400 28px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #ff0000;

		margin: 0 0 30px;

	}

	.wide-content-block.video-magazine .issuuembed {

		margin: 0 auto;

	}

	.wide-content-block.video-magazine .issuuembed {
		max-width:100%;
	}

	.wide-content-block.bg-grey-dark {

		background: #d0d0d0;

	}

	.wide-content-block-arrow {

		position: absolute;

		left: 50%;

		top: -20px;

		margin-left: -18px;

	}

	.bg-grey-dark.arrow-up:before {

		position: absolute;

		top: -20px;

		left: 50%;

		margin-left: -20px;

		content: '';

		border-bottom: 20px solid #d0d0d0;

		border-left: 20px solid transparent;

		border-right: 20px solid transparent;

	}

	.bg-grey-dark.arrow-up {

		position: relative;

	}

	#BackToTop {

		display: none;

		float: left;

		color: #fff;

		margin: 0;

		right: 0;

		padding: 0;

		text-decoration: none;

		position: fixed;

		bottom: 10px;

		z-index: 999;

		width: 240px;

		height: 50px;

		box-shadow: 2px 2px 0 rgba(208, 208, 208, 1);

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/backtotop.jpg') 0 0 no-repeat;

	}

	#BackToTop:hover {

		background-position: 0 100%;

	}

	#BackToTop span {

		display: block;

		padding-left: 60px;

		cursor: pointer;

		font: 700 15px/53px 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.page-title h1 {

		line-height: 1.7em;

	}

	.messages .success-msg {

		background: #139a01;

	}

	.messages .error-msg {

		padding: 0.3em 0;

		background: #f00;

	}

	.messages .error-msg li a {

		color: #fff;

		text-decoration: underline;

	}

	.messages li {

		color: #fff;

	}

	.messages li.notice-msg {

		background: #ff0000;

	}

}

/************************

*	BUTTONS

************************/

@media only screen {

	button.button-arrow, .button-arrow {

		background: #ff0000 url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_arrow.png) 0 0 no-repeat;

		height: 30px;

		font: 500 18px/30px 'Montserrat', sans-serif;

		text-transform: uppercase;

		padding: 0 10px 0 35px;

		margin: 0;

		border: 0;

		-webkit-box-shadow: 2px 2px 0px rgba(255, 152, 152, 0.75);

		-moz-box-shadow: 2px 2px 0px rgba(255, 152, 152, 0.75);

		box-shadow: 2px 2px 0px rgba(255, 152, 152, 0.75);

	}

	button.button-arrow:hover, .button-arrow:hover {

		background: #931111 url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_arrow.png) 0 0 no-repeat;

	}

	button.button-arrow-alt, .button-arrow-alt {

		background: #ffffff url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_arrow_alt.png) 0 0 no-repeat;

		height: 30px;

		/* font: 700 22px/30px 'Montserrat', sans-serif; */

		font: 700 17px/30px 'Montserrat', sans-serif;

		text-transform: uppercase;

		padding: 0 10px 0 35px;

		margin: 0;

		border: 0;

		box-shadow: none;

		color: #000000;

	}

	button.button-arrow-alt:hover, .button-arrow-alt:hover {

		background: #ffffff url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_arrow_alt.png) 0 100% no-repeat;

		color: #ff0000;

	}

	.button-close {

		background: #6d6e71 url(https://www.elektor.de/skin/frontend/default/elektor/images/btn_arrow.png) 50% 0 no-repeat;

		font: 700 12px/20px 'Montserrat', sans-serif;

		text-transform: uppercase;

		padding: 0.2em 0.5em;

		display: inline-block;

		color: #ffffff;

		vertical-align: top;

		margin-right: 20px;

	}

	.btn-cta {

		background: #3aaa35;

		width: calc(100% - 3px);

		border: 0;

		padding: 0 0 0 50px;

		margin: 0 3px 0 0;

		font: 700 18px/32px 'Montserrat', sans-serif;
		min-height:50px;

		text-transform: uppercase;

		text-align: center;

		-webkit-box-shadow: 3px 3px 0px rgba(58, 170, 53, 0.75);

		-moz-box-shadow: 3px 3px 0px rgba(58, 170, 53, 0.75);

		box-shadow: 3px 3px 0px rgba(58, 170, 53, 0.75);

	}

	/*amasty out of stock */
	.button.btn-cart.amcart-ignore {

		border: 0;

		background-image: none;

		position: inherit !important;

	}

	#my-subscriptions-table {

		width: 100%;

	}

	/*amasty out of stock */
	.btn-cart {

		background: #3aaa35 url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_cart.png) no-repeat center left;

	}
	.product-shop .btn-cart {
		background-position:center right;
	}

	.btn-cart:hover {

		background-color: #2e852b;

		-webkit-box-shadow: 3px 3px 0px rgba(46, 133, 43, 0.75);

		-moz-box-shadow: 3px 3px 0px rgba(46, 133, 43, 0.75);

		box-shadow: 3px 3px 0px rgba(46, 133, 43, 0.75);

	}

	.button.secondary,
	button.secondary {

		background: #6d6e71;

		font: 700 18px/30px 'Montserrat', sans-serif;

		color: #ffffff;

		text-transform: uppercase;

		width: 98%;

		border: 0;

		padding: 0 0 0 50px;

		margin: 0 2% 0 0;

		-webkit-box-shadow: 3px 3px 0px rgba(109, 110, 113, 0.3);

		-moz-box-shadow: 3px 3px 0px rgba(109, 110, 113, 0.3);

		box-shadow: 3px 3px 0px rgba(109, 110, 113, 0.3);

	}

	button.large, .button.large {

		font-size: 1.1em;

	}

	.downloads-links-block h4 {

		font-family: 'Montserrat', sans-serif;

		font-size: 14px;

		font-weight: 400;

		text-transform: none;

	}
	.wide-content-block:not(.detailed-info-container) .downloads-links-block h4 {
		font: 24px/1em 'Montserrat', sans-serif;
		text-transform: uppercase;
		color: #ff0000;
		margin: 0 0 30px;
	}

	#downloadable-links-list li input[type="checkbox"] {

		float: left;

	}

	.rewardssocial-buttons {

		font-size: 16px;

	}

}

/************************

*	FILTERS

************************/

@media only screen {

	#narrow-by-list {

		height: 30px;

	}

	.filter {

		background: #d0d0d0;

	}

	.filter .icon.filter {

		display: block;

		width: 55px;

		height: 40px;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/icon-filter.gif') 0 0 no-repeat;

		text-indent: -9999px;

	}

	.filter .filter-title {

		display: block;

		color: #000;

		line-height: 40px;

		min-height: 40px;

		text-transform: uppercase;

		text-align: center;

	}

	.filter-title:hover, .filter-item li:hover .filter-title {

		color: #fff;

		background: #6d6e71;

	}

	.filter .filter-title .btn-remove {

		margin-right: 10px;

		text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);

	}

	.filter-item {

		margin-bottom: 0;

		list-style: none;

	}

	.filter-item > li {

		position: relative;

	}

	.filter-item li ol,
	.filter-item li ul {

		display: none;

		/* position: absolute;

		left: 10px;

		top: 40px; */

		z-index: 99;

		margin: 0;

		padding: 20px 0 50px 0;

		list-style: none;

		background: #fff;

		/* width: 91.5%; */

		width: 100%;

		border-left: 1px solid #c8c7c7;

		border-right: 1px solid #c8c7c7;

		border-bottom: 1px solid #c8c7c7;

	}

	.filter-item li:hover ol,
	.filter-item li:hover ul {

		display: block;

	}

	.filter li input {

		float: left;

		margin: 4px 10px 0 20px;

	}

	.filter li label {

		padding-left: 10px;

		color: #6d6e70;

	}

	ul.filter li a {

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/filter-unchecked.gif) 0 5px no-repeat;

	}

	ul.filter li a.m-checkbox-checked {

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/filter-checked.gif) 0 1px no-repeat;

	}

	ul.filter li {

		text-align: right;

		padding: 0 10px 5px;

	}

	ul.filter li a {
		float: left;
		text-align: left;
		padding-left: 20px;
	}

	ul.filter li a:hover {

		color: #000;

	}

	ol.m-filter-item-list,
	ul.filter {

		position: absolute;

		left: 0;

		top: 40px;

	}

	ol.m-filter-item-list li {

		padding-left: 0.625rem;

	}

	.filter .actions {

		display: none;

		position: absolute;

		bottom: 10px;

		right: 10px;

	}

	.filter-title:hover ~ ul.filter {

		display: block;

	}

	#m-wait .loader {

		margin-left: -120px !important;

		width: 240px !important;

		color: #f00 !important;

		border: 2px solid #f00 !important;

		background: #fff !important;

	}

	#narrow-by-list .arrow {

		font-size: small;

	}

	/* review & downloads paging */
	.box-reviews .large-4.columns.large-offset-2.pager{
		width: 100%;
	}
	.box-reviews .paging li{
		/*width: 10%;*/
		float: left;
		padding: 0.5em 0.625em;
		text-align: center;
	}

	.my-account .my-downloads .pager li{
		list-style-type: none;
		float: left;
		padding: 0.675em;
	}

}

/************************

*	HEADER

************************/

@media only screen {

	body {

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/background.jpg) 0 0 no-repeat;

	}

	.topbar {

		background: #6d6e71;

		min-height: 45px;

	}

	.topbar ul.inline-list {

		margin-left: -0.8em;

		margin-bottom: 0;

	}

	.topbar ul.inline-list > li {

		margin-left: 0.8em;

		line-height: 25px;

		height: 25px;

		margin-top: 10px;

		margin-bottom: 10px;

	}

	.topbar ul.inline-list > li img {

		margin-right: 10px;

	}

	.topbar ul.inline-list > li > a {

		color: #ffffff;

		font: 400 12px/25px 'Montserrat', sans-serif;

		text-transform: uppercase;

		display: block;

	}

	.topbar a:focus {

		outline: 0;

	}

	.topbar a:hover {

		text-decoration: underline;

	}

	.topbar .menu {

		float: left;

	}

	.topbar .menu li {

		line-height: 15px;

		height: 15px;

		margin-top: 15px;

		margin-bottom: 15px;

	}

	.topbar .menu li.last {

		border-right: 2px solid #ffffff;

	}

	.topbar .menu li a {

		line-height: 15px;

	}

	.topbar .menu li.last a {

		margin-right: 15px;

	}

	.topbar .account-login .form-list {

		margin-top: 20px;

		margin-left: 0;

	}

	.topbar .account-login .form-list li:hover {

		background: transparent;

	}

	.topbar .account-login .buttons-set {

		margin-top: 20px;

		text-align: center;

	}

	.topbar .account-login .buttons-set button {

		padding-top: 5px;

		padding-bottom: 5px;

	}

	.topbar .account-login .new-users {

		text-align: center;

	}

	.topbar .account-login .new-users p {

		margin-bottom: 0;

	}

	.topbar .account-login .new-users a {

		margin-top: 5px;

		display: inline-block;

	}

	.topbar .f-dropdown:before, .topbar .f-dropdown:after {

		left: 65px;

	}

	.topbar .f-dropdown .block-account .block-title {

		display: none;

	}

	.topbar .f-dropdown .block-account .block-content ul {

		margin: 10px 0;

	}

	.topbar .f-dropdown .block-account .block-content ul li {

		background: transparent;

		font-size: 12px;

	}

	.topbar .f-dropdown .block-account .block-content ul li.current {

		background: #ff0000;

		color: #ffffff;

	}

	.topbar .f-dropdown .block-account .block-content ul li a {

		background: transparent;

		padding: 5px 20px;

		font-size: 12px;

	}

	.topbar .lang-box {

		position: relative;

		margin: 10px 0 0 10px;

		float: left;

		list-style-type: none;

	}

	.topbar .lang-box .lang-dropdown {

		display: none;

		position: absolute;

		/* left: -8px; */

		right: -8px;

		top: 35px;

		margin: 0;

		padding: 10px 0 10px 0;

		z-index: 9;

		list-style: none;

		width: 100px;

		background: #fff;

		border: 1px solid #d0d0d0;

		border-top: 0;

	}

	.topbar .lang-box .lang-dropdown li {

		margin: 0 0 3px 0;

		height: 18px;

		line-height: 18px;

	}

	.topbar .lang-box .lang-dropdown li img {

		margin-right: 5px;

		vertical-align: baseline;

	}

	.topbar .lang-box .lang-dropdown a {

		display: block;

		padding: 1px 10px;

		color: #6d6e71;

		line-height: 18px;

	}

	.topbar .lang-box .lang-dropdown a:hover {

		background: #ededed;

		text-decoration: none;

	}

	.logo {

		display: block;

		margin: 20px 0;

		text-align: center;

	}

	#search_mini_form {

		margin: 1em 0 0 0;

		text-align: center;

	}

	#search_mini_form label {

		font: 400 16px/25px 'Montserrat', sans-serif;

		text-transform: uppercase;

		border: 0;

		height: 40px;

		line-height: 40px;

		background: none;

		white-space: nowrap;

		text-align: right;

	}

	#search_mini_form #search {

		float: left;

		margin-bottom: 0;

		height: 40px;

	}

	#search_mini_form .btn-search {

		margin: 0;

		width: 40px;

		height: 40px;

		background: #ededed;

		color: #ff0000;

		font-size: 1.4em;

		border: 0;

		box-shadow: none;

		padding: inherit;

	}

	#search_mini_form button:hover {

		color: #ffffff;

		background: #ff0000;

	}

	#search_mini_form button span {

		margin-top: -3px;

		display: block;

	}

	.topbar.green {

		background: #9cd49a;

		min-height: 30px;

		margin-top: 1px;

	}

	.marquee-container {

		width: 100%;

		overflow: hidden;

		border: none;

		background: #9cd49a;

		color: #fff;

		padding: 10px;

	}

	.marquee-container a {

		color: #fff;

	}

	/** ultimate aanpassingen **/
	.searchautocomplete {

		position: relative;

		top: 0px;

		width: 100%;

		padding: 0;

	}

	.searchautocomplete .nav {

		width: 100%;

		height: 40px;

		background: none;

		background-color: white;

		border: 1px solid #cccccc;

		border-radius: 0;

		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;

		box-sizing: border-box;

	}

	.searchautocomplete .nav .nav-input input {

		box-shadow: none;

	}

	.searchautocomplete .nav-submit-button {

		background: none;

		padding-left: 0.625em;

	}

	.searchautocomplete .nav-submit-button .button,
	.searchautocomplete .nav .nav-search-in .category-fake {

		border-radius: 0px;

	}

	.searchautocomplete .nav .nav-search-in .category-fake {

		margin: 0px;

		height: 38px;

		line-height: 36px;

	}

	.misspell.fallback strong, .misspell.suggest strong,
	.misspell.fallback strong a, .misspell.suggest strong a {

		color: #ff0000 !important;

	}

	.note-msg.misspell.suggest {

		padding-top: 15px;

	}

	/** ultimate aanpassingen **/
	.topcart {

		text-transform: uppercase;

		text-align: center;

		margin: 1em 0;

	}

	.topcart .shopping-cart {

		background: #ff0000;

		transition: all 0.5s ease;

	}

	.topcart .shopping-cart.green {

		background: #3baa34;

	}

	.topcart .shopping-cart img {

		margin: 5px 0;

	}

	.topcart .amount {

		background: #ededed;

		width: 100%;

		float: left;

		padding-left: 11.5%;

	}

	.topcart .amount span {

		color: #000000;

		font: 700 14px/30px 'Montserrat', sans-serif;

	}

	.topcart .amount span span {

		color: #ff0000;

		margin-left: 10px;

	}

	.topcart .goto {

		background: #ededed;

		color: #000000;

	}

	.topcart .goto a {

		background: #d0d0d0;

		width: 50%;

		display: block;

		float: left;

		color: #6d6e71;

		font: 700 14px/30px 'Montserrat', sans-serif;

		text-align: center;

		transition: all 0.5s ease;

	}

	.topcart .goto a:first-child {

		border-right: 1px solid #fff;

	}

	.topcart .goto a:hover {

		color: #fff;

		background: #6d6e71;

	}

	.topbar .right ul.menu {

		display: none;

	}

	.topbar .columns:last-child .row.collapse {

		background: #ff0000;

	}

	.topbar .topmenu {

		position: relative;

		width: 100%;

	}

	.topbar .topmenu .menu {

		display: none;

		position: absolute;

		top: 45px;

		left: 0;

		background: #6d6e71;

		z-index: 9999;

	}

	.topbar .topmenu .clone {

		display: block;

		margin-top: 10px;

		margin-bottom: 10px;

		padding-left: 0.8em;

		font: 400 12px/25px 'Montserrat', sans-serif;

		color: #fff;

		text-transform: uppercase;

		cursor: pointer;

		height: 25px !important;

	}

	.topbar .topmenu .openClose {

		position: absolute;

		top: 0;

		right: 0;

		height: 45px;

		width: 45px;

		line-height: 45px;

		text-align: center;

		color: #fff;

		font-size: 12px;

	}

	.topbar .topmenu .menu li,
	.topbar .topmenu .menu li.last {

		display: block;

		width: 100%;

		margin-left: 0;

		padding-right: 0.8em;

		border: 0;

	}

	.topbar .topmenu .menu li.last a,
	.topbar .topmenu .menu li a {

		margin: 0;

		text-align: right;

	}

	.topbar .toplinks {

		position: relative;

		width: 100%;

	}

	.topbar .toplinks .links {

		display: none;

		position: absolute;

		top: 25px;

		left: 0;

		background: #6d6e71;

		z-index: 9999;

		width: 140%;

	}

	.topbar .toplinks .links li {

	}

	.topbar .toplinks .clone {

		position: relative;

		display: block;

		margin-top: 10px;

		margin-bottom: 10px;

		font: 400 12px/25px 'Montserrat', sans-serif;

		color: #fff;

		text-transform: uppercase;

		cursor: pointer;

	}

	.topbar .toplinks .clone .openClose {

		position: absolute;

		top: -0.8em;

		right: -25px;

		height: 45px;

		width: 45px;

		line-height: 45px;

		text-align: center;

	}

	.topbar .toplinks .clone img {

		margin-right: 10px;

	}

	/* SHOP BY BRAND */
	.brands ul {

		border-top: 1px solid #c8c7c7;

		padding: 20px 0 0;

	}

	.brands .col li, .featuredbrands-list li {

		border: 1px solid #c8c7c7;

		height: 190px !important;

		padding: 10px;

		text-align: center;

	}

	.shopbybrand-list .item {

		margin-bottom: 20px;

	}

	.shopbybrand-list .item a {

		display: block;

	}

	.shopbybrand-index-view .filter {

		width: 100%;

	}

	.shopbybrand_view .brand-detail .blogo img {

		height: auto !important;

	}

	.filterbar .filter li.charlist {

		float: left;

		margin: 10px 14px;

	}

	.filterbar .filter {

		width: 100%;

		clear: both;

	}

	.shopbybrand-list ol {

		float: left;

		margin: 0 150px 0 0;

	}

	.brand-logo {

		align-items: center !important;

		display: inline-flex !important;

		max-width: 90% !important;

	}
	.product-shop {
		background:#f3f3f3;
		position:relative;
		margin-top:10px;
		padding-top:10px;
		padding-bottom:10px;
		border:#c7c7c7 1px solid;
		z-index: 10 !important;
	}

	.product-shop.stay-sticky {
		position: static;
		top: 0;
		right: 0;
		border: 1px solid red;
	}

	.product-shop:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(243, 243, 243, 0);
		border-bottom-color: #f3f3f3;
		border-width: 20px;
		margin-left: -20px;

	}
	.product-shop .short_des {

		width: 100%;

	}

	.product-shop .box {

		float: left;

		width: auto;

	}

	.product-shop .box.box1 {

		margin: 0 10px 0 0;

	}

	.product-shop .box.box2 span {

		float: left;

		margin: 0 0 5px;

		width: 100%;

		color: #000;

	}

	.product-shop .box.box2 a span {

		color: #ff0000;

	}

	.product-shop .price-box {


	}

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

		.product-shop .price-box {

		}

	}



	/* mirasvit rewards */
	.discount-form label {

		float: none !important;

	}

	.discount-form b {

		color: #f00;

	}

	.limit {

		color: #fff;

		font-style: italic;

	}

	.discount-form .left {

		width: 50%;

	}

	.discount .discount-form .input-box.amount {

		/*width: 30%;

		float: left;*/

	}

	.discount .discount-form .input-box.all {

		/*width: 70%;

		float: left;*/

	}

	.discount .discount-form .input-box.all input {

		float: left;

	}

	.discount .discount-form .input-box.all label {

		float: left;

		padding: 0 0 0 20px;

		font-size: 0.875em;

	}

	#points_amount {

		width: 100%;

	}

	.points_amount.title {

		padding-top: 0px !important;

	}

	/*.discount .discount-form .input-box #points_amount {

		width: 10%;

	}*/
	.onestepcheckout-rewards {

		float: left;

	}

	.onestepcheckout-rewards label {

		font-size: 0.875em !important;

		padding: 10px 0 !important;

		width: 100% !important;

	}

	.onestepcheckout-rewards .discount .input-box #points_all {

		margin: 10px 0 !important;

	}

	.discount-form .button {

		background: none repeat scroll 0 0 #d0d0d0;

		border: 0 none;

		color: #000;

		height: auto;

		text-transform: uppercase;

	}

	.discount-form .button:hover {

		background: none repeat scroll 0 0 #ff0000;

		color: #fff;

	}

	/* Amasty stock */
	.amxnotif-block {

		width: 100%;

		overflow: hidden;

		background: #d0d0d0;

		margin: 20px 0 20px;

		padding: 20px 20px 20px;

	}

	.amxnotif-block .left {

		width: 50%;

		padding: 0 20px 0 0;

	}

	.amxnotif-block .right {

		width: 50%;

		text-align: right;

	}

	.amxnotif-block label.red {

		color: #ff0000;

		text-transform: uppercase;

		font-size: 0.8em;

		margin-bottom: 0.4em;

	}

	.amxnotif-block span.text {

		color: #000;

		line-height: 20px;

		font-size: 0.8em;

	}

	.amxnotif-block .button.btn-cart.amcart-ignore {

		padding-bottom: 0.5em;

		padding-top: 0.5em;

	}

	/*fun page widgets*/
	.widget-multi-products {

		margin-bottom: 10px;

	}

	.widget-products .item {

		border: 1px solid #c8c7c7;

		padding: 0;

		background-repeat: no-repeat;

		background-size: cover;

		background-origin: content-box;

		max-height: 370px;

		height: 370px;

	}

	.widget-products .item a,
	.widget-products .item p {

		color: #000;

		margin-bottom: 0;

	}

	.widget-products h3 {

		margin-top: 0;

		line-height: 1;

		font-size: 1.4875em;

	}

	.widget-products .product-name {

		padding: 27px 30px 0;

	}

	.widget-products .row a.productlink {

		display: block;

		min-height: 317px;

	}

	.widget-products .fun-bottom {

		background-color: rgba(255, 255, 255);

		background-color: rgba(255, 255, 255, 0.9);

		padding: 10px 30px !important;

		border-top: 1px solid #c8c7c7;

	}

	.widget-products .price-box p {

		width: 50%;

	}

	.widget-products .price-box .price {

		font: 400 1.4em/1.1em "Montserrat", sans-serif;

	}

	.widget-products .price-box .abo-price .price {

		font: 400 1.1em/1.1em "Montserrat", sans-serif;

	}

	.widget-products button.button-arrow-alt,
	.widget-products .button-arrow-alt {

		background-color: unset;

		float: right;

	}

	.widget-products .abo-price .price-label {

		display: none;

	}

	.widget-products .price-box .abo-price .price {

		background-image: url("https://www.elektor.de/skin/frontend/default/elektor/images/icon_member.png");

		background-repeat: no-repeat;

		font: 400 15px/1.8em "Montserrat", sans-serif;

		padding-left: 35px;

		padding-top: 4px;

	}

	.widget-products.grid3 .abo-price {

		display: none;

	}

	.widget-products.grid3 .large-8 {

		width: auto;

	}

	/* funpage */
	.widget-funpage {

	}

	.funpage-banners {

		opacity: 0;

		margin-bottom: 40px;

	}

	.widget-funpage .inner {

		float: left;

		width: 100%;

		position: relative;

	}

	.funpage-banners .right {

		display: none;

	}

	.funpage-banners a {

		display: block;

	}

	.funpage-banners .columns {

		position: relative;

		z-index: 1;

	}

	.funpage-banners .columns img {

		width: 100%;

		display: block;

	}

	.funpage-banners img {

		margin-bottom: 10px;

	}

	.widget-funpage .robot {

		position: absolute;

		top: 2px;

		z-index: 2;

	}

	.widget-funpage .robot.robot-right {

		right: -124px;

		width: 156px;

	}

	.widget-funpage .robot.robot-left {

		left: -102px;

		width: 136px;

	}

	.funpage-title {

		margin: 0;

	}

	.funpage-title h2 {

		color: #feca1c;

	}

	.funpage-images .columns img {

		width: 100%;

	}

	.funpage-images .columns {

		margin-bottom: 20px;

	}

	.funpage-images .columns .columns {

		margin-bottom: 0px;

	}

	.fun-page .nav-container-1.large-16 {

		background: #fff;

	}

}

@media only screen and (min-width: 640px) {

	#search_mini_form .button {

		float: right;

	}

	.logo {

		text-align: left;

	}

	.topbar {

		min-height: 45px;

	}

	.topbar .toplinks .links.inline-list {

		position: static;

		display: block !important;

	}

	.topbar .columns:last-child .row.collapse {

		background: transparent;

	}

	.topbar .right ul.menu {

		position: static;

		display: inline !important;

		background: transparent;

	}

	.topbar .topmenu {

		float: left;

		width: auto;

	}

	.topbar .topmenu .menu li,
	.topbar .topmenu .menu li.last {

		display: inline;

		width: auto;

		margin-left: 0.8em;

	}

}

@media only screen and (min-width: 1024px) {

	#shopping-cart-table .input-container {

		min-width: 138px;

		float: left;

	}

	.topcart .shopping-cart i {

		width: 60px;

	}

	#search_mini_form {

		margin: 0;

	}

	#search_mini_form .button {

		float: none;

	}

	.logo {

		display: block;

		margin-top: 40px;

	}

	#search_mini_form {

		margin-top: 3.9em;

	}

	.topcart {

		margin: 3.11em 0;

	}

	.translate {

		float: left;

		margin-top: 10px;

	}

}

/************************

	*	MOBIELE NAVIGATIE

	************************/

@media only screen {

	.mean-container .mean-bar {

		background: #ff0000;

	}

	.mean-bar li {

		margin-left: 0;

	}

	.mean-bar li.home {

		display: none;

	}

}

/************************

	*	DESKTOP NAVIGATIE

	************************/

@media only screen and (min-width: 1024px) {

	#nav {

		height: 50px;

		border-top: 1px solid #c8c7c7;

		border-bottom: 1px solid #c8c7c7;

		margin-bottom: 0;

		margin-left: 0;

	}

	#nav li.home span {

		border: 0 !important;

	}

	#nav li.home span i {

		font-size: 1.5em;

		color: #ff0000;

	}

	#nav li.level0 {

		height: 50px;

		padding: 10px 0;

		margin: 0 1px 0 0;

	}

	#nav .menu-container li.level0 {

		padding: 0;

		height: auto;

	}

	#nav li.level0 span {

		font: 400 14px/30px 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #000000;

		margin-left: -1px;

		padding: 0 7px;

		border-left: 1px solid #c8c7c7;

	}

	ul.menu-container {

		list-style-type: none;

		margin: 0;

		z-index: 99;

		padding: 20px 10px;

		border: 1px solid #c8c7c7;

		background: #ffffff;

		border-top: 0;

	}

	ul.level0 a:hover {

		color: inherit;

		text-decoration: underline;

	}

	ul.menu-container:hover {

		display: block;

	}

	#nav li.level0:hover .menu-container span {

		border: none;

		font: 400 14px/20px 'Montserrat', sans-serif;

		text-transform: none;

		color: #6d6e70;

	}

	#nav li.level0:hover > .menu-container li:hover span {

		color: #ff0000;

	}

	#nav li.level0.red span {

		color: #ff0000;

	}
	
	#nav li.level0.red a.over span {

		color: #fff;

	}

	.nav-container-1 li.menu-item-depth-0.redwhite {

		background: #ff0000;

	}

	#nav li.level0.redwhite span {

		color: #ffffff;

	}

	/** HOVER **/
	#nav > li,
	#nav > li a span i,
	#nav > li a span {

		transition: background 0.3s ease, color 0.3s ease;

	}

	#nav > li:hover {

		background: #ff0000;

		margin-top: -1px;

		padding-top: 11px;

	}

	#nav > li:hover a span i,
	#nav > li:hover a span,
	#nav > li:hover a span font,
	#nav li.level0.red span:hover,
	#nav li.level0.red span:hover font	{

		color: #fff;

	}

}

/************************

	*	Slider

	************************/

@media only screen {

	.slider-container {

		/*display: none;*/

	}

}

@media only screen and (min-width: 640px) {

	.slider-container {

		margin-top: 20px;

		display: block;

	}

	.flex-direction-nav a {

		width: 50px;

		height: 50px;

		background: #d0d0d0;

		text-indent: -9999px;

		margin: -25px 0 0;

		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/slider-arrows.png');

		background-repeat: no-repeat;

	}

	.flex-direction-nav .flex-prev {

		left: 0;

		background-position: 0 100%;

	}

	.flex-direction-nav .flex-next {

		right: 0;

	}

	.slider-drop {

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/slider-shadow.png) center bottom no-repeat;

		border-bottom: 2px solid #ffffff;

		padding-bottom: 38px;

	}

	.slider {

		padding-left: 0.625em;

		padding-right: 0.625em;

	}

	.slider .slides li {

		position: relative;

	}

	.slider .slides li img {

		width: 100%;

	}

	.slider .flex-caption {

		position: absolute;

		top: 10%;

		right: 5%;

		z-index: 9;

		color: #000000;

		font: 400 50px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.slider .flex-caption strong {

		font: 700 50px/1em 'Montserrat', sans-serif;

	}

}

@media only screen and (min-width: 1024px) {

	.flex-direction-nav {

		display: none;

	}

	.product-grid .price-box {

		/* min-height:5.7rem; */

	}

	.slider {

		padding-right: 0;

	}

	.slider-controls {

		background: #58585a;

	}

	.slider-controls li {

		padding: 20px !important;

		border-bottom: 1px solid #ffffff;

		color: #ffffff;

		position: relative;

		list-style: none;

		cursor: pointer;

	}

	.slider-controls li:last-child {

		border-color: #58585a;

	}

	.slider-controls li.flex-active,
	.slider-controls li:hover {

		background: #ff0000;

		background: -moz-radial-gradient(center, ellipse cover, #ff0000 0%, #bf0000 100%);

		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ff0000), color-stop(100%, #bf0000));

		background: -webkit-radial-gradient(center, ellipse cover, #ff0000 0%, #bf0000 100%);

		background: -o-radial-gradient(center, ellipse cover, #ff0000 0%, #bf0000 100%);

		background: -ms-radial-gradient(center, ellipse cover, #ff0000 0%, #bf0000 100%);

		background: radial-gradient(ellipse at center, #ff0000 0%, #bf0000 100%);

		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#bf0000', GradientType=1);

	}

	.slider-controls li.flex-active:after,
	.slider-controls li:hover:after {

		right: 100%;

		border: solid transparent;

		content: " ";

		height: 0;

		width: 0;

		position: absolute;

		pointer-events: none;

		border-color: rgba(240, 0, 0, 0);

		border-right-color: #d20000;

		border-width: 15px;

		top: 50%;

		margin-top: -15px;

		z-index: 6;

	}

	.slider-controls li.flex-active p,
	.slider-controls li:hover p {

		color: #ffffff;

	}

	.slider-controls li strong {

		font: 700 22px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.slider-controls li p {

		font: 400 12px/1.5em 'Montserrat', sans-serif;

		color: #a6a8ab;

		display: block;

	}

}

/************************

	/*	Producten grid

	************************/

@media only screen {

	.item {

		margin-bottom: 10px;

		padding: 20px;

		background: #ffffff;

	}

	.news .item h2 {

		font: 400 24px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.news .item h2 span {

		font-weight: 700;

	}

	.product-grid .filter .row {

		margin-bottom: 0;

	}

	.product-grid .row {

		margin-bottom: 10px;

	}

	.product-grid .item .product-name h3 {

		min-height: 85px;

		font: 400 20px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #6d6e70;

		margin: 0;

		overflow: hidden;

	}

	.product-grid .item .product-name h3 a {

		color: #6d6e70;

		word-break: break-word;

	}

	.product-grid .item .image img {

		border: 0;

	}

	.product-grid .item .image {

		padding: 0 0 10px;

	}

	.product-grid .item .sale-label {

		background: #ff0000;

		position: absolute;

		left: -0.625em;

		top: -1.875em;

		padding: 7px 20px;

		font-weight: 700;

		text-transform: uppercase;

		color: #ffffff;

	}

	.product-grid .item .sale-label:after {

		width: 0;

		height: 0;

		border-right: none;

		border-left: 5px solid #ffffff;

		border-bottom: 5px solid transparent;

		border-top: 5px solid transparent;

		content: "";

		position: absolute;

		right: 0;

		top: 50%;

		margin: -5px 0 0;

		transform: rotate(180deg);

		-webkit-transform: rotate(180deg);

		-moz-transform: rotate(180deg);

		-o-transform: rotate(180deg);

		-ms-transform: rotate(180deg);

	}

	.product-grid .price-box {

		position: relative;

		margin-bottom: 0;

	}

	.product-grid .price-box .price-form, .product-grid .price-box .price-to {

		margin-top: 1.7em;

		margin-bottom: 1.5em;

	}

	.product-grid .price-box .price-form {

		padding-left: 20px;

	}

	.product-grid .price-box .price-to {

		padding-right: 20px;

	}

	.product-grid span.pass {

		line-height: 30px;

		margin: 15px 0 15px 0;

	}

	.product-grid .price-box .minimal-price-link {

		display: none;

	}

	.product-grid .price-box .regular-price {

		font: 700 22px/60px 'Montserrat', sans-serif;

	}

	.abo-price .price {

		/*font: 700 18px/60px 'Montserrat', sans-serif;*/

		color: #231f20;

		text-align: right;

		/*background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 -3px no-repeat; */

		/*padding-left: 40px*/

	}

	#wishlist-table .price-box .abo-price .price {

		color: #ff0000;

		text-align: right;

		/*background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 -3px no-repeat;*/

		padding-left: 40px;

		padding-top: 3px;

	}

	table tr.even, table tr.alt, table tr:nth-of-type(2n) {

		background: #ededed;

	}

	#wishlist-table .product-image {

		background: none;

	}

	#wishlist-table .add-to-cart-alt {

		float: left;

	}

	.product-grid .price-box .old-price {

		position: relative;

		text-align: center;

		text-transform: uppercase;

		background: #ededed;

		overflow: hidden;

	}

	.product-grid .price-box .old-price span {

		font: 700 14px/30px 'Montserrat', sans-serif;

		color: #000000;

	}

	.product-grid .price-box .special-price,
	.product-grid .price-box .abo-price {

		text-align: center;

	}

	.product-grid .price-box .special-price + .abo-price {

		font: 700 16px/30px 'Montserrat', sans-serif;

	}

	.product-grid .price-box .special-price span.price,
	.product-grid .price-box .special-price span.price-label {

		font: 700 16px/30px 'Montserrat', sans-serif;

	}

	.product-grid .price-box .special-price span.price-label {

		text-transform: uppercase;

	}

	.product-grid .item.sale .price-box {

		margin: 0 -1.25em;

		/* background: #FF0000; */

		color: #ffffff;

	}

	.product-grid .price-box .old-price {

		margin-bottom: 0px;

	}

	.product-grid .price-box .special-price {

		margin: 0;

		color: #fff;

	}

	.product-grid .item.sale .price-box .abo-price .price {

		/*background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 87% no-repeat;*/

		font: 700 16px/30px 'Montserrat', sans-serif;

		color: #ffffff;

	}

	.product-grid .item.sale hr {

		border-color: #ffffff;

	}

	.product-grid .item hr {

		margin-top: 0;

		border-color: #ffffff;

	}

	.product-grid .price-custom-label,
	.product-list .price-custom-label {

		display: none;

	}

	.product-list .item {

		margin: 0 0 20px 0;

		padding-top: 40px;

		padding-bottom: 10px;

	}

	.product-list .item:last-child {

		margin-bottom: 0;

	}

	.product-list .item .product-name h3 {

		padding-bottom: 10px;

	}

	.product-list .product-image {

		margin-bottom: 0;

		padding-top: 0;

		padding-bottom: 0;

		text-align: center;

		position: relative;

	}

	.product-list .product-image .sold_out_image {

		position: absolute;

		z-index: 10;

		top: 70px;

		left: 20px;

		right: 20px;

		width: 88%;

	}

	.product-grid .item .image .sold_out_image {

		position: absolute;

		z-index: 10;

		top: 70px;

		left: 20px;

		right: 20px;

		width: 88%;

	}

	.most-downloads .price-box .old-price {

		background: #ffffff;

	}

	.catalog-category-view .category-top .category-news-include .item-news {

		cursor: pointer;

	}

}

@media only screen and (min-width: 640px) {
	.product-view .product-image {
		padding:0;
	}
}

@media only screen and (min-width: 1024px) {

	.product-shop:before {
		display:none;
	}

	.product-grid .category-products .item {

		margin-bottom: 0;

		min-height: 462px;

		margin-bottom: 20px;

	}

	.product-grid .category-products .product-list .item {

		min-height: 325px;

	}

	.product-list .item {

		margin: 0 0 20px 0;

		padding-bottom: 10px;

	}

}

/************************

	/*	Banner blokken

	************************/

@media only screen {

	.banner-blocks {

		padding: 60px 0;

		background: #ffffff;

		margin-bottom:;

	}

	.banner-blocks .block {

		text-align: center;

	}

	.banner-blocks .block p {

		margin-bottom: 0;

	}

	.adbanner {

		padding-bottom: 45px;

		z-index: 9999;

	}

	.cms-home .adbanner .image a, .cms-home .adbanner .addbannerleaderboard {

		display: inline-block;

	}

}

/************************

	/*	Footer

	************************/

@media only screen {

	footer {

		background: #6d6e71;

		padding-top: 10px;

	}

	footer h4 {

		font: 400 24px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #ffffff;

		margin: 20px 0 24px;

	}

	footer .footer-blok {

		margin-bottom: 2.5em;

	}

	footer ul {

		margin-bottom: 0;

	}

	footer ul a {

		color: #ffffff;

	}

	footer ul a:hover {

		color: #fff;

		text-decoration: underline;

	}

	footer .nieuwsbrief input[type=text],
	footer .nieuwsbrief input[type=email] {

		box-shadow: none;

		background-color: transparent;

		border: 0;

		font-weight: 700;

		text-transform: none;

		color: #c8c7c7;

		border: #c6c7cb solid 1px;

	}

	footer .partners {

		padding-bottom: 0.625em;

		margin-bottom: 0.625em;

		border-bottom: 1px solid #c8c7c7;

	}

	footer .copyright {

		font: 400 12px/26px 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	footer .footer-blok .facebook,
	footer .footer-blok .twitter,
	footer .footer-blok .youtube,
	footer .footer-blok .rss {

		display: block;

		width: 40px;

		height: 39px;

		text-indent: -9999em;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/socialmedia.png') 0 0 no-repeat;

	}

	footer .footer-blok .twitter {

		background-position: -40px 0;

	}

	footer .footer-blok .youtube {

		background-position: -80px 0;

	}

	footer .footer-blok .rss {

		background-position: -120px 0;

	}

	footer .footer-blok .facebook:hover {

		background-position: 0 100%;

	}

	footer .footer-blok .twitter:hover {

		background-position: -40px 100%;

	}

	footer .footer-blok .youtube:hover {

		background-position: -80px 100%;

	}

	footer .footer-blok .rss:hover {

		background-position: -120px 100%;

	}

}

@media only screen and (min-width: 640px) {

	footer {

		padding-top: 40px;

	}

	footer .footer-blok {

		min-height: 200px;

	}

}

@media only screen and (min-width: 1024px) {

	footer .footer-blok {

		min-height: none;

	}

}

/************************

	/*	Productpagina

	************************/

@media only screen {

	.product-image {

		background: #ffffff;

		position: relative;

		padding: 1.25em 0;

		/*margin-bottom: 1.25em;*/

	}
	.product-image .fancybox {
		display:block;
	}

	.product-image .sold_out_image {

		position: absolute;

		z-index: 10;

		top: 100px;

		left: 20px;

		right: 20px;

		width: 88%;

	}

	.product-image .image img {

		width: 63%;

	}

	.product-image .zoom-icon {

		position: absolute;

		top: 20px;

		right: 20px;

		display: block;

		width: 40px;

		height: 40px;

		line-height: 40px;

		color: #fff;

		font-size: 1.5em;

		text-align: center;

		background: #d0d0d0;

	}

	.zoom-button {

		background: #d0d0d0;

		width: 40px;

		height: 40px;

		position: absolute;

		top: 0;

		right: 0;

		text-align: center;

		line-height: 40px;

	}

	.zoom-button a {

		font-size: 1.3em;

		color: #000000;

	}

	.zoomContainer {

		display: none;

		z-index: 1;

	}

	#product-gallery li {
		list-style: none;
		margin-bottom: 1.25em;
		cursor: pointer;
	}

	#product-gallery li a img {
		border: 1px solid #dcdcdc;
	}

	#product-gallery li .image {

		background: #ffffff;

		padding: 0.625em;

		border-bottom: 1px solid #ffffff;

	}

	.product-shop .row {

		margin-bottom: 1.25em;

	}

	.product-shop .share-container {

		margin-bottom: 20px !important;

	}

	.product-shop .share-container span {

		font: 14px/1em 'Montserrat', sans-serif;

	}

	.product-shop .ratings a {

		font-size: 14px;

		color: #6d6e70;

	}

	.product-shop .ratings a:last-child {

		color: #000;

	}

	.product-shop .ratings .separator {

		margin: 0 0.3em;

	}

	.product-shop .ratings .add-review {

		color: #000000;

	}

	.product-shop .availability {

		margin-bottom: 1em !important;

	}

	.product-shop .availability span {

		line-height: 35px;

	}

	.product-shop .availability .flag {

		border-left: 10px solid;

		padding-left: 0.625em;

		display: block;

		width: 100%;

		background: #58585a;

		color: #ffffff;

	}

	.product-shop .availability.out-of-stock .flag {

		border-color: #ff0000;

	}

	.product-shop .availability.in-stock .flag {

		border-color: #3aaa35;

	}

	.product-shop .availability.pre-order .flag {

		border-color: #ff7200;

	}

	.product-shop .grouped-items-table {

		width: 100%;

	}

	.product-shop .grouped-items-table .abo-price .price {

		font-size: 18px;

		background-position: 0 -3px !important;

	}

	.product-shop .price-box .regular-price {

		font: 700 18px/60px 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #000000;

	}

	#super-product-table td {

		vertical-align: top;

	}

	#super-product-table.grouped-items-table {

		border: none;

	}

	#super-product-table .price-box .regular-price {

		line-height: 1em;

	}

	#super-product-table.grouped-items-table tr.odd {

		background: #d0d0d0;

	}

	#super-product-table.grouped-items-table td {

		border: none;

		padding-top: 1em;

		padding-bottom: 1em;

	}

	.product-shop #super-product-table .price-box .abo-price .price {

		background-position: center 15px !important;

		float: left;

		line-height: 17px;

		padding-bottom: 25px;

		padding-left: 0;

		padding-top: 0;

		white-space: nowrap;

	}

	#super-product-table.grouped-items-table .old-price {

		text-align: left;

		padding: 0px;

		margin: 0 0 5px;

	}

	#super-product-table.grouped-items-table .old-price .price, #super-product-table.grouped-items-table .old-price .price-label {

		font-size: 14px;

		font-weight: normal;

		color: #6d6e70;

	}

	#super-product-table.grouped-items-table .old-price .price-label {

		width: 51%;

		display: inline-block;

	}

	#super-product-table.grouped-items-table .special-price {

		text-align: left;

		padding: 0px;

		background: 0px;

		margin: 0px;

	}

	#super-product-table.grouped-items-table .special-price .price, #super-product-table.grouped-items-table .special-price .price-label {

		color: #000;

		font-size: 14px;

		line-height: 20px;

		font-weight: normal;

	}

	#super-product-table.grouped-items-table .price-box {

		margin-bottom: 1em;

	}

	#super-product-table.grouped-items-table .price-box .abo-price .price {

		padding: 0 0 0 35px !important;

		background-position: 0 -5px !important;

		font-size: 14px;

		font-weight: normal;

		line-height: 20px;

	}

	#super-product-table.grouped-items-table .regular-price {

		width: 100%;

		display: block;

	}

	#super-product-table.grouped-items-table .regular-price .price, #super-product-table.grouped-items-table .regular-price .price-custom-label {

		color: #000;

		font-size: 14px;

		line-height: 20px;

		font-weight: normal;

		text-transform: none;

		display: inline-block;

	}

	#super-product-table.grouped-items-table .tier-price-box {

		padding: 0px;

		margin: 0px;

		margin-left: -0.5em;

		background: none;

	}

	#super-product-table.grouped-items-table .tier-price-box li {

		margin: 0px;

	}

	#super-product-table.grouped-items-table .tier-price-box li .price {

		color: #ff0000;

	}

	#super-product-table.grouped-items-table .price-box .columns {

		padding-left: 0px;

	}

	#super-product-table.grouped-items-table .out-of-stock {

		margin: 0px;

	}

	#super-product-table.grouped-items-table .out-of-stock span {

		line-height: 20px;

	}

	#super-product-table.grouped-items-table td.last {

		min-width: 60px;

	}

	.product-shop .price-box .abo-price {

		background: #ffffff;

		font: 700 22px/60px 'Montserrat', sans-serif;

		text-transform: uppercase;

		text-align: center;

		color: #231f20;

	}

	.product-shop .price-box .abo-price .price {

		padding-left: 40px;

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 0 no-repeat;

	}

	/*.product-shop .product-options-bottom .price-box .abo-price.no-special {

			float:left;

			padding-left:10px;

			padding-right:10px;

		}

		.product-shop .product-options-bottom .price-box .abo-price.no-special .price  {

			background-position:center 5px !important;

			padding-top:15px;

			padding-left:0px;

			float:left;

		}*/
	.product-shop .add-to-box label {

		font: 700 18px/60px 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #000000;

		display: inline;

		margin-right: 1.875em;

	}

	.product-shop .price-box-bundle ~ .price-box {

		display: none;

	}

	.product-shop .price-box .old-price {

		text-align: right;

	}

	.product-shop .price-box .old-price .price-label,
	.product-shop .price-box .old-price .price {

		font-size: 16px;

		font-weight: 700;

		color: #000;

	}

	.product-shop .price-box .special-price {

		text-align: center;

		background: #f00;

	}

	.product-shop .price-box .special-price .price-label,
	.product-shop .price-box .special-price .price {

		font-size: 22px;

		font-weight: 700;

		color: #fff;

		line-height: 60px;

	}

	.product-shop .price-box .groupprice,
	.product-grid .price-box .groupprice,
	.product-list .price-box .groupprice {

		display: none;

	}

	.product-shop .short-description {

		/* margin-top: 4.375em !important; */

		margin-top: 15px !important;

		border-top: 1px solid #c8c7c7;

		padding-top: 1.25em;

	}

	.box-description {

		margin-bottom: 2.5em;

	}

	.box-description a {

		font-size: 0.85rem;

	}

	.box-description ul {

		margin-left: 1em;

	}

	.product-view {

		position: relative;

	}

	.product-view .item-options dt {

		color: #000;

		margin-top: 20px;

	}

	.product-view .item-options dt,
	.product-view h2 {

		font: 400 18px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.box-collateral h2 {

		font: 24px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.box-collateral .data-table {

		width: 100%;

		border: none;

		border-collapse: separate;

		border-spacing: 0 10px;

	}

	.box-collateral .data-table tr {

		outline: 1px solid #c8c7c7;

		margin-bottom: 0.625em;

		background: none !important;

	}

	.box-collateral .data-table .data {

		border-left: 1px solid #c8c7c7;

	}

	.box-collateral .data-table .label,
	.box-collateral .data-table .data {

		font: 14px/1em 'Montserrat', sans-serif;

		text-align: center;

		text-transform: uppercase;

		color: #000000;

		background: none;

		width: 50%;

		display: block;

		float: left;

		min-height: 40px;

		line-height: 40px;

		padding: 0;

	}
	.downloads-links-block {
		border:none;
		padding:0;
	}

	.downloads-links-block table {
		padding-left:0;
		width:100%;
		word-wrap: break-word;
		table-layout: fixed;
	}

	.downloads-links-block table tr {
		background:none !important;
		position:relative;
	}
	.downloads-links-block table tr td {
		padding-top:12px;
		padding-bottom:12px;
	}
	.downloads-links-block table tr:not(:first-child) td {
		border-top:#dddddd 1px solid;
	}

	.product-collateral .box-video h2,
	.product-collateral .box-magazine h2 {

		font: 400 28px/1em 'Montserrat', sans-serif;

		color: #ff0000;

		text-transform: uppercase;

	}

	.product-shop .add-to-box .add-to-cart {

		margin-top: 1em;

		margin-bottom: 1em;
		position:relative;

	}

	.product-shop .add-to-box .add-to-cart .btn-cta {
		text-transform:none;
		padding-left:75px;
		text-align:left;
		padding-right:40px;
	}
	.product-shop .add-to-box .add-to-cart .btn--noqty {
		padding-left:40px;
		width:auto;
		float:right;
		padding-left:15px;
	}

	.product-shop .add-to-box .add-to-cart .btn-cta span span {
		line-height:20px;
		margin:5px 0;
		display:inline-block;
	}

	.product-shop .add-to-box .product-title {
		text-align:center;
		font-size:14px;
		padding-top:10px;
		padding-bottom:10px;
		text-transform:uppercase;
	}


	.product-shop .add-to-links {

		list-style: none;

	}

	.product-shop .add-to-links a {

		color: #6d6e70;

		font-size: 0.750em;

		font-weight: 700;

		text-transform: uppercase;

	}

	.product-shop .add-to-links a:hover {

		text-decoration: underline;

	}

	.mini-actie-banner .columns {

	}

	.mini-actie-banner .columns a {

		display: block;

		width: 100%;

		float: left;
		color:#6d6e70;
		line-height:20px;
		padding-left:60px;
		margin-bottom:5px;
		padding-top:5px;
		min-height:32px;
		font-size:14px;
		font-weight:bold;
	}

	.mini-actie-banner .columns a .minibannercatname {
		color:#ff0000;
		margin-left:5px;
	}

	.mini-actie-banner .actie-banner__image {
		border:#dcdcdc 1px solid;
		width:50px;
		height:32px;
		display:inline-block;
		text-align:center;
		position:absolute;
		left:8px;
		top:0;
	}

	.mini-actie-banner .actie-banner__image img {
		max-width:90%;
		max-height:90%;
        filter: url("https://www.elektor.de/skin/frontend/default/elektor/css/data:image/svg+xml;utf8,<sv")xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
        -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
        -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	}

    .mini-actie-banner .actie-banner__image img:hover {
        filter: none;
        -webkit-filter: grayscale(0%);
    }




	.box-related .border_btm {

		margin-bottom: 1em;

		border-bottom: 1px solid #c8c7c7;

	}

	.box-related .block-subtitle {
		font-size: 0.875em;
		display: none;
	}

	.box-related .item .product-name h3 {

		/* font-size: 0.875em; */

		overflow: visible;

		font-size: 0.75em;

	}

	.block-viewed .item .product-name h3 {

		font-size: 20px;

	}

	.catalog-product-view form {

		margin: 0;

	}

	#wishlist-table .description.std {

		margin-bottom: 10px;

	}

	#wishlist-table td {

		vertical-align: top;

	}

	#wishlist-table .price-box {

		margin-bottom: 1em;

	}

	#wishlist-table button.btn-cart {

		border: 0 none;

		background-image: none;

		font-size: 0.85em;

	}

	#wishlist-table .btn-remove {

		font-size: 1.5em;

	}

	footer .partners {

		padding-left: 28px;

	}

	footer .partners li {

		float: left;

		margin-left: 10px;

	}

	footer .partners li:first-child {

		margin-left: 0;

	}

	.wishlist-index-share .my-account textarea#message {

		min-height: 142px;

	}

	.sales-order-view .box-title {

		background: none;

		padding-left: 0;

		text-transform: none;

	}

	#my-orders-table .shipto {

		width: 5em;

	}

	#my-orders-table .total {

		width: 1em;

	}

	.go-to-links-row + .content-block__title {
		border:none !important;
	}

	.go-to-links-container {
		border:#c7c7c7 1px solid;
		border-width:1px 0;
		padding:15px 0;
		background: white;
		position: relative;
		z-index: 10 !important;
	}
	.go-to-links-container span {
		display:inline-block;
		font-weight:bold;
		padding-right:10px;
	}
	.go-to-links-container ul {
		display:inline-block;
		margin:0;
	}
	.go-to-links-container li {
		display:inline-block;
		padding:0 10px;
		border-right:#c7c7c7 1px solid;
		line-height:16px;
	}
	.go-to-links-container li:first-child {
		padding-left:0;
	}

	.go-to-links-container li:last-child {
		border-right:0;
	}
	.go-to-links-container li a {
		color: #6d6e70;
		font-size:14px;
		display: block;
	}
	.go-to-links-container li a::first-letter {
		text-transform: uppercase;
	}

}

@media only screen and (min-width: 640px) {

	.zoomContainer {

		display: block;

		z-index: 5;

	}

	.box-description {

		margin-bottom: 10px;

	}

}

@media only screen and (min-width: 1024px) {

	.cart-collaterals {

		max-width: 281px;

	}

	#shopping-cart-totals-table tfoot tr:last-child td {

		font-size: 1.375rem !important;

	}

	.product-shop {

	}

	.bundle-wrapper .product-options-bottom .price-box {

		padding-left: 30px !important;

	}

	.bundle-wrapper .product-options-bottom .price-box,
	.bundle-wrapper .product-options-bottom .add-to-cart {

		float: left;

		padding-left: 20px;

		padding-top: 20px;

		width: 50%;

	}

	.bundle-wrapper .product-options-bottom .price-box .old-price {

		text-align: center

	}

	.bundle-wrapper .product-options-bottom .price-box .old-price .price-label,
	.bundle-wrapper .product-options-bottom .price-box .old-price .price {

		color: #000000;

		font-size: 16px;

		font-weight: 700;

	}

	.bundle-wrapper .product-options-bottom .price-box .special-price {

		background-attachment: scroll;

		background-clip: border-box;

		background-color: #ff0000;

		background-image: none;

		background-origin: padding-box;

		background-position: 0 0;

		background-repeat: repeat;

		background-size: auto auto;

		text-align: center;

	}

	.bundle-wrapper .product-options-bottom .price-box .special-price .price-label,
	.bundle-wrapper .product-options-bottom .price-box .special-price .price {

		color: #ffffff;

		font-size: 22px;

		font-weight: 700;

		line-height: 60px;

	}

	.bundle-wrapper .product-options-bottom .price-box .abo-price {

		-moz-font-feature-settings: normal;

		-moz-font-language-override: normal;

		-x-system-font: none;

		background-attachment: scroll;

		background-clip: border-box;

		background-color: #ffffff;

		background-image: none;

		background-origin: padding-box;

		background-position: 0 0;

		background-repeat: repeat;

		background-size: auto auto;

		color: #ff0000;

		font-family: 'Montserrat', sans-serif;

		font-size: 22px;

		font-size-adjust: none;

		font-stretch: normal;

		font-style: normal;

		font-variant: normal;

		font-weight: 700;

		line-height: 60px;

		text-align: center;

		text-transform: uppercase;

	}

	.bundle-wrapper .product-options-bottom .price-box .abo-price .price {

		font: 700 22px/30px 'Montserrat', sans-serif;

		color: #ff0000;

		text-align: right;

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 0 no-repeat;

		padding-left: 40px

	}

	.bundle-wrapper .product-options-bottom .add-to-cart .button {

		margin-left: 0;

	}

	.config-container {

		margin-bottom: 20px !important;

		padding: 20px 10px;

		background: #fff;

	}

	.catalog-product-view .review-box .amount{
		width:30%;
		height: 58px;
	}
	.catalog-product-view .review-box .limiter {
		width:65%;
		height: 58px;
	}
	.catalog-product-view .review-box .limiter .row{
		padding-top: 12px;
		text-align: center;
	}
	.box-reviews .large-4.columns.large-offset-2.pager{
		width: 100%;
	}
	.box-reviews .paging li{
		/*width: 10%;*/
		float: left;
		padding: 0.5em 0.625em;
		text-align: center;
	}

	.my-account .my-downloads .pager li{
		list-style-type: none;
		float: left;
		padding: 0.675em;
	}

}

/* Breadcrumbs */

@media only screen {

	.kruimelpad .inline-list {

		margin: 0;

		padding: 0;

	}

	.kruimelpad .inline-list li {

		margin-left: 0;

	}

	.kruimelpad .inline-list em {

		display: inline;

		padding-right: 5px;

		font: 700 14px/1em 'Montserrat', sans-serif;

	}

	.kruimelpad .inline-list a {

		display: inline;

		font: 400 14px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #000;

	}

	.kruimelpad .inline-list span {

		display: inline;

		font: 400 14px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #ff0000;

	}

	.checkout-cart-index .kruimelpad,
	.checkout-cart-index .messages {

		display: none !important;

	}

}

/* Main Category pagina */

@media only screen {

	.category-top .row {

		position: relative;

	}

	.product-grid .back-to-category {

		float: right;

		display: block;

		margin-top: 15px;

		padding-left: 28px;

		font: 700 14px/1.2em 'Montserrat', sans-serif;

		color: #000;

		text-transform: uppercase;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/back-category.png') 0 0 no-repeat;

	}

	.product-grid .back-to-category:hover {

		color: #ff0000;

	}

	.col1-layout {

		position: relative;

	}

	.doubleclick-banner {

		display: none;

		position: absolute;

		right: -220px;

		top: 0;

	}

	.doubleclick-banner.side {

		padding: 0 0 60px 75px;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/shadow-line-vertical.png') 0 0 no-repeat;

	}

	.doubleclick-banner .button-close {

		display: block;

		margin-bottom: 20px;

		width: 80px;

	}

	.category-banner {

		padding-bottom: 30px;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/category-banner-btm.png') 0 100% no-repeat;

	}

	.category-news-include {

		margin-top: 20px;

	}

	.category-news-include hr {

		margin-top: 0;

	}

	.category-news-include .news .item h2 {

		font: 400 20px/1em 'Montserrat', sans-serif;

	}

	.category-news-include .news .item p {

		font: 400 14px/1.1em 'Montserrat', sans-serif;

	}

	/* toolbar */
	.toolbar-bottom {

		margin-top: 30px;

	}

	.toolbar .view-mode strong,
	.toolbar .view-mode a {

		float: left;

		display: block;

		width: 30px;

		height: 30px;

		text-indent: -9999px;

	}

	.toolbar .view-mode .grid,
	.toolbar .view-mode .list {

		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/gridlist.gif');

	}

	.toolbar .view-mode strong.grid {

		background-position: 0 100%;

	}

	.toolbar .view-mode a.grid {

		background-position: 0 0;

	}

	.toolbar .view-mode strong.list {

		background-position: 100% 100%;

	}

	.toolbar .view-mode a.list {

		background-position: 100% 0;

	}

	.toolbar .optionbox {

		border: 1px solid #c8c7c7;

		background: #fff;

	}

	.toolbar .optionbox label {

		float: left;

		margin: 0px 0 0 0;

		display: inline-block;

		font: 700 14px/2em 'Montserrat', sans-serif;

		color: #000;

		text-indent: 5px;

		text-transform: uppercase;

		padding: 6px 0;

	}

	.toolbar .optionbox select {

		float: right;

		margin: 6px 10px 0 0;

		border: 0;

		font: 400 14px/2.2em 'Montserrat', sans-serif;

		color: #6d6e70;

	}

	.toolbar .limiter .optionbox select {

		margin-right: 5px;

		width: 65px;

	}

	.toolbar .pager .optionbox select {

		width: 130px;

	}

	.toolbar .paging {

		float: right;

		margin: 0;

		list-style: none;

	}

	.toolbar .paging li {

		float: left;

		line-height: 1em;

		padding: 6px 0;

	}

	.toolbar .paging li a, .toolbar .paging li.current, .toolbar .paging li.dots {

		display: inline-block;

		padding: 6px 10px;

		font: 400 13px 'Montserrat', sans-serif;

		color: #6d6e70;

	}

	.toolbar .paging li.current {

		color: #ff0000;

	}

	.toolbar .paging li.dots {

		padding-left: 5px;

		padding-right: 5px;

	}

	.toolbar .paging li a:hover,
	.toolbar .paging li a.active {

		background: #f00;

		color: #fff;

	}

	.toolbar .paging li a.btn {

		text-indent: -9999px;

	}

	.toolbar .paging li a.previous {

		width: 30px;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/paging-previous.gif');

	}

	.toolbar .paging li a.next {

		width: 30px;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/paging-next.gif');

	}

	.category-static-block ul {

		margin-left: 1.2em;

	}

}

@media only screen {

	h1 {

		font: 400 24px/1em 'Montserrat', sans-serif;

		color: #ff0000;

		text-transform: uppercase;

	}

	.cat-navigation h1 {

		margin-top: 1.2em;

	}

	.cat-navigation .nav-title {

		position: relative;

		display: block;

		padding: 10px 20px;

		color: #fff;

		text-transform: uppercase;

		background: #6d6e71;

		font: 400 14px/1em 'Montserrat', sans-serif;

	}

	.cat-navigation .nav-title .toggle {

		color: #fff;

		display: block;

		width: 100%;

	}

	.cat-navigation .nav-title .action {

		position: absolute;

		right: 10px;

		top: 10px;

		color: #fff;

		font-weight: bold;

		width: auto;

	}

	.cat-navigation ul {

		list-style: none;

	}

	.cat-navigation ul li a {

		display: block;

		margin-top: 2px;

		padding: 10px 20px;

		background: #d0d0d0;

		color: #6d6e70;

		font: 400 14px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.cat-navigation ul li a:hover,
	.cat-navigation ul li a.active {

		background: #b1b1b1;

	}

	.my-account .back-link {

		display: none;

	}

}

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

	.cat-navigation .nav-title {

		margin-bottom: 20px;

	}
}
@media only screen and (max-width: 1023px) {
	.catalog-product-view .wide-content-block .content-block__title {
		display:none;
	}
	.catalog-product-view .col1-layout > .content-block__title {
		font-size:18px;
		text-transform:uppercase;
		margin:0 10px;
		padding:20px 0;
		border-top:#c7c7c7 1px solid;
		line-height:20px;
		color:#231f20;
		font-weight:bold;
		display:block;
		cursor:pointer;
	}
	.catalog-product-view .col1-layout > .content-block__title:after {
		font-family:'FontAwesome';
		content:'\f078';
		float:right;
	}
	.catalog-product-view .col1-layout > .content-block__title.active:after {
		content:'\f077';
	}
	.catalog-product-view .col1-layout > .wide-content-block {
		display:none;
	}
	.catalog-product-view .col1-layout > .wide-content-block.show {
		display:block;
	}
	.catalog-product-view .go-to-links-row {
		display:none;
	}
	.product-shop {
		border:none;
	}

}
@media only screen and (min-width: 1024px) {
	.catalog-product-view .col1-layout > .content-block__title {
		display:none;
	}
}

/* Banner functionality */

@media only screen and (min-width: 1660px) {

	.doubleclick-banner {

		display: block;

	}

}

/* Category description */

@media only screen {

	.category-description {

		padding-bottom: 0;

	}

	.cms-home .page-title {

		padding-top: 40px;

	}

	.cms-home .page-title, .cms-home .cms-page-content {

		background: #fff;

		float: left;

		width: 100%;

	}

	.cms-home .cms-page-content {

		padding-bottom: 10px;

	}

	.cms-home .new-products {

		padding-bottom: 0;

	}

	.category-description h2, .cms-home .page-title h1 {

		font: 400 24px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #231f20;

	}

	.category-description p, .cms-home .cms-page-content p {

		font: 400 14px/1em 'Montserrat', sans-serif;

		line-height: 20px;

	}

}

/* Product view */

@media only screen {

	.product-options {

		padding: 20px 20px 10px 20px;

		background: #d0d0d0;
		margin:20px 0;

	}

	.product-options dl {

		margin: 0;

	}

	.product-options dt {

		float: left;

		width: 40%;

	}

	.product-options dt label {

		display: block;

		line-height: 2em;

		color: #231f20;

		text-transform: uppercase;

	}

	.product-options dd {

		float: left;

		width: 60%;

	}

	.product-options dd select {

		margin: 0;

		padding: 5px;

		border: 1px solid #c8c7c7;

		font: 400 14px/1em 'Montserrat', sans-serif;

		color: #6d6e70;

	}

	.product-options .config-container {

		margin: 0px !important;

		padding: 0px;

		background: none;

	}

	.product-options .config-container label {

		font-family: 'Montserrat', sans-serif;

		font-size: 14px;

		font-weight: 400;

		text-transform: uppercase;

		line-height: 30px;

	}

	.product-options .config-container label em {

		color: #ff0000;

	}

	.product-options-bottom .row .row {

		margin: 0px;

	}

	.product-options-bottom .row .price-box {

		margin: 1em 0;

	}

	.product-options-bottom .add-to-cart label {

		width: 50%;

		float: left;

		font: 700 16px/50px 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #000;

	}

	.product-options-bottom .add-to-cart input {

		width: 20%;

		float: left;

		margin-top: 0.6em;

	}

	#downloadable-links-list {

		margin: 0px;

		list-style: none;

	}

	#downloadable-links-list .label {

		background: none;

	}

	#downloadable-links-list .label .price-notice {

		color: #000;

	}
	.product-info .ratings > .columns {
		width:auto;
		float:left;
	}

	.rating-box {

		width: 120px;

		height: 19px;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/rating-stars.png') 0 100% no-repeat;

	}

	.rating-box .rating {

		height: 19px;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/rating-stars.png') 0 0 no-repeat;

		text-indent: -9999px;

	}
	.product-info .rating-links {
		margin:3px 0 0;
	}
	.product-info .rating-links a {
		font-weight: normal;
	}
	.product-info .rating-links a, .product-info .no-rating a {
		color:#6d6e70;
		font-size:12px;
	}
	.product-info .rating-count {
		border:#e0e0e0 2px solid;
		border-width:0 2px;
	}
	.review-box .rating-box {
		background-image:url('https://www.elektor.de/skin/frontend/default/elektor/images/rating-stars_small.png');
		width:60px;
		height:9px;
	}
	.review-box .rating-box .rating {
		background-image:url('https://www.elektor.de/skin/frontend/default/elektor/images/rating-stars_small.png');
		height:9px;
	}
	.actie-block {
		padding: 0 20px;
		background: #6d6e71;
	}

	.actie-block p,
	.actie-block a {

		margin: 0;

		color: #fff;

		text-decoration: none;

		font: 700 14px/2.6em 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.actie-block a {

		float: right;

	}

	.tier-price-box {

		padding: 15px 20px;

		background: #d0d0d0;

	}

	.tier-price-box ul {

		margin: 0;

		list-style: none;

	}

	.tier-price-box ul li {

		font: 400 14px/1.8em 'Montserrat', sans-serif;

	}

	.tier-price-box ul li .price {

		color: #000;

	}

	.tier-price-box ul li .benefit {

		color: #f00;

	}

	.related-products .wide-content-block {

		padding: 40px 0;

	}

	.related-products .item {

		margin-bottom: 0;

	}

	.related-products .item .actions {

		padding-bottom: 10px;

		border-bottom: 1px solid #c8c7c7;

	}

	.related-products .item .actions .checkbox {

		float: left;

		margin-right: 10px;

	}

	.related-products .item .actions label {

		font: 700 16px/1em 'Montserrat', sans-serif;

		color: #000;

		text-transform: uppercase;

	}

	.related-products .item h3.product-name {

		line-height: 0.6em;

	}

	.related-products .item h3.product-name a {

		font: 400 14px/1em 'Montserrat', sans-serif;

		color: #6d6e70;

		text-transform: uppercase;

	}

	.related-products .price-box {

		position: relative;

	}

	.related-products .price-box .regular-price {

		font: 700 22px/30px 'Montserrat', sans-serif;

	}

	.related-products .price-box .abo-price .price {

		font: 700 22px/30px 'Montserrat', sans-serif;

		color: #ff0000;

		text-align: right;

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 0 no-repeat;

		padding-left: 40px

	}

	.related-products .price-box .old-price {

		position: relative;

		text-align: center;

		text-transform: uppercase;

		background: #ededed;

		overflow: hidden;

	}

	.related-products .price-box .old-price span {

		font: 700 14px/30px 'Montserrat', sans-serif;

		color: #000000;

	}

	.related-products .price-box .special-price,
	.related-products .price-box .abo-price {

		text-align: center;

	}

	.related-products.price-box .special-price + .abo-price {

		font: 700 16px/30px 'Montserrat', sans-serif;

	}

	.related-products .price-box .special-price span.price,
	.related-products .price-box .special-price span.price-label {

		font: 700 16px/30px 'Montserrat', sans-serif;

	}

	.related-products .price-box .special-price span.price-label {

		text-transform: uppercase;

	}

	.related-products .item.sale .price-box {

		margin: 0 -1.25em;

		background: #ff0000;

		color: #ffffff;

	}

	.related-products .item.sale .price-box .abo-price .price {

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 87% no-repeat;

		font: 700 16px/30px 'Montserrat', sans-serif;

		color: #ffffff;

	}

	.bundle-options .product-options {

		padding: 0;

	}

	.bundle-wrapper .section-title h2 {

		margin-bottom: 20px;

	}

	/* Fix to overrule foundation accordion styles */
	.bundle-wrapper section.section,
	[data-section=''][data-section-small-style] > [data-section-region], [data-section=''][data-section-small-style] > section, [data-section=''][data-section-small-style] > .section, [data-section='auto'][data-section-small-style] > [data-section-region], [data-section='auto'][data-section-small-style] > section, [data-section='auto'][data-section-small-style] > .section, .section-container.auto[data-section-small-style] > [data-section-region], .section-container.auto[data-section-small-style] > section, .section-container.auto[data-section-small-style] > .section, [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section, [data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section, [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section, [data-section='accordion'][data-section-small-style] > [data-section-region], [data-section='accordion'][data-section-small-style] > section, [data-section='accordion'][data-section-small-style] > .section, .section-container.accordion[data-section-small-style] > [data-section-region], .section-container.accordion[data-section-small-style] > section, .section-container.accordion[data-section-small-style] > .section {

		display: block;

		margin-bottom: 10px !important;

		background: #fff;

	}

	.bundle-wrapper .section p.title,
	.bundle-wrapper .section .content {

		background: #fff !important;

		border: 0 !important;

	}

	.bundle-wrapper .content .input-box,
	.bundle-wrapper .content .bundle-option-price {

		margin-bottom: 20px;

	}

	.bundle-wrapper .section p.title a {

		font: 400 18px/20px 'Montserrat', sans-serif !important;

		color: #000;

		text-transform: uppercase;

	}

	.bundle-wrapper .section p.title a em {

		color: #f00;

	}

	.bundle-wrapper .section .options-list {

		list-style: none;

	}

	.bundle-wrapper .section .options-list li {

		padding-bottom: 15px;

	}

	.bundle-wrapper .section .options-list input[type=radio] {

		float: left;

		vertical-align: baseline;

		margin: 0 15px 0 0;

	}

	.bundle-wrapper .section .options-list .label {

		display: block;

		float: left;

		width: 90%;

		padding: 0;

		background: none;

		text-align: left;

	}

	.bundle-wrapper .section .options-list .label label {

		font: 400 14px/15px 'Montserrat', sans-serif !important;

		color: #6d6e70;

	}

	.bundle-wrapper .section .options-list .label label span.price-notice {

		float: right;

		color: #000;

	}

	.bundle-wrapper .section .qty-holder label {

		display: block;

		float: left;

		font: 400 14px/33px 'Montserrat', sans-serif !important;

		text-transform: uppercase;

		color: #000;

	}

	.bundle-wrapper .section .qty-holder input {

		display: block;

		float: left;

		margin-left: 70px;

		width: 55px;

		background: #fff;

		text-align: center;

	}

	.bundle-wrapper .product-options-bottom {

		background: #fff;

	}

	.bundle-options .product-options-bottom .price-box,
	.bundle-wrapper .product-options-bottom .price-box .price-as-configured {

		padding: 35px 0 10px 0.9375em;

	}

	.bundle-wrapper .product-options-bottom .price-box.price-label,
	.bundle-wrapper .product-options-bottom .add-to-cart label {

		font: 700 18px/33px 'Montserrat', sans-serif;

		color: #000;

		text-transform: uppercase;

	}

	.bundle-wrapper .product-options-bottom .price-box .full-product-price {

		padding-left: 70px;

		font: 700 18px/33px 'Montserrat', sans-serif;

		color: #f00;

		text-transform: uppercase;

	}

	.bundle-wrapper .product-options-bottom .add-to-cart {

		padding: 0 0 20px 20px;

	}

	.bundle-wrapper .product-options-bottom .add-to-cart label,
	.bundle-wrapper .product-options-bottom .add-to-cart input,
	.bundle-wrapper .product-options-bottom .add-to-cart button {

		float: left;

	}

	.bundle-wrapper .product-options-bottom .add-to-cart label {

		padding-top: 30px;

	}

	.bundle-wrapper .product-options-bottom .add-to-cart input {

		margin: 28px 0 0 55px;

		width: 55px;

	}

	.bundle-wrapper .product-options-bottom .add-to-cart button {

		margin: 20px 0 0 75px;

		max-width: 280px;

	}

	#product-options-wrapper .options-list {

		list-style: none;

	}

	#product-options-wrapper .options-list .label {

		background: none;

	}

	#wishlist-table .product-image img {

		width: auto;

		max-width: none;

	}

	.m-more-less {

		display: none;

	}

}

@media only screen

and (min-width: 320px) and (max-width: 599px) {

	.bundle-wrapper .product-options-bottom .add-to-cart button {

		margin-left: 0;

	}

}

/* Account login */
@media only screen {
	.account h2	{
		margin-bottom: 1.5em;
		padding-left: 20px;
		background: #6d6e71;
		font: 700 18px/40px 'Montserrat', sans-serif;
		color: #fff;
		text-transform: uppercase;
		font-weight: normal;
	}
	.account form {
		margin: 0;
		padding: 0;
	}
	.account .content p {
		padding: 0 15px;
		font: 400 14px/20px 'Montserrat', sans-serif;
	}
	.account .form-list {
		margin: 10px 0 0 0;
		list-style: none;
	}
	.account .content h3 {
		font: 400 16px/1.8em 'Montserrat', sans-serif;
		text-transform: none;
	}
	.account .form-list em {
		color: #f00;
	}
	.account a.password-forgot {
		font-size: 0.8em;
		position: relative;
		top: 30px;
	}
	.account .login {
		padding: 0px 15px;
	}
	.account .or {
		display: none;
	}
	.account .alternate {
		margin: 0em 15px;
	}
	.account .alternate button {
		padding: 2.5px;
		width: 100%;
		background: none;
		border: 1px solid #6d6e70;
		border-radius: 10px;
		color: #6d6e70;
		font-weight: normal;
		margin-top: 1px;
	}
	.account .alternate button:hover {
		border-color: red;
		color: red;
	}
	.account .alternate span {
		background-repeat: no-repeat;
		padding-left: 40px;
		height: 25px;
		padding-top: 4px;
		display: inline-block;
	}
	.account .alternate.idserver span {
		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/icon_member_grey.png');
	}
	.account .alternate.idserver button:hover span {
		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/icon_member.png');
	}
	.account .alternate.magento span {
		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/icon_account_grey.png');
	}
	.account .alternate.magento button:hover span {
		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/icon_account.png');
	}
	.account .toggle + .toggle {
		display: none;
	}
}

@media only screen and (min-width: 640px) {
	.account .login.magento {
		border-right: 1px solid #ccc;
		position: relative;
		padding-right: 45px;
		margin-right: 10px;
	}

	.account .login.idserver {
		border-left: 1px solid #ccc;
		position: relative;
		padding-left: 45px;
		margin-left: 10px;
	}

	.account .or {
		position: absolute;
		display: block;
		height: 40px;
		width: 40px;
		background: #6d6e71;
		color: #fff;
		padding-top: 14px;
		top: calc(50% - 20px);
		font-size: 0.8em;
		text-align: center;
	}

	.account .or.magento {
		right: -20px;
	}

	.account .or.idserver {
		left: -20px;
	}

	@media only screen and (min-width: 1024px) {

		.account .col2-set .col-1 .content,
		.account .col2-set .col-2 .content {
			min-height: 250px;
		}

	}
}

/* Account dashboard */

@media only screen {

	.data-table .shipto {

		width: 30%;

	}

}

/* Checkout */

@media only screen {

	div.loading-ajax, div.loading-ajax-login {

		height: 50px;

		text-align: center;

		background-image: url(https://www.elektor.de/skin/frontend/default/elektor/images/opc-ajax-loader.gif);

		background-repeat: no-repeat;

		background-position: center center;

	}

	.checkout-types {

		list-style: none;

		margin-bottom: 0;

	}

	#onestepcheckout-shipping-method strong {

		font-weight: normal !important;

	}

	#onestepcheckout-form fieldset {

		padding: 0;

		border: 0;

	}

	#onestepcheckout-form .onestepcheckout-button {

		padding: 8px 0;

		border: 0 none;

		background: #3aaa35;

		box-shadow: 4px 4px 0px rgba(156, 212, 154, 1);

	}

	#onestepcheckout-place-order,
	.onestepcheckout-place-order {

		text-transform: uppercase;

	}

	#onestepcheckout-place-order span,
	.onestepcheckout-place-order span {

		font-weight: 400;

	}

	.bkg_dark_grey {

		margin-bottom: 1.875em;

		background: #d0d0d0;

	}

	.bkg_dark_grey p {

		margin: 0;

		line-height: 2.6;

	}

	.checkoutcontainer .required {

		color: #f00;

	}

	.checkoutcontainer .onestepcheckout-numbers.title {

		padding: 0;

		color: #fff;

		line-height: 40px;

		background: #6d6e71;

		font-size: 1.1em;

		text-transform: uppercase;

		font-weight: bold;

	}

	.checkoutcontainer .title span {

		display: block;

		float: left;

		margin-right: 1.250em;

		width: 40px;

		color: #fff;

		text-align: center;

		background: #f00;

	}

	.checkoutcontainer ul {

		margin: 0;

		list-style: none;

	}

	#shipping_address {

		margin-top: 20px;

	}

	#payment_form_adyen_hpp .required {

		display: none;

	}

	#shipping_address_list li .input-box.input-firstname,
	#shipping_address_list li .input-box.input-lastname,
	#shipping_address_list li .input-box.input-email,
	#shipping_address_list li .input-box.input-postcode,
	#shipping_address_list li .input-box.input-region,
	#shipping_address_list li .input-box.input-fax,
	#billing_address_list li .input-box.input-firstname,
	#billing_address_list li .input-box.input-lastname,
	#billing_address_list li .input-box.input-email,
	#billing_address_list li .input-box.input-telephone,
	#billing_address_list li .input-box.input-postcode,
	#billing_address_list li .input-box.input-region,
	#billing_address_list li .input-box.input-fax {

		float: left;

		width: 48%;

	}

	#shipping_address_list li .input-box.input-lastname,
	#shipping_address_list li .input-box.input-region,
	#shipping_address_list li .input-box.input-fax,
	#billing_address_list li .input-box.input-lastname,
	#billing_address_list li .input-box.input-email,
	#billing_address_list li .input-box.input-region,
	#billing_address_list li .input-box.input-fax {

		float: right;

	}

	#shipping_address_list li .input-box.input-different-shipping input[type="checkbox"],
	#shipping_address_list li .input-box input[type="checkbox"],
	#billing_address li .input-box.input-different-shipping input[type="checkbox"],
	#billing_address_list li .input-box input[type="checkbox"] {

		float: left;

		margin-top: 0.375em;

		margin-right: 0.938em;

	}

	#shipping_address_list li .input-box.input-different-shipping input[type="checkbox"] ~ label,
	#shipping_address_list li .input-box input[type="checkbox"] ~ label,
	#billing_address li .input-box.input-different-shipping input[type="checkbox"] ~ label,
	#billing_address_list li .input-box input[type="checkbox"] ~ label {

		float: left;

	}

	#shipping_address_list li .input-box br,
	#billing_address_list li .input-box br {

		display: none;

		margin: 0;

		padding: 0;

		height: 0;

		line-height: 0;

	}

	#billing_address_list li.control label {

		display: inline;

		margin-left: 12px;

	}

	#billing_address .input-region label.required {

		color: #4d4d4d;

	}

	#billing_address .input-box.input-region,
	#shipping_address .input-box.input-region {

		width: 100% !important;

	}

	input.validation-failed, textarea.validation-failed {

		margin-bottom: 0.2em;

	}

	.validation-advice {

		margin-bottom: 0.6em;

		clear: both;

	}

	#shipping_address_list li.control input,
	#shipping_address_list li.control label {

		float: left;

	}

	#shipping_address_list li.control input {

		margin-right: 0.938em;

		margin-top: 0.375em;

	}

	.shipment-methods dd,
	.shipment-methods dt {

		display: block;

		float: left;

		width: 100%;

	}

	.shipment-methods dd {

		display: none;

	}

	.shipment-methods dt input[type="radio"] {

		float: left;

		margin-top: 0.375em;

		margin-right: 0.938em;

	}

	.shipment-methods dt label {

		float: left;

	}

	.payment-methods dd,
	.payment-methods dt {

		display: block;

		float: left;

		width: 100%;

	}

	.payment-methods dt input[type="radio"] {

		float: left;

		margin-top: 0.375em;

		margin-right: 0.938em;

	}

	.payment-methods dt label {

		float: left;

	}

	.payment-methods dd.payment-method,
	.payment-methods dd fieldset.form-list {

		margin: 0;

		padding: 0;

	}

	.onestepcheckout-column-right .onestepcheckout-summary {

		margin-bottom: 1em;

		background: #fff;

	}

	.onestepcheckout-column-right table.onestepcheckout-summary,
	.onestepcheckout-column-right .onestepcheckout-summary table {

		margin-bottom: 0;

	}

	.onestepcheckout-summary p {

		margin: 0;

		padding: 10px 20px;

		display: none;

	}

	.onestepcheckout-summary table {

		width: 100%;

		border-collapse: collapse;

	}

	.onestepcheckout-summary table,
	.onestepcheckout-summary table tr,
	.onestepcheckout-summary table tr td {

		border: 0 none;

	}

	.onestepcheckout-summary table thead {

		background: #d0d0d0 !important;

	}

	.onestepcheckout-summary table tbody,
	.onestepcheckout-summary table thead,
	.onestepcheckout-summary table tfoot {

		margin: 0;

		padding: 0;

		background: none;

	}

	.onestepcheckout-summary table tbody .name {

		font-size: 0.875em;

		color: #646363;

	}

	.onestepcheckout-summary table tfoot tr td.name {

		font-size: 1em;

		color: #3c3c3b;

		text-transform: uppercase;

	}

	.onestepcheckout-summary table tfoot tr,
	.onestepcheckout-summary table tfoot tr td {

		background: none;

	}

	.onestepcheckout-summary table tfoot .grand-total {

		background: #d0d0d0;

	}

	.onestepcheckout-summary table tbody tr td:first-child {

		padding: 10px 0 10px 20px;

	}

	.onestepcheckout-summary table tbody tr td:last-child {

		padding: 10px 20px 10px 0;

	}

	.onestepcheckout-summary table tfoot tr td {

		padding: 10px 0px 10px 20px;

	}

	.onestepcheckout-summary table tfoot .grand-total td:first-child {

		padding: 30px 0px 30px 20px;

	}

	.onestepcheckout-summary table tfoot tr td:last-child,
	.onestepcheckout-summary table tbody tr td:last-child {

		padding-left: 10px;

	}

	.onestepcheckout-summary table tfoot .grand-total td:last-child {

		padding: 30px 20px 30px 0px;

	}

	.onestepcheckout-summary table tfoot .grand-total td.name,
	.onestepcheckout-summary table tfoot .grand-total td {

		font-size: 1.375em;

		font-weight: 700;

		color: #000000;

	}

	.onestepcheckout-feedback {

		float: left;

		width: 100%;

	}

	.input-checkbox {

		float: left;

		width: 100%;

		clear: both;

	}

	.right-inner input[type="checkbox"] {

		float: left;

		margin-top: 0.175em;

		margin-right: 0.938em;

	}

	.right-inner label {

		float: left;

	}

	.checkoutcontainer .onestepcheckout-numbers:first-child,
	.checkoutcontainer .onestepcheckout-numbers {

		margin-bottom: 1em;

	}

	.onestepcheckout-column-right .onestepcheckout-numbers {

		margin-bottom: 0 !important;

	}

	.onestepcheckout-popup-contents {

		padding: 1em;

		background: #fff;

		-webkit-border-radius: 10px;

		-moz-border-radius: 10px;

		border-radius: 10px;

	}

	.onestepcheckout-popup-contents tr {

		background: none !important;

	}

	.onestepcheckout-popup-contents .heading {
		background: #ededed;
		margin: -1em -1em 1em -1em;
		padding: 1em 5em 1em 1em;
		border-radius: 10px 10px 0 0;
	}

	.onestepcheckout-popup-contents .heading h1 {
		margin-bottom: 0;
		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/icon_account_grey.png');
		background-repeat: no-repeat;
		padding-left:40px;
	}

	#onestepcheckout-login-popup-contents-login-idserver .heading h1 {
		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/icon_member_grey.png');
	}

	.onestepcheckout-popup-contents .heading p {
		margin: 0.5em 0 0;
	}

	.onestepcheckout-popup-contents button {
		float:right;
	}

	.onestepcheckout-popup-contents button + p {
		margin-top: 45px;
		margin-bottom: 2em
	}

	.onestepcheckout-popup-contents button + p + p,
	.onestepcheckout-popup-contents form {
		margin-bottom: 0;
	}

	.onestepcheckout-popup-contents .close {
		position: absolute;
		top: 20px;
		right:20px;
	}

	.onestepcheckout-popup-contents .close a {
		color: #6d6e70;
	}

	.onestepcheckout-login-link,
	.onestepcheckout-login-link a {

		padding-top: 2px;

		text-align: right;

	}

	#onestepcheckout-form .row .bkg_dark_grey {

		padding: 0 0.625em;

	}

	#onestepcheckout-form .row .bkg_dark_grey p {

		color: #000;

		float: none;

		display: inline;

		padding: 0px;

	}

	.onestepcheckout-description {

		text-transform: normal;

		line-height: 2.9em !important;

	}

	.onestepcheckout-login-link {

	}

	.huisnummer {

		float: left;

		margin-left: 1em;

		width: 180px;

	}

	.huisnummer input {

		width: 100%;

	}

	/* remove banners */
	.onestepcheckout-index-index .adbanner {

		display: none !important;

	}

	.input-different-shipping input[type="checkbox"],
	#billing_address_list .control input[type="checkbox"] {

		margin-top: 0.375em !important;

		margin-left: 0 !important;

		margin-bottom: 0 !important;

	}

	#payment_form_adyen_hpp table td img {

		max-width: 32px;

	}

	#payment_form_adyen_hpp table td .banks img {

		max-width: 60px;

	}

}

@media only screen {

	hr.shadow-line {

		margin-top: 0;

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/shadow-line.png) bottom center;

		border: 0;

		height: 50px;

	}

	hr.shadow-line-vertical {

		margin-top: 0;

		background: url(https://www.elektor.de/skin/frontend/default/elektor/images/shadow-line-vertical.png) bottom right;

		border: 0;

		height: 50px;

	}

}

/************************

*	BUTTONS

************************/

@media only screen {

	button.button-green {

		background: #3aaa35;

		height: 40px;

		font: 700 18px/30px 'Montserrat', sans-serif;

		text-transform: uppercase;

		text-align: center;

		padding: 0;

		margin: 0;

		border: 0;

		-webkit-box-shadow: 2px 2px 0px rgba(156, 212, 154, 100);

		-moz-box-shadow: 2px 2px 0px rgba(156, 212, 154, 100);

		box-shadow: 2px 2px 0px rgba(156, 212, 154, 100);

	}

	button.button-green:hover {

		background: #2e852b;

		-webkit-box-shadow: 2px 2px 0px rgba(46, 133, 43, 100);

		-moz-box-shadow: 2px 2px 0px rgba(46, 133, 43, 100);

		box-shadow: 2px 2px 0px rgba(46, 133, 43, 100);

	}

	button.btn-proceed-checkout {

		min-width: 275px;

	}

	button.btn-coupon,
	button.clearcart {

		background: #d0d0d0;

		border: none;

		color: #000;

		text-transform: uppercase;

		text-align: center;

		margin: 0;

		padding: 5px 10px;

	}

	button.btn-coupon {

		font: 700 18px/30px 'Montserrat', sans-serif;

	}

	button.clearcart {

		width: 100%;

		font: 700 16px/30px 'Montserrat', sans-serif;

	}

	button.btn-coupon:hover {

		background: #6d6e71;

		color: #fff;

	}

	.formbuilder-index-view .list-view .label {

		color: #ff0000;

		background: none;

	}

}

/************************

*	WINKELWAGEN

************************/

@media only screen {

	.checkout-cart-index .wide-content-block.bg-grey {

		padding-top: 40px;

		padding-bottom: 0px;

	}

	.wide-content-block .cart-items form {

		margin-bottom: 1.250rem;

	}

	.cart {

		background: #ededed;

	}

	.cart .reward-message {

	}

	.cart .top-buttons {

		padding-top: 0px;

	}

	.cart .top-buttons .checkout-types {

		margin: 0px;

	}

	.cart .top-buttons .checkout-types .btn-proceed-checkout {

		margin-bottom: 1em;

	}

	.messages,
	.messages ul {

		list-style: none;

	}

	.messages li {

		max-width: 1180px;

		margin: 0 auto;

	}

	.messages .success-msg {

		padding: 10px;

	}

	.shoppingcart .cart .messages {

		display: block !important;

	}

	.top-buttons {

		padding-top: 3.175em;

	}

	fieldset {
	}

	.coupon fieldset {

		border: none;

		margin: 0;

		padding: 0;

	}

	.coupon h3 {

		font: 700 12px/36px 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.usp-cart .usp {

		border: 1px solid #c8c7c7;

		min-height: 140px;

	}

	.usp-cart {

		margin-top: 0.875em;

	}

	.totals {

		margin-top: 0;

		float: right;

		margin-bottom: 2.500rem;

		width: 100%;

	}

	#shopping-cart-totals-table {

		border: none;

		margin: 0;

		width: 100%;

	}

	#shopping-cart-totals-table thead th {

		background: #d0d0d0;

		height: 2.500em;

		text-transform: uppercase;

		padding: 0.5em 1.250em 0.625em;

		font: 700 16px/30px 'Montserrat', sans-serif;

	}

	#shopping-cart-totals-table td {

		color: #000;

		padding: 0.125em 1.250em;

	}

	#shopping-cart-totals-table tr:first-child td {

		padding-top: 0.625em;

	}

	#shopping-cart-totals-table tr:last-child td {

		padding-bottom: 1.250em;

	}

	#shopping-cart-totals-table tbody td:first-child {

		padding-right: 0;

		text-align: left;

	}

	#shopping-cart-totals-table tbody td:last-child {

		padding-left: 0;

		text-align: right;

	}

	#shopping-cart-totals-table tfoot {

		background: #fff;

	}

	#shopping-cart-totals-table tfoot tr:last-child td {

		color: #000;

		padding: 1.375rem 1.250rem 1.375rem;

		font-size: 1.375em;

		font-weight: 700;

		text-transform: uppercase;

	}

	#shopping-cart-totals-table tfoot tr:last-child td:first-child {

		padding-right: 0;

		text-align: left;

	}

	#shopping-cart-totals-table tfoot tr:last-child td:last-child {

		padding-left: 0;

		text-align: right;

	}

	#shopping-cart-totals-table tr.even,
	#shopping-cart-totals-table tr.alt,
	#shopping-cart-totals-table tr:nth-of-type(2n) {

		background: #fff;

	}

	#shopping-cart-totals-table col {

		width: 40%;

	}

	.cart-totals {

		background: #fff;

		margin-bottom: 3.175em;

	}

	#coupon_code {

		width: 100%;

	}

	.input-box.coupon {

		background: #fff;

		border: 1px solid #c8c7c7;

		min-height: 40px;

	}

	.input-box.coupon input {

		border: none;

		box-shadow: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		min-height: 40px;

		margin-bottom: 0;

	}

	.input-box.coupon input:focus {

		background: #fff;

	}

	.cart-items fieldset {

		border: none;

		padding: 0;

	}

	.cart-items form fieldset {

		margin-top: 0px;

		margin-bottom: 0px;

	}

	#shopping-cart-table {

		width: 100%;

		border: none;

		background: none;

		border-collapse: separate;

		border-spacing: 0 10px;

		margin: -10px 0 0;

	}

	#shopping-cart-table colgroup col {

		width: auto;

	}

	#shopping-cart-table tr {

		border-spacing: 0 20px;

	}

	#shopping-cart-table th {

		background: #d0d0d0;

		height: 40px;

		text-align: center;

		font: 700 16px/30px 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #000;

	}

	#shopping-cart-table .thead-qty {

		text-align: left;

	}

	#shopping-cart-table .thead-image {

		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/previous-page.png');

		background-repeat: no-repeat;

		background-position: 10px 50%;

		font-size: 14px;

		line-height: 30px;

		font-weight: 700;

		text-align: left;

		text-indent: 30px;

	}

	#shopping-cart-table .thead-image a {

		color: #6d6e71;

		display: block;

		padding: 1px 0 0;

	}

	#shopping-cart-table .thead-image a:hover {

		color: #000;

	}

	#shopping-cart-table tbody td {

		background: #fff;

		text-align: center;

	}

	#shopping-cart-table th.thead-name,
	#shopping-cart-table tbody td.tbody-name {

		text-align: left;

	}

	#shopping-cart-table .product-image {

		background: none;

		margin: 0;

		padding: 0;

		display: block;

		text-align: center;

		width: 100%;

	}

	#shopping-cart-table td .product-name {

		text-transform: uppercase;

	}

	#shopping-cart-table td .product-description {

		color: #6d6e70;

		font-size: 14px;

	}

	#shopping-cart-table td a {

		color: #231f20;

	}

	#shopping-cart-table td.cart-price-ex .cart-price .price {

		color: #000;

		font-size: 18px;

		font-weight: 400;

	}

	#shopping-cart-table td.a-right .cart-price .price {

		color: #000;

		font-weight: 400;

	}

	#shopping-cart-table .cart-price .price {

		font-size: 22px;

	}

	#shopping-cart-table .tbody-qty input {

		border: 1px solid #c8c7c7;

		min-height: 38px;

		width: 50px;

		text-align: center;

	}

	#shopping-cart-table .tbody-remove {

		vertical-align: top;

		padding-top: 0;

		padding-right: 0;

		padding-left: 107px;

	}

	#shopping-cart-table .btn-remove {

		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/cart-delete.png');

		background-repeat: no-repeat;

		background-position: 0 0;

		height: 40px;

		width: 40px;

		display: block;

		text-indent: -9999em;

		float: right;

	}

	#shopping-cart-table .btn-remove:hover {

		background-position: 100% 100%;

	}

	.cart .tbody-qty .input-text.qty {

		float: left;

		margin: 0 5px;

	}

	.cart .xib_qty_counter_prev {

		position: relative;

		display: block;

		float: left;

		margin-top: 4px;

		width: 30px;

		height: 30px;

		line-height: 30px;

		font-size: 1.500em;

		font-weight: 700;

		color: #fff !important;

		background: #6d6e71;

	}

	.cart .xib_qty_counter_prev:after {

		position: absolute;

		right: 0;

		top: 50%;

		display: inline !important;

		margin-top: -5px;

		content: '';

		width: auto !important;

		height: auto !important;

		line-height: normal !important;

		border-top: 5px solid transparent;

		border-bottom: 5px solid transparent;

		border-right: 5px solid #fff;

	}

	.cart .xib_qty_counter_next {

		position: relative;

		display: block;

		float: left;

		margin-top: 4px;

		width: 30px;

		height: 30px;

		line-height: 30px;

		font-size: 1.500em;

		font-weight: 700;

		color: #fff !important;

		background: #6d6e71;

	}

	.cart .xib_qty_counter_next:after {

		position: absolute;

		left: 0;

		top: 50%;

		display: inline !important;

		margin-top: -5px;

		content: '';

		width: auto !important;

		height: auto !important;

		line-height: normal !important;

		border-top: 5px solid transparent;

		border-bottom: 5px solid transparent;

		border-left: 5px solid #fff;

	}

	.cart .xib_qty_counter_prev:hover,
	.cart .xib_qty_counter_next:hover {

		color: #000 !important;

		background: #d0d0d0;

	}

	#discount-coupon-form {

		margin: 0;

	}

	.discount .discount-form label {

		margin: 0 0 0.750rem;

		text-transform: uppercase;

		font-size: 0.750rem;

		width: 100%;

		float: left;

		color: #000000;

		line-height: 13px;

		display: inline;

	}

	.discount .discount-form .input-box {

		float: left;

		width: 82%;

	}

	.discount .discount-form .input-text {

		min-height: 40px;

		padding: 0 1em;

		font: 400 14px/36px 'Montserrat', sans-serif;

		border: 1px solid #c8c7c7;

		border-width: 1px;

	}

	.discount .discount-form .buttons-set {

		margin-top: 0;

	}

	.discount .discount-form .buttons-set .button {

		font-size: 1rem;

		margin: 0px;

	}

	.discount-form label {

		float: left;

	}

	.discount-form .info-btn {

		float: left;

		margin-right: 0.375em;

	}

	.discount .discount-form .buttons-set.apply-coupon {

		width: 18%;

		float: left;

		clear: none;

		margin-top: 0;

	}

	.discount .discount-form .buttons-set.apply-coupon button {

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		box-shadow: none;

		padding: 0;

		height: 2.500rem !important;

		margin: 0;

		background: #6d6e71;

	}

	.discount .discount-form .buttons-set.apply-coupon button i {

		line-height: 2.500rem;

		color: #ffffff;

		font-size: 1rem;

	}

	.cart .btn-empty,
	.discount .discount-form .buttons-set button,
	.j2t-cart-bts a {

		color: #000;

		border: 0;

		text-transform: uppercase;

		background: #d0d0d0;

		height: auto;

		margin-top: 20px;

	}

	.cart .btn-empty:hover,
	.discount .discount-form .buttons-set button:hover,
	.j2t-cart-bts a:hover, .j2t-cart-bts a:hover span {

		background: #6d6e71;

		color: #fff;

	}

	.j2t-cart-bts a {

		padding: 0.8125em 0.5em 0.75em;

		margin: 0px;

	}

	.j2t-cart-bts a span {

		background: none;

		padding: 0px;

	}

	#j2t_ajax_confirm {

		width: 400px !important;

	}

	button#empty_cart_button:hover {

		background: #ff0000;

	}

	.button.btn-proceed-checkout,
	.cart-collaterals .btn-proceed-checkout {

		color: #fff;

		border: 0;

		text-transform: uppercase;

		background: #3aaa35;

		box-shadow: 4px 4px 0px #9cd49a;

		font-weight: normal;

		width: 100%;

		min-width: 1px;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		margin-bottom: 1.250em;

	}

	.button.btn-proceed-checkout:hover,
	.cart-collaterals .btn-proceed-checkout:hover,
	.cart-collaterals .btn-proceed-checkout:focus {

		background: #2e852b;

		box-shadow: 4px 4px 0px #2e852b;

	}

	.shoppingcart .checkout-button {

		padding: 0 1.250em;

	}

	.cart-collaterals .checkout-btn-bottom {

		background: #ffffff;

		padding: 0 1.250em;

	}

	.discount .discount-form .buttons-set button:hover {

		background: #6d6e71;

		color: #fff;

	}

	.cart .btn-empty:hover {

		background: #f00;

		color: #fff;

	}

	.crosssell .section-title {

		margin: 10px 0 30px;

	}

	.crosssell .section-title h2 {

		display: inline;

		margin: 0 10px 0 0;

		float: left;

	}

	.crosssell .section-title span {

		float: left;

		margin-top: 12px;

		font-size: 14px;

	}

	#crosssell-products-list .item {

		padding: 0;

		border: #ededed 1px solid;

	}

	#crosssell-products-list .item .image {

		position: relative;

		padding: 1.250em;

	}

	#crosssell-products-list .item .image .button {

		position: absolute;

		z-index: 2;

		left: 0;

		top: 0;

		width: 2.438rem;

		height: 2.438rem;

		display: block;

		background: #ededed;

		color: #000;

		line-height: 2.438rem;

		font-size: 2.250em;

		text-align: center;

		padding: 0;

	}

	#crosssell-products-list .item .image .button:hover {

		color: #fff;

		background: #6d6e71;

	}

	#crosssell-products-list .product-name h3 {

		font-size: 14px;

		font-weight: normal;

		margin: 20px 20px 0 0;

		font: 400 14px/1.1em "Montserrat", sans-serif;

		height: 32px;

		overflow: hidden;

	}

	#crosssell-products-list .product-description {

		margin: 20px 20px 20px 0;

		height: 32px;

		overflow: hidden;

	}

	#crosssell-products-list .product-description p {

		margin: 0;

	}

	#crosssell-products-list .price-box p {

		float: left;

		display: inline-block;

		width: auto;

		font-size: 13px;

	}

	#crosssell-products-list .price-box p.abo-price {

		text-align: right;

		color: #ff0000;

		float: right;

		margin-right: 20px;

	}

	#crosssell-products-list .button-add {

		color: #3aaa35;

		text-transform: uppercase;

		font-size: 12px;

		font-weight: bold;

		margin: 0 0 20px 0;

		float: left;

	}

	#crosssell-products-list .button-add span {

		display: inline-block;

		width: 12px;

		height: 12px;

		background: #3aaa35;

		-webkit-border-radius: 6px;

		-moz-border-radius: 6px;

		border-radius: 6px;

		color: #fff;

		line-height: 12px;

		text-align: center;

		font-size: 13px;

		margin-right: 10px;

		font-weight: normal;

	}

	#onestepcheckout-email-error {

		color: #ff0000;

		font-size: 0.75em;

		float: right;

		width: 48%;

		clear: both;

		margin-left: 2%;

	}

	#j2t_ajax_confirm {

	}

	#j2t_ajax_confirm_wrapper {

		float: left;

	}

	#j2t_ajax_confirm_wrapper .add-to-cart {

		width: 60%;

		margin: 0 auto;

	}

	#j2t_ajax_confirm_wrapper .add-to-cart button.button {

		border: none;

		float: left;

		width: 100%;

	}

	#j2t_ajax_confirm_wrapper .add-to-cart label {

		float: left !important;

		line-height: 30px;

	}

	#j2t_ajax_confirm_wrapper .add-to-cart input {

		float: right !important;

		width: 30%;

	}

}

@media only screen and (min-width: 768px) {

	#shopping-cart-totals-table tfoot tr:last-child td {

		font-size: 14px;

	}

	#shopping-cart-table .tbody-remove {

		padding-left: 0 !important;

	}

	#shopping-cart-table .tbody-image img {

		max-width: 100px;

	}

	#crosssell-products-list .price-box p {

		color: #000;

	}

	#crosssell-products-list .price-box p.abo-price {

		float: left;

	}

	.coupon h3 {

		font: 700 16px/36px 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.tier-price-box ul li .text1 {

		display: block;

		float: left;

		width: 22%;

	}

	.tier-price-box ul li .price {

		display: block;

		float: left;

		width: 12%;

		color: #000;

	}

	.tier-price-box ul.tier-prices-grouped li {

		margin-bottom: 1em;

	}

	.tier-price-box ul.tier-prices-grouped li:last-child {

		margin: 0px;

	}

	.tier-price-box ul.tier-prices-grouped li .text1 {

		width: 100%;

	}

	.tier-price-box ul.tier-prices-grouped li .price {

		width: 50%;

	}

	#super-product-table .tier-price-box ul.tier-prices-grouped li span {

		display: inline;

		float: none;

	}

}

@media only screen

and (min-width: 320px) {

	#shopping-cart-table tbody tr {

		display: block;

		float: left;

		width: 100%;

		background: #fff;

	}

	#shopping-cart-table tbody .tbody-image {

		display: block;

		float: left;

		width: 100%;

		text-align: center;

	}

	#shopping-cart-table tbody .tbody-name {

		display: block;

		float: left;

		width: 100%;

	}

	#shopping-cart-table tbody .tbody-name .product-description {
		display: none;
	}

	#shopping-cart-table tbody .tbody-remove {

		padding: 0 0 0 20px;

	}

	#shopping-cart-table tbody .tbody-remove a {

		margin-top: 7px;

	}

}

@media only screen

and (min-width: 600px) {

	#shopping-cart-table tbody .tbody-remove a {

		margin-top: 0px;

	}

	#shopping-cart-table tbody tr {

		display: table-row;

		float: none;

		width: auto;

		background: #fff;

	}

	#shopping-cart-table tbody .tbody-image {

		display: table-cell;

		float: none;

		width: auto;

		text-align: center;

	}

	#shopping-cart-table tbody .tbody-name {

		display: table-cell;

		float: none;

		width: auto;

	}

	#shopping-cart-table tbody .tbody-name .product-description {
		display: block;
	}

	#shopping-cart-table tbody .tbody-remove {

		padding-left: 107px;

	}

	#shopping-cart-table col.one {

		width: 18.75%;

	}

	#shopping-cart-table col.two {

		width: 31.25%;

	}

	#shopping-cart-table col.three {

		width: 12.5%;

	}

	#shopping-cart-table col.four {

		width: 12.5%;

	}

	#shopping-cart-table col.five {

		width: 12.5%;

	}

	#shopping-cart-table col.six {

		width: 12.5%;

	}

	#shopping-cart-table .input-container {

		min-width: 70px;

	}

}

/** Blog **/

@media only screen {

	.postWrapper {

		margin-bottom: 1.5em;

		padding-top: 1em;

		border-bottom: 1px solid #ededed;

	}

	.commentWrapper .form-list {

		list-style: none;

	}

	.commentWrapper .toolbar {

		margin: 1em 0;

	}

	.commentWrapper .commentWrapper {

		margin-bottom: 1em;

		padding-bottom: 1em;

		border-bottom: 1px solid #ededed;

	}

	.commentWrapper .commentDetails h4 {

		display: block;

		margin-bottom: 1em;

		font-size: 1em;

	}

	.postWrapper .postTitle {

		padding-bottom: 1em;

	}

	.postWrapper .postTitle em,
	.postWrapper .postTitle span,
	.postWrapper .postDetails .comments,
	.postWrapper .postDetails em,
	.commentWrapper .commentDetails em {

		font-size: 0.750em;

		font-style: normal;

	}

	.commentWrapper .commentContent {

		margin-top: 1em;

		margin-bottom: 1em;

	}

	.postTitle h2 {

		text-transform: none;

	}

	.blog-index-list .wide-content-block {

		padding: 20px 0;

	}

}

@media only screen {

	.succes_page .sub-title {

		font-size: 1em;

	}

}

/* ACCOUNT AANMAKEN */

@media only screen {

	.account-create .form-list {

		list-style: none;

	}

	.account-create .legend {

		font-size: 1em;

	}

}

@media only screen

and (min-width: 320px) {

	.mini-actie-banner .columns a span {


	}

}

@media only screen

and (min-width: 600px) {

}

@media only screen

and (min-width: 1024px) {

}

/* Account navigation */

@media only screen {

	.block-account .block-title {

		margin: 2em 0 1.5em 0;

		padding-left: 20px;

		background: #6d6e71;

		font: 700 18px/40px 'Montserrat', sans-serif;

		color: #fff;

		text-transform: uppercase;

	}

	.block-account .block-content ul {

		list-style: none;

	}

	.block-account .block-content ul li a {

		display: block;

		margin-top: 2px;

		padding: 10px 20px;

		background: #d0d0d0;

		color: #6d6e70;

		font: 400 14px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.block-account .block-content ul li a:hover,
	.block-account .block-content ul li.current {

		display: block;

		margin-top: 2px;

		padding: 10px 20px;

		background: #b1b1b1;

		text-transform: uppercase;

	}

}

/* Account dashboard */

@media only screen {

	.dashboard {

		margin-top: 2em;

	}

	.dashboard p {

		font: 400 14px/1.5em 'Montserrat', sans-serif;

	}

	.box-title {

		margin: 2em 0 1.5em 0;

		padding-left: 20px;

		background: #d0d0d0;

		text-transform: uppercase;

	}

	.box-title h3 {

		float: left;

		margin: 0;

		font: 400 14px/30px 'Montserrat', sans-serif;

		color: #6d6e70;

	}

	.box-title a {

		float: right;

		padding-right: 20px;

		font: 400 14px/30px 'Montserrat', sans-serif;

		text-transform: none;

	}

	.dashboard h4 {

		margin: 0;

		font: 400 14px/1.5em 'Montserrat', sans-serif;

	}

	.dashboard address,
	.customer-address-index address {

		margin-bottom: 2em;

		font: 400 14px/1em 'Montserrat', sans-serif;

	}

	.customer-address-index address {

		margin: 2em 0 0 20px;

	}

	.customer-address-index .addresses-list ol li p {

		margin-left: 20px;

		margin-top: 1em;

	}

	.nobr {
		white-space: nowrap !important;
	}

	.dashboard .box .box-content {

		padding: 0 20px;

	}

	.dashboard .data-table,
	.my-orders .data-table,
	.my-reviews .data-table,
	.my-wishlist .data-table,
	.my-downloads .data-table {

		width: 100%;

	}

	.box-account.box-recent .box-head {

		margin-bottom: 1em;

	}

	.addresses-primary h3,
	.addresses-additional h2 {

		margin: 2em 0 1.5em 0;

		padding-left: 20px;

		background: #d0d0d0;

		text-transform: uppercase;

		margin: 0;

		font: 400 14px/30px 'Montserrat', sans-serif;

		color: #6d6e70;

		font-size: 14px !important;

	}

}

@media only screen {

	.address-book,
	.edit-account,
	.my-reviews,
	.product-review,
	.my-wishlist,
	.my-downloads,
	.my-orders {

		margin-top: 2em;

	}

	.address-book .addresses-primary h2,
	.address-book .addresses-additional h2 {

		font-size: 1.5em;

	}

	.address-book .addresses-primary h3,
	.address-book .addresses-additional h3 {

		font-size: 1.25em;

	}

	.address-book ol {

		list-style: none;

	}

	.address-book ol address {

		font-style: normal;

	}

	.block-account .block-title strong {

		font-weight: normal;

	}

	.my-orders .pager .optionbox .paging {

		list-style: none;

		display: inline;

	}

	.my-orders .pager .optionbox label {

		display: inline;

	}

	.my-orders .pager .optionbox .paging li {

		display: inline;

		padding: 0 2px;

	}

	.form-list .input-box #abo_nr {

		background: #ededed;

	}

}

/* Account pages */

@media only screen {

	.form-list {

		list-style: none;

	}

	.form-list .control input,
	.form-list .control label {

		float: left;

	}

	.form-list .control input {

		margin-right: 10px;

	}

	.buttons-set {

		position: relative;

		margin-top: 2em;

	}

	.buttons-set p.required {

		position: absolute;

		right: 0.938em;

		top: -30px;

		color: #f00;

		font: 400 14px/1em 'Montserrat', sans-serif;

	}

	.buttons-set .button {

		float: right;

	}

	.buttons-set a {

		float: left;

		font: 400 14px/1em 'Montserrat', sans-serif;

		padding: 0 0 15px;

	}

	.box-head h2,
	.addresses-primary h2,
	.fieldset h2.legend {

		margin: 2em 0 1.5em 0;

		padding-left: 20px;

		background: #6d6e71;

		font: 400 18px/40px 'Montserrat', sans-serif;

		color: #fff;

		text-transform: uppercase;

		font-weight: normal;

	}

}

/* Contact form page */

@media only screen {

	.google-maps {

		padding-bottom: 52px;

		/*background: url('https://www.elektor.de/skin/frontend/default/elektor/images/google_maps_shadow.png') center 100% no-repeat;*/

	}

	.contact-desc h1 {

		font: 400 28px/40px 'Montserrat', sans-serif;

	}

	.contact-desc h2 {

		margin-bottom: 1.5em;

		font: 400 20px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.contact-desc address {

		margin-bottom: 2em;

		font-style: normal;

		font: 400 14px/20px 'Montserrat', sans-serif;

	}

	.contact-form {

		border: 1px solid #bababa;

	}

	.contact-form form {

		margin: 0;

		padding-top: 1px;

		background: #ededed;

	}

	.contact-form form fieldset {

		border: 0;

	}

	.contact-form .form-labels {

		margin: 0;

		padding: 30px 30px 0 30px;

	}

	.contact-form .form-labels h2 {

		font: 700 24px/1em 'Montserrat', sans-serif;

		color: #6d6e70;

	}

	.contact-form .form-labels ul {

		margin-bottom: 2.7em;

		padding-top: 0.6em;

		list-style: none;

	}

	/*new*/
	.contact-form .form-labels ul li {

		padding: 0 0 1.8em 0;

	}

	.contact-form .form-labels ul li label {

		display: inline;

		font: 400 18px/1em 'Montserrat', sans-serif;

		color: #6d6e70;

	}

	.contact-form .form-labels ul em {

		color: #f00;

	}

	.contact-form form fieldset {

		margin: 3em 0 0 0;

	}

	.contact-form form fieldset select {

		padding: 0.9em 1em;

	}

	.contact-form form fieldset input {

		height: auto;

		padding: 0.9em 1em;

	}

	/*new*/
	.contact-form form fieldset textarea {

		height: 195px;

	}

	/*new*/
	.contact-form .form-labels ul li.textarea {

		height: 220px;

	}

	.contact-form p.required {

		margin: 0 0 0.5em 0;

		text-align: right;

		font: 400 14px/1em 'Montserrat', sans-serif;

		color: #f00;

	}

	.contact-form .buttons-set {

		margin-top: 0;

	}

	.contact-form .buttons-set .button {

		margin-bottom: 0;

	}

	.contact-form .btn-contact-send {

		padding-left: 40px;

		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/btn-contact-arrow.png');

		background-position: 10px 8px;

		background-repeat: no-repeat;

	}

	.form-list em {

		color: #f00;

	}

}

@media only screen {

	.box-reviews ol {

		margin-bottom: 2em !important;

		list-style: none;

	}

	.box-reviews ol .date {

		display: block;

		width: 100%;

	}

	.product-shop .ratings-table {

		margin-top: 1em;

		width: 100%;

	}

	.product-shop .help-text {

		border-left: 10px solid #f00;
		margin-top: 1.25em;
		padding: 10px 20px 10px 10px;
		font-size:0.8rem;
		line-height:20px;
        background: #d1d1d1;

	}

	.product-shop .tier-price-box {

		margin: 20px 0 0;

	}

	.product-info .product-name h1 {
		color:#231f20;
	}

	.product-info .short-description .std {
		padding-top:20px;
		padding-bottom:20px;
		border-bottom:#c7c7c7 1px solid;
		margin-bottom:10px !important;
	}

	.product-info .short-description .std .short_desc_readmore {
		font-weight:bold;
		cursor:pointer;
	}
	.product-info .short-description .std .short_desc_readmore i {
		margin-left:5px;
	}
	.product-info .short-description .std .short_desc_readmore .dots {
		font-weight:normal;
		cursor:default;
		margin-left:-5px;
	}
	.product-info .short-description .std .short_desc_readmore > span {
		margin-left:5px;
	}

	.product-shop .share-container {

		width: 50%;

		display: block;

	}

	.product-shop .ratings {

		width: 50%;

		display: block;

	}

	#product-options-wrapper .bundle-option-price .tier-price-box {

		margin: 0 0 20px;

	}

	#control_overlay {

		background-color: #000;

	}

	.oscmodal {

		background-color: #fff;

		padding: 10px;

		border: 1px solid #333;

	}

	.checkout-agreements {

		list-style: none;

	}

	.checkout-agreements li {

		margin: 0;

	}

	.checkout-agreements .agree {

		margin: 0;

		padding: 0;

	}

	.checkout-agreements .agree .checkbox {

		float: left;

		width: 3%;

	}

	.checkout-agreements .agree a {

		line-height: 10px;

		font-weight: normal;

		color: #4d4d4d;

		float: right;

		display: block;

		width: 92%;

		line-height: 1.1em;

		font-size: 15px;

	}

	.checkout-agreements .agree a strong {

		color: #ff0000;

	}

	.agreement-content {

		overflow: auto;

		text-align: left;

	}

}

@media (max-width: 640px) {

	.toolbar .view-type, .toolbar .limiter, .toolbar .pager, .toolbar .sort-by {

		margin-bottom: 20px;

	}

	.product-shop .product-name {

		width: 100%;

		display: block;

	}

	.product-shop .share-container {

		width: 100%;

		display: block;

	}

	.product-shop .ratings {

		width: 100%;

		display: block;

	}

}

@media only screen {

	.headerajaxsearchwindow {

		font-style: normal;

		line-height: 1.6;

		background: none !important;

	}

	.headercategorysearch {

		font-style: normal !important;

	}

	.autocomplete-w1 .autocomplete div {

		padding: 10px 10px;

	}

	.autocomplete-w1 .autocomplete div .ajaxsearch-small strong {

		color: #f00;

		font-weight: normal;

	}

	.inner-ajax-content .j2tajax-checkout-txt,
	.inner-ajax-content .messages li {

		color: #000;

		font-size: 0.94em;

	}

	.add-to-cart-alt {

		width: 100%;

	}

	#wishlist-view-form .buttons-set button {

		font-weight: normal;

	}

	#wishlist-view-form .price-form,
	#wishlist-view-form .price-to {

		float: none;

		padding: 0;

	}

}

/* Onestepcheckout previews overlay */

@media only screen {

	#addressreview {

		width: 100%;

		-webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px;

		background: #e9eaee;

		border: 2px solid white;

		padding: 15px 40px 20px 40px;

		margin: 0 auto;

		text-align: left;

		box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);

		-moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);

		-webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);

		position: relative;

		z-index: 9999;

		font-size: 0.9em;

	}

	#addressreview #buttons div {

		float: right !important;

	}

	#addressreview #buttons #close-preview {

		background: #d0d0d0;

		color: #000;

		border: #d0d0d0;

		padding: 10px 10px 9px;

		margin-top: -1px;

	}

	#addressreview .onestepcheckout-summary {

		width: 100%;

	}

	#addressreview .onestepcheckout-totals {

		float: right;

		width: 50%;

	}

	.total.text-left .price {

		padding-left: 100px;

		float: right;

	}

	#addressreview h4 {

		padding: 0 1em;

		margin: 1em 0 0.5em 0;

		color: #fff;

		background: #6d6e71;

		font: 400 16px/40px 'Montserrat', sans-serif;

	}

	#addressreview #buttons {

		float: right;

		margin: 0.5em 0.2em 0 0;

	}

	#addressreview #buttons div {

		float: left;

		zoom: 1;

		margin: 0px 10px 0px 10px;

	}

	#addressreview_summary div.data {

		height: 375px;

		overflow-y: auto;

		padding-right: 2px;

	}

	#addressreview #buttons div button {

		padding: 8px 10px;

		font-size: 0.8em;

	}

}

@media only screen and (min-width: 768px) {

	#addressreview {

		width: 850px;

		min-height: 430px;

		-webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px;

		background: #e9eaee;

		border: 2px solid white;

		padding: 15px 40px 20px 40px;

		margin: 0 auto;

		text-align: left;

		box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);

		-moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);

		-webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);

		position: relative;

		font-size: 0.9em;

	}

	#addressreview #buttons {

		margin-right: 0.2em;

	}

}

/* Onepage checkout for mobile */

@media only screen {

	ol.opc {

		list-style: none;

	}

	.opc .step-title {

		clear: both;

		background: #6d6e71;

		padding: 0;

	}

	.opc .step-title span,
	.opc .step-title h2 {

		float: left;

	}

	.opc .step-title h2 {

		margin: 0;

		padding-left: 1em;

		font-size: 1.1em;

		line-height: 40px;

		color: #fff;

	}

	.opc .step-title span.number {

		display: block;

		width: 40px;

		background: #ff0000;

		color: #fff;

		text-align: center;

		line-height: 40px;

	}

	.opc .step-title a {

		display: block;

		float: right;

		line-height: 40px;

		padding-right: 1em;

		color: #fff;

		font-weight: 400;

		font-size: 0.8em;

	}

	.opc .step-title:before,
	.opc .step-title:after,
	.opc li .step .form-list li:before,
	.opc li .step .form-list li :after,
	.opc li .step:before,
	.opc li .step:after {

		content: " "; /* 1 */

		display: table; /* 2 */

	}

	.opc .step-title:after,
	.opc li .step .form-list li:after,
	.opc li .step:before,
	.opc li .step:after {

		clear: both;

	}

	.validation-advice {

		font-size: 0.75em;

		color: #f00;

	}

	.opc .step-title {

		*zoom: 1;

	}

	.opc li .step {

		clear: both;

		padding: 1em 1em 1em 3.5em;

		font-size: 1em;

	}

	.opc li .step h3 {

		font-size: 1em;

	}

	.opc li .step h4 {

		font-size: 0.9em;

	}

	.opc li .step p {

		font-size: 0.8em;

	}

	.opc li .step .form-list {

		clear: both;

		display: block;

		margin: 0 0 2em 0;

		padding: 0;

		list-style: none;

	}

	.opc li .step .form-list ul {

		margin-left: 0;

	}

	.opc li .step .form-list li {

		clear: both;

		display: block;

	}

	.opc li .step .form-list li .input-box {

		margin-bottom: 1em;

	}

	.opc li .step .form-list li input,
	.opc li .step .form-list li label {

		float: none;

		display: inline;

	}

	.opc li .step .form-list li input {

		margin-bottom: 0;

	}

	.opc li .step .ul {

		padding: 0;

		list-style-type: disc;

		font-size: 0.8em;

	}

	.opc li .step form fieldset {

		margin: 0;

		padding: 0;

		border: 0;

		min-height: 208px;

	}

	.opc li .step .col2-set {

	}

	.opc li .step .col2-set .col-1 {

		float: left;

		width: 50%;

	}

	.opc li .step .col2-set .col-2 {

		float: left;

		width: 50%;

	}

	.opc .sp-methods ul {

		list-style: none;

	}

	.opc .sp-methods ul span,
	.opc .sp-methods ul label,
	.opc .sp-methods ul input,
	.opc .sp-methods dt input,
	.opc .sp-methods dt label {

		display: inline;

	}

	.block-progress {

		display: none;

	}

	.opc .buttons-set .f-left a {

		float: none;

	}

	.opc #checkout-review-table {

		width: 100%;

	}

	.opc #checkout-review-table tfoot td {

		font-weight: 400;

	}

}

@media only screen {

	.j2tajax-progress {

		height: 90px !important;

	}

	.j2tajax-confirm {

		padding: 1em;

		min-height: 170px;

	}

	.inner-ajax-content .messages .error-msg {

		color: #f00;

		font-size: 0.8em;

		background: #fff;

	}

	.inner-ajax-content .messages .error-msg li .j2tajax-checkout-txt {

		color: #f00;

	}

	.cms-page-content ul,
	.cms-page-content ol {

		margin-left: 35px;

	}

	.cms-page-content .large-16.columns li {

		font-size: small;

	}

	.checkout-cart-index .top-buttons {

		padding-top: 0;

	}

	.checkout-cart-index .usps {

		border: #c8c7c7 1px solid;

		margin-top: 1em;

		padding: 0.675em;

	}

	.checkout-cart-index .usps p {

		margin: 0px;

	}

	.checkout-cart-index .cart-collaterals {

	}

	.item-news .h-padding-20 p {

		font-size: 0.875em;

		line-height: 1.375em;

	}

	.cart-items thead th.thead-image a:hover {

		text-decoration: underline;

	}

}

/* Reviews */

@media only screen {

	.review-box {

	}

	.form-add h2,
	.box-reviews h2 {

		padding: 0 1em;

		background: #6d6e71;

		line-height: 40px;

		color: #fff;

		font-size: 18px;

		text-transform: uppercase;

	}

	.form-add fieldset {

		border: 1px solid #bababa;

	}

	.form-add fieldset h3 {

		font-size: 1em;

	}

	.form-add fieldset h4 {

		font-size: 1em;

		font-weight: 400;

	}

	.form-add .data-table {

		width: 100%;

	}
	#product-review-table input {
		margin-bottom:0;
	}

	.form-add .data-table th,
	.form-add .data-table td {

		text-align: center;

	}

	.form-add .form-list em {

		color: #f00;

	}

	.box-reviews ol li {

		padding: 1em 0.625em;

		border-bottom: 1px solid #ededed;

	}

	.box-reviews .review-content p {

		font-weight: 400;

	}

    .review-content .rev-show-more {
        color: inherit;
        text-decoration: underline;
    }

    .box-reviews .ratings-table {

		margin-top: 0.5em;

	}

	.box-reviews .pager.row {

		padding: 0 0.625em;

	}

	.box-reviews .pager .amount {

		line-height: 2em;

		border: 1px solid #bababa;

		background: #ededed;

	}

	.box-reviews .limiter {

		border: 1px solid #bababa;

		background: #ededed;

	}

	.box-reviews .limiter .columns {

		line-height: 2em;

		font-size: 13px;

	}

	.box-reviews .limiter .columns label {

		font-size: 1em;

	}

	.box-reviews .limiter select {

		margin: 0;

	}

	#captcha-reload.refreshing {

		visibility: hidden;

	}

	/* Account dashboard */
	.box-reviews {

		margin-bottom: 2em;

	}

	#my_recent_reviews {

		margin: 0 !important;

		list-style: none;

	}

	#my_recent_reviews li {

		clear: both;

	}

	#my_recent_reviews .number {

		float: left;

		width: 5%;

	}

	#my_recent_reviews .details {

		float: left;

		width: 95%;

	}

	#my_recent_reviews .details h3 {

		float: left;

		margin: 2px 0 0 0;

		width: 60%;

		font-size: 1em;

		font-weight: 400;

	}

	#my_recent_reviews .details .ratings {

		float: right;

		margin: 2px 0 0 0;

		width: 40%;

	}

	#my_recent_reviews .details .ratings strong {

		display: none;

	}

	.box-reviews .more-reviews {

		float: right;

		font-weight: 400;

		font-size: 0.85em;

	}

	/* Account Orders */
	.sales-order-view .page-title {

		margin: 2em 0 1.5em 0;

		padding-left: 20px;

		background: #6d6e71;

	}

	.sales-order-view .page-title.title-buttons {

		margin-top: 2.3em;

	}

	.sales-order-view .page-title h1 {

		font: 700 18px/40px 'Montserrat', sans-serif;

		color: #fff;

		text-transform: uppercase;

	}

	.sales-order-view .page-title.title-buttons h1 {

		float: left;

		margin: 0;

	}

	.sales-order-view .page-title.title-buttons a {

		float: right;

		padding-right: 1em;

		font-weight: 400;

		color: #fff;

		line-height: 40px;

		font-size: 0.75em;

	}

	.sales-order-view .order-info dt,
	.sales-order-view .box-title h2,
	.sales-order-view .order-items h2,
	.sales-order-creditmemo .order-info dt,
	.sales-order-creditmemo .box-title h2,
	.sales-order-creditmemo .order-items h2 {

		padding: 10px 20px;

		background: #b1b1b1;

		text-transform: uppercase;

		font-size: 1em;

		color: #6d6e70;

	}

	.sales-order-view .col2-set, .sales-order-creditmemo .col2-set {

		margin-bottom: 2em;

	}

	.sales-order-view .order-info ul, .sales-order-creditmemo .order-info ul {

		margin: 0 0 0 20px;

		list-style: none;

	}

	.sales-order-view .order-date, .sales-order-creditmemo .order-date {

		padding-left: 20px;

	}

	.sales-order-view .order-info li, .sales-order-creditmemo .order-info {

		font-size: 0.85em;

	}

	.sales-order-view .box-content, .sales-order-creditmemo .box-content {

		padding-left: 20px;

	}

	.sales-order-view address, .sales-order-creditmemo address {

		font-style: normal;

		font-weight: 400;

		font-size: 0.85em;

	}

	.sales-order-view #my-orders-table .product-name, .sales-order-creditmemo #my-orders-table .product-name {

		font-size: 1em;

	}

	.sales-order-view .buttons-set, .sales-order-creditmemo .buttons-set {

		padding-bottom: 2em;

	}

}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {

	padding: 0;

	margin: 0;

	border: 0;

	outline: none;

	vertical-align: top;

}

.fancybox-wrap {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 8020;

}

.fancybox-skin {

	position: relative;

	background: #f9f9f9;

	color: #444;

	text-shadow: none;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

.fancybox-opened {

	z-index: 8030;

}

.fancybox-opened .fancybox-skin {

	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}

.fancybox-outer, .fancybox-inner {

	position: relative;

}

.fancybox-inner {

	overflow: hidden;

}

.fancybox-type-iframe .fancybox-inner {

	-webkit-overflow-scrolling: touch;

}

.fancybox-error {

	color: #444;

	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

	margin: 0;

	padding: 15px;

	white-space: nowrap;

}

.fancybox-image, .fancybox-iframe {

	display: block;

	width: 100%;

	height: 100%;

}

.fancybox-image {

	max-width: 100%;

	max-height: 100%;

}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

	background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/fancybox_sprite.png');

}

#fancybox-loading {

	position: fixed;

	top: 50%;

	left: 50%;

	margin-top: -22px;

	margin-left: -22px;

	background-position: 0 -108px;

	opacity: 0.8;

	cursor: pointer;

	z-index: 8060;

}

#fancybox-loading div {

	width: 44px;

	height: 44px;

	background: url('https://www.elektor.de/skin/frontend/default/elektor/images/fancybox_loading.gif') center center no-repeat;

}

.fancybox-close {

	position: absolute;

	top: -18px;

	right: -18px;

	width: 36px;

	height: 36px;

	cursor: pointer;

	z-index: 8040;

}

.fancybox-nav {

	position: absolute;

	top: 0;

	width: 40%;

	height: 100%;

	cursor: pointer;

	text-decoration: none;

	background: transparent url('https://www.elektor.de/skin/frontend/default/elektor/css/blank.gif'); /* helps IE */

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	z-index: 8040;

}

.fancybox-prev {

	left: 0;

}

.fancybox-next {

	right: 0;

}

.fancybox-nav span {

	position: absolute;

	top: 50%;

	width: 36px;

	height: 34px;

	margin-top: -18px;

	cursor: pointer;

	z-index: 8040;

	visibility: hidden;

}

.fancybox-prev span {

	left: 10px;

	background-position: 0 -36px;

}

.fancybox-next span {

	right: 10px;

	background-position: 0 -72px;

}

.fancybox-nav:hover span {

	visibility: visible;

}

.fancybox-tmp {

	position: absolute;

	top: -99999px;

	left: -99999px;

	visibility: hidden;

	max-width: 99999px;

	max-height: 99999px;

	overflow: visible !important;

}

/* Overlay helper */

.fancybox-lock {

	overflow: hidden !important;

	width: auto;

}

.fancybox-lock body {

	overflow: hidden !important;

}

.fancybox-lock-test {

	overflow-y: hidden !important;

}

.fancybox-overlay {

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden;

	display: none;

	z-index: 8010;

	background: url('https://www.elektor.de/skin/frontend/default/elektor/images/fancybox_overlay.png');

}

.fancybox-overlay-fixed {

	position: fixed;

	bottom: 0;

	right: 0;

}

.fancybox-lock .fancybox-overlay {

	overflow: auto;

	overflow-y: scroll;

}

/* Title helper */

.fancybox-title {

	visibility: hidden;

	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

	position: relative;

	text-shadow: none;

	z-index: 8050;

}

.fancybox-opened .fancybox-title {

	visibility: visible;

}

.fancybox-title-float-wrap {

	position: absolute;

	bottom: 0;

	right: 50%;

	margin-bottom: -35px;

	z-index: 8050;

	text-align: center;

}

.fancybox-title-float-wrap .child {

	display: inline-block;

	margin-right: -100%;

	padding: 2px 20px;

	background: transparent; /* Fallback for web browsers that doesn't support RGBa */

	background: rgba(0, 0, 0, 0.8);

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;

	text-shadow: 0 1px 2px #222;

	color: #fff;

	font-weight: bold;

	line-height: 24px;

	white-space: nowrap;

}

.fancybox-title-outside-wrap {

	position: relative;

	margin-top: 10px;

	color: #fff;

}

.fancybox-title-inside-wrap {

	padding-top: 10px;

}

.fancybox-title-over-wrap {

	position: absolute;

	bottom: 0;

	left: 0;

	color: #fff;

	padding: 10px;

	background: #000;

	background: rgba(0, 0, 0, .8);

}

@media only screen {

	.blog-list .featured-image {

		margin-bottom: 10px;

	}

	.actie-banner {

		text-align: center;

	}

}

/* marketing aktie */

@media only screen {

	.marketing-container {

		margin: 20px 10px 0;

	}

	.marketing-container .marketing-name,
	.marketing-container .marketing-href {

		min-height: 40px;

		background: #6d6e72;

	}

	.marketing-container .marketing-name strong,
	.marketing-container .marketing-href a {

		color: #fff;

		font-weight: 700;

		text-transform: uppercase;

		font-size: 0.875em;

		display: block;

		line-height: 40px;

	}

	.marketing-container .marketing-name strong {

		padding-left: 10px;

	}

	.marketing-container .marketing-href a {

		text-align: right;

		padding-right: 10px;

	}

}

/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/fancybox_sprite@2x.png');

		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/

	}

	#fancybox-loading div {

		background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/fancybox_loading@2x.gif');

		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/

	}

}

.shiptext {

	display: block;

	padding-bottom: 1em;

}

@media only screen {

	.input-box.huisnummer {

		width: 50%;

	}

	.input-box.straatnaam {

		float: left;

		width: 100%;

	}

	.input-box.huisnummer.large {

		float: none;

		width: 60%;

		margin-left: 0;

		margin-right: 3%;

	}

	.input-box.straatnaam.small {

		float: none;

		width: 37%;

	}

}

@media only screen and (min-width: 640px) {

	.input-box.huisnummer-toevoeging {

		width: 100px;

		float: right;

		margin-left: 1em;

	}

	.input-box.huisnummer {

		width: 116px;

		float: left;

	}

	#billing_address_list li .input-box.input-postcode, #shipping_address_list li .input-box.input-postcode {

		width: 130px;

	}

	.input-box.huisnummer.large {

		float: left;

		width: 116px;

		margin-left: 4%;

		margin-right: 0;

	}

	.input-box.straatnaam.small {

		float: left;

		width: 100%;

		margin: 0;

	}

}

@media only screen {

	.mw_formsearch {

		margin-bottom: 1.5em;

		width: 100%;

		border: 0 none;

		background: none;

	}

	.mw_formsearch label {

		font: 400 16px/25px 'Montserrat', sans-serif;

		text-transform: uppercase;

		line-height: 40px;

		height: 40px;

		color: #4d4d4d;

	}

	.mw_formsearch input[type="text"] {

		font-size: 0.875em;

		height: 40px;

	}

	.mw_formsearch button {

		margin-bottom: 0;

		height: 40px !important;

		line-height: 40px !important;

		width: 40px !important;

		border: 0 none;

		background: #ededed !important;

	}

	.mw_formsearch button span {

		color: #ff0000 !important;

		font-size: 1.4em !important;

	}

	.mw_formsearch button:hover {

		background: #ff0000 !important;

	}

	.mw_formsearch button:hover span {

		color: #ffffff !important;

	}

	.mw_faq {

		margin-bottom: 1em !important;

	}

	.mw_faq h4, .mw_faq h5 {

		font-family: 'Montserrat', sans-serif;

	}

	.mw_faq .faq_list {

		display: block;

		margin: 0;

		list-style: none;

	}

	.mw_faq .faq_list li {

		display: block;

		margin: 0;

		padding: 0 10px;

		border-bottom: 1px solid #fff;

		background: #ededed;

	}

	.mw_faq .faq_list li h5 {

		margin: 0;

		line-height: 40px !important;

		font-size: 0.875rem;

	}

	.mw_faq .faq_list li a i {

		margin-right: 1rem;

		font-size: 0.675rem;

	}

	.mw_faq .faq_list li .mw_answer {

		padding: 0.5rem;

		font-size: 14px;

	}

	.mw_faq .mw_faq_name {

		font-size: 1rem;

	}

}

@media only screen {

	/* #p_method_adyen_hpp, .p_method_adyen_hpp_label {

		display: none;

	}*/
	/* #container_payment_method_adyen_hpp {

		display: block !important;

	}*/
	#checkout-payment-method-load .p_method_adyen_cc_label {

		padding-left: 85px;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/mc.png') 0 0 no-repeat;

		background-size: 32px 20px;

	}

	#payment_form_adyen_hpp table {

		border: none;

		background: none;

		margin-bottom: 0;

	}

	#payment_form_adyen_hpp table td {

		padding: 0;

	}

	.cur-box {

		position: relative;

		margin: 13px 0 0 10px;

		float: left;

		list-style-type: none;

	}

	.cur-box a {

		display: block;

		background: #ffffff;

		line-height: 20px;

		color: #6d6e71;

		font-size: 12px;

		padding: 0 0.313rem;

	}

	.cur-box a:hover {

		text-decoration: none;

	}

	.cur-box .custom-currency-selector {

		display: none;

		position: absolute;

		right: 0;

		top: 35px;

		list-style: none;

		width: 100px;

		background: #fff;

		border: 1px solid #d0d0d0;

		border-top: 0;

		z-index: 999;

	}

	.cur-box .custom-currency-selector a {

		color: #6d6e71;

	}

	.currently {

		padding-top: 1rem;

		padding-bottom: 1rem;

	}

	.currently .block-subtitle {

		padding-left: 1rem;

		display: block;

		margin-bottom: 0;

	}

	.currently ol {

		list-style-type: none;

		display: block;

		float: left;

	}

	.currently .btn-remove {

		right: -0.625rem !important;

		font-size: 1.5rem;

		line-height: 1.25rem;

	}

	.currently .label {

		margin-right: 0.625rem;

	}

	#eventForm input.validation-failed {

		margin-bottom: 0;

	}

	#eventForm .validation-advice {

		background: red;

		color: #ffffff;

		padding: 0.313rem;

	}

	.checkoutcontainer input[type="checkbox"] {

		float: left;

		display: block;

	}

	.checkoutcontainer .checkbox + label {

		float: none !important;

		margin-left: 1.5rem;

		display: block;

	}

	.account h1 {

		margin-top: 0;

		line-height: 1.75rem;

	}

	.input-email.input-error {

		width: 50%;

	}

}

/** SIMPLE BUNDLE PRODUCTS **/

@media only screen {

	.product-combi-bundle .combi-deal {

		margin-bottom: 2rem;

		border: 1px solid #c7c7c7;
		background:white;

	}

	.product-combi-bundle h2 {

		font-size: 24px;

		line-height: 1em;

		font-family: 'Montserrat', sans-serif;

		text-transform: uppercase;

	}

	.product-combi-bundle .deal-left-wide,
	.product-combi-bundle .deal-right {

		padding-bottom: 20px;

	}

	.product-combi-bundle .deal-left {

		padding-top: 1.5em;

	}

	.product-combi-bundle .deal-left ul {

		list-style: none;

	}

	.product-combi-bundle .deal-left ul li {

		font-size: 1em;

		margin-bottom: 1em;

	}

	.product-combi-bundle .deal-left ul li .qty {

		padding-right: 10px;

		color: #ff1000;

	}

	.product-combi-bundle .deal-center {

		margin-bottom: 1.5em;

	}

	.product-combi-bundle .deal-center .deal-product {

		position: relative;

	}

	.product-combi-bundle .combi-deal .deal-product:first-child:before {

		content: '';

	}

	.product-combi-bundle .combi-deal .deal-product:before {

		content: "+";

		position: absolute;

		top: 50%;

		left: -10px;

		margin-top: -10px;

		font-size: 32px;

		font-weight: 800;

		color: #ff1000;

	}

	.product-combi-bundle .deal-center .deal-product .inner {

		padding: 0.325rem;

	}

	.product-combi-bundle .deal-center .deal-product .label {

		position: absolute;

		bottom: -5px;

		left: 50%;

		margin-left: -20px;

		padding: 0;

		width: 40px;

		height: 40px;

		line-height: 40px;

		text-align: center;

		border-radius: 20px;

	}

	.product-combi-bundle .deal-right {

		padding-right: 0;

	}

	.product-combi-bundle .deal-right .item {

		padding: 0;

		background: none;

	}

	.product-combi-bundle .deal-right .price-box .old-price .price {

		position: relative;

	}

	/* .product-combi-bundle .deal-right .price-box .old-price:after {

		position: absolute;

		top: 50%;

		left: 50%;

		content: '';

		width: 80%;

		margin-left: -40%;

		border-top: 2px solid #ff1000;

	} */
	.product-combi-bundle .deal-right .price-box .old-price .price .price:after {

		position: absolute;

		top: 0;

		left: 0;

		content: '';

		width: 100%;

		height: 100%;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/old_price.png') 50% 50% no-repeat;

	}

	.product-combi-bundle .deal-right .price-box .old-price,
	.product-combi-bundle .deal-right .price-box .special-price {

		float: left;

		padding: 1rem 0;

		width: 50%;

		font-size: 1rem;

		text-align: center;

	}

	.product-combi-bundle .deal-right .price-box .old-price {

		background: #ededed;

	}

	.product-combi-bundle .deal-right .price-box .special-price {

		background: #3baa34;

	}

	.product-combi-bundle .deal-right .price-box .special-price .price {

		font-family: 'Montserrat', sans-serif;

		font-weight: 700;

		color: #fff;

	}

	.product-combi-bundle .deal-right .price-box .savings.percent {

		margin-top: 1.5em !important;

		margin-bottom: 0.5em;

	}

	.product-combi-bundle .deal-right .price-box .savings {

		display: block;

		float: left;

		margin: 0;

		width: 100%;

		text-align: center;

		font-size: 1rem;

	}

	.product-combi-bundle .deal-right .price-box .savings span {

		font-weight: bold;

		color: #ff1000;

	}

	.product-combi-bundle .deal-right .price-box .savings strong {

		font-weight: normal;

	}

	.product-combi-bundle .combi-deal .bottom-container {

		padding: 0;

	}

	.product-combi-bundle .combi-deal .bottom {

		background: #d0d0d0;

	}

	.product-combi-bundle .combi-deal .bottom .voordeel {

		position: relative;

		background: #ff1000;

		height: 40px;

		line-height: 40px;

		color: #fff;

		font-weight: bold;

		text-transform: uppercase;

		font-size: 12px;

	}

	.product-combi-bundle .combi-deal .bottom .voordeel span {

		margin: 0 10px;

	}

	.product-combi-bundle .combi-deal .bottom .voordeel:after {

		position: absolute;

		right: -10px;

		content: '';

		width: 0px;

		height: 0px;

		border-style: solid;

		border-width: 20px 0 20px 10px;

		border-color: transparent transparent transparent #ff1000;

	}

	.product-combi-bundle .combi-deal .bottom button {

		position: relative;

		margin: 0;

		padding: 0;

		border: 0;

		height: 40px;

		line-height: 40px;

		box-shadow: none;

		-webkit-box-shadow: none;

		background: #58585a url('https://www.elektor.de/skin/frontend/default/elektor/images/icon_cart.png') 20px 50% no-repeat;

	}

	.product-combi-bundle .combi-deal .bottom button:before {

		position: absolute;

		left: -15px;

		top: 0;

		content: '';

		width: 0px;

		height: 0px;

		border-style: solid;

		border-width: 0 16px 25px 0;

		border-color: transparent #58585a transparent transparent;

	}

	.product-combi-bundle .combi-deal .bottom button:after {

		position: absolute;

		left: -15px;

		bottom: 0;

		content: '';

		width: 0px;

		height: 0px;

		border-style: solid;

		border-width: 0 0 25px 16px;

		border-color: transparent transparent #58585a transparent;

	}

	.product-combi-bundle .combi-deal .bottom button span {

		text-transform: uppercase;
		font-size:12px;

	}

	.product-combi-bundle .deal-left ul li span a {

		color: #6d6e70;
		font-size:14px;

	}

	.product-combi-bundle .deal-left ul li span a:hover {

		color: red;

	}

}

@media only screen and (min-width: 640px) {

	.product-combi-bundle .deal-center {

		margin-bottom: 0;

	}

	.product-combi-bundle .deal-center .deal-product .inner {

		padding: 0.75rem;

	}

	.product-combi-bundle .deal-right .actions .button span span {

		font-size: 11px;

	}

}

@media only screen and (min-width: 1024px) {

	.product-combi-bundle .deal-right .actions .button span span {

		font-size: 18px;

	}

	#shopping-cart-table .input-container {

		min-width: 138px;

	}

	#crosssell-products-list .price-box p.abo-price {

		float: right;

	}

}

.prices .ampreorder_note {

	display: none;

}

.ampreorder_note {

	font-weight: bold !important;

	color: #00aa00;

}

.messages .note-msg {

	color: #ff1000;

	text-align: center;

}

.mb-search-result .category-products .ampreorder_note,
.mb-category-products .category-products .ampreorder_note,
.catalog-category-view .product-grid .ampreorder_note {

	display: none;

}

/*new*/

#my-tickets-table {

	width: 100%;

}

#helpdesk-form-validate textarea {

	height: 195px;

}

.ticket-history {

	padding: 0px;

}

/* Product grid price */

@media only screen and (min-width: 1024) {

	.product-grid .price-box {

		/* min-height:5.7rem; */

	}

}

/*	Producten grid */

@media only screen {

	.product-grid .price-box {

		position: relative;

		margin-bottom: 0;

	}

	.product-grid .price-box .price-form, .product-grid .price-box .price-to {

		margin-top: 1.7em;

		margin-bottom: 1.5em;

	}

	.product-grid .price-box .price-form {

		padding-left: 20px;

	}

	.product-grid .price-box .price-to {

		padding-right: 20px;

	}

	.product-grid span.pass {

		line-height: 30px;

		margin: 15px 0 15px 0;

	}

	.product-grid .price-box .minimal-price-link {

		display: none;

	}

	.product-grid .price-box .regular-price {

		font: 700 22px/50px 'Montserrat', sans-serif;

	}

	.abo-price .price {

		/* font: 700 18px/60px 'Montserrat', sans-serif; */

		color: #231f20;

		text-align: right;

		/* background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 -3px no-repeat; */

		/* padding-left: 40px; */

	}

	.product-grid .price-box .special-price .price-label,
	.product-grid .price-box .abo-price .price-label {

		float: left;

		text-transform: uppercase;

		color: #ff0000;

	}

	.product-grid .price-box .special-price .price,
	.product-grid .price-box .abo-price .price {

		float: right;

	}

	.product-grid .price-box .regular-price,
	.product-grid .price-box .old-price {

		position: relative;

		margin-bottom: 0;

		text-align: center;

		text-transform: uppercase;

		background: transparent;

		overflow: hidden;

		border-bottom: 1px solid #ededed;

	}

	.product-grid .price-box .old-price span {

		position: relative;

		font: 700 28px/30px 'Montserrat', sans-serif;

		color: #000000;

	}

	.product-grid .price-box .old-price .price:after {

		position: absolute;

		top: 0;

		left: 0;

		content: '';

		width: 100%;

		height: 100%;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/old_price_line.png') 50% 50% no-repeat;

	}

	.product-grid .price-box .special-price,
	.product-grid .price-box .abo-price {

		text-align: center;

		border-bottom: 1px solid #ededed;

	}

	.product-grid .price-box .special-price.abo-price,
	.product-grid .price-box .abo-price {

		font: 700 16px/30px 'Montserrat', sans-serif;

	}

	.product-grid .price-box .special-price span.price,
	.product-grid .price-box .special-price span.price-label {

		font: 700 16px/30px 'Montserrat', sans-serif;

	}

	.product-grid .price-box .special-price span.price-label {

		text-transform: uppercase;

	}

	.product-grid .item .price-box,
	.product-grid .item.sale .price-box {

		margin: 0 -1.25em;

		/* background: #FF0000; */

		color: #ffffff;

	}

	.product-grid .price-box .abo-price,
	.product-grid .price-box .special-price {

		margin: 0;

		padding: 0 15px;

		line-height: 30px;

	}

	.product-grid .price-box .old-price {

		margin-bottom: 0px;

		padding: 10px 0;

	}

	.product-grid .price-box .special-price {

		margin: 0;

		color: #ff0000;

	}

	.product-grid .price-box .old-price .price-label {

		display: none;

	}

	.product-grid .item.sale .price-box .abo-price .price {

		/* background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 87% no-repeat; */

		font: 700 16px/30px 'Montserrat', sans-serif;

		color: #ff0000;

	}

	.product-grid .item.sale hr {

		border-color: #ffffff;

	}

	.product-grid .item hr {

		margin-top: 0;

	}

	.product-grid .price-custom-label,
	.product-list .price-custom-label {

		display: none;

	}

}

/* Product shop price */

@media only screen {

	.product-shop .price-box .special-price,
	.product-shop .price-box .old-price,
	.product-shop .price-box .regular-price {

		margin-bottom: 0;

	}

	.product-shop .price-box .special-price,
	.product-shop .price-box .regular-price,
	.product-shop .price-box .abo-price {

		background: transparent;

		border-bottom: 1px solid #c8c7c7 !important;

	}

	.product-shop .price-box .old-price {

		border-bottom: 1px solid #c8c7c7 !important;

	}

	.product-shop .price-box .regular-price .price-custom-label,
	.product-shop .price-box .old-price .price-label,
	.product-shop .price-box .special-price .price-label{

		display: none;

	}

	.product-shop .price-box .regular-price .price,
	.product-shop .price-box .old-price .price,
	.product-shop .price-box .special-price .price{

		position: relative;

		float: none;

		margin-right: 0 !important;

		text-align: center;

		line-height: 40px;

		width: 100%;

		font-size: 18px;
		height:40px;


	}

	.product-shop .price-box .old-price .price:after {

		position: absolute;

		top: 0;

		left: 0;

		content: '';

		width: 100%;

		height: 100%;

		background: url('https://www.elektor.de/skin/frontend/default/elektor/images/old_price_line.png') 50% 50% no-repeat;

	}

	.product-shop .price-box .special-price .price-label,
	.product-shop .price-box .regular-price .price-label,
	.product-shop .price-box .abo-price .price-label {

		margin-right: 5px;

		text-transform: uppercase;

	}

	.product-shop .price-box .special-price .price,
	.product-shop .price-box .regular-price .price,
	.product-shop .price-box .abo-price .price {

	}

	.product-shop .price-box .special-price .price-label,
	.product-shop .price-box .special-price .price,
	.product-shop .price-box .regular-price .price{

		color: #231f20 !important;
		text-align:left;
		font-size:24px;
		float:left;

	}
	.product-shop .price-box .regular-price .price {
		text-align:center;
	}

	.product-shop .price-box .special-price {

		background: transparent !important;

	}

	.product-shop .price-box .abo-price {

		/* background: #FFFFFF; */

		background: transparent;

		font: 700 16px/22px 'Montserrat', sans-serif;

		text-transform: uppercase;

		text-align: center;

		color: #231f20;
		margin-bottom:0;
		padding-top:9px;
		padding-bottom:9px;

	}

	.product-shop .price-box .abo-price .price {

		/* padding-left: 40px;

			background: url(https://www.elektor.de/skin/frontend/default/elektor/images/icon_pass.png) 0 0 no-repeat; */

		padding:0;

		background: transparent;

	}
	.product-shop .price-box .abo-price > span {
		padding:0;
	}

	/*.product-shop .product-options-bottom .price-box .abo-price.no-special {

			float:left;

			padding-left:10px;

			padding-right:10px;

		}

		.product-shop .product-options-bottom .price-box .abo-price.no-special .price  {

			background-position:center 5px !important;

			padding-top:15px;

			padding-left:0px;

			float:left;

		}*/
	.product-shop .add-to-box label {

		font: 700 18px/60px 'Montserrat', sans-serif;

		text-transform: uppercase;

		color: #000000;

		display: inline;

		margin-right: 1.875em;

	}

	.product-shop .add-to-box #qty {

		width: 55px;
		height: 40px;
		text-align: center;
		display: inline-block;
		position:absolute;
		left:16px;
		top:6px;
		z-index:1;

	}

	.product-shop .price-box-bundle ~ .price-box {

		display: none;

	}

	.product-shop .price-box .price-container {
		text-align:center;
		border-bottom:1px solid #c8c7c7;
	}
	.product-shop .price-box .price-container .price-center {
		display:inline-block;
	}
	.product-shop .price-box .price-container .price-center > p {
		display:inline-block;
		border:none !important;
		float:left;
		margin:0 5px;
	}

	.product-shop .price-box .old-price {

		text-align: right;

	}

	.product-shop .price-box .old-price .price-label,
	.product-shop .price-box .old-price .price {

		font-size: 16px;

		font-weight: normal;

		color: #6d6e70;

	}

	.product-shop .price-box .special-price {

		text-align: center;

		background: #f00;

	}

	.product-shop .price-box .special-price .price-label,
	.product-shop .price-box .special-price .price {

		font-size: 24px;

		font-weight: 700;

		color: #fff;

		line-height: 40px;

		font-family: 'Montserrat', sans-serif;

	}

}

/* Remove contact and shorten backtotop button */

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

	.helpdesk-contact-form-button {

		display: none;

	}

	#BackToTop {

		width: 50px;

		margin-right: 10px;

		opacity: 0.5;

	}

	#BackToTop:hover {

		opacity: 1;

	}

	.widget-products .row a.productlink {

		display: block;

		min-height: 290px;

	}

	.widget-products button.button-arrow-alt, .widget-products .button-arrow-alt {

		float: none;

	}

	.widget-products .large-8.columns {

		text-align: center;

	}

}

.product-combi-bundle-link {

	background-image: url('https://www.elektor.de/skin/frontend/default/elektor/images/combi-bundle-icon.png');

	background-position: 0 12px;

	background-repeat: no-repeat;

	padding-left: 40px;
	float:left;

}

.product-combi-bundle-link a {

	text-transform: uppercase;

	font: 700 17px/60px 'Montserrat', sans-serif;

}

.product-combi-bundle-link a span span {

	color: #000;

}

@media only screen and (min-width: 768px) {

	.product-shop .availability {

		/* margin-bottom: 50px !important; */

		margin-bottom: 10px !important;

	}

}

/*.extraproducts:nth-child(odd) {

    background: #d0d0d0;

}

.extraproducts .product-title {

    line-height: 32px !important;

}

.extraproducts .add-to-cart {

    margin-top: 5px !important;

    margin-bottom: 5px !important;

}

.extraproducts .price-box {

}

.extraproducts .price-box .regular-price {

    border-bottom: 0 !important;

}

.extraproducts .price-box .regular-price span,
.extraproducts .price-box .regular-price .price {

    margin-left: 0 !important;

    margin-right: 0 !important;

    font-size: 14px !important;

    width: auto !important;

    line-height: 32px !important;

}

.extraproducts .price-box .regular-price span.price-custom-label {

    float: left;

    display: block;

}

.extraproducts .price-box .special-price {

    border-bottom: 0 !important;

}

.extraproducts .price-box .special-price span,
.extraproducts .price-box .special-price .price {

    margin-left: 0 !important;

    margin-right: 0 !important;

    font-size: 14px !important;

    width: auto !important;

    line-height: 32px !important;

}

.extraproducts .price-box .abo-price {

    border-bottom: 0 !important;

    margin-bottom: 0 !important;

}

.extraproducts .price-box .abo-price span,
.extraproducts .price-box .abo-price .price {

    margin-left: 0 !important;

    margin-right: 0 !important;

    font-size: 14px !important;

    width: auto !important;

    line-height: 32px !important;

}

.extraproducts #qty_extra {

    width: 55px;

    height: 40px;

    text-align: center;

}

.extraproducts .btn-cta {

    line-height: 22px !important;

}*/

@media only screen and (min-width: 640px) {

	/*.extraproducts .medium-16 .btn-cta {

        width: 115%;

    }

    .extraproducts .btn-cta span.normal span {

        visibility: hidden;

    }*/

}

/*.extraproducts .btn-cta span span {

    display: block;

    padding: 5px 0;

    line-height: 16px !important;

}*/

/* Studenten verificatie */

.amcustomerattr {

	width: 100%;

	padding: 0;

	border: 0;

}

.amcustomerattr .field-row {

	position: relative;

	float: left;

	width: 100%;

}

.account-create .amcustomerattr .field-row input,
.account-create .amcustomerattr .field-row select {

	float: left;

	width: calc(100% - 32px);

}

.amcustomerattr .tipsy {

	position: static;

	float: left;

	background: #6d6e71;

	border-radius: 100%;

	width: 24px;

	height: 24px;

	text-align: center;

	color: white;

	font-size: 14px;

	line-height: 1em;

	margin-top: -4px;

	margin-left: 0.5em;

}

.account-create .amcustomerattr .field-row:nth-child(2) {

	margin-bottom: 20px;

}

.amcustomerattr .field-row:nth-child(2) .tipsy {

	margin-top: -10px;

}

@media screen and (min-width: 768px) {

	.amcustomerattr .field-row {

		float: left;

		width: 33.3333%;

		padding: 0 0.5em;

	}

	.account-create .amcustomerattr .field-row select {

		width: calc(33.3333% - 40px);

	}

	.account-create .amcustomerattr .field-row:first-child {

		width: 100%;

		margin-bottom: 0.5em;

	}

	.account-create .amcustomerattr .field-row:last-child {

		padding-right: 0;

	}

	.amcustomerattr .field-row #student {

		width: 33.3333%;

	}

	.checkoutcontainer .amcustomerattr .field-row {

		position: relative;

		width: 100%;

		padding: 0;

	}

	.checkoutcontainer .amcustomerattr .tipsy {

		margin-top: 0 !important;

		position: absolute;

		right: 0;

		top: 0;

	}

}

/* Daily deal */

@media only screen {

	.main-countdown {

		border-radius: 0px;

		-moz-border-radius: 0px;

		-webkit-border-radius: 0px;

		background: transparent;

		width:100%;
		max-width:100%;

		padding: 20px;

	}

	.product-view .main-countdown {

		padding: 20px 20px 10px;

		float: right;
		margin:0;

	}

	.product-view #availability-container {

		margin-top: 0px;

	}

	.product-view .price-columns {

		padding: 0px;

		margin-right: 10px;

		padding-left: 10px !important;

	}

	#availability-container {

		position: relative;


	}

	#availability-container p {

		font-size: 14px;

	}

	#availability-container .right-column {

		padding: 0px;

	}

	#availability-container .right-column.in-stock::before {

		position: absolute;

		width: 10px;

		top: 0px;

		bottom: 0px;

		left: 0px;

		background-color: #3aaa35;

		display: block;

		content: "";

	}

	#availability-container .right-column.not-in-stock::before {

		position: absolute;

		width: 10px;

		top: 0px;

		bottom: 0px;

		left: -10px;

		background-color: #ff0000;

		display: block;

		content: "";

	}

	#availability-container .right-column p {

		background: #d1d1d1;

		color: #6d6e70;

		padding-left: 20px;
		padding-right:20px;

		margin-bottom: 0px !important;

		display: block;

	}

	#availability-container .right-column .notice {

		padding: 0px 10px 10px;

		width: 100%;

	}

	#availability-container .right-column.stock-message {

		display: none;
		margin-top: 10px;
		border-left: 0px;
		padding: 0 20px;
		margin-bottom: 20px;
		background:#d1d1d1;
	}

	#availability-container .right-column.stock-message .notice {

		font-weight: normal;
		padding: 0px;
		line-height:21px;
		padding:7px 0;

	}

	#availability-container .right-column.stock-message .notice:empty {

		display: none;

	}

	#availability-container .right-column.stock-message.not-in-stock::before,
	#availability-container .right-column.stock-message.in-stock::before {

		top: -1px;

		bottom: -1px;

	}

	.product-countdown {

		height: 58px;

	}

	.availability span.ampreorder_note {

		color: #000;

		text-transform: none;

		line-height: normal;

		width: 100%;

		display: block !important;

		float: none;

		padding: 10px 10px 10px 0px !important;
		font-weight:normal !important;
		font-size:0.8rem;
		line-height:20px;

	}

	.main-countdown .countdown-title,
	.product-view .main-countdown .countdown-title {

		font: 400 18px/1em 'Montserrat', sans-serif;

		text-transform: uppercase;

		text-align: left;

		font-weight: bold;
		text-align:center;
		padding-bottom:0;

	}


	.main-countdown .qty-text {

		background: transparent !important;

		border-top: 1px solid #c8c7c7 !important;

		width: 100%;

		display: block;

		font: 200 11px/1em 'Montserrat', sans-serif;

		padding-top: 5px;

	}

	.main-countdown .unit-wrap span,
	.product-countdown .unit-wrap span {

		font: 100 10px/1em 'Montserrat', sans-serif;

	}

	.toolbar-top {

		margin-bottom: 10px !important;

		min-height: 40px;

	}

	.toolbar-top .view-deals {

		background: #fff;

		width: 100%;

		display: block;

		height: 45px;

		padding: 0px;

		border: 1px solid #c8c7c7;;

	}

	.toolbar-top .view-deals li {

		list-style: none;

		float: left;

	}

	.toolbar-top .view-deals li a {

		color: #6d6e71;

		padding: 9px 20px;

		display: block;

		font-weight: bold;

		text-transform: uppercase;

	}

	.dailydeal-index-list .toolbar-top .view-deals li.active-deals a {

		background: #6d6e71;

		color: #fff;

	}

	.dailydeal-index-recent .toolbar-top .view-deals li.past-deals a {

		background: #6d6e71;

		color: #fff;

	}

	/* --- featured deal --- */
	.dd-featured-deal {

		border: 1px solid #c8c7c7;

		height: 200px;

	}

	.dd-featured-deal .dd-header {

		height: 200px;

	}

	.dd-featured-deal .dd-header .dd-image {

		height: 200px;

	}

	.dd-featured-deal .dd-header .dd-price {

		margin-top: 20px;

	}

	.dd-featured-deal .dd-header .dd-price .abo-price {

		margin-top: 20px;

	}

	.dd-featured-deal .dd-header .dd-price .special-price span {

		font-weight: bold !important;

		color: #ff0000 !important;

		font-family: 'brandon_textblack';

	}

	.dd-featured-deal .dd-header .dd-price .abo-price {

		display: none;

	}

	.dd-featured-deal .dd-content {

		height: 200px;

		padding-top: 20px;

	}

	.dd-featured-deal .dd-content .dd-title a span {

		font-family: 'brandon_textblack';

		font-style: normal;

		text-transform: uppercase;

		font-size: 32px;

		color: #333333;

	}

	.dd-slim-countdown .dd-content::before {

		bottom: -35px;

		height: 150%;

		left: -25px;

	}

	.dd-slim-countdown .dd-content::after {

		top: 50px;

		left: -26px;

	}

}

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

	.product-view .main-countdown {

		margin-left: 0px;

		float: none;

		margin-top: 0px;

	}

}

.notice {

	width: 50%;

	font-size: 14px;

	line-height: 18px;

}

.notice #edd_countdown {

	color: #000;

}

@media only screen and (min-width: 1024px) {

	.category-cool-summer-deals .category-products .item {

		min-height: 519px !important;

	}

}

/* Hotfix OSC mobile newsletters */

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

	.order-review > .buttons-set {

		display: none;

	}

	#checkout-step-review {

		padding: 1em !important;

	}

	.agreement-content {

		height: 300px;

		overflow-y: scroll;

		padding: 0.5em;

		border: 1px solid #6d6e71;

		margin-bottom: 1em;

	}

	p.agree {

		font-size: 14px !important;

	}

}

p.note-msg.misspell.fallback {

	margin-left: auto;

	margin-right: auto;

	margin-top: 0;

	margin-bottom: 0;

	max-width: 84.3em;

	width: 100%;

}

/* Brands Filter */

.block-layered-nav .currently li {

	margin-right: 50px;

	display: inline-block;

}

.block-layered-nav .currently ol {

	margin-bottom: 0px;

}

/* Helpdesk Iframe Form */

.helpdesk-contact-form-iframe {

	height: 600px;

}

/* Magepro filter width */
.m-css_checkboxes.filter-item {
	width: 120%;
}

@media only screen and (max-width: 640px) {
	.m-css_checkboxes.filter-item {
		width: 100%;
	}
}

.downloadablelabel {
	white-space: normal;
	text-align: left;
	margin-left: 10px;
}

.downloadablespan {
	display: inherit;
}

.product-downloadable-link {
	margin: 0 5px 0 0 !important;
}

/* Bundle product */
.old-price, .special-price, .member-savings {
	margin-bottom: 0px;
}

p.member-savings {
	background: #ff1000;
	float: left;
	padding: 1rem 0;
	width: 100%;
	font-size: 1rem;
	text-align: center;
}

p.member-savings span {
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.member-savings-filler {
	height: 70px;
}

/************************

*	HEADER MOBILE

************************/
.topbar-mobile {
	display:none;
}

@media only screen and (max-width: 1023px) {
	.topbar, header .mean-container {
		display:none;
	}
	#search_mini_form {
		margin:10px 0 15px;
	}
	#search_mini_form .btn-search {
		float:right;
	}
	.topsearch-container {
		width:100%;
	}
	.topbar-mobile {
		background:#ff0000;
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:20;
	}
	body {
		padding-top:60px;
	}
	header {
		position:fixed;
		top:60px;
		background:white;
		width:100%;
		z-index:19;
	}
	.topbar-mobile--login{
		background:#3aaa35;
	}
	.topbar-mobile__logo {
		background:white;
		padding-top:10px;
		padding-bottom:10px;
	}
	.topbar-mobile__logo a {
		display:block;
		text-align:left;
		height:40px;
	}
	.topbar-mobile__logo img {
		max-height:40px;
	}
	.topbar-mobile__icons ul {
		list-style:none;
		float:right;
		margin:0;
		width:100%;
		display:table;
		height:60px;
	}
	.topbar-mobile__icons__icon {
		color:white;
		width:20%;
		font-size:22px;
		display:table-cell;
		vertical-align: middle;
		height:100%;
		text-align:center;
	}
	.topbar-mobile__icons__icon > * {
		cursor:pointer;
	}
	.topbar-mobile__icons__icon--cart a {
		width:120%;
		margin-left:-10%;
		display:block;
	}
	.mean-container a.meanmenu-reveal {
		top: 4px;
		padding-left:0;
		padding-right:0;
	}
	.mean-container .mean-bar {
		background:transparent;
		text-align:center;
	}
	.mean-container .mean-nav {
		position:absolute;
		width:100vw;
		right:-10px;
		top:10px;
		overflow-y:auto;
		max-height:calc(100vh - 60px);
		z-index:99;
	}
	header .searchautocomplete {
		background:transparent;
		height:45px !important;
		position:absolute;
		left:-9999px;
	}
	header .searchautocomplete.show-search {
		position:static;
	}
	.product-info .mini-actie-banner {
		display:none !important;
	}
	.mini-actie-banner-container {
		border:#c7c7c7 1px solid;
		border-width:1px 0;
		margin:10px 0;
		padding:10px 0 5px;
	}
	.amxnotif-block {
		display:none;
	}
	.product-shop-container + .amxnotif-block {
		display:block;
		margin:20px 10px;
		width:calc(100% - 20px);
		float:left;
	}
	.product-info .config-options {
		display:none;
	}
	.product-options {
		margin:20px 10px;
	}
}
@media only screen and (min-width: 1024px) {
	.product-info .mini-actie-banner {
		display:block !important;
	}
	.mini-actie-banner-container {
		display:none !important;
	}
	.product-shop .price-box .price-container .old-price {
		width:100%;
		text-align:center;
		margin:0 !important;
	}
	.product-shop .price-box .price-container .special-price {
		width:100%;
		font: 700 16px/22px 'Montserrat', sans-serif;
		text-transform: uppercase;
		text-align: center;
		color: #231f20;
		margin:0 !important;
		color:#ff0000;
		padding-top:9px;
		padding-bottom:9px;
	}
	.product-shop .price-box .price-container .old-price .price {
		font-size:32px;
		font-weight:bold;
		color:#000;
		display:block;
		padding:15px 0 20px;
		border-bottom:1px solid #c8c7c7;
		height:auto;
	}
	.product-shop .price-box .price-container .special-price .price-label {
		display:inline-block;
		font-size:inherit;
		float:none;
		width:auto;
		color:inherit !important;
	}
	.product-shop .price-box .price-container .special-price .price {
		text-align:center;
		font-size:inherit;
		width:auto;
		float:none;
		color:inherit !important;
	}
	.product-shop .price-box .special-price .price-label,
	.product-shop .price-box .special-price .price {
		line-height:22px;
	}
	.amxnotif-block {
		display:block;
	}
	.product-shop-container + .amxnotif-block {
		display:none;
	}
	.product-shop-container ~ .config-options {
		display:none;
	}
	.mean-container .mean-bar {
		display:none;
	}
}
.product-shop .extraproducts {
}
.product-shop .extraproduct-2 {
	background:#d0d0d0;
	margin-left:-10px;
	margin-right:-10px;
	margin-top:10px;
	margin-bottom:-10px;
}
.product-shop .extraproduct-2 .product-title {
	padding-bottom:20px;
	padding-top:15px;
	border-bottom:#fff 1px solid;
	color:white;
}
.product-shop .extraproduct-2 .price-box > .columns {
	border-bottom:#fff 1px solid !important;
}
.product-shop .extraproduct-2 .add-to-box {
	margin:0 10px;
}
.product-shop .extraproduct-2 .price-box .abo-price, .product-shop .extraproduct-2 .add-to-box .special-price {
	font-size:14px !important;
}
.product-shop .extraproduct-2 .add-to-box .btn-cta span {
	padding:10px 0;
	float:left;
}
.product-shop .extraproduct-2 .add-to-box > .columns, .product-shop .extraproduct-2 .add-to-cart > .columns {
	padding-left:0;
	padding-right:0;
}
.product-shop .extraproduct-2 .price-container {
	border-bottom-color:white !important;
}
.product-shop .extraproduct-2 .price-box .price-container .old-price {
	margin:0 !important;
	padding:0;
	border-bottom:1px solid white !important;
}
.product-shop .extraproduct-2 .price-container .old-price .price  {
	border-bottom:none !important;
	display:inline-block !important;
	width:auto !important;
	font-size:14px !important;
	color:#000 !important;
	padding:0 !important;
}
.product-shop .extraproduct-2 .price-container .old-price .price-label {
	display:inline-block !important;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	color:#000;
	margin-right:5px;
}
.product-shop .extraproduct-2 .price-container .special-price .price-label {
	display:inline;
	font-size:14px;
	float:none;
	color:#FF0000 !important;
}
.product-shop .extraproduct-2 .price-container .special-price .price {
	float:none;
	font-size:14px;
	color:#FF0000 !important;
}
.product-shop .extraproduct-2 .price-container .price-center {
	width:100%;
}
.product-shop .extraproduct-2 .price-container .price-center > p {
	text-align:center;
}
.adyen-payment-method-icon {
    margin-right: 26px !important;
    margin-left: 2px;
    border: none !important;
    width: 33px !important;
    height: 22px !important;
    float: left !important;
}
#container_payment_method_adyen_sepa, #container_payment_method_adyen_ideal{
    border: solid 1px #D0D0D0;
    width: 80%;
    padding: 5px;
    margin-bottom: 10px;
}
#checkout-payment-method-load dd.payment-method{
    font-size: 12px;
    margin-bottom: 10px;
}
/* version 09082016 */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #58585A; color: #FFF; max-width: 200px; padding: 10px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #58585A; }
  .tipsy-arrow-s { border-top-color: #58585A; }
  .tipsy-arrow-e { border-left-color: #58585A; }
  .tipsy-arrow-w { border-right-color: #58585A; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }