@charset "utf-8";

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

Application: Galatea webCMS
Screens: Desktop & Mobile
Theme: Lssports.lu
Version: 1.0
Author: Gilles Dumont
Last modified: 20-01-2015


CSS STRUCTURE:

1. GENERAL TYPOGRAPHY
	1.1 Global Reset 
	1.2 General Styles
	1.3 Font Styles

2. HEADER/FOOTER: LOGO & NAVIGATION
	2.1 Header Styles
	2.2 Logo Styles
	2.3 Navigation Main Styles
	2.4 Navigation Mobile Styles
	2.5 Navigation Products Styles
	2.6 Picture Box Styles
	2.7 Navigation mobile
	
3. WRAPPER
	3.1 Grid System 

4. CONTENT
	4.1 Globals

5. FOOTER
	5.1 Footer
		
6. MISCELLANEOUS
	6.1 Debug
	6.2 Skitter
	6.4 BX
	6.5 Reveal Modals
	6.6 JPages
	6.7 Magnific Popup
	6.8 jdGallery

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

/*============================================================================================*/
/* 1. GENERAL */
/*============================================================================================*/
/*----------------------------------------------*/
/* 1.1 Global Reset */
/*----------------------------------------------*/
html, body  
{
	height: 100%;
}
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;outline: 0;font-size: 100%;
}
body 
{
	line-height: 1;
}
ol, ul 
{ 
	list-style: none; 
}
blockquote, q 
{ 
	quotes: none; 
}
blockquote:before, blockquote:after, q:before, q:after 
{ 
	content: ''; 
	content: none;
}
:focus 
{ 
	outline: 0; 
}/* remember to define focus styles! */
del 
{ 
	text-decoration: line-through; 
}
table 
{ 
/*
	border-collapse: collapse; 
	border-spacing: 0; */
}/* tables still need 'cellspacing="0"' in the markup */
.clearElement
{
	clear:both;
}
.clear	
{
	clear:both;
	height:0;
}

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


/*----------------------------------------------*/
/* 1.2 General Styles */
/*----------------------------------------------*/
*
{
	margin:0;
	padding:0;
	/*
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;*/
	font-family: 'Open Sans', sans-serif !important;
	-webkit-tap-highlight-color: transparent;
}
u
{
	text-decoration:none;
}
html,
body
{	
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	background-color:#dadada;
}

@media only screen and (max-width: 1024px) 
{
	html,
	body
	{
		overflow-x:hidden;
	}
}
@media only screen and (max-width: 960px) 
{
	html,
	body
	{
		font-size: 16px;
	}	
}

/*----------------------------------------------*/
/* 1.3 Font Styles */
/*----------------------------------------------*/


