/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Roboto',sans-serif;
		font-weight:normal;
	}
	
	h1,h2,h3,h4,h5,h6,h1 span,h2 span,h3 span{font-family:'Roboto', cursive;}
	
	
	.homep h2, .homep h3, .slogan h2 {
	    color: #fff;
	    display: inline-block;
	    font-family: 'Roboto' ,sans-serif;
	    padding: ;
	    position: relative;
	    text-align: center;
	}
	
	.cat_header {
	    margin: 0;
	}
	
	.productContent .slogan{
		display:block;
		width:100%;
		padding:200px 30px 30px;
		margin:0;
		text-align:center;
	}
	
	.productContent .slogan h2,.productContent .slogan h3{
		text-align: center;
	}
	
	.productContent .slogan .dateBox{position:absolute;top:30px;right:30px;padding:10px 0;}
	.productContent .slogan .dateBox .dateNum{padding-top:0;margin-bottom: -15px;}
	.productContent .slogan .dateBox .dateNum > img{width:60px;}
	.productContent .slogan .dateBox .dateNum > img:first-child {
	    margin-right: -17px;
	}
	
	.homeheader .slogan .dateBox {
	    padding: 10px 0 6px;
	}
	.homeheader .slogan .dateBox .dateNum > img{width:50px;}
	
	.homeheader  .slogan .dateBox .month{margin-top: -15px;}
	
	.subTitle {
	    color: #47d2e8;
	    display: block;
	    font-size: 11px;
	}
	.summary.eventTime {
	    color: #ccc !important;
	    line-height: 1;
	    margin: 0 0 15px !important;
	}
	.summary.eventTime .fa{color:#fff;}

	.imgHolder{background:no-repeat center center transparent;background-size:cover;min-height:240px;}
	a.imgHolder{display:block;}
	
	
	.productContent .slogan .button {
	    border-radius: 2px;
	    color: #222832;
	    display: inline-block;
	    font-weight: bold;
	    margin-top: 30px;
	    padding-bottom: 24px;
	    padding-top: 24px;
	    text-transform: uppercase;
	    width: 220px;
	}
	
	.productContent .bg_img{background-attachment:scroll;}
	
	.ticketBox{padding:15px;border:1px solid #455060;background:#222832;position:relative;}
	.ticketBox td {
	    padding: 2px 0;
	}
	.ticketBox .button.secondary{background-color:#2D3644;}
	
	.ticketBox table {
	    margin-top:10px;
	}
	.copyright {
	    font-size: 14px;
	}
		
	h1.pageTitle{font-size:14pt;margin-bottom:15px;}
	
	.pageSubTitle {
	    color: #f9f9f9;
	    font-size: 16px;
	    margin: -15px 0 15px;
	}
	
	.ticketBox  h2{font-size:12pt;color:#fff;font-weight:bold;text-transform:uppercase;}
	.ticketBox .button{display:block;}
	
	#pager {
	    margin: 520px auto 15px;
	    position: relative;
	    text-align: center;
	    z-index: 900;
	}
	#pager li{display:inline-block;text-align:center;margin:0 6px;}
	#pager li a{display:inline-block;width:12px;height:12px;background-color:#969697;line-height:12px;}
	#pager li.cycle-pager-active a{background-color:#47d2e8;}
	
	#subfooter h4 {
	    color: #fff;
	    font-family: "Roboto",sans-serif;
	    font-size: 18px;
	    font-weight: bold;
	    letter-spacing: 0.04em;
	}
	#subfooter p,#subfooter a,#subfooter address{font-size:14px;line-height:1.4;}
	
	#subfooter li a{padding:9px 0 10px;font-weight:300;display:block;}
	#subfooter .subNav li a{font-size:12px;}
	#subfooter td {
	    padding: 0 20px 0 0;
	}
	.fBox{height:200px;position:relative;margin-top:30px;text-align:center;padding-top:75px;display:block;}
	.about .fBox{margin-bottom:24px;}
	
	.homep.about .fBox h3{font-size:18px;}
	

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	.no-padding{padding:0;}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}
	
	
	.mobile,.hide{display:none;}

/* Box Model */

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

	
	.topLink{display:block;font-size:14px;color:#fff;padding:0.2em 0;float:right;}
	
.black {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;
    border-color: #222 !important;
    box-shadow: 0 2px 2px #000 !important;
    position: relative;
}

.main .black .container {
    padding-bottom: 0.4em;
    padding-top: 1.4em;
}

#filterBar.smaller.black {
    left: 0;
    position: fixed;
    top: 83px;
    width: 100%;
    z-index: 10;
}

p a {
    color: #fff;
    text-decoration: underline;
}
p a:hover, a:hover,#userNav li a.active,#userNav li a:hover,.page_nav a.active{color:#FFF;}
p a:hover{text-decoration:underline;}

a.topLink:hover{text-decoration:none;}


#nav-trigger{float:right;}
#nav-trigger a#menuToggler i{color:#fff;}
#nav-trigger a#menuToggler {
    display: block;
    font-size: 30px;
    height: 30px;
    margin-right: 0;
    margin-top: 17px;
    width: 30px;
    text-align: left;
}

.smaller #nav-trigger a#menuToggler {
}

.imgcard {
	width: 50%;
	margin: auto;
}	

.titletop {
	display: none;
}

#logo {
    background: #222832 url("/images/logo.png") no-repeat scroll left top;
    background-size: 210px auto;
    display: block;
    float: left;
    height: 142px;
    margin-bottom: -150px;
    margin-top: 10px;
    width: 210px;
    z-index: 100;
}
	
.category_detail {
	padding-top: 45px;
}

.category_detail iframe{display: block;height:260px;width:100%;}
.category_detail h1 {
    font-size: 16px;
    margin-bottom: 6px;
    padding-bottom: 0;
}
.category_detail .txt, .txt .summary{

    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 15px; /* Chrome, Safari, Opera */
    -moz-column-gap: 15px; /* Firefox */
    column-gap: 15px;

}

.summary table td{padding:4px;font-size:90%;}

.warning{padding:7px;color:#000;margin:0.5em 0;font-size:14px;background:#FBD4DA;}
.warning strong{font-weight:bold;color:#C42940;}
.cookie-message{display:none;}

.product_detail .container{padding-top:0;}

.product_detail {
	padding-top: 0;
}

.product_detail .price {
    font-size: 1.5em;
    color: #000;
    font-weight:bold;	    
}

.optionBox .price {
	font-size:10pt;
}

.product_detail .shippingprice {
    font-size: 0.7em;
    color: #B5B5B5;	    
}	

.controle h2{
	padding: 0 ;
	margin: 0 ;
}

.controle h2 a {
	font-size: 0.7em;
	color: #FDB738;
	float: right;
}

.controle .box {
	margin-top: 1em;
	font-size: 0.8em;
}

.tabs {
    float: none;
    list-style: none;
    padding: 0;
    margin: 75px auto;
    border-bottom: 4px solid #ccc;
}
 
.tabs:after {
    content: '';
    display: table;
    clear: both;
}
 
.tabs input[type=radio] {
    display:none;
}
 
.tabs label {
    display: block;
    float: left;
    width: 50%;
 
    color: #ccc;
    font-size: 30px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    line-height: 2;
 
    cursor: pointer;
    box-shadow: inset 0 4px #ccc;
    border-bottom: 4px solid #ccc;
 
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
}
  
.tabs label span {
    display: none;
}
 
.tabs label i {
    padding: 5px;
    margin-right: 0;
}
 
.tabs label:hover {
    color: #000;
    box-shadow: inset 0 4px #000;
    border-bottom: 4px solid #000;
}
 
.tab-content {
    display: none;
    width: 100%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
  
    background-color:#f6f8dc;
}

.tab-content * {
 
    -webkit-animation: scale 0.7s ease-in-out;
    -moz-animation: scale 0.7s ease-in-out;
    animation: scale 0.7s ease-in-out;
}
 
@keyframes scale {
 
  0% { 
    transform: scale(0.9);
    opacity: 0;
    }
 
  50% {
    transform: scale(1.01);
    opacity: 0.5;
    }
 
  100% { 
    transform: scale(1);
    opacity: 1;
  }
 
}

.tabs [id^="tab"]:checked + label {
    background: #f6f8dc;
    box-shadow: inset 0 4px #000;
    color: #000;
}
 
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
    display: block;
}

.pre_query {
	background-color: #f6f8dc;
	border-radius: 8px;
	padding: 20px;
	margin: 20px;
}

.feedbackcont {
	width: auto;
	background-color: #f2f2f2;
	border-radius: 8px;
	float: left;
	padding: 0px;
}

.feed_sm {
	font-size: 10px;

}

.feed_sm .feedbackcont {
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 3em;
}

.feed_sm .feedbackcont:last-child {
	margin: 0;
}

.feedbackcont .header {
	display: block; height: auto;
	font-weight: bold;
	float:left;width: 100%;
	padding: 5px;
	border-top: 1px solid #e6e6e6;
}
.feedbackcont .header:first-child {
	border-top: none;
}
.feedbackcont .val {
	padding: 5px;
}

#userNav i {
	font-size: 1.6em;
	line-height: 1em;
	margin-right: 0.5em; 
	color:#fff;
}

.smallNav {
    float: left;
    margin: 10px 30px 0 0;
    position: relative;
    text-align: right;
    z-index: 12;
}
.smallNav li {
    color: #fff;
    display: inline-block;
    font-size: 11px;
    margin-left: 20px;
    padding: 6px 12px 0 0;
}
.smallNav li a{color:#fff;}

.no_top_padding{padding-top:0 !important;}

.i_shoppingcart {
	background: url(/images/icon_cart.png) no-repeat left top;
	background-size: 22px;
}

.i_profile {
	background: url(/images/icon_profile.png) no-repeat left top;
	background-size: 15px;
}

.cartLink span {
    background-color: #fdb738;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 18px;
}

.cart .thumbnail {
	max-height: 80px;
}

.cart .rowextra{
	border-top: 1px solid #eee;
}

.cart .rowcadeau {
	border-top: 1px solid #eee;
	background-color: #000;
	color: #fff;
}

.cart .rowcadeau .saldo {
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}


.left{float:left;}

.brands img{ filter:grayscale(100%); }
.brands{padding:3em 0 2em;clear:both;}

#addressForm legend {
	text-transform: uppercase;
	font-weight: normal;
}

#addressForm select {
	width: 100%;
	background-image: none !important;
}

#addressForm .lbl_small {
    float: left;
    margin-right: 2%;
    width: 49%;
}
#addressForm .lbl_small.right {
    margin-right: 0;
}

#addressForm input, #addressForm select {
	/*font-size: 1em;*/
}

