* {
	margin: 0;
	padding: 0;
}

.fix {
	clear: both;
}

html, body {
	background-color: #000;
}

body {
	font-family:'helvetica-neue-lt-std', arial, helvetica,sans-serif;
	font-size: 13px;
	overflow: hidden;
	line-height: 1.5em;
	padding: 60px 0 0 0;
}

a {outline : none;}

a img {
	border: 0;
	outline: none;
}

a {
	color: #fff;
	text-decoration: none;
}

h3 {
	font-size: 1.6em;
	font-weight: normal;
	text-align: center;
	color: #fff;
}

h3 a {
	text-decoration: none;
}




ul.list {padding: 0 0 0 0; list-style: none; margin: 20px 0 0 0;}
ul.list li { margin: 5px 0 5px 0;}
ul.list li a {}

.reveal-modal { padding-right: 30px; position: absolute;
	}
.reveal-modal .scrollable {position: relative; max-height: 500px;}
.reveal-modal .scrollable .mCSB_container {
	padding-right: 20px;}
.reveal-modal h2 {margin: 0 0 15px 0;}
.reveal-modal p {margin: 0 0 15px 0;}
.reveal-modal a {color: #000; text-decoration: underline;}
.reveal-modal .close-reveal-modal {
	top: 26px;
	right: 15px;
	text-decoration: none;
}
.reveal-modal .print {
	background-image: url(../images/print.png);
	-webkit-background-size: cover;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: inline-block;
	position: absolute;
	right: 45px;
	top: 24px;
}

#header {
	position: absolute;
	top: 0;
	width: 100%;
	height: 30px;
	z-index: 4;
}

#headerglow {
	height: 50px;
	position: absolute;
	background-image: url(../images/headerglow.png);
	background-repeat: repeat-x;
	background-position: top;
	top: 0;
	width: 100%;
}

#header .west,
#header .east {
	position: absolute;
	top: 0;
	left: 0;
	width: 0; /* autoset (js) */
	background-color: #151a1f;
}

#header #logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 134px;
	height: 130px;
	margin-left: 1px;
	margin-right: 1px;
	background-color: #000;
	cursor: pointer;
}

#header #language {
	position: absolute;
	top: 0;
	right: 0;
	width: 0; /* autoset (js) */
	color: #fff;
	background-color: #151a1f;
	cursor: pointer;
	border-left: solid 1px #373c40;
}
#header #language .text {
	position: relative;
	top: 6px;
	left: 20px;
}
#header #language .arrow {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 13px;
	height: 7px;
	background-image: url(../images/mini-down.png);
}

#header #language .arrowup {
	background-image: url(../images/mini-up.png);
}

#header #language-selector {
	position: relative;
	top: -30px;
	right: 0;
	width: 100%;
	height: 60px;
	opacity: 0.5;
	background-color: #000;
}

#header #language-list {
	position: absolute;
	top: -30px;
	right: 0;
	width: 100%;
	height: 60px;
	color: #fff;
}

#header #language-list ul {
	margin-top: 35px;
	margin-right: 20px;
}
#header #language-list ul li {
	float: right;
	margin-left: 35px;
	list-style-type: none;
}

#footer {
	font-size: 12px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	background-color: #151a1f;
	color: #fff;
	z-index: 4;
}

#bottomglow {
	height: 50px;
	position: absolute;
	background-image: url(../images/footerglow.png);
	background-repeat: repeat-x;
	background-position: bottom;
	bottom: 0;
	width: 100%;
}

#footer #pane {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 0; /* autoset (js) */
	background-color: #fff;
	/*z-index: 2;*/
}

#footer #pane.open {
	display: block;
}

#footer #pane .data {
	position: relative;
	margin: 150px 20px 30px 20px;
}

#footer #pane #news.data{
	margin-top:10px;
}

#footer #details-pane {
	/*border-left: 1px solid #dadde0;*/
	position: absolute;
	top: 0;
	margin: 30px 0 0 0;
	background-color: #fff;
	color: #15191e;
	font-size: 14px;
	/*z-index: 1;*/
}

#footer #details-pane a {
    color: #15191E;
    text-decoration: underline;
}

#footer #details-pane a:hover {
    text-decoration: none;
}