/*============================================================================================*/
/* 2. HEADER (LOGO & NAVIGATION) */
/*============================================================================================*/
/*----------------------------------------------*/
/* 2.1 Header Styles */
/*----------------------------------------------*/
#header
{
	position:relative;
	background:url(../images/header.png) repeat-x;
}
#header .inside
{
	max-width:1100px;
	margin:auto;
	position:relative;
	padding:0 20px; 0 60px
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
@media only screen and (max-width: 1024px) 
{
	#header .inside
	{
		width:100%;
		padding: 0 20px;
	}
}
@media only screen and (max-width: 960px) 
{
	#header .inside
	{
		width:100%;
		padding: 0;
	}
}


/*----------------------------------------------*/
/* 2.2 Logo Styles */
/*----------------------------------------------*/
#header .logo
{
	position:relative;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	transition: all 0.1s ease;
	width:236px;
	height:208px;
	padding:0 20px;
	background:url(../images/header-logo.png) no-repeat;
}
#header h1.logo span,
#header h2.logo span,
#header h3.logo span,
#header h4.logo span,
#header h5.logo span,
#header h6.logo span
{
	display:none;
}
@media only screen and (max-width: 1024px) 
{
	padding:0;
}
@media only screen and (max-width: 960px) 
{
	padding:0;
}

/*----------------------------------------------*/
/* 2.3 Navigation Main Styles */
/*----------------------------------------------*/
#navigation-main
{
	position:absolute;
	right:20px;
	bottom:2px;
	-webkit-transition: width 1s ease;  
	-moz-transition: width 1s ease;  
	-o-transition: width 1s ease;  
	transition: width 1s ease; 
}
#navigation-main ul
{
	list-style:none;
	text-align:left;
	font-size:0;
	line-height:0;
}
#navigation-main ul li
{
	list-style:none;
	display:inline-block;
	position:relative;
	border-left:solid 1px #92a382;
	line-height:normal;
	background-color:#fff;
}
#navigation-main ul li.last
{
	border-right:solid 1px #92a382;
}
#navigation-main a
{
	text-decoration:none;
}
#navigation-main span
{
	display:block;
	color:#000;
	padding:7px 15px;
	transition: all 0.1s ease;
	font-size:22px;
	cursor:pointer;
	font-weight:bold;
	font-family: 'Open Sans Condensed', sans-serif !important;
}
#navigation-main li.active span,
#navigation-main li.trail span,
#navigation-main li.active:hover span,
#navigation-main li:hover span,
#navigation-main li.trail:hover span
{
	color:#eb6e1d;
}
#navigation-main ul li ul
{
	display:none;
	position:absolute;
	left:0;
	top:44px;
	text-align:left;
	height:auto;
	z-index:9999;
}
#navigation-main ul li.last ul
{
	left:auto;
	right:0;
}
#navigation-main ul li:hover ul
{
	display:block;
	padding-top:4px;
}
#navigation-main ul li ul li
{
	display:block;
	margin-bottom:2px;
	border-left:solid 0px #92a382;
}
#navigation-main ul li ul li.last
{
	border-right:solid 0px #92a382;
}
#navigation-main li.trail ul li,
#navigation-main ul li.active ul li
{
	border-top:none 0;
}
#navigation-main li.trail ul li span,
#navigation-main ul li ul li span
{
	display:block;
	line-height:normal;
	background-color:#fff;
	white-space:nowrap;
	color:#000 !important;
}
#navigation-main li ul li:hover span,
#navigation-main li ul li.active span
{
	background-color:#eb6e1d;
	color:#fff !important;
}
@media only screen and (max-width: 1100px) 
{
	#navigation-main span
	{
		padding:10px 15px;
		font-size:18px;
	}
}
@media only screen and (max-width: 960px)
{
	#navigation-main span
	{
		padding:10px 7px;
		font-size:16px;
	}
}
@media only screen and (max-width: 960px) 
{
	
}

/*----------------------------------------------*/
/* 2.5 Navigation Products Styles */
/*----------------------------------------------*/
#navigation-products
{
	position:relative;
	-webkit-transition: width 1s ease;  
	-moz-transition: width 1s ease;  
	-o-transition: width 1s ease;  
	transition: width 1s ease; 
}
#navigation-products ul
{
	list-style:none;
	text-align:left;
	font-size:0;
	line-height:0;
}
#navigation-products ul li
{
	list-style:none;
	display:block;
	position:relative;
	line-height:normal;
	background: rgba(24,24,24,0.8);
	margin-bottom:3px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
#navigation-products a
{
	text-decoration:none;
	color:#fff;
}
#navigation-products span
{
	display:block;
	padding:7px 15px;
	transition: all 0.1s ease;
	font-size:22px;
	cursor:pointer;
	font-weight:700;
	font-family: 'Open Sans Condensed', sans-serif !important;
	text-transform:uppercase;
}
#navigation-products > ul.level_1 > li.submenu span
{
	background:url(../images/navigation-products-submenu.png) no-repeat right 10px center;
}
#navigation-products > ul > li.active,
#navigation-products > ul > li.trail,
#navigation-products > ul > li.active:hover,
#navigation-products > ul > li:hover,
#navigation-products > ul > li.trail:hover
{
	background-color:#eb6e1d;
	color:#fff;
}
#navigation-products > ul.level_1 > li.active.submenu span,
#navigation-products > ul.level_1 > li.trail.submenu span,
#navigation-products > ul.level_1 > li.active.submenu:hover span,
#navigation-products > ul.level_1 > li.submenu:hover span,
#navigation-products > ul.level_1 > li.trail.submenu:hover span
{
		background:url(../images/navigation-products-submenu-hover.png) no-repeat right 10px center;
}
#navigation-products ul.level_1 > li.active.submenu ul.level_2 li span,
#navigation-products ul.level_1 > li.trail.submenu ul.level_2 li span
{
		background:none;
}
#navigation-products ul.level_2 > li span.active,
#navigation-products ul.level_2 > li a:hover
{
		background:none;
		color:#eb6e1d;
}
#navigation-products ul li ul
{
	display:none;
	list-style:none;
	position:relative;
	line-height:normal;
	background:none;
	padding:3px 0;
}
#navigation-products ul li ul li ul
{
	padding:3px 0 0;
}
#navigation-products ul li.trail ul,
#navigation-products ul li.active ul
{
	display:block;
	background-color:#000;
	list-style:square;
	color:#fff;
}
#navigation-products ul li.trail ul li,
#navigation-products ul li.active ul li
{
	display:block;
	margin-top:0px;
	list-style:square;
}
#navigation-products ul li ul li
{
	padding-left:35px;
	color:#fff;
}
#navigation-products ul li ul li span
{
	list-style-type:square !important;
	padding:2px 15px 2px 0;
	text-transform:none;
	display:list-item !important;
	font-weight:normal;
	font-size:14px;
	font-family: 'Open Sans', sans-serif !important;
}
#navigation-products ul li ul li ul li
{
	padding-left:20px;
}
@media only screen and (max-width: 1024px)
{
	#navigation-products span
	{
		font-size:18px;
	}
}

/*----------------------------------------------*/
/* 2.6 Navigation Mobile Styles */
/*----------------------------------------------*/
#navigation-mobile
{
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	border-bottom:solid 0px #fff;
	padding:0;
	width:0;
	background: rgba(24,24,24,0.9);
	z-index:99999;
	overflow:hidden;
	-webkit-transition: width 1s ease;  
	-moz-transition: width 1s ease;  
	-o-transition: width 1s ease;  
	transition: width 1s ease; 
	-webkit-box-shadow: 0 0 30px 0 #000;
	box-shadow: 0 0 30px 0 #000;
	overflow:auto;
	border-top:solid 13px #eb6e1d;
}	
#navigation-mobile ul
{
	position:relative;
	padding:10px;
}
#navigation-mobile ul li
{
	display:block;
	text-align:left;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	position:relative;
}
#navigation-mobile ul li ul
{
	display:block;
	padding-top:0;
	padding-bottom:0;
	color:#fff;
	list-style:square;
}
#navigation-mobile ul li ul li,
#navigation-mobile ul li ul li.last
{
	background-image:none;
	color:#fff;
}
#navigation-mobile ul li a
{
	text-decoration:none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	display:block;
	-webkit-tap-highlight-color: transparent;
}
#navigation-mobile ul li span
{
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#fff;
	margin:10px;
	display:block;
	font-size:18px;
	padding:2px;
}
#navigation-mobile ul li span.active,
#navigation-mobile ul li span:hover
{
	background-color:#eb6e1d;
}
#navigation-mobile ul li ul li
{
	padding-left:0px;
	display:block;
	list-style:square;
	color:#fff;
	padding-left:35px;
}
#navigation-mobile ul li ul li span
{
	list-style-type:square !important;
	text-transform:none;
	display:list-item !important;
}
#navigation-mobile ul li ul li ul li span
{
	font-weight:normal;
}
#navigation-mobile.slide
{
	width:85%;
}

/*----------------------------------------------*/
/* 2.7 Language selector */
/*----------------------------------------------*/
#language-selector
{
	position:absolute;
	/*width:162px;*/
	height:44px;
	right:20px;
	top:100px;
	z-index:99900;
}
#language-selector ul
{
	position:relative;
	width:140px;
	padding:0;
	margin:0;
	height:0;
	overflow:hidden;
	background: rgba(0,0,0,0.8);
	background:url(../images/language-selector-bullet.png) no-repeat right top 18px #000;
	padding-top:44px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*background: rgba(0,0,0,0.8);*/
}
#language-selector ul li
{
	/*padding:5px 10px;*/
	line-height:44px;
	text-align:right;
	padding-right:5px;
}
#language-selector ul:hover
{
	height:132px;
}
#language-selector ul li span
{
	display:inline-block;
	font-size:13px;
	color:#fff;
	font-style:italic;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#language-selector ul li.active span,
#language-selector ul li:hover span
{
	color:#838383;
	font-style:normal;
	cursor:pointer;
}
#language-selector ul li a
{
	display:block;
}
/*
#language-selector ul:hover li,
#language-selector ul li.active
{
	display:block;
}
*/
#language-selector ul li.active
{
	position:absolute;
	top:0px;
	display:block;
	left:0;
	right:0;
}
#language-selector .lang-icon
{
	float:right;
	width:14px;
	height:11px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0;
	margin:16px 10px 0px;
}
/*
#language-selector span.actif .lang-name,
#language-selector a .lang-name
{
	float:left;
	width:100px;
}
*/
#language-selector span.actif abbr,
#language-selector abbr
{
	display:none;
}
#language-selector a
{
	font-weight:normal;
	text-decoration:none;
}
#language-selector .lang-code-de .lang-icon,
#language-selector .lang-code-en .lang-icon,
#language-selector .lang-code-nl .lang-icon,
#language-selector .lang-code-fr .lang-icon
{
	background:url(../images/flags.png);
}
#language-selector .lang-code-de .lang-icon
{
	background-position:left;
}
#language-selector .lang-code-nl .lang-icon
{
	background-position:-42px;
}
#language-selector .lang-code-fr .lang-icon
{
	background-position:-14px;
}
#language-selector .lang-code-en .lang-icon
{
	background-position:-28px;
}

@media only screen and (max-width: 1140px) 
{
	#language-selector
	{
		padding-right:20px;
		/*background-color:#393939;*/
	}
}


/*----------------------------------------------*/
/* 2.8 Slide Mobile Navigation Styles */
/*----------------------------------------------*/
#navigation-menu
{
	text-align:center;
	position:absolute;
	right:0;
	bottom:0px;
}
#slideMobileNavigation
{
	text-decoration:none;
}
#slideMobileNavigation:hover span,
#slideMobileNavigation.toggle span
{
	color:#eb6e1d;
}
#slideMobileNavigation:hover span,
#slideMobileNavigation.toggle span
{
	background:url(../images/btn-navigation-mobile-toggle.png) no-repeat center right 20px;
}
#slideMobileNavigation span
{
	background:url(../images/btn-navigation-mobile.png) no-repeat center right 20px;
	display:block;
	padding:15px 50px 15px 35px;
	color:#000;
	display:block;
	transition: all 0.1s ease;
	font-size:20px;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:700;
	font-family: 'Open Sans Condensed', sans-serif !important;
	text-decoration:none;
}

/*============================================================================================*/
/* 3. WRAPPER */
/*============================================================================================*/
/*----------------------------------------------*/
/* 3.1 Wrapper Styles */
/*----------------------------------------------*/
#wrapper
{

}
#container_wrapper
{
	background:url(../images/container_wrapper.jpg) no-repeat top;
	background-size:cover;

}
#container
{
	max-width:1100px;
	position:relative;
	margin:auto;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:35px 20px 0px;
}
#wrapper p
{
	padding:3px 0;
}
#wrapper .ce-text p
{
	padding:3px 0 15px;
}

@media only screen and (min-width: 1025px) 
{
	#container_wrapper
	{
		min-height:600px;
	}
}
@media only screen and (max-width: 1024px) 
{
	#container
	{
		width:100%;
		padding:0 20px;
	}
}
@media only screen and (max-width: 960px) 
{
	
}


/*============================================================================================*/
/* 4. CONTENT */
/*============================================================================================*/
/*----------------------------------------------*/
/* 4.1 Globals */
/*----------------------------------------------*/
/********* grids and spacing **********/
#content-left
{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	padding:25px 0;
	float:left;
	width:25%;
	overflow:hidden;
}
#content-top
{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	padding:25px 0 0;
	float:right;
	width:75%;
	padding-left:25px;
	overflow:hidden;
}
#content
{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	padding:0 0 0;
	float:right;
	width:75%;
	padding-left:25px;
	overflow:hidden;
}
#content-top .article
{
	padding:0;
	margin:0;
	background-color:transparent;
}
@media only screen and (max-width: 960px)
{
	#content
	{
		padding:0 0 25px;
		float:none;
		width:100%;
		padding-left:0;
	}
	#content-top
	{
		padding:25px 0 0;
		float:none;
		width:100%;
		padding-left:0;
	}
}


.sdb-product-detail-item,
.article
{
	background-color:#fff;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:15px 15px;
	position:relative;
	margin:0 0 30px;
}

.article.alternate
{
	background-color:transparent;
	padding:0;
	margin:0 0 30px;
	border:solid 0px #e5e5e7;
}

.article.special-background
{
	background-image: url('../images/special-background.png');
	background-size: cover;
}

#content .article:last-child
{
	margin:0;
}
@media only screen and (max-width: 1024px) 
{

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

}



/********* defaults **********/
.article p
{
	padding:5px 0;
	line-height:22px;
}
.article .orange
{
	color:#eb6e1d;
}
.article + .article
{
   /* padding-top:15px;*/
}
.article a
{
	color:#008bc7;
	text-decoration:none;
}
.article a.button
{
	padding:5px 10px;
	background-color:#008bc7;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
}
.article .ce-text ul
{
	list-style:square;
	padding:10px 0 10px 20px;
}
.article .ce-text ul li
{
	list-style:square;
	padding-left:5px;
}
.article h1
{
	color:#eb6e1d;
	text-transform:uppercase;
	font-size:22px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight:bold;
	padding:0 0 15px;
	display:block;
}
h1.pageHeader,
h1.sdbHeader
{
	color:#fff;
	background-color:#eb6e1d;
	text-transform:uppercase;
	font-size:22px;
	padding:10px 15px;
	margin-bottom:20px;
	font-family: 'Open Sans Condensed', sans-serif !important;
}
h1.pageHeader span
{
	font-family: 'Open Sans Condensed', sans-serif !important;
}
.disablePageHeader h1.pageHeader
{
	display:none;
}
.article h2
{
	color:#eb6e1d;
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif !important;
	padding:0 0 15px;
	display:block;
	font-size:22px;
}
.article h3
{
	color:#eb6e1d;
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif !important;
	padding:0 0 15px;
	display:block;
	font-size:20px;
	line-height:normal;
	margin:0;
}
.article h4
{
	color:#eb6e1d;
	font-weight:bold;
	text-transform:none;
	font-family: 'Open Sans Condensed', sans-serif !important;
	padding:0 0 15px;
	display:block;
	font-size:20px;
	line-height:normal;
	margin:0;
}
.article h5
{
	color:#eb6e1d;
	font-weight:bold;
	text-transform:none;
	font-family: 'Open Sans Condensed', sans-serif !important;
	padding:0 0 0px;
	display:block;
	font-size:20px;
	line-height:normal;
	margin:0;
}
.article h6
{
	color:#eb6e1d;
	font-weight:bold;
	text-transform:none;
	font-family: 'Open Sans Condensed', sans-serif !important;
	padding:0 0 25px;
	display:block;
	font-size:20px;
	line-height:normal;
	margin:0;
}
@media only screen and (max-width: 960px) 
{	
	/*
	.container_skitter
	{
		width:auto;
		height:50%;
	}
	.box_skitter
	{
		width:auto;
		height:50%;
	}*/
}

/*table-alternate*/
.table-alternate
{
	width:100%;
}
.table-alternate td
{
	width:50%;
	background:#eff7fa;
	padding:5px;
}
.table-alternate th
{
	width:50%;
	background-color:#7fc4e3;
	padding:5px;
	font-weight:bold;
	color:#fff;
}

/*****************/
/*ce-text
/*****************/
.ce-image-slideshow
{
	padding-bottom:25px;
}
.ce-image-slideshow  img
{
	max-width:100%;
	height:auto;
}

/*****************/
/*ce-text
/*****************/
.article .ce-text  img
{
	max-width:100%;
	height:auto;
}
.article .ce-text  table
{
	width:100% !important;
	vertical-align: top;
}
@media \0screen {
  .article .ce-text  img { 
  	width: auto; /* for ie 8 */
  }
}

/*****************/
/*ce-google-map
/*****************/
#content-top .article .ce-google-map
{
	padding-bottom:25px;
	width:100%;
}


/*****************/
/*ce-image
/*****************/
.article .ce-image
{
	position:relative;
	overflow:hidden;
	padding-bottom:20px;
}
#content-top .article .ce-image
{
	padding-bottom:25px;
}
.article .ce-image img
{
	max-width:100%;
}
.article .ce-image h1,
.article .ce-image h2,
.article .ce-image h3,
.article .ce-image h4,
.article .ce-image h5,
.article .ce-image h6
{
	position:absolute;
	top:30px;
	left:20px;
	color:#fff;
	font-size:24px;
}
@media only screen and (max-width: 1024px) 
{
	
}
@media only screen and (max-width: 960px) 
{
	.article .ce-image h1,
	.article .ce-image h2,
	.article .ce-image h3,
	.article .ce-image h4,
	.article .ce-image h5,
	.article .ce-image h6
	{
		top:10px;
		font-size:20px;
	}
}

/*********************/
/*simpledb news-events
/*********************/
.list-news li
{
	background-color:#fff;
	margin-bottom:20px;
}
.list-news .image-container
{
	display: inline-block;
	width: 24%;
	height: auto;
	padding: 0px;
	margin: 0px 2% 0px 0px;
	overflow: hidden;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:top;
}
.list-news .image-container img
{
	max-width:100%;
	height:auto;
}
.list-news .teaser-container
{
	display: inline-block;
	width: 73%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:top;
	padding:10px;
}
.list-news .teaser-text
{
}
.list-news h3,
.news-detail h1
{
	font-size:20px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	text-transform:uppercase;
	padding:0;
	font-weight:bold;
}
.list-news .teaser
{
	padding:15px 0 0;
}
.list-news .teaser
{
	color:#000;
}
.list-news .datum,
.news-detail .datum
{
	background: rgba(24,24,24,0.8);
	color:#fff;
	padding:0px 5px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-size:16px;
}
.list-news .kategorie,
.news-detail .kategorie
{
	background-color:#92a382;
	color:#fff;
	padding:0px 5px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-size:16px;
}
.news-detail .text-ct
{
	padding:20px 0;
}
/*
.news-detail .back-link
{
	padding-top:20px;
}
.news-detail .back-link a
{
	background-color:#e7f3fb;
	padding:5px 10px;
}*/

@media only screen and (max-width: 1024px) 
{
	.list-news .image-container
	{
		width: 100%;
		margin: 0px;
		display:none;
	}
	.list-news .teaser-container
	{
		padding-top:20px;
		width: 100%;
	}
}
@media only screen and (max-width: 960px) 
{
	/*
	.list-news .image-container
	{
		width: 100%;
		margin: 0px;
		display:none;
	}
	.list-news .teaser-container
	{
		padding-top:20px;
		width: 100%;
	}*/
}

/*****************/
/*simpledb links
/*****************/
ul.list-group 
{
	font-size:0; 
	line-height: 0px;
}
.list-group .list-count
{
	display:none;
}
.list-item-sub-count
{
	display:none;
}
.list-group li
{
	display:inline-block;
	vertical-align:top;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin:0;
	width:50%;
	padding-bottom:20px;
}
.list-group li:nth-child(odd)
{
	padding-right:10px;
}
.list-group li:nth-child(even) 
{
	padding-left:10px;
}
.list-group section
{
	background-color:#FFF;
	font-size:16px;
	line-height:22px;
	position:relative;
}
.list-group section img
{
	max-width:100%;
}
.list-group section .content
{
	padding:15px;
}
.list-group section .content span
{
	display:block;
	padding-bottom:20px;
}
.list-group section .content span.appendix
{
	display:inline-block;
}
.outlet-price,
.reduced-price,
.price
{
	color:#92a382;
	font-size:35px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight:bold;
	padding:10px 0 30px;
	display:inline-block;
}
.strokePrice
{
	position: relative;
	font-size:20px;
	margin-right:10px;
	font-weight:normal;
	padding-bottom:0;
}
.strokePrice:before
{
	position: absolute;
	content: "";
	left: 0;
	top: 65%;
	right: 0;
	border-top: 1px solid #92a382;
	border-color: inherit;
	-webkit-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
	-o-transform:rotate(-10deg);
	transform:rotate(-10deg);
}
.discount
{
	position:absolute;
	right:0;
	top:0;
	display:inline-block;
	color:#92a382;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight:bold;
	font-size:35px;
	display:inline-block;
    padding: 5px;
	color:#fff;
	margin:0px 0px 0 10px;
	vertical-align:top;
	width:149px;
	height:110px;
	background:url(../images/discount.png) no-repeat right top;
}
.discount span
{
	display:inline-block;
	-webkit-transform:rotate(-30deg);
	-moz-transform:rotate(-25deg);
	-ms-transform:rotate(-25deg);
	-o-transform:rotate(-25deg);
	transform:rotate(-25deg);
	padding-top:32px;
}
.sdb-product-detail-item .discount
{
	right:10px;
	top:10px;
}
.list-group section .content .model
{
	height:90px;
}
.list-group section .content a.more-link
{
	display:block;
	background:url(../images/more-link.png) no-repeat left #3a3a3a;
	line-height:40px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight:bold;
	font-size:20px;
	color:#fff;
	text-align:center;
	padding-left:40px;
	text-transform:uppercase;
}
.list-group section .content a.more-link:hover
{
	background:url(../images/more-link.png) no-repeat left #eb6e1d;
}

@media only screen and (max-width: 480px) 
{
	.list-group li
	{
		display:inline-block;
		vertical-align:top;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		margin:0;
		width:100%;
		padding-bottom:20px;
	}
	.list-group li:nth-child(odd)
	{
		padding-right:0;
	}
	.list-group li:nth-child(even) 
	{
		padding-left:0;
	}
}

/************************/
/*sdb-product-detail-item
/************************/
.sdb-product-detail-item
{
	overflow:hidden;
}
.price-container
{
	text-align:right;
}
.responsiveImage
{
	max-width:100%;
	padding-bottom:20px;
}
div.back-link
{
	padding-top:20px;
}
a.back-link
{
	display:block;
	background:url(../images/back-link.png) no-repeat left #3a3a3a;
	line-height:40px;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight:bold;
	font-size:20px;
	color:#fff;
	text-align:center;
	padding-left:40px;
	text-transform:uppercase;
}
a.back-link:hover
{
	background:url(../images/back-link.png) no-repeat left #eb6e1d;
}
.sdb-product-detail-item .description table
{
		width:100% !important;
}
.sdb-product-detail-item .description table td
{
		padding:2px 0;
}
.sdb-product-detail-item .description table td:nth-child(odd)
{
		width:40%;
		font-weight:bold;
}
.sdb-product-detail-item .description table td:nth-child(even)
{
		width:60%;
}

/*****************/
/*simpledb links
/*****************/
.list-links
{
	font-size:0;
	line-height:0;
}
.list-links li
{
	display:inline-block;
	width:50% !important;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	padding-bottom:20px;
}
.list-links li:nth-child(odd)
{
	padding-right:10px;
}
.list-links li:nth-child(even) 
{
	padding-left:10px;
}
.list-links li img
{
	width:100%;
	height:auto;
}
.list-links li a
{
	position:relative;
}
.list-links span
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display:block;
	background: rgba(24,24,24,0.8);
	z-index:999;
	color:#fff;
	padding:20px 15px;
	text-transform:uppercase;
	font-size:22px;
	cursor:pointer;
	font-weight:700;
	font-family: 'Open Sans Condensed', sans-serif !important;
}
@media only screen and (max-width: 1024px) 
{

}
@media only screen and (min-width: 481px) and (max-width: 960px) 
{
	.list-links
	{
		width:100% !important;
		height:auto !important;
	}
	.list-links li
	{
		float:none !important;
		width:49% !important;
		margin-bottom:15px !important;
	}
	.list-links li:nth-child(odd)
	{
		margin-right:1% !important;
	}
	.list-links li:nth-child(even) 
	{
		margin-left:1% !important;
	}
	.list-links span
	{
		font-size:15px;
	}
}
@media only screen and (max-width: 480px) 
{
	.list-links
	{
		width:100% !important;
		height:auto !important;
	}
	.list-links li
	{
		float:none !important;
		width:100% !important;
		margin-bottom:15px !important;
		padding-right:0 !important;
		padding-left:0 !important;
	}
	.list-links span
	{
		font-size:15px;
	}
}

/*******/
/*forms*/
/*******/
.article .ce-contact-form
{
	width:100%;
	padding:0 0 35px;
}
.article .widget-container
{
	clear:both;
	margin-bottom: 0px;
}
.article .wc-captchafield
{
	height:80px;
}

.article .widget-container h3
{
	margin:0;
	padding:10px 0 5px;
	width:100%;
	clear:left;
}
.article .wc-captchafield h3 label,
.article .wc-captchafield label,
.article .widget-container label,
.article .widget-container h3 label
{
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	color:#000;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	font-size:15px;
	text-transform:none !important;
}
input
{
	/*height: 27px;*/
	border: 1px solid #dddcdc;
	outline:none;
	font-size:15px;
	font-weight:normal;
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;   
	line-height: 1.1em;
	padding: 5px 5px;
}
select
{
	/*height: 27px;*/
	border: 1px solid #dddcdc;
	outline:none;
	font-size:15px;
	font-weight:normal;
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;   
	line-height: 1.1em;
	padding: 4px 5px;
}
.article input.ctrl-filefield
{
	border:none;
}
.article textarea
{
	outline:none;
	color:#000;
	height:150px;
	border: 1px solid #dddcdc;
	width:100%; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
	line-height: 1.1em;
	padding: 15px 5px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.article input[type="checkbox"]
{
	width:auto;
}
.article p.blank-tip
{
	display:none;
}
.article .checkbox input
{
}
.article .form-submit
{
	padding-top:15px;	
}
.article .submit input,
.article input[type="submit"]
{
	display: inline-block;
	padding: 10px 10px 10px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0px solid #f08925;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#00a4d6;
	color:#fff;
}
.article .ce-contact-form div.submit .widget-container
{
	padding-top:20px;
}
.article .submit input
{
	background-color:#008ecb;
	color:#fff;
	background-image:none;
	font-weight:normal;
}
/*
.article .submit input:hover,
.article input[type="submit"]:hover
{
	background-color:#162765;
	color:#fff;
	border: 0px solid #36acf7;
}*/
.article .ce-contact-form .ctrl-captchafield
{
	clear:left;
	height:48px;
	width:162px;
}
.article .ce-contact-form .checkbox-container input,
.article .radiobuttons-container input
{
	float:none;
	clear:both;
	width:25px;
	margin:0;
	padding:0;
	display:inline;
	line-height:auto;
	height:auto;
	
}
.article .widget-container select.ctrl-multiselectfield,
.article .widget-container select.ctrl-selectfield
{
	width:100%;
	font-size: 15px;
	padding: 10px 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border: 1px solid #dddcdc;
	/*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*/
	/*padding: 0px 5px;*/
	/*height: 30px;*/
}
.article .ce-contact-form .checkbox-container label,
.article .radiobuttons-container label
{
	float:none;
	clear:both;
	margin:0;
	padding:0;
	display:inline;
	line-height:auto;
	height:auto;
}
/*overwrite fe_default*/
input
{
	float:none;
}
.validation-message
{
	display:none;

}
.validation-error input,
.validation-error textarea
{
	/*color:#000;
	background-color:#ffd6d6;
	border:solid 1px #ffd6d6;*/
	background:url(../images/ico-warning.png) 5px center no-repeat #FFF;
	padding-left:40px;
}
.article .ce-contact-form span.mandatory
{
	color:#b4cb1f;
	padding:0 5px;
}
.article .ce-contact-form .title h3 label
{
	margin-top:20px;
	font-family: 'Open Sans', sans-serif;
	color: #008bc7;
	font-size: 16px !important;
	/* font-weight: bold; */
	padding: 20px 0 15px;
	line-height: 20px;
	text-transform: uppercase;
	border-bottom: 5px #008bc7 solid;
	margin-bottom: 15px;
	display: block;
}
.article .ce-contact-form .note h3 label
{
	text-transform:none;
	font-weight:bold;
}
.article .ce-contact-form .global-validation-err
{
	color:#b4cb1f;
	margin:10px 0 0 0;
	padding:10px 5px;
	border:1px solid #b4cb1f;
}
.article .ce-contact-form .validation-error h3 label
{
	color:#b4cb1f !important;
}
.article .help-tip
{
	display:none;
}

/*Kataloge*/
.list-group.kataloge li
{
	padding-bottom:10px;
}
.kataloge input
{
	margin: 20px 10px 10px 0;
}
.ce-contact-form .heading h3 label
{
	font-family: 'Open Sans', sans-serif !important;
	color:#162765 !important;
	font-size:20px !important;
	font-weight:bold !important;
	padding:30px 0 15px !important;
	line-height:20px !important;
	display:block !important;
	border-bottom:5px #f2f2f2 solid;
	margin-bottom:15px;
	width:100% !important;
	text-transform:uppercase;
}

/*overwrite datepicker*/
.ui-widget-header .ui-icon {
	background-image: url(../images/jquery-ui-icons.png);
}
.ui-datepicker .ui-datepicker-next span {
	display: none;
	position: absolute;
	right: 5px;
	margin-left: -8px;
	top: 5px;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-prev span
{
	display: none;
	position: absolute;
	left: 5px;
	margin-left: -8px;
	top: 5px;
	margin-top: -8px;
}
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	cursor: pointer;
}
.ui-datepicker
{
	padding:0;
	display:none;
	-webkit-box-shadow: 10px 10px 20px 0px rgba(54,54,54,0.5);
	-moz-box-shadow: 10px 10px 20px 0px rgba(54,54,54,0.5);
	box-shadow: 10px 10px 20px 0px rgba(54,54,54,0.5);
}
.ui-widget {
	/*font-family: tahoma,arial,sans-serif;*/
	font-size: 12px;
}
.ui-widget-content {
	border:1px solid #fff;
	background:#fff;
	color:#333;
}
.ui-widget-header {
	border: 1px solid #fff;
	background: #008bc7;
	color: #fff;
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-title {
	line-height: 1.8em;
	text-align: center;
	/*font-family: 'Trebuchet MS',tahoma,arial,sans-serif;*/
	text-transform: uppercase;
	font-size: 14px;
}
.ui-widget-header {
	color: #155B91;
	font-weight: bold;
}
.ui-datepicker-multi .ui-datepicker-group table 
{
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker table {
	font-size: .9em;
	border-collapse: collapse;
	display: table;
	border:none 0px;
	/*border-collapse: separate;
	border-spacing: 2px;
	border-color: gray;*/
	margin: 0;
}
.ui-datepicker th {
	text-align: center;
	font-weight: bold;
	color: #666;
	font-size: 11px;
}
.ui-datepicker table tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
.ui-datepicker td {
	border: 0;
	padding: 0px;
	margin:0;
	width: 24px;
	line-height: 24px;
	border: 1px solid #E6E6E6;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	text-align: center;
	text-decoration: none;
}
.ui-state-disabled.ui-datepicker-unselectable span {
	background: white;
	color: #888;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 0;
	background: #F3F3F3;
	font-weight: normal;
	color: #0065BD;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 0;
	background: #fff;
	font-weight: normal;
	color: black;
	font-style:italic;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
{
	-moz-border-radius-topleft: 0px; 
	-webkit-border-top-left-radius: 0px; 
	-khtml-border-top-left-radius: 0px; 
	border-top-left-radius: 0px; 
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
{ 
	-moz-border-radius-topright: 0px; 
	-webkit-border-top-right-radius: 0px; 
	-khtml-border-top-right-radius: 0px; 
	border-top-right-radius: 0px; 
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
{ 
	-moz-border-radius-bottomleft: 0px; 
	-webkit-border-bottom-left-radius: 0px;
	-khtml-border-bottom-left-radius: 0px; 
	border-bottom-left-radius: 0px; 
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-khtml-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/*Magnify*/
.image-ct a.magnify
{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:block;
	transition: background-color 1s ease;
	z-index: 999;
}
.image-ct a.magnify:hover
{
	background:url(../images/ico-zoom.png) no-repeat center center #162765;
	opacity: 0.7;
}

/********************************/
/*news & detail*/
/*******************************/
.news h2
{
	font-family: 'Open Sans', sans-serif;
	color: #bcbe00;
	font-size: 25px;
	font-weight: bold;
	padding: 5px 0 15px;
}
.news .teaser
{
	padding:10px 0;
}
.news .date-ct
{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #b5b5b5;
}
.news .teaser
{
	font-size: 16px;
	color: #002350;
}
.news a
{
	text-align:right;
	font-size:14px;
}
.news-detail h2
{
	font-family: 'Open Sans', sans-serif;
	color: #162765;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0 15px;
	line-height: 20px;
	text-transform: uppercase;
	border-bottom: 5px #f2f2f2 solid;
	margin-bottom: 15px;
}
.news-detail h2 .date
{
	color:#bcbe00;
	padding-right:10px;
}
.news-detail .text-ct h1,
.news-detail .text-ct h2,
.news-detail .text-ct h3,
.news-detail .text-ct h4,
.news-detail .text-ct h5,
.news-detail .text-ct h6
{
	font-family: 'Open Sans', sans-serif;
	color: #162765;
	font-size: 20px;
	font-weight: bold;
	border-bottom:none;
	text-transform:none;
	padding: 20px 0 5px;
}
.news-detail ul
{
	padding:0 0 20px 20px;
}
.news-detail ul li
{
	list-style:square;
}

/********************************/
/*picta*/
/*******************************/
.ce-picta-album-reader
{
	font-size:0;
}
.ce-picta-album-list h2
{
	font-family: 'Open Sans', sans-serif;
	color: #162765;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0 15px;
	line-height: 20px;
	text-transform: uppercase;
	border-bottom: 5px #f2f2f2 solid;
	margin-bottom: 15px;
}
.ce-picta-album-list h3
{
	font-family: 'Open Sans', sans-serif;
	color: #bcbe00;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 15px;
	/* line-height: 25px; */
}
.ce-picta-album-reader h2
{
	font-family: 'Open Sans', sans-serif;
	color: #bcbe00;
	font-size: 40px;
	font-weight: bold;
	padding: 20px 0 35px;
	line-height: 40px;
}
.album-image
{
	display:inline-block;
	vertical-align:top;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin:0;
	width:25%;
	padding-right:45px;
	padding-bottom:60px;
}
.album-image a
{
	overflow:hidden;
	width:100%;
	display:block;
	border-top: solid 5px #bcbe00;
}
.album-image a:hover
{
	border-top: solid 5px #162765;
}
.album-image img
{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	max-width: 100%;
	height: auto;
}
.album-image a:hover img
{
	/* Webkit for Chrome and Safari */
	-webkit-transform: scale(1.2, 1.2); // This is the enlarged size scale of the image.
	-webkit-transition-duration: 500ms;
	-webkit-transition-timing-function: ease-out;
	
	/* Webkit for Mozila Firefox */
	-moz-transform: scale(1.2, 1.2);
	-moz-transition-duration: 500ms;
	-moz-transition-timing-function: ease-out;
	
	/* Webkit for IE( Version: 11, 10 ) */
	-ms-transform: scale(1.20, 1.20);
	-ms-transition-duration: 500ms;
	-ms-transition-timing-function: ease-out;
}
@media only screen and (min-width: 971px) and (max-width: 1100px)
{
	.album-image
	{
		width:33%;
	}
	.ce-picta-album-list .list-group li
	{
		width:33%;
	}
}
@media only screen and (min-width: 641px) and (max-width: 970px)
{
	.album-image
	{
		width:50%;
	}
	.ce-picta-album-list .list-group li
	{
		width:50%;
	}
}
@media only screen and (max-width: 640px)
{
	.album-image
	{
		width:100%;
		padding-right:25px;
	}
	.ce-picta-album-list .list-group li
	{
		width:100%;
		padding-right:0;
	}
}


/*============================================================================================*/
/* 5. FOOTER */
/*============================================================================================*/
/*----------------------------------------------*/
/* 5.1 Footer  */
/*----------------------------------------------*/
#footer
{
	/*background-color:#89878b;*/
}
#footer .inside
{
	max-width:1100px;
	margin:auto;
	position:relative;
	padding:20px 20px 20px 60px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:100px;
}
@media only screen and (max-width: 1024px) 
{
	#footer
	{
		display:none;
	}
}
@media only screen and (max-width: 960px) 
{

}

#navigation-bottom
{	
	display:block;
	position:absolute;
	right:10px;
	top:30px;
}
#navigation-bottom ul
{
	text-align:center;
	margin:auto;
	font-size:0;
	padding:0;
	margin:0;
}
#navigation-bottom li
{	
	display:inline-block;
	position:relative;
}
#navigation-bottom li.last
{	
	background:none;
}
#navigation-bottom:hover li
{	

}
#navigation-bottom li a
{	
	text-decoration:none;
}
#navigation-bottom li span
{	
	display:block;
	padding:0px 15px 0px 16px;
	font-size:14px;
	font-weight:normal;
	color:#000;
	text-transform:uppercase;
}
#navigation-bottom li.trail span,
#navigation-bottom li:hover span,
#navigation-bottom li.active span
{	
	color:#eb6e1d;
}
#navigation-bottom li ul
{	
	display:none;
}
@media only screen and (max-width: 970px)
{

}

/*============================================================================================*/
/* 6. MISCELLANEOUS */
/*============================================================================================*/
/*----------------------------------------------*/
/* 6.1 Debug  */
/*----------------------------------------------*/
.debug
{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	/*height:50px;*/
	background:#dfdfdf;
	height:25px;
	overflow:hidden;
	border-top:solid 2px #000;
	padding:5px 0 0;
	max-height:95%;
	overflow:scroll;
	overflow-x:hidden;
}
.debug:hover
{
	height:auto !important;
	/*overflow:hidden;*/
	cursor:pointer;
}
.debug pre
{
	padding:5px 10px 20px;
	white-space:normal;
	background-color:#FFF;
	color:#505050;
}

/*----------------------------------------------*/
/* 6.2 Skitter  */
/*----------------------------------------------*/
.box_skitter {
	width: auto;
	height: 300px;
	background: #fff;
}
.loading 
{
	background:none;
}

/*----------------------------------------------*/
/* 6.4 BX   */
/*----------------------------------------------*/
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	width: 100%;
	height:auto;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*left: -5px;*/
	background: #fff !important;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background:url(../images/loading-image-ct.gif) no-repeat center center #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #008bc8;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #008bc8;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left:0;
	background:url(../images/bxslider/arrow-left.png) no-repeat left center;
}
.alternate .bx-wrapper .bx-prev 
{
	left:-29px !important;
	background:url(../images/bxslider/arrow-left-alternate.png) no-repeat left center;
}
.alternate .ce-ult24-travel-detail .bx-wrapper .bx-prev  {
	display:none;
}

.bx-wrapper .bx-next {
	right:0;
	background:url(../images/bxslider/arrow-right.png) no-repeat right center;
}
.alternate .bx-wrapper .bx-next 
{
	background:url(../images/bxslider/arrow-right-alternate.png) no-repeat right center;
	right:-29px !important;
}

.bx-wrapper .bx-prev:hover {
	/*background:url(../images/bxslider/arrow-left-hover.png) no-repeat left center;*/
}

.bx-wrapper .bx-next:hover {
	/*background:url(../images/bxslider/arrow-right-hover.png) no-repeat right center;*/
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 20px;
	bottom:0;
	/*margin-top: -16px;*/
	outline: 0;
	width: 32px;
	/*height: 32px;*/
	text-indent: -9999px;
	z-index: 9999;
}
.alternate .bx-wrapper .bx-controls-direction a {
	width: 14px;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
@media only screen and (max-width: 1024px) 
{

}
@media only screen and (max-width: 960px) 
{
	#skyscraper .bx-wrapper .bx-controls-direction
	{
		display:none;
	}
	.disable-slider-mobile .bx-wrapper .bx-controls-direction
	{
		display:none;
	}
	.disable-slider-mobile .bx-wrapper .bx-viewport
	{
		width:100% !important;
		height:auto !important;
		background-color: #fff !important;
	}
	.disable-slider-mobile .bx-wrapper .bx-clone
	{
		float:none !important;
		display:none;
	}
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/bxslider/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/bxslider/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/*----------------------------------------------*/
/* 6.5 Reveal Modals
/*----------------------------------------------*/		
.reveal-modal-bg
{ 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 99990;
	display: none;
	top: 0;
	left: 0; 
}
.reveal-modal
{
	visibility: hidden;
	top: 25px; 
	left: 50%;
	margin-left: -280px;
	margin-top:0px;
	width: 500px !important;
	background: #fff;
	position: absolute;
	padding: 20px;
	background: #fff;
	z-index: 100000;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	color:#000;
}
.reveal-modal img
{
	width:100%;
	height:auto;
}
@media only screen and (max-width: 1024px) 
{

}
@media only screen and (max-width: 960px) 
{
	.reveal-modal
	{
		margin-left: -180px;
		width: 320px;
	}
	.reveal-modal img
	{
		width:100%;
		height:auto;
	}
}
.reveal-modal p
{
	text-align:justify;
}
.reveal-modal.small
{
	width: 200px;
	margin-left: -140px;
}
.reveal-modal.medium
{
	width: 400px;
	margin-left: -240px;
}
.reveal-modal.large
{
	width: 600px;
	margin-left: -340px;
}
.reveal-modal.xlarge
{
	width: 800px;
	margin-left: -440px;
}
.reveal-modal .close-reveal-modal
{
	position: absolute;
	bottom: 10px;
	left:20px;
	right: 20px;
	color: #f08825;
	text-align:center;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	text-decoration:none;
	font-size:13px;
	text-transform:uppercase;
} 
.close-reveal-modal-forward
{
	position: absolute;
	bottom: 15px;
	left: 20px;
	color: #f08825;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	text-decoration:none;
}
.logo-modal
{	
	width:auto;
	height:120px;
	display:block;
	background:url(../images/logo.jpg) no-repeat top left;
}
.logo-modal span
{	
	display:none;
}

/*----------------------------------------------*/
/* 6.6 JPages
/*----------------------------------------------*/		
.holder 
{
	margin: 15px 0;
	text-align:center;
}
.holder a
{
	font-size: 14px;
	cursor: pointer;
	margin: 0 5px;
	color: #333;
}
.holder a:hover
{
	background-color: #bcbe00;
	color: #fff;
}
.holder a.jp-previous
{
	margin-right: 15px;
}
.holder a.jp-next
{
	margin-left: 15px;
}
.holder a.jp-current,
a.jp-current:hover
{ 
	color: #bcbe00;
	font-weight: bold;
}
.holder a.jp-disabled, a.jp-disabled:hover
{
	color: #bbb;
}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover
{
	cursor: default; 
	background: none;
}
.holder span
{
	margin: 0 5px;
}


/*----------------------------------------------*/
/* 6.7 Magnific Popup
/*----------------------------------------------*/	
#floatingBanner
{
	margin:auto;
	text-align:center;
	width:auto;
	padding:10px;
	background-color:#FFF;
	-webkit-box-shadow: 5px 5px 42px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 42px -6px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 42px -6px rgba(0,0,0,0.75);
	display:none;
}
#floatingBanner a.popup-modal-dismiss
{
	background-color: #008bc8;
	z-index: 99999;
	color: #fff;
	font-size: 13px;
	padding: 2px 10px;
	text-transform: uppercase;
	text-align:center;
	text-decoration:none;
	display:block;
}
#floatingBanner img
{
	max-width:100% !important;
	/*width: 100% !important;
	height: auto !important;*/
}
.mfp-wrap #floatingBanner
{
	display:inline-block;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 0.8;
  filter: alpha(opacity=90); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: center;
  z-index: 1045; 
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
 
 
 /*----------------------------------------------*/
/* 6.8 PGWSlider
/*----------------------------------------------*/	 
.pgwSlider {
    width: 100%;
    color: #fff;
}

.pgwSlider a{
    display: block;
    text-decoration: none;
    color: #fff;
}

.pgwSlider .ps-current {
    float: left;
    width: 74%;
    overflow: hidden;
    height: inherit;
    position: relative;
    font-size: 1rem;
}

.pgwSlider.listOnTheLeft .ps-current {
    float: right;
}

.pgwSlider .ps-current ul {
    width: 100%;
}

.pgwSlider .ps-current li {
    width: 100%;
    z-index: 1;
    opacity: 0;
    display: none;
}

.pgwSlider .ps-current img {
    max-width: 100%;
    min-width: 100%;
    height: auto;
    display: block;
    transition: margin-top 250ms linear;
}

.pgwSlider .ps-caption {
    position: absolute;
    width: 100%;
    padding: 12px;
    background: rgba(0, 0, 0, 0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    left: 0;
    bottom: 0;
    display: none !important;
    z-index: 3;
}

ul.pgwSlider,
.pgwSlider  ul {
    float: right;
    width: 25%;
    padding: 0;
    list-style: none;
    margin: 0;
}

ul.pgwSlider.listOnTheLeft,
.pgwSlider.listOnTheLeft > ul {
    float: left;
}

ul.pgwSlider > li,
.pgwSlider > .ps-list > li {
    height: 50px;
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-size: 0.8rem;
    transition: opacity 200ms linear;
}

ul.pgwSlider > li:last-child,
.pgwSlider > ul > li:last-child {
    margin-bottom: 0;
}

ul.pgwSlider > li span,
.pgwSlider > .ps-list > li span {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background: rgba(0, 0, 0, 0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.pgwSlider > li:hover,
.pgwSlider > ul > li:hover {
    opacity: 1 !important;
}

ul.pgwSlider > li img,
.pgwSlider > ul > li img {
    width: 100%;
    min-height: 100%;
    display: block;
    transition: margin-top 250ms linear;
}

.pgwSlider .ps-prevIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    display: block;
}

.pgwSlider .ps-nextIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
}

.pgwSlider .ps-current .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 17px;
    left: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlider .ps-current .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    padding: 20px 17px 20px 20px;
    right: 0;
    top: 45%;
    cursor: pointer;
}

/*
 * The media-queries are not used because IE8 doesn't support them.
 */
ul.pgwSlider.wide > li,
.pgwSlider.wide > ul > li {
    width: 100% !important;
}

.pgwSlider.narrow .ps-current {
    margin-bottom: 6px;
    font-size: 0.8rem;
}

.pgwSlider.narrow .ps-current img {
    width: 100%;
    min-height: inherit;
}

.pgwSlider.narrow .ps-current,
ul.pgwSlider.narrow,
.pgwSlider.narrow > ul {
    width: 100%;
}

ul.pgwSlider.narrow > li,
.pgwSlider.narrow > .ps-list > li {
    float: left;
    min-height: 50px;
    max-height: 70px;
    min-width: 15%;
    font-size: 0.7rem;
    margin-bottom: 0;
}

ul.pgwSlider.narrow.listOnTheLeft > li,
.pgwSlider.narrow.listOnTheLeft > ul > li {
    float: right;
}

.pgwSlider.narrow .ps-caption {
    padding: 8px;
}

.pgwSlider.narrow .ps-current .ps-prev {
    padding: 15px 15px 15px 12px;
    top: 40%;
}

.pgwSlider.narrow .ps-current .ps-next {
    padding: 15px 12px 15px 15px;
    top: 40%;
}