/* CSS file */

* { font-family: Neucha, Arial, sans-serif; }
HTML, BODY { width: 100%; min-height: 100%; margin: 0px; padding: 0px; background-color: #FFFCD7; }

BODY { text-align: center; z-index: 1; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.nav-header-top { height: 180px; background: #FFFCD7 url('/application/i/header.png') repeat-x left top; }
.nav-header-bottom { height: 80px; background-color: #422110; }

.mbot { margin-bottom: 15px; }
.pbot { padding-bottom: 15px; }
.ptop { padding-top: 15px; }
.pright { padding-right: 15px; }

.pno:nth-of-type(even) { padding: 0px !important; }
.pno:nth-of-type(odd) { padding: 0px !important; }
.no-pbot { padding-bottom: 0px !important; }
.left-align { text-align: left !important; }
.right-align { text-align: right !important; }
.center-align { text-align: center !important; }
.under { border-top: 1px dotted #422110; }
.underb { border-bottom: 1px dotted #422110; margin-bottom: 15px; }
.underc { border-bottom: 1px dotted #422110; margin-bottom: 15px; }
.err { color: #FF0000; }

#mobile-menu { display: none; }
#mobile-voucher-sm { display: none; }
#mobile-button { position: absolute; width: 32px; height: 32px; right: 15px; top: 21px; }
#mobile-menu-container { display: none; background-color: #955022; border-top: 1px solid #EBDBA0;}
#mobile-menu-container a { display: block; padding: 6px 8px; color: #FFFFFF; font-size: 13pt; text-align: left; font-weight: bold; background-color: #955022; text-decoration: none; border-bottom: 1px solid #EBDBA0; border-right: 1px solid #EBDBA0; }
#mobile-menu-container a:hover { background-color: #EBDBA0; color: #422110; }
#mobile-cover { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #000000; opacity: 0.3; display: none; z-index: 999; }

#menu-1 { text-align: left; padding: 65px 10px 0px 20px; } /* was 0px instead of 20px and text-align: right */
#menu-2 { text-align: left; padding: 65px 0px 0px 10px; }
#menu-3 { text-align: left; padding: 40px 10px 0px 20px; } /* was 0px instead of 20px and text-align: right */
#menu-4 { text-align: left; padding: 40px 0px 0px 10px; }
#logo { position: relative; overflow: visible; }
#lang-place { position: relative; width: 100%; margin-top: 155px; height: 30px; text-align: center; display: block;}
#lang-place IMG { margin: 0px 30px; }
#voucher { position: relative; overflow: visible; }

#menu-1 A, #menu-2 A { font-size: 13pt; color: #422110; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#menu-1 A:hover, #menu-2 A:hover { color: #955022; }

#menu-3 A, #menu-4 A { font-size: 13pt; color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#menu-3 A:hover, #menu-4 A:hover { color: #955022; }

#menu-1 A, #menu-3 A { padding-left: 9px; }
#menu-2 A, #menu-4 A { padding-right: 9px; }

#logo-in { position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; }
#voucher-in { position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; }

.table { display: table !important; }
.relative { position: relative; }

#A { text-align: left; padding-bottom: 15px; position: relative; overflow: hidden; }
#B { text-align: right; padding-bottom: 15px; overflow: hidden; }
#C { text-align: left; padding-bottom: 15px; overflow: hidden; }

#D { text-align: left; padding-bottom: 15px; padding-left: 15px; background-color: #FFFCD7 !important; }
#E { text-align: center; padding-bottom: 15px; overflow: hidden; background-color: #FFFCD7 !important; }
#E1 {  }

#F { text-align: left; padding-bottom: 15px; position: relative; }
#F1 { text-align: center; height: 390px; }

#G { text-align: left; padding-bottom: 15px; }
#H { text-align: right; padding-bottom: 15px; }
#I { text-align: left; padding-bottom: 15px; }

.cnt-pic { width: 100%; height: 320px; overflow: hidden; background-size: cover; background-position: center top; background-repeat: no-repeat; }
.cnt-pic-m { display: none; }
.cnt-pic-m img { width: 100%; }
.normal { font-size: 13pt; color: #252525; }
.upper { text-transform: uppercase; }
.h1 { font-size: 15pt; font-weight: bold; color: #FFFFFF; background-color: #675646; padding: 15px 15px; margin: 0px 0px 15px 0px; }
.h2 { font-size: 20pt; font-weight: bold; margin: 0px; padding: 0px; color: #252525; margin: 0px 0px 15px 0px; }
.h3 { font-size: 15pt; font-weight: bold; color: #FFFFFF; padding: 15px 15px 0px 15px; margin: 0px 0px 0px 0px; }

.h1 B { color: #EBDBA0; }

.logo-1 { height: 180px; background: url('/application/i/logo1.png') no-repeat center center; background-size: 100% auto; overflow: visible; cursor: pointer; }
.logo-2 { height: 180px; background: url('/application/i/logo2.png') no-repeat center center; background-size: 100% auto; overflow: visible; cursor: pointer; }

#banner-1 { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 15px 15px 15px; display: block; }
#banner-1 IMG { width: 100%; }
#banner-2 { display: block; overflow: hidden; }
#banner-2 IMG { width: 100%; } 
#banner-4 { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 15px 15px 15px; display: block; }
#banner-4 IMG { width: 100%; }
#banner-5 { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 15px 15px 15px; display: block; }
#banner-5 IMG { width: 100%; }

.addtop { padding-top: 15px; }
.event img { width: 100%; }
.event .h2 { color: #F58220 !important; font-size: 15pt !important; }
.event A.more { display: block; float: left; margin: 15px 0px; padding: 6px 0px 0px 64px; background: url('/application/i/mbrown.png') no-repeat 24px top; color: #F58220 !important; text-decoration: none; cursor: pointer; }
.event A.more:hover { color: #955022 !important; }

.offer { text-align: left; font-size: 11pt; }
.offer .h2 { font-size: 15pt !important; }
.offer img { width: 100%; }
.offer a { color: #252525 !important; text-decoration: none; }
.offer a:hover { color: #955022 !important; }

.brown-bgr { background-color: #422110; }
.sand-bgr { background-color: #EBDBA0; }

.white { color: #FFFFFF; }
.sand { color: #EBDBA0; }

/* #footer * { font-family: Arial Narrow, Arial, sans-serif !important; font-size: 9pt; } */
#footer B { font-size: 10pt; }
#footer A { color: #EBDBA0; text-decoration: none; }
#footer A:hover { color: #FFFFFF; }
.segmented { padding: 15px 0px 0px 110px; }
.segmented30 { padding: 0px 0px 0px 30px; }
.segmentedOR { padding: 6px 0px 15px 50px; background: url('/application/i/morange.png') no-repeat -50px top; }
.segmentedOR A { color: #FFFFFF !important; text-decoration: none; }
.segmentedOR A:hover { color: #EBDBA0 !important; } 

A.social-fb { display: block; float: left; width: 50px; height: 50px; margin-left: 30px; background: url('/application/i/socials.png') no-repeat 0px 0px; text-decoration: none; }
A.social-vb { display: block; float: left; width: 50px; height: 50px; margin-left: 30px; background: url('/application/i/socials.png') no-repeat -50px 0px; text-decoration: none; }

.special-offer { width: 100%; text-align: left; }
.special-offer IMG { width: 100%; margin-bottom: 15px; }
.special-offer .h4 { font-size: 15pt; font-weight: bold; color: #675646; } 

#news-wrapper { width: 100%; height: 100%; padding: 30px 45px; }

.news-prev { position: absolute; top: 0px; left: 15px; width: 36px; height: 300px; background: url('/application/i/n_arr_b.png') no-repeat 0px center; overflow: hidden; cursor: pointer; }
.news-next { position: absolute; top: 0px; right: 15px; width: 36px; height: 300px; background: url('/application/i/n_arr_b.png') no-repeat -36px center; overflow: hidden; cursor: pointer; }

.news-article { width: 240px; float: left; overflow: hidden; margin: 0px 30px; }
.news-article A.news-image { display: block; width: 240px; height: 240px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 15px; }
.news-article A.news-caption { width: 240px; font-size: 12pt; font-weight: bold; color: #675646; text-decoration: none; text-align: left; }

#news-container { position: relative; width: 100%; height: 300px; overflow: hidden; }
#news-container-inside { position: absolute; top: 0px; height: 0px; width: 10000px; }

.artlist { margin-bottom: 20px; }

.artlist A { color: #675646 !important; text-decoration: none; }
.artlist A:hover { color: #955022 !important; }

.artlist-pic { width: 320px; margin: 0px 20px 20px 0px; float: left; }
.artlist-pic img { width: 100%; }

.cntblock { font-size: 13pt; color: #252525; }


/* Popup, Gallery and Image styles */ 

  .gallery-outer { background-color: #AAAAAA; padding: 10px; margin-top: 20px; } 
/*  .gallery-wrapper { background-color: #FFFFFF; margin-top: 20px; } */
  .gallery-wrapper { background-color: #FFFFFF; margin-top: 0px; }
  .gallery-caption { font-size: 12pt; font-weight: bold; color: #FFFFFF; background-color: #675646; text-align: center; margin-top: 1px; padding: 4px; width: auto; }
  .gallery-prev { display: none; position: absolute; top: 0px; left: 10px; bottom: 0px; width: 26px; overflow: hidden; z-index: 9999; background: transparent url('/application/i/hbnav.png') no-repeat 0px center; }
  .gallery-next { display: none; position: absolute; top: 0px; right: 10px; bottom: 0px; width: 26px; overflow: hidden; z-index: 9999; background: transparent url('/application/i/hbnav.png') no-repeat -26px center; }
  .gallery-pointer { text-align: center; margin-top: 0px; display: none;}
  .gallery-pointer DIV { background-color: #AAAAAA; border-radius: 8px; border: 1px solid #AAAAAA; font-size: 8px; padding: 0px 4px; display: inline; width: 8px; height: 8px; margin: 0px 2px; cursor: pointer; }
  .gallery-pointer DIV:hover { background-color: #FFFFFF; }
  .gallery-pointer DIV.selected { background-color: #00FF00; border-radius: 8px; border: 1px solid #FF0000; font-size: 8px; padding: 0px 4px; }
  .gallery-pointer DIV.selected:hover { background-color: #0000FF; }

  #gallery-expanded-outer { box-sizing: content-box !important; border-radius: 20px; background-color: #FFFFFF; padding: 35px; }
  #gallery-expanded-outer * { box-sizing: content-box !important; }
  #gallery-expanded-wrapper { background-color: #FFFFFF; }
  #gallery-expanded-caption { font-size: 13pt; background-color: #FFFFFF; margin-top: 8px; color: #675646; font-weight: bold; }
  #gallery-expanded-close { position: absolute; top: 10px; right: 30px; width: 20px; height: 20px; color: #000000; }

 
  .ig-wrapper { position: relative; overflow: hidden; /* cursor: pointer; */ margin: auto; width: 320px; }
  .ig-pause-old { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: transparent url("/application/i/ig_pause_icon.gif") no-repeat right bottom; z-index: 1000; display: none; }
  .ig-pause { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: transparent url("/application/i/ig_enlarge.png") no-repeat right bottom; z-index: 1000; display: none; }
  .ig-box { position: relative; top: 0px; left: 0px; overflow: hidden; text-align: center; }
  .ig320x240 { width: 320px; height: 240px; }
  .ig280 { width: 320px; }
  .ig320 { width: 320px; }
  .ig240 { width: 240px; }
  .ig-box.hidden { display: none; }
  .ig-prev { float: left; display: block; width: 20px; height: 20px; background: transparent url("/application/i/ig_prev_icon.gif") no-repeat center center; }
  .ig-next { float: left; display: block; width: 20px; height: 20px; background: transparent url("/application/i/ig_next_icon.gif") no-repeat center center; }
  .ig-close { float: right; display: block; width: 20px; height: 20px; background: transparent url("/application/i/ig_close_icon.gif") no-repeat center center; }
  .ig-counter { float: left; display: block; width: 50px; height: 20px; text-align: center; padding-top: 2px; }
  .ig-caption { float: left; display: block; height: 20px; text-align: left; padding-top: 2px; }
  .ig-box IMG { display: block; margin: auto; border-width: 0px; }
  .ig-box IMG.i-gallery { width: 100%; }
  #ig-display-navigation * { font-family: Arial, sans-serif; font-size: 9pt; color: #405361; }
  .ig-left { float: left; margin: 0px 30px 30px 0px; }
  .ig-right { float: right; margin: 0px 0px 30px 30px; }
  .ig-center { display: block; width: 100%; text-align: center; margin-bottom: 20px; }
  .ig-whole { display: block; width: 100%; text-align: center; margin-bottom: 20px; }
  .ig-whole .ig-wrapper { width: 100% !important; }
  .ig-whole .ig-wrapper .ig-box IMG, .ig-whole IMG { width: 100% !important; }
	.ig-whole IMG { width: 100% !important; }
 
  .ig-wrapper-video { position: relative; overflow: hidden; cursor: pointer; margin: auto; width: auto; }

  .new-gallery-float { position: relative; display: block; float: left; width: 46%; margin: 0px 2%; }
  .art-gallery { width: 50%; margin: 0px auto; }

  .single-image IMG { width: 100% !important; }

/* Popup, Gallery and Image styles */ 


@media (min-width: 991px)
{
  .min400 { min-height: 400px; }
  .underc { border-bottom-width: 0px; margin-bottom: 0px; }
  
}

@media (min-width: 991px) and (max-width: 1200px)
{
  .segmented { padding: 15px 0px 0px 30px; }
  #menu-1 A, #menu-3 A { padding-left: 7px; font-size: 13pt; font-weight: 500; }
  #menu-2 A, #menu-4 A { padding-right: 7px; font-size: 13pt; font-weight: 500; }
  #lang-place { position: relative; width: 100%; margin-top: 150px; height: 30px; text-align: center; }
  #lang-place IMG { margin: 0px 30px; }

}


@media (max-width: 991px)
{
  #mobile-voucher-sm { display: block; position: absolute; right: 125px; top: 0px; width: 100px; height: 75px; text-align: center; }
  #mobile-voucher-sm img { height: 100%; }
  body { padding-top: 90px; }
  #mobile-menu { display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 75px; background-color: #422110; z-index: 1000; }
  #mobile-menu .logo-1, #mobile-menu .logo-2 { height: 75px; width: 150px; background-size: 90% 90%; background-position: 15px 5px; }
  .nav-header-top { display: none; } 
  .container.full { width: 100%; padding-left: 15px !important; padding-right: 15px !important; }
  .cnt-pic { display: none; }
  .cnt-pic-m { display: block; }
  #mm-part-1 { float: left; width: 50%; }
  #mm-part-2 { float: left; width: 50%; }

  #lang-place { position: absolute; width: 100px; top: 28px; right: 30px; margin: 0px; height: 30px; text-align: left; }
  #lang-place IMG { margin: 0px 5px; }
}

@media (max-width: 479px)
{
  body { padding-top: 65px; }
  #mobile-menu { height: 50px; }
  #mobile-menu .logo-1, #mobile-menu .logo-2 { display: block; float: left; height: 50px; width: 120px; background-size: 90% 90%; background-position: 10px 2px; }
  #mobile-voucher-sm { height: 50px; right: 105px; }
  #mobile-button { top: 9px; }
  #mm-part-1 { float: none; width: 100%; }
  #mm-part-2 { float: none; width: 100%; }
  #mobile-menu-container a { border-right: 0px solid #EBDBA0; }
  .news-prev { position: absolute; top: 0px; left: 7px; width: 18px; height: 390px; background: url('/application/i/n_arr_s.png') no-repeat 0px center; overflow: hidden; cursor: pointer; }
  .news-next { position: absolute; top: 0px; right: 7px; width: 18px; height: 390px; background: url('/application/i/n_arr_s.png') no-repeat -18px center; overflow: hidden; cursor: pointer; }
  #news-wrapper { width: 100%; height: 100%; padding: 30px 12px; }
  .news-article { margin: 0px 4px; }
  .artlist-pic { width: 100%; float: none; margin: 0px 0px 20px 0px; }
  .underc { border-bottom-width: 0px; margin-bottom: 0px; }
  .art-gallery { width: 94%; margin: 0px auto; }
  #lang-place { position: absolute; width: 100px; top: 16px; right: 30px; margin: 0px; height: 30px; text-align: left; }
}

@media (min-width: 480px) and (max-width: 767px)
{
  .artlist-pic { width: 50%; float: left; margin: 0px 20px 20px 0px; }
  .art-gallery { width: 75%; margin: 0px auto; }
}

@media (min-width: 480px) and (max-width: 991px)
{
  .underb { border-bottom-width: 0px; margin-bottom: 0px; }
}

@media (min-width: 768px) and (max-width: 991px)
{
  .pno:nth-of-type(even) { padding-left: 15px !important; }
  .pno:nth-of-type(odd) { padding-right: 15px !important; }
}  

@media (max-width: 767px)
{
  .segmented { padding-left: 30px; }
  .segmentedOR { padding-left: 40px; background-position: -60px top; }
  .segmented30 { margin-top: 15px; }
  .event img { margin-bottom: 15px; }
  .h1, .h2 { text-align: left !important; }
  #B { text-align: left !important; }
  .ig240, .ig280, .ig320 { width: 100% !important; }

  .new-gallery-float { position: relative; display: block; width: 94%; margin: 0px 2%; }
}

.video-container {
	position:relative;
	padding-bottom:50%;
	padding-top:30px;
	height:0;
	overflow:hidden;
  margin-bottom: 30px; 
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}