#footer #details-pane h3 {
	margin: 0 0 20px 0;
	color: #15191e;
	text-align: left;
}

#footer #details-pane h4 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 20px 0;
}

#footer #details-pane ul {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}

#footer #details-pane ul li {
	background: url(../images/mini-right.png) no-repeat left 5px;
	padding-left: 15px;
	list-style: none;
}

#footer #details-pane .close {
	background-image: url(../images/close-pane.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	position: absolute;
	right: 22px;
	top: 50px;
}


#footer #details-content {
	padding: 60px 22px 50px 22px;
}

#footer #details-content p {
	margin: 10px 0 15px 0;
}

#footer #details-pane .separator {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #fff9f9 7%, #dadde0 11%, #dadde0 50%, #dadde0 89%, #ffffff 93%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#fff9f9), color-stop(11%,#dadde0), color-stop(50%,#dadde0), color-stop(89%,#dadde0), color-stop(93%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#fff9f9 7%,#dadde0 11%,#dadde0 50%,#dadde0 89%,#ffffff 93%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#fff9f9 7%,#dadde0 11%,#dadde0 50%,#dadde0 89%,#ffffff 93%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#fff9f9 7%,#dadde0 11%,#dadde0 50%,#dadde0 89%,#ffffff 93%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#fff9f9 7%,#dadde0 11%,#dadde0 50%,#dadde0 89%,#ffffff 93%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
} 

#footer #about {
	position: relative;
	bottom: 0px;
	left: 0;
	width: 0; /* autoset (js) */
	background-color: #151a1f;
	cursor: pointer;
	background-image: url(../images/footerglow.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right: solid 1px #373c40;
}

#footer #about .text {
	position: relative;
	top: 7px;
	left: 20px;
}

#footer #about .arrow {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 13px;
	height: 7px;
	background-image: url(../images/mini-up.png);
}

#footer #about .arrowdown {
	background-image: url(../images/mini-down.png);
}

#footer #copyright {
	/*font-size: 11px;*/
	letter-spacing: .5px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#footer #copyright .text {
	position: relative;
	top: 7px;
	left: 20px;
}

#footer #data-protection {
	position: absolute;
	right: 200px;
	top: 0;
	border-left: solid 1px #373c40;
	padding-left: 15px;
	padding-right: 15px;
}

#footer #data-protection .text {
	position: relative;
	top: 7px;
}

#footer #data-protection a {
	margin-right: 10px;
	display: inline-block;
}

#footer #swatchgroup {
	position: absolute;
	bottom: 0px;
	right: 0;
	background-color: #151a1f;
	padding-left: 10px;
	border-left: solid 1px #373c40;
}

#footer #swatchgroup a {
	display: block;
	width: 194px;
	height: 30px;
	background-image: url(../images/swatchlogo.png);
	background-repeat: no-repeat;
}

#overlay {
	display: none;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 0; /* autoset (js) */
	background-color: #000;
	z-index: 3;
}

#overlay.on {
	opacity: 0.7;
	display: block;
}

#sidebar {
	position: absolute;
	top: 0;
	left: 0;
	width: 0; /* autoset (js) */
	color: #fff;
	background-color: #151a1f;
	overflow: hidden;
	background-image: url(../images/logoglow.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#sidebar .data {
	position: relative;
	/*margin: 20px 0;*/
	margin: 150px 0 0 0;
}

#search {display: none; margin: 0px 0 0 0; position: relative;}
#search.open {display: block;}

#search-city, .select2-drop {background-color: #414549; color: #fff;}
#search-brand {background-color: #2f3438;}
#search-type {background-color: #272b30;}

#search .search-field {height: 24px; margin: 6px 40px 0 40px}
#search .select {width: 100%;}


#stores-list-header {
	position: relative;
}

#stores-list-header h3 {
	padding: 0 0 30px 0;
	margin: 0 0 0 -40px;
	display: block;
	text-align: center;
}

#stores-list-header h3 > span {
	padding: 0 0 0 40px;
	background-position: left center;
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
}

#stores-list-header .icon {display: inline-block; position: absolute;}
#stores-list-header .icon:hover, #openSearch.open, #allShops.open {background-image: url(../images/details-hover.png); background-repeat: no-repeat;}
#stores-list-header .search {margin: 0 0 0 10px;}
#stores-list-header .marker {margin: 0 0 0 40px;}