#addressForm input[type=submit]{font-size:11pt;}


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

	}

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

	}

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


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

	}


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

	}

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

	}

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

	}

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

	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		background:#2D3644;	
		background-size:100px;
		font-weight: 300;
		font-size: 17pt;
		line-height: 1.75em;
		color: #bbb;
	}

	body.is-loading * {
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	.dark {
		color: #aaa;
		color: rgba(255, 255, 255, 0.65);
	}
	
	.container{background-color:transparent;}
	.toppers .container{padding-bottom:30px;padding-right:30px;}

	.container.homeBoxes {
	    padding-bottom: 30px;
	}
	
	.social_icons{
		position:fixed;
		top:15%;
		left:50%;
		margin-left:585px;
		z-index: 900;
	}
	.social_icons ul li a{transition:all linear 0.2s;color:#fff;padding-left:0;text-align:center;font-size:22px;display:block;width:44px;height:44px;line-height:44px;border-radius:0 4px 4px 0;background:#000;margin-bottom:10px;}
	.social_icons ul li a:hover{background-color:#ccc;padding-left:5px;width:49px;}

	input, textarea, select {
		font-weight: 300;
		font-size: 17pt;
		line-height: 1.75em;
		color: #bbb;
		-webkit-text-stroke: 0.1px;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #666;
		margin: 0 0 1em 0;
		font-weight: 300;
		line-height: 1.5em;
	}
	
	h2 {
	    color: #000;
	    font-size: 48pt;
	    font-weight: 400;
	    margin-bottom: 0;
	}
	
	.box h2{font-size:22pt;}
	
	.slogan{margin:8.5em 0 0;position:relative;}
	.slogan h2 {
	    font-size: 62px;
	    font-weight: 600;
	    line-height:1;
	    letter-spacing: 0.04em;
	    margin-bottom: 0;
	    text-align: left;
	    text-transform: uppercase;
	}
	.slogan h3 {
	    color: #fff;
	    font-size: 32px;
	    font-weight: 300;
	    letter-spacing: 0.01em;
	    line-height: 1;
	    margin-bottom: 1em;
	    margin-top: 0.4em;
	    text-align: left;
	    text-transform: none;
	}
	.slogan > h2:last-child {
	    font-size: 18px;
	}
	
	.slogan .button {
	    display: block;
	    width: 175px;
	}
	
	.dateBox {
	    background: #fff none repeat scroll 0 0;
	    border-bottom: 6px solid #47d2e8;
	    margin-bottom: 24px;
	    padding: 24px 0 11px;
	    text-align: center;
	    width: 120px;
	}
	.dateBox span{display:block;}
	.dateBox span.month{font-weight:300;letter-spacing:0.02em;margin-top:0;color:#777;}
	.dateBox span.dateNum{font-size:50px;color:#000;line-height:1;}
	
	.dateBox.smallBox {
	    border: medium none;
	    float: left;
	    font-size: 10px;
	    margin-right: 8px;
	    padding: 6px;
	    width: 46px;
	    margin-bottom:6px;
	}
	.dateBox.smallBox span.dateNum{font-size:14px;}
	
	.dateNum > img:first-child {
    margin-right: -10px;
	}
	.dateNum > img {
	    display: inline !important;
	    width: 37px;
	}
		
	
	#subfooter li{display:block;clear:both;}
	
	#subfooter .dateBox{background-color:#2D3644 !important;}
	#subfooter .dateBox .dateNum{color:#fff;}
	#subfooter .dateBox .month{color:#aaa;}
	
	
	.proditem .dateBox{position:absolute;top:15px;right:15px;width:85px;z-index:100;padding: 14px 0;pointer-events: none;}
	.proditem .dateBox span.month{font-size:12px;line-height:12px;}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		text-decoration: none;
	}

	.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
		color: #fff;
	}
	.cookie-message{display:none;}
	
	.container{padding:60px 15px;}
	.container.tight {
	    padding-bottom: 0;
	    padding-top: 15px;
	}
	
	.container.admin{padding-top:100px;}
	
	#footer .container,#topBar .container,#bc .container {
	    padding: 0 15px;
	}

	.secondary,#topBar,.primary {
		background-color:#222832;
		position:relative;
		z-index:2;
	}


	#topBar{position:fixed;width:100%;height:auto;left:0;top:0;z-index:999;}
	#topBar.smaller{}
	.smaller #logo{width:120px;height:60px;background-size: 100% auto;margin-top:0;padding-bottom: 80px;}
	.smaller #userNav {padding:0.4em 0;}
	.smaller #userNav li {border-right:none;font-size: 12px;}
	.smaller #userNav li a{padding:0 15px;}
	
	.primary{background-color:#2D3644;}

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

	.dark strong, .dark b {
		color: #fff;
		color: rgba(255, 255, 255, 0.85);
	}

	em, i {
		font-style: italic;
	}

	a {

		color: inherit;
		text-decoration: none;

	}

		a:hover {
			border-bottom-color: transparent;
		}

	.dark a {
		color: #fff;
		border-bottom-color: rgba(255, 255, 255, 0.5);
	}

		.dark a:hover {
			border-bottom-color: rgba(255, 255, 255, 0);
		}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
		border: 0;
		border-top: solid 1px #414E60;
		margin: 2em 0 2em 0;
	}

	.dark hr {
		border-top-color: rgba(255, 255, 255, 0.5);
	}

	blockquote {
		border-left: solid 0.25em #e6e6e6;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	.dark blockquote {
		border-left-color: rgba(255, 255, 255, 0.5);
	}

	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}
	
	p,td,li,address {
	    font-weight: 300;
	    line-height: 1.5;
	    font-size:14px;
	    text-align: left;
		color:#CED3DB;
	}

	header h1, header h2, header h3, header h4, header h5, header h6 {
		margin: 0;
	}

	header p {
		display: block;
		margin: 0;
		padding: 0.5em 0;
	}
	
	.product_list{padding-top:0;}
	
	.product_list header p, .related_list header p, .related_list header h2 {
		text-align: left;
		padding-left:0;
	}		
	
	#subfooter address a .fa {
	    background: #2d3644 none repeat scroll 0 0;
	    border: medium none;
	    border-radius: 50%;
	    color: #fff;
	    display: inline-block;
	    height: 32px;
	    line-height: 32px;
	    margin: 0;
	    text-align: center;
	    width: 32px;
	}
	
	.socialIcons{margin:20px 0;}
	.socialIcons > a {
	    color: #fff;
	    float: left;
	    text-align: center;
	    margin-right:7px;
	}
	
	.related_list p.price{
		font-size:12px;
	}

	footer {
		padding-top: 1.5em;
	}

	br.clear {
		clear: both;
	}

	.featured {
		text-align: center;
	}

		.featured p {
			text-align: center;
		}
		
	iframe.map {display:block;border:none;padding:0;margin:0 0 30px;width:100%;min-height:300px;}

/* Sections/Article */

	section,
	article {
		margin-bottom: 0;
	}

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	.row > section,
	.row > article {
		margin-bottom: 0;
	}

/* Image */

	.image {
		position: relative;
		display: inline-block;
		border: 0;
	}

		.image:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url("images/overlay.png");
		}

		.image img {
			display: block;
			width: 100%;
			border-radius: 0.5em;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

		.itemImg{margin-bottom:30px;}
		
/* List */

	ul.default {
		list-style: disc;
		padding-left: 1em;
	}

		ul.default li {
			padding-left: 0.5em;
		}

	ul.icons {
		cursor: default;
		text-align: right;
	}

		ul.icons li {
			display: inline-block;
			padding-left: 0.1em;
		}

		ul.icons a {
			-moz-transition: background-color 0.25s ease-in-out;
			-webkit-transition: background-color 0.25s ease-in-out;
			-ms-transition: background-color 0.25s ease-in-out;
			transition: background-color 0.25s ease-in-out;
			display: inline-block;
			width: 1.75em;
			height: 1.75em;
			line-height: 1.8em;
			text-align: center;
			border: 0;
			box-shadow: inset 0 0 0 1px #e6e6e6;
			border-radius: 100%;
			color: #aaa;
		}

			ul.icons a:hover {
				background: rgba(0, 0, 0, 0.025);
			}

	ul.menu {
		cursor: default;
	}

		ul.menu li {
			display: inline-block;
			line-height: 1em;
			border-left: solid 1px #e6e6e6;
			padding: 0 0 0 0.5em;
			margin: 0 0 0 0.5em;
		}

			ul.menu li:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}

	ul.actions {
		cursor: default;
	}

		ul.actions li {
			display: inline-block;
			margin: 0 0 0 0.5em;
		}

			ul.actions li:first-child {
				margin-left: 0;
			}

	ol.default {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol.default li {
			padding-left: 0.25em;
		}

/* Form */

	form .actions {
		margin-bottom: 0;
	}

	form label {
		display: block;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form input[type="file"],
	form select,
	form .select,
	form textarea {
		-moz-transition: all 0.25s ease-in-out;
		-webkit-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		box-shadow: inset 0 0 0 1px #414E60;
		background: #282E3A;
		width: 100%;
		padding: 0.85em 1em 0.85em 1em;
		border-radius: 0.25em;
		border: 0;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form input[type="file"]:focus,
		form select:focus,
		form .select:focus,
		form textarea:focus {
			outline: 0;
			box-shadow: inset 0 0 0 1px #47D2E8;
			
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form input[type="file"],
	form select,
	form textarea {
		line-height: 1.25em;
		margin-bottom: 0.5em;
		font-size: 11pt;
	}

	form textarea {
		min-height: 160px;
	}

	form select {
		position: relative;
	}

		form select option:not(:checked) {
			color: #ccc;
		}

	form .select {
		position: relative;
		padding: 0;
		overflow-x: hidden;
		outline: 0;
	}

		form .select select {
			width: calc(100% + 2em);
			background: none !important;
			box-shadow: none !important;
			border: 0 !important;
			cursor: pointer;
		}

			form .select select::-moz-focus-inner {
				border: 0;
				outline: 0;
			}

		form .select:before {
			content: '';
			position: absolute;
			top: 15%;
			right: 1em;
			width: 1.25em;
			height: 75%;
			background: url("images/arrow.svg") center center no-repeat;
			background-size: contain;
			z-index: 0;
		}

		form .select select::-ms-expand {
			display: none;
		}

	form ::-moz-focus-inner {
		border: 0;
	}

	form .formerize-placeholder {
		color: #ccc !important;
	}

	form ::-webkit-input-placeholder {
		color: #ccc !important;
	}

	form :-moz-placeholder {
		color: #ccc !important;
	}

	form ::-moz-placeholder {
		color: #ccc !important;
	}
	
	form :-ms-input-placeholder {
		color: #ccc !important;
	}
	
	form ::-ms-input-placeholder {
		color: #ccc !important;
	}

/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
			border-collapse: collapse;
		}

			table.default tbody tr {
				border: solid 1px #e6e6e6;
			}

				table.default tbody tr:nth-child(2n+2) {
					background: #f8f8f8;
				}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				padding: 0.5em 1em 1em 1em;
			}

			table.default tfoot td {
				padding-top: 1em;
			}

	.dark table.default tbody tr {
		border-color: rgba(255, 255, 255, 0.5);
	}

		.dark table.default tbody tr:nth-child(2n+2) {
			background: rgba(255, 255, 255, 0.1);
		}

/* Button */
	
	input[type="button"], input[type="submit"], input[type="reset"], button, .button {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    background: #47d2e8 none repeat scroll 0 0;
	    border-image: none;
	    border-radius: 0;
	    border-style: solid;
	    border-width: 0;
	    color: #222832;
	    font-weight:400;
	    cursor: pointer;
	    display: inline-block;
	    font-size: 16px;
	    line-height: 18px;
	    margin-bottom: 0.5em;
	    padding: 15px 30px;
	    position: relative;
	    text-align: center;
	    text-decoration: none !important;
	    text-shadow: none;
	    transition: all 0.4s linear 0s;
	    text-transform:none;
	}

	.button .fa{color:#ccc;margin-right:6px;}

	.button.orange{background:rgba(252, 136, 15, 1);color:#fff;}
	.button.pink{background:#EC008A;}
	
	.button.prev{padding:10px 20px 10px 7px;}
	.button.next{padding:10px 7px 10px 20px;}
	.button.prev em.fa, .button.next em.fa {
	    background: #fff none repeat scroll 0 0;
	    border-radius: 50%;
	    color: #222832;
	    display: inline-block;
	    font-size: 12px;
	    height: 20px;
	    margin: 10px;
	    padding: 4px;
	    text-align: center;
	    vertical-align: middle;
	    width: 20px;
	}
	.button.next:hover,
	.button.prev:hover{color:#222832 !important;}
	
	.button.adminButton{padding:4px 20px;background:#f1f1f1;color:#aaa;font-size:13px;text-transform:lowercase;display:inline-block;}
	
	.button.bigButton {
	    font-size: 11pt;
	}
	
	.cart .button {
	    font-size: 11pt;
	    line-height: 14pt;
	    padding: 1em 2em;
	}
	
	.cart .button.pay,.cart .button.pay:hover {
    	background-image:url(/images/ideal_logo_color.png) !important;
    	background-repeat:no-repeat !important;
    	background-size:36px !important;
    	background-position:20px center !important;
    	background-color:#CD0067;
	}

	input[type="button"].alt,
	input[type="submit"].alt,
	input[type="reset"].alt,
	button.alt,
	.button.alt {
		color: inherit;
		box-shadow: inset 0 0 0 1px #e6e6e6;
		background: none;
	}
	
	input[type="button"].alt:hover,
	input[type="submit"].alt:hover,
	input[type="reset"].alt:hover,
	button.alt:hover,
	.button.alt:hover {
		background: rgba(0, 0, 0, 0.025);
	}

	.dark input[type="button"],
	.dark input[type="submit"],
	.dark input[type="reset"],
	.dark button,
	.dark .button {
		background: rgba(255, 255, 255, 0.15);
		box-shadow: inset 0 0 0 1px #fff;
		color: #fff;
	}

		.dark input[type="button"]:hover,
		.dark input[type="submit"]:hover,
		.dark input[type="reset"]:hover,
		.dark button:hover,
		.dark .button:hover {
			background: rgba(255, 255, 255, 0.25);
		}

		.dark input[type="button"].alt,
		.dark input[type="submit"].alt,
		.dark input[type="reset"].alt,
		.dark button.alt,
		.dark .button.alt {
			background: none;
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
		}

			.dark input[type="button"].alt:hover,
			.dark input[type="submit"].alt:hover,
			.dark input[type="reset"].alt:hover,
			.dark button.alt:hover,
			.dark .button.alt:hover {
				background: rgba(255, 255, 255, 0.15);
				box-shadow: inset 0 0 0 1px #fff;
			}

/* Feature Icon */

	.feature-icon {
		display: inline-block;
		position: relative;
		padding-bottom: 5em;
		margin-bottom: 2.75em;
		cursor: default;
	}

		.feature-icon .icon {
			display: inline-block;
			width: 2em;
			height: 2em;
			font-size: 4.5em;
			border-radius: 100%;
			box-shadow: inset 0 0 0 1px #666;
			color: #666;
			line-height: 2.1em;
		}

		.feature-icon:before {
			content: '';
			background: #666;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -0.325em;
			width: 0.65em;
			height: 0.65em;
			display: block;
			border-radius: 100%;
		}

		.feature-icon:after {
			content: '';
			position: absolute;
			left: 50%;
			bottom: 0.65em;
			width: 1px;
			height: 4.35em;
			background: #666;
			margin-left: -0.5px;
		}

	.dark .feature-icon .icon {
		background: rgba(255, 255, 255, 0.15);
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
		color: #fff;
	}

	.dark .feature-icon:before, .dark .feature-icon:after {
		background: rgba(255, 255, 255, 0.5);
	}

/* Icons */

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon > .label {
			display: none;
		}

/* Header */

	#headercheck {
		position: relative;
		margin: 0;
		background-color: #EFEFEF;
		padding: 2em 0 0 0;
		text-align: center;
		color: #6C6C89;
		min-height: 200px;
	}
	#headercheck form{
		padding: 2em 0 4em 0;
		text-align: center;
	}
	#headercheck input[type="text"]{
	}
	#headercheck input[type="submit"]{
		margin: 1em 0;
		width: 100%;
	}	
	
	#headercheck h1 {
		margin-bottom: 0;
	}

	#header {
		position: relative;
		margin: 0;
		background-color: #fff;
		/* background-image: url("images/overlay.png"), url("/images/header1.png"); */
		background-size: auto, cover;
		background-position: top left, center center;
		background-repeat: repeat, no-repeat;
		padding: 4em 0 0 0;
		text-align: center;
		color: #6C6C89;
	}

		#header header h1 {
			line-height: 1.25em;
			margin-bottom: 0;
			color: #C3B6D4;
		}

		#header header p {
			margin-top: 1.25em;
			font-weight: 100;
			padding: 0;
			line-height: 1.5em;
			text-align: center;
		}

		#header footer {
			padding-top: 1.5em;
		}