#stores-list-content {
	position: relative;
	margin: 10px 0 0 0;
}

#stores {
	position: relative;
	margin: 0 0 15px 0;
	text-align: center;
	list-style-type: none;
}

/*#stores > li {opacity: 0;} UNCOMMENT THIS BEFORE DEPLOY */
#stores li a {color: #fff; text-decoration: none; font-size: 25px; opacity: 1.0; line-height: 1.3em;}
#stores li.open > a {color: #fff; font-size: 25px;}
#stores li.dark > a {color: #4F5F70; font-size: 20px;}
#stores li.dark > a:hover {color: #fff;}

#stores .sublist { display: none;  list-style-type: none; position: relative;}
#stores .sublist li.groupname {
	background-color: inherit;
	font-size: 18px;
}

#stores .sublist li {
	background-color: #444; 
	/*opacity: 0.9; */
	margin: 10px 0 10px 0; 
	background-position: center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

#stores .sublist li a {font-size: 18px; display: block; position: relative; }
#stores .sublist .semi {
	background-image: url(../images/semi.png);
	bottom: 0;
	width: 100%;
	position: relative;
	padding: 5px 0;
}

/* This is important! */
#stores .sublist .open .semi {
	position: absolute; 
}

#stores .locate { display: none;  list-style-type: none; position: relative;}
#stores .locate li.groupname {
	background-color: inherit;
	font-size: 18px;
}

#stores .locate li {
	margin: 10px 0 10px 0; 
	background-position: center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

#stores .locate li a {font-size: 18px; display: block; position: relative; }
#stores .locate .semi {
	background-image: url(../images/semi.png);
	bottom: 0;
	width: 100%;
	position: relative;
	padding: 5px 0;
}

/* This is important! */
#stores .locate .open .semi {
	position: absolute; 
}


#stores-list {
	position: relative;
	display: block;
}

#store-details {
	position: relative;
	display: none;
	/*opacity: 0;*/
}

#store-details h2 {
	display: block;
	text-align: center;
	font-size: 25px;
	font-weight: normal;
	padding: 5px 0 0 0;
}

#store-details h4 {
	margin: 0;
	font-weight: bold;
	text-align: left;
	font-size: 15px;
}

#store-details-content {
	/*padding: 20px 20px;*/
	line-height: 20px;
	
}

#store-details-content .content {
	padding: 20px;
}

#store-details-content .links {
	padding-bottom: 50px;
}

.small-controls {position: absolute; right: 15px;}

.small-controls .icon { float: left; position: relative;}
.small-controls .icon a {display: block;}
.small-controls .icon a:hover, .small-controls .open {background-image: url(../images/details-hover.png); background-repeat: no-repeat;}
/* .small-controls .tooltip {
	font-size: 11px; 
	background-color: #3d4246; 
	padding: 0px 6px; 
	position: absolute;
} */

/* .small-controls .tip {
	width: 11px;
	height: 6px;
	background-image: url(../images/tooltip.png); 
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	margin: -6px auto 0 auto;
}

.small-controls .print .tooltip {display: none;}
.small-controls .map .tooltip {display: none;}
.small-controls .mobile .tooltip {display: block;} */


#store-details-content .location {margin: 0 0 20px 0;}
#store-details-content .hours {margin: 0 0 20px 0;}
#store-details-content .contact {margin: 0 0 20px 0;}

#store-details-header .shop-thumb {background-size: cover; position: relative; background-position: center center;}
#store-details-header .shop-thumb .semi {background-image: url(../images/semi.png); font-size: 18px; padding: 5px 0; text-align: center; position: absolute; bottom: 0; display: block; width: 100%;}

#city-nav {position: relative; margin: 30px 0 15px 0;}
#city-nav:after {clear: both;}

.linkarrow {background-image: url(../images/mini-arrowright.png); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 10px;}

.back-link {background-image: url(../images/nav-arrow-left.png); width: 7px; height: 14px; padding: 0 0 0 30px; background-repeat: no-repeat; background-position: -20px; border: none;}
.nav-arrow-left {background-image: url(../images/nav-arrow-left.png); width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0;}
.nav-arrow-right {background-image: url(../images/nav-arrow-right.png); width: 50px; height: 50px; display: block; position: absolute; right: 0; top:0;}

.loading {
	width: 25px;
	height: 25px;
	background-image: url(../images/wait.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


#layout {
	position: absolute;
	top: 0;
	left: 0;
	width: 0; /* autoset (js) */
	background-color: #151a1f;
	overflow: hidden;
}

#content {
	position: relative;
	width: 100%;
	height: 100px;
	background-color: #151a1f;
	/*background-color: #060708;*/
	background-position: center;
	/*background-image: url(../images/omega.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
}

#content #controls-overlay {
	font-size: 17px;
	width: 100%;
	color: #fff;
	display: block;
	position: absolute;
	height: 32px;
	background-image: url(../images/semi.png);
	bottom: 0;
}

#content #controls-overlay .left-nav {
	position: absolute;
	left: 0;
	display: inline-block;
}


#content #controls-overlay .left {
	padding: 6px 10px 3px 40px;
	margin: 0 0 0 10px;
	background-image: url(../images/arrow-left.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#content #controls-overlay .down {
	display: block;
	margin: 0 0 0 10px;
	padding: 6px 10px 3px 40px;
	background-image: url(../images/arrow-down.png);
	background-position: top left;
	background-repeat: no-repeat;
}


#content #controls-overlay .left-nav a {
	text-decoration: none;
}

#content #controls-overlay .slideshow {
	/*display: none;*/
	height: 32px;    
	/*vertical-align: center;*/
	margin:auto;
	/*position: absolute;*/
	top:0;
}

#content #controls-overlay .right-nav {
/*    padding: 5px 10px 3px 30px;
	background-image: url(../images/arrow-up.png);
	background-repeat: no-repeat;*/
	top:0;
	height: 100%;
	position: absolute;
	right: 5px;
	display: inline-block;
}

#content #player {
	position: relative;
	width: 0; /* autoset (js) */
	margin: 0 auto;
	/*background-color: orange;*/
}


#content #slider-ul{
	overflow: hidden;
}

#content #slider-ul li {
	height: 100%;
}

#content #slider-ul li > div {
	height: 110% !important;
}

#content #slider .slide {  
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
  /*   display: -webkit-flex;
  display: flex; */
	position: relative;
}

#content #slider .slide .hp-image {
    height: 100%;
    display: block;
}

#content #slider .slide .to-photos {
	height: 100%;
	display: block;
}

#content #slider .qrcode {
	margin: -142px auto 0 -114px;
   /*  -webkit-align-self: center;
   align-self: center; */
   height: 285px !important;
   position: absolute;
   top: 50%;
   left: 50%;
}

#not-found {
	margin: -50px auto 0 -140px;
	height: 100px !important;
	width: 270px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

#not-found div {
	font-weight: bold;
	font-size: 80px;
	display: block;
}

#not-found span {
	font-weight: normal;
	font-size: 40px;
}

#brands {
	top: 0;
	position: relative;
}

#brand-details {
	left: 300px;
	padding: 30px 20px 0 30px;
	color: #fff;
	position: absolute;
	top: 0;
	display: none;
}

#brand-details h3 {
	text-align: left;
	margin: 0 0 30px 0;
}

.details-separator {
	position: absolute;
	left: 0;
	top: 0;
	height: 252px;
	width: 1px;
	background-image: url(../images/brand-details-separator.png);
}

#list {
	position: relative;
	width: 100%;
	min-height: 300px;
	display: none;
}

#list .block {
	float: left;
	background-image: url(../images/brand-thumb-bg-bottom.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#list .block.selected {
	width: 300px;
	height: 250px;
	background-image: url(../images/brand-details-separator.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#list .block.selected .element {
	background-image: none;
}

#list .block.selected img {
	max-height: 200px;
	max-width: 300px;
}

#list .block .element {
	text-align: center;
	vertical-align: middle;
	background-image: url(../images/brand-thumb-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#list .block img {
	max-height: 100px;
	max-width: 150px;
}

 #list .block.selected a {
	background-image: none;
}

#list .block a {
	position: relative;
	display: block;
}



#list a.marque .hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	background-image: url(../images/brand-thumb-hover.png);
	height: 100px;
	width: 100%;
}

/* --- scrollbars --- */
.mCustomScrollBox .mCSB_container {
	margin-right: 0;
}