/* Main Sections */

	.button.secondary{background:#222832;position: relative;z-index: 1;color:#fff;border:none;}
	.button.secondary:hover{color:#fff;}
	
	.secondary .row{margin-top:0;}

	.category_thema {
		margin: 0 !important;	
	}

	.main {
		position: relative;
		margin: 0px 0 0 0;
		padding-top: 83px;	
	}
	
	.product_detail.main {
	    padding-top: 78px;
	}
	
	.category_thema.main .button{margin-top:2em;}
	
	.main .container {
	    padding-bottom: 2em;
	    padding-top: 2em;
	}

		.main > header {
			background: #fff;
			text-align: center;
			padding: 2em 0;
			margin: 0;
		}

			.main > header h2 {
				font-size: 2.25em;
				font-weight: 100;
				margin-bottom: 0;
			}

			.main > header p {
			    color: #eee;
			    margin: 0.8em 0 0;
			    padding: 0 50% 0 0;
			    text-align: left;
			}

		.main > .content {
			padding: 6em 0 6em 0;
		}

			.main > .content h3 {
				font-size: 1.5em;
			}

			.main > .content.dark {
				background: #433;
			}

			.main > .content.style1 {
				background: url("images/bgtr.svg") top right no-repeat, url("images/bgbl.svg") bottom left no-repeat, url("images/bgbl.svg") bottom left no-repeat, url("images/overlay.png"), linear-gradient(45deg, #b39c68, #a56365, #412e4c);
			}

			.main > .content.style2 {
				background: url("images/bgtr.svg") top right no-repeat, url("images/bgbl.svg") bottom left no-repeat, url("images/overlay.png"), linear-gradient(45deg, #384955, #655361, #85505f);
			}

			.main > .content.style3 {
				background: url("images/bgtr.svg") top right no-repeat, url("images/bgbl.svg") bottom left no-repeat, url("images/overlay.png"), linear-gradient(45deg, #5f796b, #3a4e59, #2f394e);
			}

			.main > .content.style4 {
				padding-top: 0;
				background: #fff;
			}


.partnerFrame{width:100%;height:100%;min-height:500px;border:none;margin:0 auto;padding:0;position:relative;display:block;}

/* Footer */

	
	#subfooter .container {
	    
	    padding-bottom: 2em;
	    padding-top: 2em;
	}

	#footer a {
		color: #B1A1C2;
		color:#ccc;
		font-weight:300;
	}
	#footer a:hover{color:#fff;border-bottom:1px dotted #fff;}

	#footer .copyright ul li{
		font-size: 0.7em;
		color:#999 !important;
		line-height: 1.3;
		float:left;
	}
	#footer .copyright ul li.right{
		float:right;
	}

	#footer .copyright a {
		color:#999 !important;
	}

	#footer ul.icons a {
		box-shadow: inset 0 0 0 1px #ccc;
	}

/* Wide */



/* Narrow */

	@media screen and (max-width: 1000px) {
	
	.mobile-nav{display:block !important;}
	#topNav,#mainNav,#userNav{display:none !important;}

	.sideBar h3 {
	    background-image: url("/images/icon_plus.png") !important;
	    background-position: 98% center !important;
	    background-repeat: no-repeat !important;
	    background-size: 15px 15px !important;
	}
	.sideBar div.sortBar, .sideBar ul {
	    /*height: 0 !important;*/
	    overflow: hidden !important;
	    padding-bottom: 0 !important;
	    padding-top: 0 !important;
	}

	.cd-slider-nav {
		display: none;
	}
		#lists ul {
		margin-left: 0 !important;
	}
		
	#lists li,#lists p {
		text-align: center;
		margin-left: 0;
	}
	
	.slide .container{padding-top:0;}
	
	
	.bg_img{
		 background-attachment: scroll;
		 background-size:cover;
    }
	.slogan h2{font-size:36px;}
		
		/* Basic */

			header, footer, h2, h3, h4, h5, h6, header > p {
				text-align: center;
			}

		/* Sections/Article */

/*
			section, article {
				margin: 0 0 2.5em 0 !important;
			}

			.row > section, .row > article {
				margin: 0 0 2.5em 0 !important;
			}
			*/

		/* Table */

			.table-wrapper {
				width: 100%;
				overflow-x: scroll;
				padding-left: 1px;
				-webkit-overflow-scrolling: touch;
			}

		/* List */

			ul.actions {
				text-align: center;
			}

		/* Header */

			#header {
				margin: 0 !important;
				padding: 8em 2em 8em 2em;
			}

				#header header p {
					margin-top: 1em;
				}

				#header footer {
					padding-top: 1.25em;
				}

		/* Main Sections */

			.main {
				margin: 0 !important;
			}

				.main > header {
					padding: 3.5em 2em 3.5em 2em;
				}

					.main > header h2 {
						font-size: 1.85em;
					}

					.main > header br {
						display: none;
					}

					.main > header p {
						margin: 1.5em 0 0 0;
					}

				.main > .content {
					padding: 3.5em 20px 3.5em 20px;
				}

					.main > .content > .container > :last-child {
						margin-bottom: 0 !important;
					}

		/* Footer */

			#footer {
				margin: 0 !important;
				padding: 3em 0 3em 0;
			}

				#footer .copyright {
					margin-top: 2em;
				}

	}

/* Mobile */

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

			#userNav {
				width: 100%;
			
			}
			
			#userNav li {
				width: 100% !important;
				display: block ;
				clear: both;
			}
			
			
			.main > header {
				padding: 0px !important;
			}
			
			.breadcrumb {
				margin-top: 115px;
			}



		/* Basic */

			body, input, textarea, select {
				font-size: 11pt;
			}

		/* Sections/Article */

			section, article {
				margin: 0 0 1.5em 0 !important;
			}

			.row > section, .row > article {
				margin: 0 0 1.5em 0 !important;
			}

		/* Button */

			.button {

			}

		/* List */

			ul.icons li {
				padding-left: 0.35em;
			}

			ul.actions li {
				display: block;
				margin: 1em 0 1em 0;
			}

			ul.menu li {
				border: 0;
				padding: 0;
				display: block;
				margin: 1em 0 1em 0;
			}

		/* Header */

			#header {
				padding: 6em 20px 6em 20px;
			}

				#header > header {
					padding: 0 1em 0 1em;
				}

		/* Main Sections */

			.main > header {
				padding: 3em 20px 3em 20px;
			}

				.main > header h2 {
					font-size: 1.5em;
				}

			.main > .content {
				padding: 3em 20px 3em 20px;
			}

				.main > .content h3 {
					font-size: 1.25em;
				}

	}
	
	
	
	/* js header */