.left {float: left;}
.right {float: right;}

#logo a {
	display: block;
	width: 134px;
	height: 130px;
	background-image: url(../images/logo.png);
}

@font-face {
	font-family: 'helvetica-neue-lt-std';
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
	src: local('☺'), url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTCom45Light';
	src: url('../fonts/helveticaneueltstd-lt-webfont.eot');
	src: url('../fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
		 url('../fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
		 url('../fonts/helveticaneueltstd-lt-webfont.svg#OpenSansLight') format('svg');
	font-weight: 300;
	font-style: normal;
}



/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s ;
	 -moz-transition-duration: 0.8s ;
	  -ms-transition-duration: 0.8s ;
	   -o-transition-duration: 0.8s ;
		  transition-duration: 0.8s ;
}

.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:      -o-transform, opacity;
		  transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

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

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

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

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


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

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {float:left;margin-top: 8px;}
.flex-control-nav li {margin: 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 13px; height: 13px; display: block; background-image: url(../images/slideshow-li.png); background-repeat: no-repeat; background-position: center; cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background-image: url(../images/slideshow-li-active.png); background-repeat: no-repeat; background-position: center;}
.flex-control-paging li a.flex-active { background-image: url(../images/slideshow-li-active.png); background-repeat: no-repeat; background-position: center; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.flex-prev,.flex-next{width:32px;height: 32px;}
.flex-prev{background: url(../images/arrow-left.png) no-repeat;}
.flex-next{background: url(../images/arrow-right.png) no-repeat;}


#slide-description{
	/*overflow: hidden;*/
	list-style: none;
	margin:0;
	padding:0;
	/*height: 30px;*/
	text-align: right;
	height: 100%;
}

#slide-description li{
	/*height: 30px;*/
	width: 100px;
	margin-right: 30px;
	display: none;
	height: 28px;
	padding-top:5px;
}

#slide-description li a{
	text-decoration: none;    
	height: 32px;
}

#slide-description li .highlight-title{
	position: relative;
	z-index: 1;
	background-image: url(../images/arrow-up.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 5px 45px 3px 0px;
    margin-right: 6px;
}

#slide-description .slide-description-link {
	margin: 0 8px 0 0;
}

#slide-description li .highlight-title.arrow-down{
	background-image: url(../images/arrow-down.png);
}

.highlight-desc{
	display:none;
	position: absolute;
	bottom:0px;
	width: 300px;
	background-color: rgba(0, 0, 0, 0.5);
	right: 0;
	font-size: 14px;
	/*padding-bottom: 28px;*/
	padding:10px 20px 50px 20px;
	text-align: left;
	z-index:0;
}

.right-nav .flex-control-nav{
	display: none;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

#footer #pane,
#footer #pane a{
	color:#343c47;
}

#footer #pane #news-block .title,
#footer #pane ul li .title{
	font-size: 20px;
	margin-bottom: 14px;
}

#footer #pane .content{
	font-size: 14px;
}

#footer #pane ul li{
	list-style: none;
	padding: 0px;
	margin:0px;
	margin-top: 10px;   

}

#footer #pane #news-block{
	margin: 20px;
}

#footer #pane #news-block #news li {
	background-size: cover;
	height: 180px;
	margin: 0 0 20px 0;
	background-position: center center;
	/*background-color: #f00;*/
	position: relative;
}

#footer .aboutimage {
	position: relative;
	background-size: cover;
	width: 100%;
	background-position: center center;
	height: 300px;
	margin: 0 0 20px 0;
}

#footer .aboutimage img {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#footer #pane #news-block #news li a {
	display: block;
	height: 180px;
}

#footer #pane #news-block #news li .news-title{
	position: absolute;
	bottom:0px;
	background-image: url(../images/back-title-news.png);
	/*background-repeat: repeat-x;*/
	display: block;
	left:0px;
	right: 0px;
	padding:10px;
	color: #15191e;
	font-weight: bold;
}

#footer #pane #news-block #news li.selected .news-title {
	background-image: url(../images/back-title-news-selected.png);
	color: #fff;
}

#footer #pane ul#pane-menu li a,
#footer #pane ul#pane-menu li a .title {   
	font-size: 18px;    
	text-decoration: none;
}

#footer #pane ul#pane-menu li a div.title{
	background: url(../images/mini-right.png) no-repeat left center;
	padding-left:15px;
}

#contactForm {
	width: 500px;
}

#contactForm select {
	width: 495px;
	border: 1px solid #aaa;
	padding: 3px 5px;
}

#contactForm [type="checkbox"] {
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	position: relative;
	top: -2px;
}

.formField {
	width: 230px;
	padding: 3px 5px;
	border: 1px solid #aaa;
}

.error {
	border: 2px solid #f00;
}

.error + span,
.error + span > a {
	color: #f00;
}

.formArea {
	width: 485px;
	height: 100px;
	padding: 5px;
	font-family: arial, helvetica, sans-serif; 
}

.sendbutton {
	background-color: #15191e;
	color: #fff;
	padding: 5px;
	display: block;
	border: none;
	width: 100%;
}

.login {
	background-color: #15191e;
	color: #fff;
	padding: 5px;
	display: block;
	border: none;
	width: 100%;
}

#protected_content {display: none;}

#footer #details-pane .sendbutton {
	color: #fff;
	text-decoration: none;
	text-align: center;
}

#thanks_message {
	display: none;
}

#contactForm label.error { display: none;}

.storeInfo a {
	color: #000;
	text-decoration: underline;
}

#home-block {
  color: #fff;
  padding: 30px;
  font-size: 17px;
}

#home-news {
	margin: 30px 0 0 0;
	padding: 0 0 30px 0;
}

#home-news .homenewsitem {
	height: 200px;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	margin: 0 6px 0 6px;
}

/* #home-news .owl-stage:last-child {
	margin: 0;
} */

#home-news .homenewsitem a {
	padding: 8px;
	display: block;
	height: 100%;
	position: relative;
}

#home-news .homenewsitem a .news-title {
    position: absolute;
    display: block;
    /*width: 100%;*/
    bottom: 30px;
    padding: 0 15px 0 5px;
    /*display: none;*/
    opacity: 0;
}

#home-news .homenewsitem .news-overlay {
	top: 0;
	width: 100%;
	height: 200px;
	position: absolute;
	background-color: #000;
	display: none;
}

#home-news .owl-controls {position: relative;}

#home-news .owl-nav {
	position: absolute;
	width: 100%;
}

#home-news .owl-prev {
	background-image: url(../images/arrow-left.png);
	background-repeat: no-repeat;
	background-position: left center;
	left: -30px; 
	display: inline-block;
	position: absolute;
	height: 200px;
	width: 32px;
	bottom: 0px;
}

#home-news .owl-next {
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	background-position: left center;
	right: -30px;
	bottom: 0px;
	display: inline-block;
	position: absolute;
	height: 200px;
	width: 32px;
}

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

.mfp-nav {
	padding: 15px 0;
	display: block;
	position: absolute;
	bottom: 40px;
	background-color: #000;
	opacity: .6;
	color: #fff;
	width: 100%;
}

.mfp-content figcaption {
	display: none;
}

h3.back-locate {
	background-image: url(../images/country-separator.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 10px 0;
	margin: 0 0 10px -35px;
}

h3.back-locate a {
  background-image: url(../images/arrow-left.png);
  background-repeat: no-repeat;
  background-position: 0px -6px;
  padding: 0 0 0 30px;
  height: 32px;
  /*width: 32px;*/
  display: inline-block;
  margin: 10px 10px 0 0;
}

h3.back-locate span {
	display: inline-block;
	line-height: 40px;
}

#cookiesBanner {
	background: #151a1f;
	position: absolute;
	height:65px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: none;
	border-bottom: 1px solid #373c40;
}

#cookiesBanner a.learnmore {
	color: #fff;
	text-decoration: underline;
}

#cookiesBanner a.close {
	position: absolute;
	right: 25px;
	width: 15px;
	height: 15px;
	top: 22px;
	z-index: 101;
	display: inline-block;
	background-image: url(../images/close-pane-black.png);
}

#cookiesBanner .texte {
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding: 10px 25px;
	color: #fff;
}

#cookiesBanner a {
	text-decoration: underline;
}


.scrollable {
	/*height: 500px;*/
}

#cookiesModal .mCSB_scrollTools {
	margin-right: -7px;
}