/* =Footer
-------------------------------------------------------------- */
/* =Extras
-------------------------------------------------------------- */
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 660px) {
  /* =Header
  -------------------------------------------------------------- */

.add {
	width: auto;
	padding: 0;
}

.\31 2u\(narrow\), .\31 2u\$\(narrow\) { 
	width: 100%;
}


	 .topproducts .\31 2u\(narrow\), .\31 2u\$\(narrow\) {
		width: 100%;  
	}
	
	 #footer .\31 2u\(narrow\), .\31 2u\$\(narrow\) {
		width: 100% !important;  
	}
	
	.copyright {
		text-align: center;
		width: 200px !important;
		margin: auto;
	}


	.product_list .\33 u, .\33 u\$, related_list .\33 u, .\33 u\${
		width: 100% !important;
	}
	
	.sortBar select {
		width: 100% !important;
		margin-left: 0px !important;
	}
	
	.sortBar input[type="submit"] {
		width: 100% !important;
		margin: 10px 0;
	}
	
	.cd-slider-nav {
		display: none !important;
	}
	

	#lists ul {
		margin-left: 0 !important;
	}
		
	#lists li {
		text-align: center;
		margin-left: 0;
	}
	 
}
		
	/*** KtB Styles ***/
	
	section{position:relative;overflow:hidden;}
	.bg_chevron {
	    background: rgba(0, 0, 0, 0) url("/images/bg_chevron_right.png") no-repeat scroll left center / 120px auto;
	    height: 606px;
	    position: absolute;
	    right: 0;
	    top: 126px;
	    width: 90px;
	    z-index:0;
	}
	
	.bg_chevron.bg_chevron_left{
		background: rgba(0, 0, 0, 0) url("/images/bg_chevron_left.png") no-repeat scroll right center / 120px auto;
	    right: auto;
	    top: 700px;
	    left:0;
	}
	.bg_chevron.bg_chevron_right.bg_chevron_bottom {
	    bottom: -303px;
	    top: auto;
	}
	
	.bg_chevron.bg_chevron_left.bg_chevron_bottom {
	    bottom: -303px;
	    top: auto;
	}
	
	.bg_chevron.bg_chevron_right.bg_chevron_top {
	    top: -350px;
	    bottom: auto;
	}
	.bg_chevron.bg_chevron_left.bg_chevron_top {
	    top: -303px;
	    bottom: auto;
	}
	.secondary .bg_chevron.bg_chevron_right{background: rgba(0, 0, 0, 0) url("/images/bg_chevron_right_light.png") no-repeat scroll right center / 120px auto;}
	.secondary .bg_chevron.bg_chevron_left{background: rgba(0, 0, 0, 0) url("/images/bg_chevron_left_light.png") no-repeat scroll right center / 120px auto;}
	
	.box_icon{position:absolute;left:-30px;top:-40px;width:60px;height:60px;padding:20px;background:no-repeat center center #222832;background-size:60%;z-index:0;border-radius:50%;}

	.col-md-6:first-child .box_icon,
	.col-md-9:first-child .box_icon{background-image:url(/images/icon_technics.png);background-size: 50px auto;}
	.col-md-3:nth-child(2) .box_icon{background-image:url(/images/icon_microphone.png);}
	.col-md-3:nth-child(3) .box_icon{background-image:url(/images/icon_clock.png);}
	
	.summary table{width:100%;border:none;}
	.summary table td{width:33.3333%;border:none;}
	.summary table td strong{color:#fff;}
	
	.summary li{list-style:circle;margin-left:15px;}
	
	.box_icon.microphone{background-image:url(/images/icon_microphone.png) !important;}
	.box_icon.envelope{background-image:url(/images/icon_envelope.png) !important;}
	
	.events-content > ol {
	    margin-bottom: 30px;
	}
		
	.secondary .box_icon{background-color:#2D3644;}
	.page_item .box_icon{}
	
	h1,h2{position:relative;}
	
	.quick_results {
	    background: rgba(255, 255, 255, 0.92) none repeat scroll 0 0;
	    border-radius: 15px 0 15px 15px;
	    box-shadow: 0 1px 2px #444;
	    display: none;
	    min-height: 200px;
	    padding: 2em;
	    position: absolute;
	    right: 0;
	    text-align: left;
	    top: 34px;
	    width: 400px;
	}
	.quick_results .stock{display:block;}
	
	.quick_results li{font-size:10pt;display:block;clear:both;border-bottom:1px solid #eaeaea;padding:12px 6px 6px 0;line-height: 1.2;background:#fff;}
	.quick_results li:nth-child(2n){background:#f7f7f7;}
	.quick_results img{width:40px;float:left;margin:0 12px 6px 0;}
	.quick_results .price{float:right;}
	.quick_results a{color:#666;display:block;}
	.quick_results .summary{display: block;margin-top:6px;font-size:90%;color:#888;}
	
	.quick_results h3{font-weight:bold;border-bottom:1px solid #eaeaea;margin-bottom:0;}
	
	
	#top{width:100%;background:#000;min-height:30px;position:relative;z-index:2;display:none;}

	#top address {
	    color: #aaa;
	    font-size: 12px;
	    letter-spacing: 0.04em;
	    padding: 0.3em 0;
	}
	#top address span{margin-right:36px;}
	#top address em{color:#fff;margin-right:6px;}
		
	.dark .box p {
	    color: #eee;
	}
		
	h1,.h1 {
	    color: #fff;
	    font-size: 32px;
	    font-weight: 700;
	    letter-spacing: 0.04em;
	    line-height: 1.4;
	    text-transform: uppercase;
	    vertical-align: bottom;
	    margin-bottom:45px;
	    margin-top:0;
	}

	h1 span.orderdate{float:right;font-size:12pt;}
	
	.info{font-size:9pt;font-style:italic;padding:0;margin:0;}
	
	img,.galImg{
		display:block;
		max-width:100%;
		margin: auto;
		padding:0;
	}
	

	.supplier img {
		padding: 0;
		margin: 0;
	}

	.supplier h3{margin-bottom:0.2em;text-align:left;}
	
	.cycle-slideshow{z-index:0;}
	
	
	.cycle-slideshow { 
	    -webkit-perspective: 1000;
	    -webkit-transform-style: preserve-3d;
	    -moz-perspective: 1000;
	    -moz-transform-style: preserve-3d;
	    -o-perspective: 1000;
	    -o-transform-style: preserve-3d;
	    perspective: 1000;
	    transform-style: preserve-3d;  
	}
	
	
	#product_detail_gallery {
		background-color: #fff;
		margin: 0 auto;
		border:1px solid #f4f4f4;
		overflow:hidden;
	}
	
	#product_detail_gallery div{width:100% !important;}
	#product_detail_gallery a{padding:0;display:block;}
	#product_detail_gallery a img{height:auto;color:#fff;font-size:7pt;}
	
	.bigText{padding-top:4em;padding-bottom:4em;}
	.bigText h1{margin-bottom:20px;}
	.bigText p{font-size:14pt;}
	
	#signupForm input[type=text]{background:rgba(255,255,255,0.8);padding:20px;border: 2px solid #fff;font-weight:bold;font-size:18px;color:#222832;}
	#signupForm input[type="submit"] {
	    color: #222832;
	    font-weight: bold;
	    margin-bottom: 30px;
	    margin-top: 10px;
	    padding: 20px 40px;
	    text-transform: uppercase;
	}
	
	#signupForm ::-webkit-input-placeholder { color:#222832 !important; }
	#signupForm input[type="text"]::-moz-placeholder { color:#222832 !important; }
	#signupForm input[type="text"]:-moz-placeholder { color:#222832 !important; }
	
	#newsletter{min-height:350px;}
	#newsletter .container{padding-top:3em;padding-bottom:3em;}
	
	.navBar {
	    background-color: #fff;
	    margin-top: 110px;
	    position: fixed;
	    width: 100%;
	    z-index: 100;
	}
	
	.navBar .row {
	    border: medium none;
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	
	.navBar .row > *{padding-top:0;}
	
	
	#mainNav{z-index:10;width:100px;margin-bottom:0;}
	
	#userNav {
	    margin: 0;
	    padding: 1.4em 0;
	    position: relative;
	    text-align: right;
	    width: 100%;
	    z-index: 11;
	}
	
	.quicksearch{float:right;padding-top:0;}
	
	#userNav li {
	    border-right:1px solid #fff;
	    color: #444;
	    display: inline-block;
	    font-size: 14px;
	    margin: 0;
	    padding: 0;
	    vertical-align: middle;
	}
	
	
	#userNav li a {
	    font-weight:300;
	    color: #fff;
	    display: block;
	    padding: 0 30px;
	    text-decoration: none;
	    text-transform: uppercase;
	    vertical-align:middle;
	    position:relative;
	    z-index:1;
	}
	
	#userNav li a.active {
	    font-weight:bold;
	}
	
	#userNav li ul.subNav {
	    box-shadow: -5px 5px 0 #222832;
	    display: none;
	    left: 5px;
	    padding-top: 30px;
	    position: absolute;
	    top: 0;
	    width: 240px;
	    z-index: 0;
	}
	
	#userNav li:hover ul.subNav{display:block;}
	
	#userNav li ul.subNav li{display:block;text-align:left;border:none;}
	#userNav li ul.subNav li a{background: #2D3644;padding-top:10px;padding-bottom:10px;border-bottom:2px solid #222832;}
	#userNav li ul.subNav li a:hover{background-color:#222832;}
	
	#userNav li.media{padding-left:15px;border:none;}
	#userNav li.media span.small{font-size:6pt;font-weight:bold;display:block;margin-top:-4px;}
	
	#userNav li.media a{display:inline-block;padding:0 10px;text-align:center;vertical-align:top;}

	#userNav li.media a .fa{margin-top:9px;}

	#mainNav{
		z-index: 10;
		display:block;
		width:100%;
		margin-top:0;
	}
	
	#mainNav li{
		display: inline-block;
	}
	
	#mainNav li a {
		position:relative;
	    color: #000;
	    display: block;
	    padding: 0;
	    text-align:center;
	    width:100%;
	    text-transform:uppercase;
	    font-size:9pt;
	    transition:background-color linear 0.3s;
	    
	}
	
	.infoBox {
	    background:#ccc none repeat scroll 0 0;
	    border-radius: 12px;
	    padding: 12px;
	    text-align: left;
	    width: 420px;
	    position:relative;
	    margin-left:36px;
	    box-shadow: 0 4px 3px #000;
	}
	.cat_header .infoBox p{font-size:13px;line-heght:1.6;padding:0;margin:0;color:#ddd;}
	
	.infoBox h3{color:#fff;font-size:18px;text-transform: uppercase;letter-spacing:0.02em;}
	.infoBox h3 span {
	    background: #fff none repeat scroll 0 0;
	    border-radius: 50%;
	    color: #000;
	    display: inline-block;
	    font-size: 14px;
	    font-weight: bold;
	    height: 20px;
	    line-height: 20px;
	    margin-right: 6px;
	    text-align: center;
	    width: 20px;
	}
	.triangle{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 25px 25px 0 25px;
		border-color: #ccc transparent transparent transparent;
		}
		
	.parallax-mirror{z-index:1 !important;opacity:0.4;margin-top:0;overflow:hidden;}
		
	.infoBox .triangle{position:absolute;left:58px;bottom:0;margin-bottom:-25px;}
	
	.home #mainNav li a{color:#fff;}
	
	#mainNav li{vertical-align:top;font-size:14px;}
	#mainNav li{list-style: disc;display:inline-block;width: 16.6667%;}
	
	#mainNav li ul{display:none;margin-left:0;position:absolute;left:0;top:40px;overflow:hidden;padding-top:12px;background:rgba(250,250,250,0.98);width:100%;padding-bottom:30px;border-top:1px solid #000;box-shadow:0 2px 2px #999;}
	
	#mainNav li:hover ul{display:block;}
	
	#mainNav li li{display:inline-block;width:14%;margin:0 1.333%;}
	#mainNav li li a{text-align:left;line-height:1.4;}
	
	
	#mainNav li a.mainItem,.navBox h2 {font-weight:bold;border-bottom:1px solid;padding-left:0;margin-bottom:10px;}
	
	#mainNav li a.subItem{
	    color: #555;
	    font-size: 9pt;
	    line-height: 1.6;
	    padding-bottom: 0;
	    padding-top: 0;
	    padding-left:5px;
	    text-transform:none;
	    font-weight:300;
	}
	#mainNav li:hover ul{height:auto;visibility:visible;opacity:1;transition-delay:0;z-index: 10;}

	
	#mainNav li a.active,#mainNav li a:hover{
	    text-decoration: none;
	    color:#fff;
	    background:#000;
	}
	#mainNav li a.active{font-weight:700;}
	
	
	#mainNav ul li a {
	    display: block;
	    padding: 0 20px 4px;
	    background:none;
	}
	
		.infoBullit {
	    background: #000 none repeat scroll 0 0;
	    border-radius: 50%;
	    color: #fff;
	    height: 20px;
	    line-height: 20px;
	    position: absolute;
	    right: 12px;
	    top: 16px;
	    width: 20px;
	    text-align:center;
	}

	
	#topNav {
	    float: left;
	    position: relative;
	    z-index: 12;
	    margin-left:20px;
	}
	#topNav img {
	    border: 1px solid #000;
	    border-radius: 3px;
	    float: left;
	    margin: 1px 0.4em 0 2em;
	    padding: 0.3em;
	    width: 35px;
	}
	#topNav a#menuToggler{color:#000;font-size:12pt;font-weight:300;float:left;margin-top:0.16em;}
	#topNav ul{display:block;text-align: right;margin-top:2px;}
	#topNav li{font-size:10pt;color:#000;display:inline;margin-left:20px;}
	#topNav li a{color:#000;border-bottom: 1px dotted #000;padding-bottom:2px;font-weight:300;}
	#topNav li a:hover{color:#fff;border-style:solid;}
	

	#frm_code {
		width: 30%;
		margin: auto auto;
	}
	
	.maincheck {
		width: 100%;
		margin-bottom: 70px;
	}
	
	.maincheck form{ 
		border-radius: 10px;
		width: 80%;
		background: #c3b6d4;
		text-align: center;
		margin: auto;
		padding: 40px;
	}
	.brandLogo {
	    float: right;
	    margin-top: -20px;
	    width: 90px;
	}	
	.arrow {
		float: left;
		display: inline-block;
	}
	
	.subNav a.active{color:red;border-color:red;}
	
	.navBox{padding-top:1em;}
	.navBox img{width:300px;float:left;margin:0 2em 2em 0;}
	.navBox p{font-size:13pt;}
	.navBox .boxText{width:50%;float:left;}
	.navBox a{margin-left:0 !important;padding-left:0 !important;}
	#mainNav .navBox h2 a{padding-left:0;font-weight:bold;text-transform:uppercase;}
	
	.breadcrumb {
	    background: transparent none repeat scroll 0 0;
	    border-radius: 0;
	    list-style: outside none none;
	    margin-bottom: 5px;
	    margin-top: 0;
	    padding: 15px 0;
	    width: 100%;
	}


	.breadcrumb li{display:inline;font-size:15px;margin-right:0.2em;color:#ccc;}
	.breadcrumb li a{color:#ccc;display: inline-block;font-weight:300;}
	
	.breadcrumb.big li{font-size:20px;}
	
	.thumbnails{margin:15px -15px 0;}
	.col{float:left;
		padding:15px;
		box-sizing: border-box;
	}
	.thumb{
		display:block;
		min-height:200px;
		background:no-repeat center center;
		background-size:cover;
		cursor: pointer;
		position:relative;
	}
	
	.thumb .play_button{position:absolute;width:40px;height:40px;line-height:40px;text-align:center;top:50%;left:50%;display:block;background-color:#222832;color:#fff;margin:-20px 0 0 -20px;opacity:0.9;}
	
	.cycle-pager-active .thumb{
		filter:grayscale(100%);
	}
	
	.product_detail h1{
		font-size:1.3em; 
		font-weight: bold;
		color: #C3B6D4;
		margin: 0;
	}
	.product_detail h1,.product_detail > header p{text-align:left;}
	
	.messageBox {
	    background: #f9f9f9 none repeat scroll 0 0;
	    border: 1px solid #eaeaea;
	    margin-bottom: 1em;
	    padding: 0.5em 1em;
	}
	.messageBox.incomplete{border-color:#C64343;background:#FCD6D6;}
	
	.messageBox.warning{border-color:#FDB738;background:#F7D5B4;}
	
	.messageBox.incomplete > h4 {
	    color: #c64343;
	    font-size: 25px;
	}
	
	.proditem {
	    background:#2D3644;
	    border-radius: 0;
	    padding: 0 0 5px;
	    position: relative;
	    overflow: hidden;
	    transition: all 0.2s linear 0s;
	}
	
	.primary .proditem{background-color:#222832;}
	
	section.lighter,
	.lighter .container{background-color:#2D3644}
	.lighter .container{padding:75px 15px 105px;}
	.lighter h2{margin-bottom:30px;}
	
	.partnerBox {
	    background:transparent;
	    padding: 0;
	}
	
	.page_nav{margin-top:10px;}
	.page_nav li{padding:0;}
	.page_nav li a{border-right:1px solid #ccc;padding:0 15px;display:block;font-size:13px;}
	.page_nav li a.active,.page_nav li a:hover{border-color:#000;text-decoration:none;}
	.page_nav li:last-child a{border:none;}
	
	.proditem .imglink{position:relative;z-index:2;transition:all linear 0.3s;}
	.proditem .btn_overlay{z-index:1;text-decoration:none;border:none;position:absolute;top:0;left:0;width:100%;height:100%;display:none;background-color:#fff;transition-delay:0.1s;transition:all linear 0.2s;opacity:0;}
	
	.proditem h2,.proditem .summary,.pageitem h2 {
	    color: #fff;
	    display: block;
	    font-size: 12pt;
	    font-weight: 300;
	    margin-bottom: 6px;
	    padding: 9px 15px 0;
	    text-align: left;
	}
	.proditem .summary,.pageitem .summary {
	    color: #bbb;
	    padding-top:0;
	    font-size:10pt;
	}
	
	.pageitem h2,.pageitem .summary{padding:0;}
	
	.pageitem a {
	    color: #fff;
	    text-decoration: underline;
	}
		
	
	.pageitem h2{background:#fff;color:#222832;display:inline-block;padding:2px 5px;font-weight:bold;box-shadow: -5px -5px 0 #222832;}
	
	.proditem img {
	    display: block;
	    margin: auto auto;
	}
	
	.proditem h2{
		text-transform:uppercase;
		font-weight:bold;
		line-height:1.3;
		letter-spacing:0.02em;
		padding-top:15px;
	}
	
	.proditem a {
	    text-decoration: none;
	    font-weight:bold;
	}
	.proditem a:hover {

	}
	.proditem .more {
	    background-color: transparent;
	    border-bottom: 1px dotted;
	    color: #FDB738;
	    display: block;
	    font-size: 10pt;
	    font-weight: 400;
	    margin: 10px auto 0;
	    padding: 0;
	    text-align: center;
	    width: 28%;
	}
	
	.button.disabled,.button.disabled:hover{background:#888 !important;cursor:default;}
	
	
	.mainContent .product_list .product:nth-child(1){
		padding-left: 0em;
	}
	
	.product_list .product:nth-child(n4) .proditem{
		margin-right: 0em;
	}
		
	.button,.more{
		transition:all linear 0.2s !important;	
	}
	.button:hover,.proditem .more:hover,input[type=submit]:hover,.button.secondary:hover{
		background-color:#fff;
		color:#222;
	}
	.about .button {
	    margin-top: 5px;
	}
	.about .bg_img{filter:grayscale(100%);}
	.about a:hover .bg_img{filter:grayscale(0);}
	
	.imglink {
	    background: rgba(0, 0, 0, 0) none no-repeat scroll center center;
	    background-size: cover;
	    display: block;
	    margin: 0 auto;
	    min-height: 170px;
	    overflow: hidden;
	    padding: 0;
	    text-decoration: none;
	    transition: all 0.2s linear 0s;
	    width: 100%;
	}
	
	.comment {
	    background: #f5f5f5 none repeat scroll 0 0;
	    border-radius: 12px;
	    color: #555;
	    font-size: 14px;
	    font-style: italic;
	    line-height: 1.4;
	    margin-bottom: 18px;
	    padding: 20px;
	    position: relative;
	}
	.comment .arrow{
		position:absolute;
		bottom:0;
		margin-bottom:-15px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 10px 0 10px;
		border-color: #f5f5f5 transparent transparent transparent;
		left:24px;
	}
	.commentInfo {
	    font-size: 12px;
	    line-height: 1.3;
	}
	
	.commentInfo .fa{color:#e5e5e5;margin-right:2px;}
	.commentInfo .fa.rated{color:#ccc;}
	.personTitle {
	    color: #222;
	    font-weight: bold;
	}
	.commentRating {
	    margin-top: 5px;
	}
		
	.imglink img{padding:0;min-height: 140px;}
	.highlight .imglink{min-height:170px;}
	.big .imglink{min-height:420px;}
	
	.highlight .box {
	    border: medium none;
	    height: 218px;
	}
	.highlight .product{margin-bottom:30px;}
	
	.productInfo{padding-top:1em;}
	
	.productInfo h1 {
	    color: #000;
	    display: block;
	    float: none;
	    font-size: 20pt;
	    line-height: 1.1;
	    margin-bottom: 0.3em;
	    padding: 0 !important;
	    width: 100%;
	}
	.footeritems li
	{
		display: inline;
		list-style-type: none;
		padding-right: 1em;
		font-size: 0.7em;
	}
	
	/* rating prod */
	
	.rating {
	  unicode-bidi: bidi-override;
	  direction: rtl;
	  text-align: center;
	}
	.rating > span {
	  display: inline-block;
	  position: relative;
	  width: 1.1em;
	  color: #E9E9E9;
	}
	.rating > span:hover:before,
	.rating > span:hover ~ span:before {
	   content: "\2605";
	   position: absolute;
	   color: #F8D81C;
	}	
	
	/* end rating */
.searchBar {
    float: left;
    margin-top: 6px;
    position: relative;
    text-align: right;
    width: 15em;
    z-index: 9999;
}
	
	
	::-webkit-input-placeholder { color:#fff !important; }
	.searchBar input[type="text"]::-moz-placeholder { color:#fff !important; }
	.searchBar input[type="text"]:-moz-placeholder { color:#fff !important; }

	
	.searchBar form{width:100%;}
	
	
	#footer{padding:0.5em 0;}
	#footer,#footer .container{background:#1D222B;}
	#footer ul{margin:0;}
	
	/* individual: webkit */
	.searchBar input:-webkit-input-placeholder { color:#ccc; }
	
	/* individual: mozilla */
	.searchBar input:-moz-placeholder { color:#ccc; }
		
	.searchBar input{float:left;font-size: 9pt;color:#fff;}
	
	.searchBar [placeholder]{color:#ccc;}
	.searchBar input[type="text"] {
	    background: #333 none repeat scroll 0 0 !important;
	    border-radius: 0;
	    box-shadow: none;
	    font-size: 12px;
	    padding: 5px 5px 5px 52px;
	    width: 100%;
	}
	.searchBar input[type="submit"] {
	    background: rgba(0, 0, 0, 1) url("/images/search_icon.png") no-repeat scroll 17px 6px / 13px auto !important;
	    border: medium none;
	    border-radius: 0;
	    height: 26px;
	    left: 0;
	    padding: 0.6em;
	    position: absolute;
	    text-indent: -4000px;
	    top: 0;
	    width: 37px;
	}
    input[type=submit]{padding-top:0.6em;padding-bottom:0.6em;}
	input[type="submit"] {
	    background: #000 none repeat scroll 0 0;
	    color: #fff;
	}
	
	.cat_header{padding:2em;overflow:hidden;position:relative;margin-bottom:0;background:#000;min-height:560px;}
	.cat_header.dark{background-color:#000;border:none;}
	
    .cat_header .cat_text {
	    padding:5em 0 0.5em;
	    position: relative;
	    z-index: 10;
	}
    .cat_header.dark p,.cat_header.dark h1{color:#fff;}
    
    
    .cat_header p{
	    font-size: 13pt;
	    font-weight: 300;
	    line-height: 1.4;
	    color:#ddd;
	}
    .cat_header h1 {
	    color: #fff;
	    font-size: 80px;
	    font-weight: 400;
	    margin-bottom: 0;
	    text-align: left;
	    line-height:1.1;
	}
	h2 em {
	    color: #ccc;
	    font-size: 40px !important;
	    margin-right: 11px;
	}
	
	h2.smaller{font-size:30pt;}
		
	.cat_header h1 em{
		color:#ccc;
		font-size:40px;
		margin-right:12px;	
	}
	
    .cat_header p.subtitle {
	    font-size: 14pt;
	    font-style: italic;
	    padding:0;
	}
	
	.homeheader {
		z-index:0;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:fixed no-repeat center center #222832;
		opacity:0.9;
		background-size:cover;
		/*padding:10em 2em 2em;*/
	}
	
	
	.slide{display:none;}
	.slide:first-child{display:block;}
	
	.header {
		position: relative;
		margin: 0;
		background-size: auto, cover;
		background-position: top left, center center;
		background-repeat: repeat, no-repeat;
		padding:0;
		text-align: center;
		color: #6C6C89;
		margin:0;
	}
	.header.tight{margin-bottom:0;}

		.header p {
			margin-top:0;
			font-weight: 300;
			padding: 0;
			line-height: 1.4;
			text-align: center;
			font-size:10pt;
			margin-bottom:2em;
		}
		
		.textLink.orange{color:#FDB738;text-decoration:underline;}
		.textLink:hover{text-decoration:none;}
		
	
	.sideBar *{text-align:left;vertical-align: middle;}
	.sideBar h3 {
	    background: #000 none repeat scroll 0 0;
	    border-radius: 6px 6px 0 0;
	    border-bottom: medium none navy;
	    color: #fff;
	    font-size: 10pt;
	    font-weight: 200;
	    line-height: 1.1;
	    margin-bottom: 0;
	    padding: 0.7em;
	}
	
	.sideBar .sortBar{border-radius:0 0 6px 6px;}
	
	.sideBar li{border-bottom:1px solid #f4f4f4;font-size:10pt;line-height:18pt;font-size:10pt;}
	
	.sideBar ul li:last-child {
    	border-bottom: none;
    }
	
	.sideBar .imgHolder{display: inline-block;width:40px;margin-right:0.5em;position:relative;vertical-align: middle;}
	.sideBar .imgHolder img{display:block;margin:0.5em 0.5em 0 0;max-height:40px;width:auto;height:40px;position:relative;margin:0 auto;}
	
	.sideBar li a{color:#888;display:block;padding:7px 0;transition:linear color 0.2s,margin-left linear 0.2s;font-weight:300;}
	.sideBar li a:hover{color:#000;margin-left:3px;}
	.sideBar li a.active{color:#000;font-weight:bold;}
	.sideBar ul ul li a{padding-left:15px;}
	.sideBar ul ul ul li a{padding-left:30px;}
	.sideBar ul ul ul li ul li a{padding-left:45px;}
	.sideBar ul ul{border-top:1px solid #f4f4f4;margin:0;}
	.sideBar > ul {
	    border: 1px solid #f4f4f4;
	    background:#fff;
	    padding: 1em;
	}
	.sideBar > ul > li:last-child{border:none;}
	
	.addForm input[type="submit"] {
	    background: rgba(252, 136, 15, 1) none repeat scroll 0 0;
	    font-weight: 400;
	    letter-spacing: 0.03em;
	    max-width: 50%;
	    padding: 1.2em 1em;
	    width: 100%;
	    border-radius:6px;
	}
	
	input[name=quantity],input.qty{width:70px !important;float:left !important;margin-right:0.8em;}
	
	.label{font-size:12pt;font-weight:bold;margin-top:0.5em;display:block;text-align:left;}
	.label .thin{font-weight:normal;float: right;}
	.product_options.list{margin-bottom:2em;}
	.product_options.list:first-child{margin-bottom:0;}
	.product_options.list .label{border-bottom:1px solid #eee;}
	.product_options.list .label a{text-decoration:underline;border:none;color:#000;}
	.product_options.list .label a:hover{text-decoration:none;}

	
	.cycle-slideshow .productImg{width:100%;display:block;}
	.related .productImg{max-height:200px;position:relative;margin:0 auto;}
	
	img.thumbnail{max-width:60px;}
	
	
	
	.ribbonHolder{position:absolute;overflow:hidden;width:100px;height:100px;left:0;top:0;}
	.ribbon{
	    background: rgba(19, 193, 0,0.8);
	    color: #fff;
	    display: block;
	    font-weight: bold;
	    left: -32px;
	    padding: 3px 0;
	    position: absolute;
	    text-align: center;
	    top: 16px;
	    width: 130px;
	    z-index: 20;
	    box-shadow:0 1px 1px #555;
	}
	.ribbon{
		-ms-transform: rotate(-45deg); /* IE 9 */
	    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	    transform: rotate(-45deg);
	}

	
	
	
	#smallCart img.thumbnail{max-width:40px;}
	#smallCart td{font-size:12px;}
	
	.cart form{width:100%;}
	
	.cart table td{padding:0.7em;vertical-align:middle;margin-bottom:0.3em;
	
		 font-size: 0.8em;
	}
	
	.cart .alt td{background:#eee;}
	
	.cart .blocked.alt td{background:#F7E0D9;}
	.cart .blocked td{background:#FFF3EF;}
	
	.cart table tr.total_pay_amount td 
	{
	    border: medium none;
	    color: #000;
	    font-size: 17pt;
	    font-weight: bold;
	    padding: 2em 0 2em 10px;
	}
	
	.cart .total {
		font-weight: bold !important;
	}
	
	.cart table tr.total_order_amount td{border-top:1px solid #555; background-color: #fff; }
	.cart .total_order_amount .saldo{
		color: #000;
	}
	
	
	.cart form select {
		width: 70px;
		background: url(/images/arrow_select.png) no-repeat 45px center;
		background-size: 15px;
	}
	
	.cart_options{margin-left:1em;}
	.cart_options li{font-size:10pt;list-style: disc;line-height:120%;font-style:italic;}
	
	.content_list,.content_list li,.content_list li img{vertical-align:middle;}
	.content_list li{display:block;padding:3px 6px;font-size:11pt;border-top:1px solid #e6e6e6;}
	.content_list li a{text-decoration:none;border:none;color:#fff;}
	
	.content_list li .rateIcon {
	    float: left;
	    margin: 11px 12px 0 10px;
	    width: 36px;
	    border-radius:50%;
	    background:#fff;
	}
	
	.content_list li .rateIcon.not_rated_yet {
		color:#ddd;
	    border: 2px solid;
	    font-size: 19px;
	    font-weight: bold;
	    height: 36px;
	    line-height: 31px;
	    text-align: center;
	}
	
	.content_list li a.left {
	    float: left;
	    height: 36px;
	    padding: 0;
	}
	
	.content_list li .clickMsg{display:block;background:#fff;color:green;border:1px solid;padding:3px 0;text-align:center;}
		
	.content_list.orders li.status_1,.order_status,.content_list.orders li.status_4,.order_status.status_4{background-color:#FFD6D6;border-color:#EFC6C6;color:#CE8282;} /* not paid / cancelled status */
	.content_list.orders li.status_2,.order_status.status_2{background-color:#DCF9DB;border-color:#C4EAC2;color:#6CCE65;} /* paid status */
	
	.content_list.products li{padding-top:10px;padding-bottom:10px;}
	
	.content_list.orders li.status_3,.order_status.status_3{background:#FFE19B;border-color:#EDC66D;color:#D3A02A;} /* partially paid with saldo */
	
	.content_list.orders li.status_9,.order_status.status_9{background:#f6f6f6;border-color:#f2f2f2;color:#555;}
	
	
	.date{color:#555;font-size:80%;}
	.date.right{font-weight:bold;}
	
	.order_status{padding:12px;border:1px solid;margin-bottom:12px;text-align:center;}
	
    .right{float:right;}
    .centered,.centered *{text-align:center;}
    
    .centered .button {
	    display: block;
	    float: none;
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 300px;
	}
	
	#confirmForm{margin-top:1em;}
	#confirmForm input[type=submit]{font-weight:normal;}
    
    .dark{background-color:#000;}
    
    .category_item{padding:6em 0;cursor:pointer;}
    
    .category_item h2{font-size:32pt;line-height:30pt;margin-bottom:10px;}
    
    .category_item .subtitle{font-size:18pt;line-height:26pt;}
    
    .category_item p{color:rgba(255, 255, 255, 0.9);}
    
    .bg_img{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background:fixed no-repeat center center;background-size:cover;}
    
    .container{position:relative;z-index:1;}
    
    
    input[type=submit],input[type=button],input[type=reset]{padding:0.85em 3em; background:#47D2E8;}
    
    fieldset.login {padding:0 !important;margin-top:1em;}
    fieldset.login input{width:49% !important;float:left;margin-right:2%;font-size:13pt;}
    fieldset.login input:last-child{margin-right:0;}
    
    .cart form fieldset{margin-bottom:1.2em;}
    .cart form fieldset:nth-child(1),.cart form fieldset:nth-child(2){margin-left:0;}
    .cart form fieldset legend{font-size:90%;font-weight:bold;padding:0 5px;}
    
    .cart form label{font-size:9pt;font-weight:bold;clear:both;}
    .cart form input[type=text],.cart form select{padding:0.5em;}
    .cart form input[type=text],.cart form select{background-color:#fff;}
    
    
    .box {
	    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
	    border: 1px solid #354051;
	    margin: 0 15px 30px;
	    padding: 2em;
	}
	.box.trans{background:rgba(255,255,255,0.8);border-color:#fff;}
    
    .maps_location.box{padding:0;height:100%;margin:1.5em 0;border:none;}
    .maps_location.box iframe{width:100%;height:340px;}
    
    .dark .box{border:1px solid #000;background:rgba(0,0,0,0.5);}
    .dark .box hr{border-top-color: rgba(255, 255, 255, 0.2);}
    .dark .box td{color:#ccc;}
    


	.voucherForm{padding:2em;background:rgba(242, 242, 242, 0.85) none repeat scroll 0 0;border:1px solid #eaeaea;border-radius:12px;margin-bottom:1em;}
	.voucherForm label{margin-top:6px;}
	.voucherForm input[type="text"], .voucherForm input[type="password"], .voucherForm .caption,.voucherForm div.infoHolder{
	    background: #fff none repeat scroll 0 0;
	    display: inline;
	    margin-right: 1%;
	    width: 47%;
	}
	.voucherForm div.infoHolder{background:transparent;}
	.voucherForm div.infoHolder div{top:3px;right:20px;}
	
	.voucherForm label.error{display:none !important;}
	.voucherForm input[type=submit]{margin-top:1em;}
	.voucherForm .caption{margin-top:0.3em;}
	
	.voucherForm .caption{display:block;float:right;background:transparent;width:50%;}
    
    .small{font-size:80%;}
    .caption{margin-top:0;font-style:italic;color:#aaa;font-size:11pt;}
    
	.clear {
	    clear: both;
	    margin: 0;
	    padding: 0;
	    display:block;
	}
	
	.optionBox{border:1px solid #f4f4f4;background:#f8f8f8;padding:1em;margin:1em 0;border-radius:7px;}
	.optionBox label{border-top:1px solid #e6e6e6;line-height:1.4;font-size:10pt;display:block;padding:0.3em 0;}
	.optionBox span.label{margin-top:0;}
	
	.optionBox label:last-child{border-bottom:1px solid #e6e6e6}
	
    .msg.error{
	    color:#ff0000;font-style:italic;background-color:#F7CDCD;
	    border: 1px solid;
	    border-radius: 7px;
	    padding: 0.5em 1em;
	    margin-bottom:0.5em;
	}
	input.error,select.error,textarea.error{border:1px solid #f00 !important;background-color:#FFF0ED !important;box-shadow:none;color:#f00;}
	
	.error:focus{box-shadow: none !important;}
	
	
	label.error{color:#f00;}
	
	.price .small{font-size:10pt;margin-right:0.3em;}

	.cartHeader,.cartTitle{text-align:center;}
	.cartHeader {
		margin: 140px 0 0 0;
	}
	.cartTitle{background:#fff;}
	.cartTitle .row > *{padding-top:0;padding-bottom:0;}
	
	#cartSteps {
	    display: block;
	    width: 100%;
	    margin: 0;
	}
	
	#cartSteps li{display:inline-block;width:33.3333%;}
	
	#cartSteps li a span.step{
	        background: url(/images/checkmark.png) #daead3 no-repeat scroll center center;background-size:40px;
			text-decoration:none;
			color:#fff;
			text-indent:-4000px;
	}
	#cartSteps li a{color: #4a6d3a;}

	#cartSteps li span.stepNum{
		display:block;
		width:50px;
		height:50px;
		line-height:50px;
		margin:0 auto;
		position:relative;
		text-align:center;
		margin-bottom:0;
		font-size: 24px;
		font-weight:bold; 
		background-color: #EEE;
		color:#fff;
		border-radius:50%;
	}
	
	.stepTitle {
	    display: block;
	    font-size: 12px;
	    margin-top: 12px;
	    text-align: center;
	}
	
	.arrow-right {
		float: right;
		width: 0; 
		height: 0; 
		border-top: 18px solid #fafafa;
		border-bottom: 18px solid #fafafa;
		border-left: 18px solid #EFEFEF;
		border-width: 18px 15px ;
	}
	#cartSteps li span.step{background:#d6d6d6;display:block;width:50px;height:50px;line-height:50px;text-align:center;font-size:18px;position:relative;margin:0 auto 0.5em;border-radius:50%;font-weight:bold; color: #fff;}
	
	#cartSteps li.active span.step{background:#D1BFF2;color:#fff;}
	#cartSteps li.active {color:#000;}
	
	
	#terms {
		float: left;
		line-height: 0.1em !important;
		margin-top: 0.5em;
	}
	
	.rowterms {
		width: 100%;
		float: left;
	}
	
	.rowterms a{
		color: #FDB738;
		font-weight: bold;
	}
	
	.rowterms label, .rowacties label {
		display: inline;
	}
	
	
	.final {
		width: 100%;
		font-weight: bold;
		font-size: 1.1em !important;
	}
	
	
	
	.optionTable{
		margin:1em 0;
		border-bottom:1px solid #f1f1f1;
	}
	.optionTable td{
		border-top: 1px solid #f1f1f1;
		font-size: 11pt;
		padding: 0.5em 0;
	}
	
	.supplier.box{
		margin:1.5em 0;
		font-size: 0.8em;
	}
	.supplier.box img{max-height:40px;margin-bottom:1em;max-width:60%;}
	
	.topproducts {
		display: block;
		margin-bottom: 5em;
	}
	
	.button.smallButton {
	    font-size: 10pt;
	    padding: 0.4em 1em;
	    margin:0.5em 0;
	}
    .button.miniButton {
	    font-size: 8pt;
	    padding: 0 0.4em;
	    margin:0.5em 0;
	    line-height:16pt;
	}
	.button.iens{
		background-color:#990F20;
	}
	
	.resetButton {
	    float: right;
	}
	
	.resetButton .fa {
	    font-size:9pt;
	}
	
	.product_content {
		
		position: relative;
		overflow: hidden;
	}
	.product_content, .product_content p, .product_content li {
	    font-size: 12pt;
	    line-height: 1.6;
	    font-weight: 300;
	}
	.product_summary {
	    margin-bottom:0.5em;
	}
	
	.product_summary,.product_summary p {
	    font-size: 13pt;
	    font-weight: 300;
	    line-height: 1.6;
	}
	
	.text .product_content ul{padding:0 1em;}
		
	.cat_label {
	    background: #2d3644 none repeat scroll 0 0;
	    color: #fff;
	    font-size: 12px;
	    font-weight: bold;
	    left: -27px;
	    letter-spacing: 0.04em;
	    line-height: 1;
	    opacity: 0.8;
	    padding: 4px 0;
	    position: absolute;
	    text-align: center;
	    text-transform: uppercase;
	    top: 15px;
	    transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg); /* IE 9 */
		-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	    width: 100px;
	    z-index: 10;
	}
	.slide .cat_label {
	    font-size: 20px;
	    left: -50px;
	    padding: 12px 0;
	    top: 29px;
	    width: 200px;
	    background-color:#222832;
	}
	/*
	
	.product_content .read-more { 
		position: absolute; 
		z-index: 99999;
		bottom: -30px; left: 0;
		width: 100%; 
		text-align: center; 
		margin: 0; 
		padding: 40px 0 20px 0; 
		
	    background: -webkit-linear-gradient(
	        rgba(250, 250, 250, 0) 0%,
	        rgba(250, 250, 250, 1) 98%
	    ); 
	    background-image: -moz-linear-gradient(
	        rgba(250, 250, 250, 0) 0%,
	        rgba(250, 250, 250, 1) 98%
	    );
	    background-image: -o-linear-gradient(
	        rgba(250, 250, 250, 0) 0%,
	        rgba(250, 250, 250, 1) 98%
	    );
	    background-image: linear-gradient(
	        rgba(250, 250, 250, 0) 0%,
	        rgba(250, 250, 250, 1) 98%
	    );
	    background-image: -ms-linear-gradient(
	        rgba(250, 250, 250, 0) 0%,
	        rgba(250, 250, 250, 1) 98%
	    );
	}		
	
	.product_content .read-more a{ 
		background: #fff !important;
	}
	*/
	
	.product{position:relative;margin-bottom:30px;}
	.product .ribbonHolder{left:8px;}
	
	#strik{width:400px;height:400px;position:absolute;bottom:0;left:0;background-size:280px;z-index:10;}
	#confetti{width:400px;height:400px;position:absolute;bottom:0;right:0;background-size:280px;z-index:10;}
	
	#fade{width:500px;height:100%;position:absolute;top:0;right:0;background-size:280px;z-index:9;}
	
	.old_price{text-decoration:line-through;font-weight:300;}
	
	.gallery{opacity:1;}
	.slide{position:absolute;width:100%;height:100%;background:no-repeat center center;background-size:cover;background-attachment:fixed;}
	
	.slide iframe.video_embed{border:none;width:100%;height:100%;display:block;}
	
	.slide .summary{
		padding-top:11em;
		transition:all ease-in-out 0.8s;
		transition-delay: 2;
		opacity:0;
		margin-top:70px;
		text-shadow:0 0 4px rgba(0,0,0,0.5);
	}
	.slide.cycle-slide-active .summary{
		opacity:1;
		margin-top:0;
	}
	.slide .container{background:transparent;}
	
	.slide .bg_img{opacity:0.4;}
	
	
	.aboutGallery > div{width:100%;height:100%;display:none;}
	.aboutGallery > div iframe{width:100%;height:100%;}
	.aboutGallery > div:first-child{display:block;}
	
	.aboutPager{clear:both;border: 1px solid #ddd;}
	.aboutPager li{display:inline-block;width:25%;vertical-align:middle; border: 1px solid #ddd;border-width:0 0 0 1px;}
	.aboutPager li:first-child{border-left:none;}
	.aboutPager li a {
	   
	    display: block;
	    padding: 10px 12px;
	    text-align: center;
	    min-height:60px;
	    text-decoration:none;
	    
	}
	
	
	.row-centered {
	    text-align:center;
	}
	.col-centered {
	    display:inline-block;
	    float:none;
	    /* reset the text-align */
	    text-align:left;
	    /* inline-block space fix */
	    margin-right:-4px;
	    vertical-align:middle;
	}
	
	.partnerBox > img {
	    padding: 0 20px;
	}
		
	.aboutPager .cycle-pager-active a,.aboutPager li a:hover{background:#222832;color:#fff;}
	
	
	.summary h2 {
	    color: #fff;
	    font-size: 54px;
	    text-transform: uppercase;
	}
		
	/*.zoomImg{width:900px !important;height:auto !important;}*/
	
	.rightTxt{text-align:right;}
	
	.pageContent{margin-top:60px;}
	
	.pageContent b,.pageContent strong{color:#222;}
	
	#product_detail_gallery{position:relative;overflow:hidden;margin-bottom:30px;}
	#product_detail_gallery .loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:url(/images/loading_white.gif) center center no-repeat #fff;}
	
	#lists{clear:both;padding-top:3em;border-top: 1px solid #e9e9e9;background-color:#F3F3F3;padding-bottom: 2.5em;}
	#lists ul{margin-left:0;}
	#lists h4{font-weight:bold;text-transform:uppercase;font-size:10pt;margin-bottom:0.5em;}
	#lists h4 a{color:#000;}
	#lists li{list-style:disc;margin-left:0;}
	#lists li,#lists p {font-size:10pt;line-height:1.6;font-weight:200;list-style:none;}
	#lists li a{/*border-left:2px dashed #bbb;*/display:block;padding:4px 0 4px 2px;transition:color linear 0.3s,border-color linear 0.3s;font-weight:200;}
	#lists li a:hover{color:#000;border-color:#000;}
	#lists p{margin-top:10px;margin-bottom:0;}
	#lists p a{font-weight:200;border-bottom:1px dotted;}
	#lists p a:hover{font-weight:normal;border-style:solid;}
	
	.paginate{padding:1em 0; margin:0; clear:both;text-align:center;}
	.paginate li{display:inline-block;}
	.paginate li a {
	    background: #222832 none repeat scroll 0 0;
	    border-radius: 0;
	    color: #fff;
	    display: block;
	    float: left;
	    font-size: 13pt;
	    font-weight: bold;
	    height: 40px;
	    line-height: 40px;
	    margin: 0 0.5em 0.5em 0;
	    text-align: center;
	    transition: background-color 0.2s linear 0s;
	    width: 40px;
	}
	.paginate li a.active,.month_nav li a.active{color:#222832;background:#47D2E8;}
	
	.paginate li a:hover,.month_nav li a:hover{background:#fff;color:#222832;text-decoration:none;}
	
	
	.month_nav{margin-bottom:30px;margin-right:-5px;margin-top:-15px;}
	.month_nav li a{display:block;background-color:#222832;font-size:12px;padding:12px;margin-bottom:10px;}

    #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
	#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
	#sb-overlay{position:relative;height:100%;width:100%;}
	#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
	#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
	#sb-body{position:relative;height:100%;}
	#sb-body-inner{position:absolute;height:100%;width:100%;}
	#sb-player.html{height:100%;overflow:auto;}
	#sb-body img{border:none;}
	#sb-loading{position:relative;height:100%;}
	#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
	#sb-loading-inner span{background:url(/images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
	#sb-body,#sb-loading{background-color:#060606;}
	#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
	#sb-title,#sb-title-inner{height:26px;line-height:26px;}
	#sb-title-inner{font-size:16px;}
	#sb-info,#sb-info-inner{height:20px;line-height:20px;}
	#sb-info-inner{font-size:12px;}
	#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
	#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
	#sb-nav-close{background-image:url(/images/close.png);}
	#sb-nav-next{background-image:url(/images/next.png);}
	#sb-nav-previous{background-image:url(/images/previous.png);}
	#sb-nav-play{background-image:url(/images/play.png);}
	#sb-nav-pause{background-image:url(/images/pause.png);}
	#sb-counter{float:left;width:45%;}
	#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
	#sb-counter a.sb-counter-current{text-decoration:underline;}
	div.sb-message{font-size:12px;padding:10px;text-align:center;}
	div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
	
	.text *{text-align:left;}
	.text a,.text h2,.text .subtitle{color:#000;}
	.text h1{margin-bottom:0.5em;}
	.text .subtitle {
	    font-style: normal;
	    font-weight: 200;
	    margin-top: 0.5em;
	}
	.text a{border-bottom:1px dotted #000;}
	.text a.button{border-bottom:none;}
	
	.text table td{padding:0.5em;font-size:12pt;}
	.text table tr:nth-child(2n) td{background:#f8f8f8;}
	.text table h2{margin:0;font-size:16px;}
	.text ul{padding:1em;}
	.text ul li {
		clear:both;
	    list-style: outside none none;
	    margin: 0 0 0.5em 0.5em;
	    border-bottom:1px solid #eee;
	}
	.text h2{font-size:16pt;font-weight:bold;margin-top:1em;}
	
	#contactForm{padding-bottom:45px;}
	#contactForm input[type="text"], #contactForm textarea {
	    background: #2D3644 none repeat scroll 0 0;
	    border: medium none;
	    border-radius: 0;
	    margin-bottom: 10px;
	    padding: 8px;
	    box-shadow:none;
	}
	#contactForm label{font-weight:bold;color:#444;}
	#contactForm input[type="submit"]{border-radius:0;}
	
	.eticket{font-size:12px;font-style:italic;clear:both;margin-top:8px;color:#888;}
	
	.ext_link a{border-bottom:1px dotted;color:#FDB738;}
	
	ul.bordered,p.bordered{padding:0.5em;border:1px solid #ddd;background:#f9f9f9;}
	.bordered li {font-size: 9pt;list-style:disc;margin-left:10px;}
	
/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: block; 
  text-align: right;
 }
  #nav-trigger span {
    display: inline-block;
    padding: 6px 20px 0 20px;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }


#navMobile {
    background: #222832 none repeat scroll 0 0;
    display: none;
    height: 100%;
    opacity: 0;
    padding-top: 20px;
    position: fixed;
    right: 0;
    top: 50px;
    width: 0;
    z-index: 100;
}

#navMobile li a{display:block;padding:16px;border-bottom:1px solid #364256;background-color:transparent;transition:background-color linear 0.2s,color linear 0.2s;}
#navMobile li li{display:block;}
#navMobile li li a{display:block;text-align:left;color:#fff;font-weight:400;padding-left:30px;}
#navMobile li li a.userSaldo{border-left:1px solid #364256;border-right:1px solid #364256;}
#navMobile li li.media a{display:inline-block;border:none;}
#navMobile .sub{border-bottom:1px solid #364256;border-top:1px solid #364256;margin-bottom:0;}



.cartLink i{font-size:24px;color:#ccc;}

#navMobile .subNav{display:none;}

#mainNav .subNav .button{display:inline-block !important;width:200px;padding:12px 12px;margin-right:12px;text-align:center;border:1px solid;font-weight:bold;}
#mainNav .subNav .button:hover{color:#fff;}

#navMobile li a:hover{background-color:#2D3644;color:#fff;}

#topBar,#topBar *{      
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
}

.productLoader,#galleryLoader {
    background: url(/images/loading_white.gif) #fff no-repeat center 100px;
    height: 100%;
    position: absolute;
    width: 100%;
    opacity:0.8;
    display:none;
    z-index:10;
}
#galleryLoader {
	display:block;
    left: 0;
    opacity: 1;
    top: 0;
    z-index: 9;
}



.orderTotal td {
    padding-bottom: 5em !important;
    vertical-align: top;
    /* border-bottom:3px solid #333 !important;*/
}

#selectForm fieldset{width:50%;float:left;padding:0 1em 0 0;}
#selectForm{position:relative;padding:1em;border:1px solid #f4f4f4;border-radius:6px;background:#f9f9f9;}
#selectForm select{background:#fff;}
#selectForm h1{margin: 0 0 0.5em;color:#000;}

.desktop{display:block !important;}
.mobile{display:none !important;}

.col-md-4.homep.about > p {
    font-size: 14px;
    text-align: left;
}


@media all and (min-width: 1281px) {
	

}

@media all and (min-width: 1680px) {
	

}

/* =Media Queries
-------------------------------------------------------------- */

@media all and (max-width: 1280px) {
	

}


@media all and (max-width: 1000px) {
	
		
	.desktop{display:none !important;}
	.mobile{display:block !important;}

}

@media all and (max-width:736px) {
	
	.summary table td{width:100% !important;display:block !important}
	.media {
	    margin-top: 0;
	}
	.cartHeader {
		margin-top: 20px;
	}
	.cd-horizontal-timeline .h1 {
    	font-size: 22px !important;
    }
	
	#cartSteps li{
		font-size: 12px !important; 
		color: #d6d6d6
	}
	#cartSteps li span.step{
		font-size:14px !important; 
		width: 25px !important; 
		height: 25px !important; 
		line-height: 2em !important; 
		margin:0 auto 0.5em;
		border-radius:50%;
		font-weight:bold; 
		color: #fff;
	}
	
	.update_cart {
		display: none !important;
	}
	
	.empty_cart {
		float: left !important;
		width: auto !important;
	 	padding: 0.77em 1em !important;
	}
	
	.next_step {
		float: right !important;
	}
	#cartSteps li{width:100%;display:none;}
	#cartSteps li.active{display:block;}
	#cartSteps li .arrow-right{display:none;}
	#cartSteps li a span.step {
		background: #daead3 url("/images/checkmark.png") no-repeat scroll center center / 15px auto !important;
	}
	
	.cart form fieldset{width:98%;margin:0 auto 1em;}
	
	
	.cart table td {
	 /*padding: 0px !important;	*/
	}
	
	.cart table tr.total_pay_amount td{padding:0.5em 0.7em 0.5em 0;font-size:10pt;}
	#cartTable td:first-child{display:none;}
	

	
	ul.icons {
	    text-align: center;
	}
	
	
	#footer .copyright ul li {
	    text-align: center;
	}
	
	
	.mobile{display:block;}
	.mobile-nav{padding-left:0;}
	.quick_results{display:none;opacity:0;visibility:hidden;}
	
	
	
	#adminNav #toggle{
		
		display:none;	
	}
	
	.sideBar div.sortBar,.sideBar ul{height:0;overflow:hidden;padding-top:0;padding-bottom:0;}
	
	
	.sideBar h3{
		background-image:url(/images/icon_plus.png);
		background-repeat: no-repeat;
		background-position:98% center;
		background-size:15px 15px;
	}
	
	.navBar,#topNav {
	    display:none;
	}
	
	#bc .leftTxt{display:none;}
	#bc .rightTxt{text-align:left;}
	
	#userNav{
		float:none;
		display:block;
		clear:both;
	}
	
	#userNav {
	    margin: 0;
	    padding: 0;
	    position: fixed;
	    display:none;
	    text-align: center;
	    top: 0;
	    left:0;
	    width: 100%;
	    z-index: 11;
	}
	#bc{margin-top: 55px;}
	
	.supplier.box{display:none;}
	
	#logo,.smaller #logo{margin-left:-10px;width:80px;height:auto;background-size: 100% auto;margin-top:5px;padding-bottom:64px;margin-bottom:0;}

	
	.searchBar{width:100%;margin-top:5px;}
	
	.addForm input[type="submit"] {max-width:none;}
	
	#lists p{text-align:center;}
	#lists li{list-style:none;}
	
	fieldset.login input, .voucherForm input, .voucherForm .caption {
    display: block !important;
    float: none;
    width: 100% !important;
	}
    
    .row {
	    margin: 0;
	}
	
	#footer {
	    margin: 0 !important;
	    padding: 0;
	}
	#footer .copyright {
	    margin-top: 0;
	}
	
	.product_list .product:nth-child(1) {
	    padding-left: 0.5em;
	}
	.container.full_mobile{padding:0;}
	.full_mobile .col-md-12{padding:0;}
	.productContent .slogan .dateBox {
	    margin: -150px auto 20px;
	    padding: 10px 0;
	    position: relative;
	    right: auto;
	    top: auto;
	}
	.pageContent{padding-top:30px;}
	header, footer, h2, h3, h4, h5, h6, header > p {text-align:left;}
	#subfooter{margin-bottom:0 !important;}
	
	#subfooter div.col-md-3,
	#subfooter div.col-md-6 {
	    padding-bottom: 45px;
	}
	section, article {
	    margin: 0 !important;
	}
	.cd-horizontal-timeline .timeline{display:none;}
	
	h1.pageTitle {
    	margin-left: 15px;
    }
    .ticketBox {
    	margin: 0 15px;
    }
    .product{margin-bottom:30px !important;}
    
    .button{display:block;text-align:center;}
    
    .product_summary,.pageSubTitle,.product_content {
	    margin-left: 15px;
	}
	.inPageNav .button{
	    clear: both;
	    width: 100%;
	}
	.inPageNav .button.prev{
	    text-align:left;
	}
	.inPageNav .button.next{
	    text-align:right;
	}
	.inPageNav {
	    padding: 0 30px 30px;
	}
	.copyright {
	    margin: auto;
	    text-align: left;
	    width: auto !important;
	    
	}
	.copyright .list-inline > li {
	    display: none;
	    float: none !important;
	    padding: 10px 0 5px;
	    text-align: left !important;
	}
	
	.copyright .list-inline > li:first-child,.copyright .list-inline > li:last-child{display:inline-block;}
	

}

@media all and (max-width:460px) {
	#newsletter {
	    min-height: 390px;
	}
	.slide .bg_img{
    	background-attachment: scroll !important;
    	background-size:cover !important;
    	-webkit-background-size: cover !important;
    	-moz-background-size: cover !important;
	}

}


/* -------------------------------- 

Timeline Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 0 auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.cd-horizontal-timeline .h1 {
    font-size: 32px;
    margin-bottom: 30px;
    margin-top: 0;
}

.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 100%;
  max-width:880px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
/*
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
*/
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 1px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #47D2E8;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  padding-bottom: 15px;
  color: #fff;
  border:none;
  text-decoration:none;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  font-size:13px;
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border: 2px solid #47D2E8;
  background-color: #47D2E8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #47D2E8;
  border-color: #47D2E8;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #47D2E8;
  border-color: #47D2E8;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #47D2E8;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {

  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation {
    margin-top: -50px;
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: none;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 25px;
  width: 25px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(/assets/img/cd-arrow.svg) no-repeat 0 0;
  background-size:25px;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #47D2E8;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -25px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {

  }
  .cd-horizontal-timeline .events-content em {

  }
  .cd-horizontal-timeline .events-content p {

  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}