div {
 float: left; 
 position: relative; 
 height: auto; 
 width: auto; 
}
.flw10 { width: 10%; }
.flw15 { width: 15%; }
.flw20 { width: 20%; }
.flw25 { width: 25%; }
.flw30 { width: 30%; }
.flw33 { width: 33%; }
.flw40 { width: 40%; }
.flw50 { width: 50%; }
.flw60 { width: 60%; }
.flw66 { width: 66%; }
.flw67 { width: 67%; }
.flw70 { width: 70%; }
.flw80 { width: 80%; }
.flw85 { width: 85%; }
.flw90 { width: 90%; }
.flw100 { width: 100%; }

.flw100, .flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85, .docSheet {
 float: left; 
 position: relative; 
 height: auto; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw100center {
 text-align: center; 
 width: 100%; 
 float: left; 
 position: relative; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter, .divR {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.floatR { float: right; }

.noDisplay {
 display: none; 
}

.flw100alert {
 width: 100%; 
 font: bold 14px arial; 
 color: red; 
 text-align: center; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

.topRminOrMax {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 23px; 
 height: 15px; 
 z-index: 500; 
 cursor: pointer; 
 margin-left: -26px; 
 background: white; 
 border: 1px solid silver; 
 text-align: center; 
 font: normal 12px courier; 
 line-height: 14px; 
 color: rgb(30,30,30);
}

.warnDiv {
 font: bold 14px arial; 
 color: red; 
}

.docSheet {
 width: 100%; 
 border: 1px solid silver; 
 background: white; 
 color: black; 
 padding: 10px; 
 margin-top: 3px; 
 margin-bottom: 3px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

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

.font-bold { font-weight: bold; }

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

.text-left {
 text-align: left; 
}
/* COOKIES START */

.cookiesHint { 
 position: fixed; 
 top: 100%; 
 left: 0px; 
 margin-top: -45px; 
 width: 100%; 
 height: auto; 
 min-height: 45px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-align: center; 
 padding-top: 15px; padding-bottom: 3px; 
 background: white; color: black; 
 font-size: 12px;
 font-family: arial;
 box-shadow: inset 0px 11px 8px -10px #BBB;
 z-index: 100; 
}

.cookiesHeight { 
 width: 100%; float: left; 
 position: relative; height: 45px; 
}
 
@media screen and (max-width: 600px) {	
	.cookiesHint, .cookiesHeight { height: 60px; }
	.cookiesHint { margin-top: -60px; }
}

@media screen and (max-width: 400px) {	
	.cookiesHint, .cookiesHeight { height: 75px; }
	.cookiesHint { margin-top: -75px; }
}

.cookiesGotLink, a.cookiesGotLink:visited, a.cookiesGotLink {
 display: inline-block; 
 color: white; 
 background: rgb(190,190,190); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 3px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

a.cookiesGotLink:hover {
 background: rgb(90,90,90); 
 color: white; 
}

/* COOKIES END */

.docCell {
 width: 12.5%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 4px; 
 border: 1px solid white; 
 background: rgb(240,240,240);  
 min-height: 40px; 
}

.doc_user_head_row {  font-weight: bold; width: 100%; }
.doc_user_row { width: 100%; }

.doc_user_head_row .docCell { background: rgb(210,210,210); }

.doc_user_row:hover .docCell { background: rgb(230,230,230); }

.doc_user_row.doc_paid_row .docCell { background: rgba(100,255,100,0.4); }
.doc_user_row.doc_unpaid_row .docCell { background: rgba(255,100,100,0.4); }

@media screen and (max-width: 440px) {	
 .docCell { width: 100%; min-height: 10px; border-bottom: 2px solid white; }
 .doc_user_row { margin-top: 10px; }
 .doc_user_head_row { display: none; }
}

.overauto { overflow: auto; }

.bord-box { 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

/* select period control - START */

.selectPeriod {
 display: inline-block; 
 width: 16px; 
 height: 16px; 
}

.selectPeriodSubM {
 display: block!important; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 20; 
 background: white; 
 position: absolute!important; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 30;
 font-size: 11px; 
}

.selectPeriodLink:hover { background: rgb(235,235,235); }

/* select period control - END */

.padTop5 { padding-top: 5px; }
.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop40 { padding-top: 40px; }
.padTop50 { padding-top: 50px; }
.padTop60 { padding-top: 60px; }
.padTop70 { padding-top: 70px; }
.padTop80 { padding-top: 80px; }
.padTop90 { padding-top: 90px; }
.padTop100 { padding-top: 100px; }

.margTop5 { margin-top: 5px; }
.margTop10 { margin-top: 10px; }
.margTop20 { margin-top: 20px; }
.margTop30 { margin-top: 30px; }
.margTop40 { margin-top: 40px; }
.margTop50 { margin-top: 50px; }
.margTop100 { margin-top: 100px; }

.padBot5 { padding-bottom: 5px; }
.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }
.padBot40 { padding-bottom: 40px; }
.padBot50 { padding-bottom: 50px; }
.padBot60 { padding-bottom: 60px; }
.padBot70 { padding-bottom: 70px; }
.padBot80 { padding-bottom: 80px; }
.padBot90 { padding-bottom: 90px; }
.padBot100 { padding-bottom: 100px; }

.margBot5 { margin-bottom: 5px; }
.margBot10 { margin-bottom: 10px; }
.margBot20 { margin-bottom: 20px; }
.margBot30 { margin-bottom: 30px; }
.margBot40 { margin-bottom: 40px; }
.margBot50 { margin-bottom: 50px; }
.margBot100 { margin-bottom: 100px; }

/* MULTY SELECT - START */

.multySelectValues {
 border: 1px solid silver; 
 min-height: 12px; 
 height: auto; 
 width: 100%; 
 background: white;
 color: rgb(30,30,30); 
 margin-bottom: 3px; 
 text-align: left!important; 
}

.multSelectIn { 
 width: 100%; font-size: 11px; color: black; min-height: 16px; float: left; position: relative; 
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center right; 
 padding: 4px 20px 4px 5px; 
}

.multSelectSubs { 
 position: absolute; 
 top: 16px; 
 background: white; 
 color: rgb(30,30,30); 
 border-left: 1px solid silver; 
 border-right: 1px solid silver; 
 border-bottom: 1px solid silver; 
 width: 100%; 
 left: 0px; 
 max-height: 250px; 
 overflow: auto; 
 z-index: 999999; 
 padding: 5px; 
 text-align: left!important; 
}

.multSelectSubs input { width: auto!important; display:inline-block; height: auto!important; padding-right: 3px;  }

/* MULTY SELECT - END */

/* TRANSITIONS */
.trans02 {
 transition: 0.2s;
 -webkit-transition: 0.2s;
}
.trans05 {
 transition: 0.5s;
 -webkit-transition: 0.5s;
}

.noTrans {
 -webkit-transition:  0.0s; /* Safari */
 transition: 0.0s;
}

.loadIndicator { width: 100%; height: 14px; border: 1px solid black; background: white; margin-top: 5px; margin-bottom: 5px;  } 
.loadStatus { position: absolute; top: 0px; left: 0px; width: 0%;  height: 14px; 
 background: rgb(100,255,100) url('javascript/ajax-loader.gif') no-repeat center center;
 background-size: auto 100%; 
}

.streamFileName { width: 100%; color: green; margin-top: 2px; margin-bottom: 2px; }

.smallLoader { 
 background-color: rgb(240,240,240);
 background-image: url('javascript/ajax-loader.gif');
 background-size: 15px 15px;
 background-position: center center;
 background-repeat: no-repeat; 
 
}

.OKresult { 
 color: rgb(0,155,0); 
 background: white; 
 padding: 2px; 
 margin-bottom: 3px; 
}

.bord20prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 20%; 
 height: auto; 
 min-height: 3px; 
}

.bord80prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 min-height: 3px; 
}

.invalid, input.invalid, select.invalid, textarea.invalid {
 -webkit-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -webkit-transition:  0.3s; /* Safari */
 transition: 0.3s;
}

.alertBlur {
 width: 100%; 
 height: 100%; 
 position: fixed; 
 top: 0px; 
 left: 0px; 
 display: none; 
 background: rgba(0,0,0,0.7); 
 z-index: 999999; 
}

.alertInBlur {
 left: 50%; 
 margin-left: -220px; 
 width: 400px; 
 top: 50%;
 margin-top: -100px; 
 position: fixed; 
 padding: 20px; 
 background: white; 
 color: red; 
 border: 1px solid rgb(51,51,51); 
 border-radius: 10px; 
 z-index: 1000000; 
}

.alertClose {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -20px;
 margin-top: -10px; 
 width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}
.alertClose:hover { background: rgb(127,127,127); }

.posAbs100 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }

@media screen and (max-width: 440px) {	
 .alertInBlur { left: 5%; width: 80%; padding: 10px 5%; margin-left: 0px; margin-top: -130px; }
}

.mailValidity { position: absolute; top: 100%!important; left: 0px!important; font-size: 11px; margin-top: -12px; line-height: 11px; }

.loadAboveMain { 
 display: none; 
 position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; Z-INDEX: 9999999;
 background: rgba(0,0,0,0.4); 
 text-align: center; 
 z-index: 99999; 
}

.loadAboveIn {
 display: inline-block; float: none; text-align: left; 
 overflow: hidden; width: calc(100% - 40px); height: calc(100% - 20px); margin-top: 10px; 
 z-index: 99999;
 max-width: 1300px; 
 background: white url('javascript/ajax-loader.gif') no-repeat center center; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 border-radius: 10px; 		  
 -webkit-box-shadow: 0px 0px 3px 3px rgb(0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);	  
 -webkit-overflow-scrolling: touch;  
}

.loadAboveIn .loadAboveIn {
 width: calc(100% - 40px); height: calc(100% - 40px); margin-top: 10px; 
}

.loadAboveIn.loadAboveWhite {
 background-color: white; 
 background-image: none!important; 
 overflow-y: auto!important; 
 padding: 10px; 
}

.loadAboveIn iframe {
 -webkit-overflow-scrolling: touch!important;  
 overflow: scroll!important; 
 max-width: 100%; 
 border: none; 
}

.loadAboveClose {
 position: fixed; top: 7px; left: 100%; margin-left: -33px; width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 z-index: 999999; 
}

.loadAboveClose:hover { background: rgb(127,127,127); }

@media screen and (min-width: 1340px) {	
 .loadAboveClose {left: 50%; margin-left: 640px;}
}


.econt_reg_select, .econt_reg_select_input, .econt_city_select, .econt_city_select_input, .econt_quarter_select, 
.econt_quarter_select_input, .econt_other_select, .econt_other_select_input, .econt_street_block, .econt_delivery_radios, 
.econt_office_fld, .econt_office_select, .econt_office_select_input, .econt_office_info, 
.econt_address_flds {
 width: 100%; 
}

.econt_street_select, .econt_street_select_input { width: 70%; }
.econt_streetnum_select, .econt_streetnum_select_input { width: 28%; padding-left: 2%; }

.datalist_def {
 background-image: url('img/img-common/point-bot-grey.gif'); 
 background-position: center right; 
 background-repeat: no-repeat; 
 background-size: 7px 30%; 
}

.datalist-clear {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white; 
 width: 14px!important; height: 14px; border-radius: 5px; 
 border: 1px solid rgb(160,160,160); 
 color: rgb(160,160,160); 
 text-align: center; 
 margin-top: -8px; margin-left: -36px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 14px;
 transition: 0.2s;
 cursor: pointer; 
}
.datalist-clear:hover { color: rgb(30,30,30); border: 1px solid rgb(30,30,30)!important; }

.datalist-dropdown {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white url('img/img-common/point-bot-grey.gif') no-repeat center center; 
 width: 20px!important; height: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 
 border: 1px solid rgb(180,180,180); 
 text-align: center; 
 margin-top: -10px; margin-left: -18px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 15px;
 cursor: pointer; 
}
.datalist-dropdown:hover {
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center center; 
}

.dateFlow .calContainer { display: inline-block; float: none; width: auto; }

.swiper-wrapper { float: none; box-sizing: content-box; width: 100%; height: 100%; display: flex; }
body {
 margin: 0px;
 padding: 0px; 
 background: white; 
}

a, .trans04, .museumWT { transition: 0.4s; }

.flw100 {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.flw50 {
 float: left; 
 position: relative; 
 width: 50%; 
 height: auto; 
}

@media screen and (max-width: 359px) {
 .flw50 { width: 100%; }
}

.flw100center {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 text-align: center; 
}

.flw100min1200 {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 min-width: 1200px; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.noDisplay {
 display: none; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

a, a:link, a:visited {
 text-decoration: none;
 border:0; 
 color: rgb(204,204,51);
}

a:visited  {
	text-decoration: none;
	border: 0; 
} 
a:hover { 
	text-decoration: none;
	border: 0; 
	color: rgb(180,180,51);
}
a:active { 
	text-decoration: none;
	border: 0; 
}

.ifMobile {
 width: 100%; 
 height: 0px; 
 font: normal 0px arial; 
 float: left; 
 position: relative; 
 margin: auto; 
}

.fullWidth, .fullw {
 display: inline-block; 
 float: none; 
 text-align: left; 
 width: 100%; 
 max-width: 1000px; 
 height: auto; 
 font: normal 14px arial; 
}

.gtcLoad { font: normal 14px arial; }

.fullWidthWithLR {
 float: left; 
 position: relative; 
 width: 100%; 
 max-width: 1000px; 
 height: auto; 
 font: normal 13px arial; 
}

.fullWidthLR {
 float: left; 
 position: relative; 
 width: 100px; 
 height: 100%; 
 font: normal 1px arial; 
}

.fullWplus {
 display: inline-block; 
 float: none; 
 text-align: left; 
 width: 100%; 
 max-width: 1050px; 
 height: auto; 
 font: normal 14px arial; 
}

.fullWplus.text-center { text-align: center; }

.fullWidthWide {
 display: inline-block; 
 float: none; 
 text-align: left; 
 width: 98%; 
 margin-left: 1%;
 margin-right: 1%;
 float: left; 
 position: relative; 
 max-width: 1200px; 
 height: auto;  
 font: normal 14px arial; 
}

@media screen and (max-width: 1000px) {
 .fullWidth, .fullw { width: 98%; margin-left: 1%; margin-right: 1%; }
}

.theheader {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 112px; 
 text-align: center; 
 background: url('img/head-back.jpg') repeat-x top left;
 padding-top: 0px; 
}

.click2home { 
 width: 200px; 
 height: 103px; 
}
.click2home img { height: 100%; width: auto; }

.sitenext2logoName { position: absolute; top: 26px; left: 100%; margin-left: 10px; 
 font-size: 16px; 
 color: rgb(159,109,86); 
 z-index: 2; 
 line-height: 18px; 
}
.sitenext2logoName strong { font-size: 32px; font-weight: normal; text-transform: uppercase; 
 display: inline-block; line-height: 34px; width: 100%; 
}

.next2logo { 
 width: 100%; 
 text-align: right; 
 max-width: calc(100% - 210px); 
}

.langLinks {
 display: inline-block; 
 top: 0px; 
 width: 100%; 
 max-height: 55px; 
 text-align: right; 
}

.langLinks .flwA {
 padding-left: 5px; 
 padding-right: 5px; 
 font: bold 12px arial; 
}
.langLinks .flwA a, .langLinks .flwA a:visited, .langLinks .flwA a:active {
 font: normal 12px arial; 
 color: rgb(30,30,30); 
}

.langLinks .flwA a:hover {
 color: rgb(204,204,51);
}

.langIn {
 display: inline-block; 
 width: auto; 
 height: 15px; 
 padding-top: 40px; 
 background: url('img/lang-selected.jpg') no-repeat top center;
 padding-left: 5px; 
 padding-right: 5px; 
 min-width: 63px; 
 font: normal 12px arial; 
 font-style: oblique; 
 color: rgb(102,102,102); 
 text-align: center; 
 float: none; 
}

.langLink {
 display: inline-block; 
 width: auto; 
 height: 15px; 
 padding-top: 40px; 
 padding-left: 5px; 
 padding-right: 5px; 
 font: normal 12px arial; 
 font-style: oblique; 
 color: rgb(102,102,102); 
 float: none; 
}
.langLink a, .langLink a:visited, .langLink a:active {
 color: rgb(102,102,102); 
}

.langLink a:hover {
  color: rgb(204,204,51);
}

.panoLinksAndSearch {
 width: 100%; 
 text-align: right;
 min-height: 26px; 
 padding-top: 20px; 
}

.tourHeadLink {
 display: inline-block; float: none;
 width: auto; 
 height: 16px; 
 padding-top: 6px; 
 text-transform: uppercase; 
 font: normal 14px arial; 
 padding-right: 12px; 
 padding-left: 12px; 
}
.tourHeadLink a, .tourHeadLink a:visited, .tourHeadLink a:active {
 color: black; 
}
.tourHeadLink a:hover {
 color: rgb(204,204,51);
} 

.rctGalls {
 width: 100%; 
 display: none; 
}

@media screen and (max-width: 799px) {
 .tourHeadLink { display: none; }
 .gallMenuResponsive, .vToutMenuResponsive   { display: inline; }
 .rctGalls.gon { display: inline; }
}


#theSearch {
 display: inline-block; float: none;
 max-width: 234px; 
 padding-left: 5px;
 padding-top: 3px; 
 height: 23px; 
 background: url('img/search.jpg') no-repeat top center; 
}

#theSearch input {
 width: 195px; 
 width: 195px; 
 height: 18px; 
 border: 1px solid rgb(204,204,204); 
 background: rgb(204,204,204); 
 font: normal 14px arial; 
 font-style: oblique; 
}

#theSearch span input { 
 border: transparent; 
 background: transparent; 
 font: normal 1px arial; 
 width: 20px; 
 height: 16px; 
 cursor: pointer; 
}

@media screen and (max-width: 679px) { 
 .click2home { width: 120px; height: 61px; }
 .langLink { display: none; }
 .langsOn .langLink { display: inline-block; }
 .langLinks  { max-height: 300px; height: auto;  }
 #theSearch { display: none; }
 .theheader { min-height: 65px; }
 .next2logo { max-width: calc(100% - 200px); float: right; }
 .panoLinksAndSearch { min-height: 0px; padding-top: 0px; }
 
 .sitenext2logoName { position: absolute; top: 6px; left: 100%; margin-left: 4px; 
 font-size: 12px; 
 line-height: 14px; 
 min-width: 130px; 
}
.sitenext2logoName strong { font-size: 24px; font-weight: normal; text-transform: uppercase; 
 display: inline-block; line-height: 24px; width: 100%; 
}
 
}

.mainMenu { 
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 58px; 
 background: rgb(204,204,204); 
 z-index: 10; 
}

.trigmenu { 
 display: none; width: 50px; height: 50px; background-color: rgb(204,204,51); cursor:pointer; margin-top: 4px; margin-left: 10px; 
 background-image: url('img/3-lines.gif');
 background-repeat: no-repeat; 
 background-position: center center; 
}

.gallLink {
 display: inline-block; 
 width: 20px; height: 20px; 
 vertical-align: middle; 
 background-color: rgb(204,204,51); 
 background-image: url('img/icon-photo.png');
 background-size: 90% 90%; 
 background-repeat: no-repeat; 
 background-position: center center; 
 margin-right: 5px; 
}

.videoLink {
 display: inline-block; 
 width: 20px; height: 20px; 
 vertical-align: middle; 
 background-color: rgb(204,204,51); 
 background-image: url('img/icon-video.png');
 background-size: 90% 90%; 
 background-repeat: no-repeat; 
 background-position: center center; 
 margin-right: 5px; 
}

.downloadLink {
 display: inline-block; 
 width: 20px; height: 20px; 
 vertical-align: middle; 
 background-color: rgb(204,204,51); 
 background-image: url('img/icon-download.png');
 background-size: 90% 90%; 
 background-repeat: no-repeat; 
 background-position: center center; 
 margin-right: 5px; 
}

.gallMenuResponsive { display: none; 
 width: 50px; height: 50px; background-color: rgb(204,204,51); cursor:pointer; margin-top: 4px; margin-left: 10px; 
 background-image: url('img/icon-photo.png');
 background-repeat: no-repeat; 
 background-position: center center; 
}
.vToutMenuResponsive { display: none; 
 width: 50px; height: 50px; background-color: rgb(204,204,51); cursor:pointer; margin-top: 4px; margin-left: 10px; 
 background-image: url('img/360.png');
 background-size: 40px auto; 
 background-repeat: no-repeat; 
 background-position: center center; 
}

@media screen and (max-width: 899px) {
 .tourHeadLink { display: none; }
 .gallMenuResponsive, .vToutMenuResponsive   { display: inline; }
}

.subsOn {
 position: absolute; 
 top: 45px; 
 left: 0px; 
 width: 180px; 
 padding: 5px; 
 background: rgb(204,204,204); 
 border-left: 1px solid white; 
 border-right: 1px solid white; 
 height: auto; 
 z-index: 99999999; 
}

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

.subsOn .flw100, .gallHeadSelect .flw100 {
 padding-top: 5px; 
 padding-bottom: 5px; 
}

.gallHeadSelect {
 transition:0.4s; 
 position: absolute; 
 top: 22px; 
 left: 5px; 
 width: 180px; 
 text-align: left; 
 padding: 5px; 
 background: rgb(204,204,204); 
 height: auto; 
 z-index: 9999; 
 border-left: 1px solid white; 
 border-right: 1px solid white; 
 border-bottom: 1px solid white; 
 text-transform: none; 
 display: none; 
}

.greenButtonLink .gallHeadSelect {left: 0px; top: 35px; min-width: calc(100% - 12px); }

.greenButtonLink:hover .gallHeadSelect, .tourHeadLink:hover .gallHeadSelect { display: inline; }

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

.gallHeadSelect a:hover {
 color: white; 
}

.leftSun {
 position: absolute; 
 top: 50%; 
 margin-top: -25px; 
 left: 0px; 
 margin-left: -112px; 
 width: 52px; 
 height: 50px; 
 background: url('img/menu-sun.jpg') no-repeat center center; 
}

.rightSun {
 position: absolute; 
 top: 50%; 
 margin-top: -25px; 
 left: 100%; 
 margin-left: 59px; 
 width: 52px; 
 height: 50px; 
 background: url('img/menu-sun.jpg') no-repeat center center; 
}

.rightSunMobile { 
 display: none; 
 position: absolute; 
 top: 5px; 
 left: 100%; 
 margin-left: 59px; 
 width: 52px; 
 height: 50px; 
 background: url('img/menu-sun.jpg') no-repeat center center; 
}

@media screen and (max-width: 1230px) {
 .leftSun, .rightSun { display: none; }
}

.menuButtons {
 float: left; 
 position: relative; 
 width: 65%; 
 height: 58px; 
}

.menuButton {
 float: left; 
 position: relative; 
 width: auto; 
 height: 36px; 
 padding-top: 22px; 
 padding-right: 14px; 
 text-transform: uppercase; 
 font: bold 14px arial; 
 color: black; 
}

.gallHeadSelect .menuButton { height: auto; min-height: 36px; }

.menuButton a, .menuButton a:active, .menuButton a:visited, .menuButton .gallHeadSelect a, .menuButton .gallHeadSelect a:visited {
 font: normal 14px arial; 
 color: black!important; 
}

.menuButton a:hover {
 color: white!important; 
}

.greenButtonLink {
 display: inline-block; float: none; 
 width: 138px; 
 height: 27px; 
 padding-left: 20px; 
 padding-right: 22px; 
 padding-top: 11px; 
 padding-right: 14px; 
 text-transform: uppercase; 
 font: normal 14px arial; 
 color: black; 
 margin-top: 9px; 
 background: rgb(204,204,51) url('img/green-button-arrow.jpg') no-repeat center right; 
 margin-left: 5px; 
}
a.greenButtonLink, a.greenButtonLink:visited, a.greenButtonLink:active {
 color: black; 
}
a.greenButtonLink:hover {
 color: white; 
}

.greenButtonLink:hover {
 background: rgb(204,204,51) url('img/green-button-arrow-white.jpg') no-repeat center right; 
}
.greenButtonLink:hover a, .greenButtonLink:hover a:visited, .greenButtonLink:hover a:active {
 color: white; 
}

.blackButtonLink, a.blackButtonLink, a.blackButtonLink:active, a.blackButtonLink:visited {
 display: inline-block; float: none; 
 min-width: 138px; 
 height: 27px; 
 padding-left: 20px; 
 padding-top: 11px; 
 padding-right: 14px; 
 text-transform: uppercase; 
 font: normal 14px arial; 
 color: white; 
 margin-top: 9px; 
 background: black url('img/black-button-arrow.jpg') no-repeat center right; 
 margin-left: 5px; 
}
a.blackButtonLink:hover {
 color: rgb(160,160,160); 
}

.mainMenu .blackButtonLink, .mainMenu a.blackButtonLink, .mainMenu .greenButtonLink { float: right; position: relative; }
.mainMenu .blackButtonLink { margin-right: 10px; }

.panoRpt { display: none; }

@media screen and (max-width: 990px) {
 .rightSunMobile { display: inline; left: 100%; margin-left: -70px; position: absolute; }

 .trigmenu { display: inline; }
 .mainMenu .fullWidth { display: none; }
 .mainMenu .fullWidth.responsiveMenuOn { 
  display: inline-block; 
  width: 100%; 
 }
 
 .menuButtons { width: 90%; }
 .mainMenu .fullWidth.responsiveMenuOn a, .mainMenu .fullWidth.responsiveMenuOn .menuButton, .gon .menuButton {
  display: inline-block; 
  float: left; 
  position: relative; 
  width: 100%!important;     
  padding-top: 7px; 
  padding-bottom: 7px; 
 }
 .mainMenu .fullWidth.responsiveMenuOn .menuButton span {
  display: inline-block; 
  padding-top: 7px; 
  padding-bottom: 7px; 
 }
 
 .mainMenu .fullWidth.responsiveMenuOn .menuButton .subsOn, .mainMenu .fullWidth.responsiveMenuOn .menuButton .noDisplay {
  display: inline; 
  float: left; 
  position: relative; 
  width: 90%; 
  margin-left: 10%; 
  top: 0px; 
  left: 0px; 
  padding: 0px; 
  border-left: 0px; 
  border-right: 0px; 
 }
 .mainMenu .fullWidth.responsiveMenuOn .menuButton .noDisplay .flw100, .subsOn .flw100, .gon .menuButton  { padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid white; text-align: left; }
 
 .gon .menuButton a { display: inline-block; width: 100%; padding-top: 7px;  }
 
 .gon .menuButton { padding-left: 10%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 }
 
 .mainMenu .fullWidth.responsiveMenuOn .menuButton { border-bottom: 1px solid white; padding: 0px; height: auto; }
 .mainMenu .fullWidth.responsiveMenuOn a.blackButtonLink, .mainMenu .fullWidth.responsiveMenuOn a.greenButtonLink, .mainMenu .fullWidth.responsiveMenuOn .greenButtonLink {
  width: 80%!important; 
  float: left; 
 }
 .panoRpt { display: inline; }
}


.homeBigPicsBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 8000px; 
 height: 550px; 
}

.homeBigPicCell {
 float: left; 
 position: relative; 
 width: 1450px;
 height: 550px; 
 overflow: hidden; 
 border-left: 2px solid white;
 border-right: 2px solid white;
}

.homeBigPicCell img { width: 100%; height: 100%; }

.znakDiscover { padding-top: 40px; background-image: url('img/znak-home.gif'); 
 background-repeat: no-repeat; 
 background-position: top left;
 background-size: 111px 32px; 
}

.discoverHomeSign {
 position: absolute; 
 top: 230px; 
 left: 221px; 
 width: auto; 
 height: auto; 
 color: white; 
 font: normal 64px arial; 
 font-style: oblique; 
 line-height: 48px; 
 text-shadow: 1px 1px 3px rgba(0,0,0,0.6); 
}


.discoverHomeSign img {
 margin-left: 90px; 
 margin-bottom: 4px; 
 position: relative; 
 top: 5px; 
}

.discoverHomeSign span {
 text-transform: uppercase;
 font: normal 38px arial; 
 font-style: normal;
 line-height: 40px;  
}
.discoverHomeSign span strong {
 font: normal 56px arial; 
 line-height: 40px;  
}

.sportBigPics .discoverPageSign {
 position: absolute; 
 top: 50px; 
 left: 50%; 
 width: 600px; 
 max-width: 600px; 
 margin-left: -500px; 
 height: auto; 
 color: white; 
 font: normal 64px arial; 
 line-height: 40px; 
 text-align: left; 
}

.discoverPageSign { 
 text-shadow: 1px 1px 3px rgba(0,0,0,0.6); 
 position: absolute; 
 top: 110px; 
 left: 50%; 
 width: auto; 
 max-width: 600px; 
 margin-left: -500px; 
 height: auto; 
 color: white; 
 font: normal 64px arial; 
 line-height: 56px; 
 text-align: left; 
}

.discoverPageSignChurch {
 position: absolute; 
 top: 110px; 
 left: 50%; 
 width: auto; 
 max-width: 850px; 
 margin-left: -500px; 
 height: auto; 
 color: white; 
 font: normal 64px arial; 
 line-height: 56px; 
 text-align: left; 
}

.discoverPageSign img, .discoverPageSignChurch  img {
 margin: 0px; 
 padding: 0px; 
 position: relative; 
 top: 0px; 
 left: 0px; 
}


.discoverPageSign span, .discoverPageSignChurch span {
 text-transform: uppercase;
 font: normal 38px arial; 
 font-style: normal; 
 line-height: 40px;  
}
.discoverPageSign span strong, .discoverPageSignChurch span strong {
 font: normal 56px arial; 
 line-height: 40px;  
}

.discHomeBelowSign {
 float: left; 
 position: relative;
 width: auto; 
 height: auto; 
 margin-top: 10px; 
 padding-top: 10px; 
 border-top: 2px solid white; 
 text-transform: uppercase; 
 color: white; 
 font: normal 18px arial; 
}

.pagePicsSwipe {
 width: 100%; 
 height: 380px; 
 overflow: hidden; 
}

.museumBigPics {
 width: 4356px; 
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -2187px; 
 height: 380px; 
}

#homeBigPics {
 width: 4356px; 
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -2187px; 
 height: 550px; 
 background: rgb(158,158,158);
}


.pageBigPicCell {
 display: inline-block; 
 float: none; 
 width: 1450px;
 height: 380px; 
 border-left: 2px solid white;
 border-right: 2px solid white;
}

.pageBigPicCell  img { width: 100%; height: 100%; }

.pagePicsSwipe .discoverHomeSign {
 left: 50%; 
 MARGIN-LEFT: -500px; 
 margin-top: -100px; 
}

.sportBigPics {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 240px; 
 overflow: hidden; 
 background: white;
}

.sportBigPics .discoverHomeSign {
 margin-top: -150px; 
 margin-left: -500px; 
 left: 50%; 
}

#sportBigPicsBelt {
 width: 100%; 
 float: left; 
 position: relative; 
 height: 240px; 
 text-align: center; 
 background-color: rgb(158,158,158); 
 background-repeat: repeat-x; 
 background-position: top center;
}


.homePicsSwipe {
 width: 100%; 
 height: 550px; 
 overflow: hidden; 
}

@media screen and (max-width: 1000px) { /* 80% */

 .pageBigPicCell, .pagePicsSwipe, .museumBigPics { height: 266px; } /* 70% museum pics */
 .pageBigPicCell { width: 1016px; }
 .museumBigPics { width: 3060px; margin-left: -1530px; }

 .sportBigPics, #sportBigPicsBelt {  height: 190px; }
 #sportBigPicsBelt { background-size: auto 100%; }
 #homeBigPics, .homeBigPicsBelt, .homeBigPicCell, .homePicsSwipe { height: 440px; }
 .homeBeltInitPoint  { margin-left: -580px; } 
 .homeBigPicsBelt { width: 6400px; }
 .homeBigPicCell { width: 1160px; }
 #homeBigPics { width: 3492px; margin-left: -1746px;  }
 
 .discoverHomeSign, .pagePicsSwipe .discoverHomeSign, .museumBigPics .discoverHomeSign, .sportBigPics .discoverHomeSign {
 top: 20px; 
 left: 50%; 
 margin-left: -400px; 
 margin-top: 0px; 
 max-width: 800px; 
 color: white; 
 font: normal 56px arial; 
 font-style: oblique; 
 line-height: 44px; 
}
}

@media screen and (max-width: 799px) { /* 60% */

 .pageBigPicCell, .pagePicsSwipe, .museumBigPics { height: 209px; } /* 55% museum pics */
 .pageBigPicCell { width: 800px; }
 .museumBigPics { width: 2406px; margin-left: -1203px; }

 .sportBigPics, #sportBigPicsBelt {  height: 144px; }

 #homeBigPics, .homeBigPicsBelt, .homeBigPicCell, .homePicsSwipe { height: 330px; }
 .homeBeltInitPoint  { margin-left: -435px; } 
 .homeBigPicsBelt { width: 3200px; }
 .homeBigPicCell { width: 870px; }
 #homeBigPics { width: 2622px; margin-left: -1311px; }
 
 .discoverHomeSign, .pagePicsSwipe .discoverHomeSign, .sportBigPics .discoverHomeSign {
 top: 60px; 
 left: 50%; 
 margin-left: -140px; 
 max-width: 280px; 
 color: white; 
 font: normal 24px arial; 
 font-style: oblique; 
 line-height: 28px; 
}
 .sportBigPics .discoverHomeSign { top: 20px; }

 .discoverHomeSign span {
  font: normal 20px arial; 
 line-height: 20px;  
 } 
 .discoverHomeSign span strong { 
  font: normal 22px arial; 
 line-height: 22px;  
 }
 
 .znakDiscover {
  background-size: 55px 16px; 
  padding-top: 20px; 
 }
 
}

@media screen and (max-width: 559px) { /* 40% */
 .sportBigPics .discoverHomeSign { top: 5px; }
 .pageBigPicCell, .pagePicsSwipe, .museumBigPics { height: 145px; } /* 38% museum pics */
 .pageBigPicCell { width: 560px; }
 .museumBigPics { width: 1692px; margin-left: -846px; }


 .sportBigPics, #sportBigPicsBelt {  height: 96px; }

 #homeBigPics, .homeBigPicsBelt, .homeBigPicCell, .homePicsSwipe { height: 220px; }
 .homeBeltInitPoint  { margin-left: -290px; } 
 .homeBigPicsBelt { width: 4800px; }
 .homeBigPicCell { width: 580px; }
 #homeBigPics { width: 1752px; margin-left: -876px; }
 
 
 .discoverHomeSign, .pagePicsSwipe .discoverHomeSign {
 top: 20px; 
 margin-top: 0px; 
 left: 50%; 
 margin-left: -140px; 
 max-width: 280px; 
 color: white; 
 font: normal 18px arial; 
 font-style: oblique; 
 line-height: 18px; 
}
.pagePicsSwipe .discoverHomeSign {
 margin-top: 0px; 
 top: 10px; 
}

 .discoverHomeSign span {
  font: normal 20px arial; 
 line-height: 18px;  
 } 
 .discoverHomeSign span strong { 
  font: normal 18px arial; 
 line-height: 20px;  
 }
 .znakDiscover {
  background-size: 55px 16px; 
  padding-top: 20px; 
 }
}



.homeMuseumsFullW {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 35px; 
 background: white url('img/museums-home-back.jpg') no-repeat top center; 
}

.fullWidth h1, .fullWidthWithLR h1, .homeMuseumsFullW h3, .museumPageTitles h2 {
 font: normal 24px arial; 
 color: rgb(153,153,153); 
 padding: 0px; 
 margin-top: 0px; 
 margin-bottom: 5px; 
 text-transform: uppercase; 
}

.downMuseumsFullW h3 {
 font: normal 24px arial; 
 color: rgb(153,153,153); 
 padding: 0px; 
 margin-top: 0px; 
 margin-bottom: 0px; 
 text-transform: uppercase; 
} 

.sectSubMotto {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 38px; 
 text-transform: uppercase; 
 font: normal 14px arial; 
 letter-spacing: 0px; 
 color: rgb(51,51,51); 
}

.museumsHomeBeltContainer {
 float: none; 
 display: inline-block; 
 width: 1000px; 
 height: 350px; 
 overflow: hidden; 
}

@media screen and (max-width: 1000px) {.museumsHomeBeltContainer { width: 680px; } }
@media screen and (max-width: 680px) {.museumsHomeBeltContainer { width: 340px; } }

.museumomeCell {
 display: inline-block; 
 float: none; 
 width: 340px; 
 height: 350px; 
}

.museumomeCell:hover .homeMuseumname, .museumomeCell:hover .homeMuseumname a, .museumomeCell:hover .homeMuseumname a:visited, 
.museumomeCell:hover .homeMuseumname a:active, 
.museumListCell:hover .museumListShortTxt, 
.museumListCell:hover .homeMuseumname, .museumListCell:hover .homeMuseumname a, .museumListCell:hover .homeMuseumname a:visited, 
.museumListCell:hover .homeMuseumname a:active {
 color: rgb(130,130,130); 
}

.museumHomePic, .picWatchHeight {
 float: left; 
 position: relative; 
 width: 325px; 
 height: 215px; 
 overflow: hidden; 
}

.picWatchHeight { background: rgb(250,250,250); }

@media screen and (max-width: 1000px) {.museumsHomeBeltContainer { width: 680px; } }
@media screen and (max-width: 680px) {.museumsHomeBeltContainer { width: 340px; } }
@media screen and (max-width: 340px) {.museumsHomeBeltContainer { width: 100%; } 
 .museumomeCell { width: 260px; }
}

.museumHomePic img, .museumRcolPic img { width: 100%; height: auto; transition: 0.4s; }
.museumomeCell:hover .museumHomePic img, .museumListCell:hover .museumHomePic img { width: 102%; height: auto; }

.museumMuseumPic {
 float: left; 
 position: relative; 
 width: 325px; 
 height: 265px; 
}

.museumPicBlur {
 display: none; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: 100%; 
 background: black; 
 -moz-opacity:0.10;
 opacity:0.10;
 filter:alpha(opacity=10);
 transition: 0.4s; 
 cursor: pointer; 
}

.homeMuseumname {
 float: left; 
 position: relative; 
 width: 325px; 
 height: auto; 
 padding-top: 22px; 
 background: url('img/under-pic-shadow-mushome.jpg') no-repeat top center; 
 text-align: center;  
 color: black; 
 font: normal 14px arial; 
 line-height: 13px; 
} 

.homeMuseumname a, .homeMuseumname a:active, .homeMuseumname a:visited {
 color: rgb(51,51,51); 
 font: normal 18px arial; 
 text-transform: uppercase; 
 margin-top: 3px;
 line-height: 18px; 
}

.homeMuseumname a:hover {
 color: rgb(130,130,130); 
}

.museumHomeViewButton {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 padding-left: 75px; 
}

.homeMoveBeltL {
 position: absolute; 
 top: 140px; 
 left: -46px; 
 width: 25px; 
 height: 110px; 
 cursor: pointer; 
 background: rgba(255,255,255,0.6) url('img/home-move-belt-left.gif') no-repeat center center; 
}

.homeMoveBeltR {
 position: absolute; 
 top: 140px; 
 left: 1020px; 
 width: 25px; 
 height: 110px; 
 cursor: pointer; 
 background: rgba(255,255,255,0.6) url('img/home-move-belt-right.gif') no-repeat center center; 
}

@media screen and (max-width: 1060px) {
 .homeMoveBeltL { left: 0px; }
 .homeMoveBeltR { left: 100%; margin-left: -25px; }
}

.HRpunktir {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 2px; 
 font: normal 1px arial; 
 background: url('img/HRpinktir.jpg') repeat-x top left; 
}

.moreAboutCaption {
 float: left;
 position: relative; 
 width: 100%; 
 height: 67px; 
 padding-top: 37px; 
 background: url('img/more-about-home.jpg') no-repeat top center; 
}

.moreAboutCaption h2 {
 font: normal 24px arial; 
 color: rgb(153,153,153); 
 padding: 0px; 
 margin-top: 0px; 
 margin-bottom: 5px; 
 text-transform: uppercase; 
}

.downLongGrey {
 float: left;
 position: relative; 
 width: 100%; 
 min-height: 734px; 
 background-image: url('img/down-long-grey.jpg'); 
 background-repeat:  repeat-x;
 background-position: bottom left;
 background-size: auto 100%; 
} 

.moreAboutKare {
 display: inline-block; 
 float: none; 
 width: 325px;
 height: 260px; 
 overflow: hidden; 
 margin-left: 2px; 
 margin-right: 2px; 
 margin-bottom: 10px; 
 text-align: left; 
}

.moreAboutKare .museumPicBlur { display: none; }
.museumListCell:hover .museumPicBlur, .moreAboutKare:hover .museumPicBlur, .museumomeCell:hover .museumPicBlur { display: inline; }

.horSep10px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 10px; 
 font: normal 1px arial; 
}
.horSep50px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 50px; 
 font: normal 1px arial; 
}
.horSep40px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 50px; 
 font: normal 1px arial; 
}

.moreAboutVertSep {
 float: left; 
 position: relative; 
 width: 12px;
 font: normal 1px arial; 
 height: 260px; 
}

.tickVertSep {
 float: left; 
 position: relative; 
 width: 12px;
 font: normal 1px arial; 
 height: 15px; 
}

.moreAboutSignUp {
 position: absolute; 
 top: 22px; 
 left: 28px; 
 width: 270px; 
 height: auto; 
 text-transform: uppercase; 
 font: normal 28px arial; 
 color: white; 
}

.moreAboutSignDown {
 position: absolute; 
 bottom: 38px; 
 left: 28px; 
 width: 260px; 
 height: auto; 
 text-transform: uppercase; 
 font: normal 28px arial; 
 color: white; 
}

.moreAboutSignDown span {
 font: normal 48px arial; 
}

.leftSunMoreAbout {
 position: absolute; 
 top: 50%; 
 margin-top: -25px; 
 left: 0px; 
 margin-left: -62px; 
 width: 52px; 
 height: 50px; 
 background: url('img/left-sun-more-about.jpg') no-repeat center center; 
}
.rightSunMoreAbout {
 position: absolute; 
 top: 50%; 
 margin-top: -25px; 
 left: 1010px; 
 width: 52px; 
 height: 50px; 
 background: url('img/left-sun-more-about.jpg') no-repeat center center; 
}

@media screen and (max-width: 1230px) {
 .leftSunMoreAbout, .rightSunMoreAbout { display: none; }
}


.underMoreAbout {
 float: left; 
 position: relative; 
 margin-top: 17px; 
 width: 100%; 
 height: 5px; 
 font: normal 1px arial; 
 border-top: 1px solid rgb(178,178,178); 
 border-bottom: 2px solid white; 
}

.shadowSep {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 11px; 
 background: url('img/shadow-sep.jpg') repeat-x top left; 
}

.lightGreyDown {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 background: white url('img/light-grey-down.jpg') repeat-x bottom right; 
 padding-bottom: 10px; 
}

#afishHomeBack {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 397px; 
 background:  url('img/afish-home-back.jpg') no-repeat top center; 
}

#afishHomeBeltContainer {
 float: left; 
 position: relative; 
 width: 1008px; 
 overflow: hidden; 
 left: -9px; 
}

@media screen and (max-width: 1008px) {  
#afishHomeBeltContainer { width: 100%; left: 0px; }
}

.afishCell {
 float: left; 
 position: relative; 
 width: 49%; 
 margin-right: 0.5%;
 margin-left: 0.5%; 
 background: rgb(178,178,178); 
 text-transform: uppercase;
 color: black; 
 font: bold 14px arial; 
 margin-bottom: 10px; 
 overflow: hidden;
 min-height: 200px; 
}

@media screen and (max-width: 799px) {
 .afishCell { width: 96%; 
  margin-right: 2%;
  margin-left: 2%; 
 }
}

.afishCell .flw100 a, .afishCell .flw100 a:visited, .afishCell .flw100 a:active {
 color: black; 
}

.afishCell span {
 text-transform: none; 
 font: normal 13px arial; 
}

.afishCell .flw100 a:hover {
 color: rgb(76,76,76); 
}

.afishHomeWhere {
 float: left; 
 position: relative; 
 width: 43.7%; 
 height: auto; 
 color: rgb(76,76,76); 
 padding-top: 20px; 
 padding-right: 10px; 
 padding-left: 27px; 
 padding-bottom: 15px; 
 margin-bottom: 5px; 
}

.afishCell:hover .afishHomeWhere a, .afishCell:hover .afishHomeWhere a:visited, .afishCell:hover .afishHomeWhere a:hover { color: white; }
.afishHomeWhere a, .afishHomeWhere a:visited { color: black; 
 display: inline-block; 
 width: 100%; 
 margin-bottom: 10px; 
}

.afishHomeWhere a.overline, .afishHomeWhere a.overline:active, .afishHomeWhere a.overline:visited {
 display: inline-block; 
 width: 100%; 
 border-top: 2px solid white;
 color: rgb(76,76,76);
 padding-top: 10px;  
}
.afishHomeWhere a:hover {
 color: black; 
}

.afishSomePic {
 position: absolute; 
 background-color: rgb(160,160,160); 
 top: 0px; 
 left: 43.7%; 
 width: 56.3%; 
 height: 100%; 
 overflow: hidden; 
}

@media screen and (max-width: 639px) {
 .afishHomeWhere, .afishSomePic {
  width: 100%; 
  float: left; 
  position: relative; 
  left: 0px; 
  top: 0px; 
 }
}

.afishSomePic img { width: 100%; height: auto; min-height: 100%; transition: 0.5px; }
.afishCell:hover .afishSomePic img { width: 102%; margin-left: -1%; height: auto;}

.afishMoveBeltL {
 position: absolute; 
 top: 163px; 
 left: -49px; 
 width: 25px; 
 height: 110px; 
 cursor: pointer; 
 background: url('img/home-move-belt-left.gif') no-repeat center center; 
}

.afishMoveBeltR {
 position: absolute; 
 top: 163px; 
 left: 1020px; 
 width: 25px; 
 height: 110px; 
 cursor: pointer; 
 background: url('img/home-move-belt-right.gif') no-repeat center center; 
}

.homeText {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 background: rgb(238,238,238) url('img/home-text-back.jpg') repeat-x top left; 
 padding-top: 33px; 
}

.homeTextText {
 float: left; 
 position: relative; 
 width: 100%; 
 max-width: calc(100% - 340px);
 height: auto; 
 padding-right: 70px; 
 font: normal 12px arial; 
 color: black; 
 padding-bottom: 20px; 
}



@media screen and (max-width: 639px) { 
 .homeTextText { max-width: 100%; min-width: 100%; padding-right: 0px; }
}

.homeTextText p {
 margin-top: 0px; 
 padding-top: 0px; 
}

.homeTextText h2 {
 text-transform: uppercase; 
 font: normal 26px arial; 
 color: black;
 padding: 0px; 
 margin-bottom: 12px; 
 margin-left: 0px; 
 margin-top: 0px; 
}

.homeTextText h4  {
 font: bold 16px arial; 
 padding: 0px; 
 text-transform: none;
 color: black; 
 margin-bottom: 5px; 
 margin-left: 0px; 
 margin-top: 0px; 
}

.homeTextText h3 {
 font: normal 18px arial; 
 padding: 0px; 
 text-transform: none;
 color: black; 
 margin-bottom: 6px; 
 margin-left: 0px; 
 margin-top: 0px; 
}

.kakdastigna {
 float: left; 
 position: relative; 
 width: 270px; 
 height: 190px; 
 background: url('img/kak-da-stigna.jpg') no-repeat top left; 
 margin-bottom: 20px; 
}

#kakDaCityName {
 position: absolute; 
 top: 55px; 
 left: 35px; 
 height: auto; 
 width: auto; 
 font: normal 34px arial; 
 color: white; 
}

#kakDaQ {
 position: absolute; 
 top: 96px; 
 left: 35px; 
 height: auto; 
 width: 120px; 
 font: bold 14px arial; 
 font-style: oblique; 
 color: black; 
}
#kakDaQ a, #kakDaQ a:visited, #kakDaQ a:active {
 color: black; 
}
#kakDaQ a:hover {
 color: white; 
}

.pictograms {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 border-top: 1px dotted silver; 
 padding-top: 18px; 
 font: normal 12px arial; 
 color: black;
 text-align: center; 
}

.pictograms h3 {
 font: normal 17px arial; 
 color: black; 
 padding: 0px; 
 margin-top: 0px; 
 margin-bottom: 5px; 
 text-transform: none; 
}

.pictogramKare {
 display: inline-block; 
 float: none; 
 width: 150px; 
 height: auto; 
 padding-left: 40px; 
 padding-right: 40px; 
 text-align: center; 
 padding-bottom: 20px; 
}

.pictogramKare a strong {
 font: normal 16px arial; 
}

.pictogramKare strong {
 font: bold 16px arial; 
}

.pictogramKare a, .pictogramKare a:visited, .pictogramKare a:active {
 color: black; 
}

.pictogramKare:hover a, .pictogramKare:hover a:active, .pictogramKare:hover a:visited {
 color: rgb(72,72,72);
}

.hrSilver {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 8px; 
 font: normal 1px arial; 
 border-bottom: 2px solid rgb(102,102,102); 
 margin-bottom: 8px; 
}

.theFooter {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 25px; 
 padding-bottom: 10px; 
 background: black; 
 text-align: center; 
}

#jump2top {
 position: absolute; 
 left: 50%; 
 margin-left: -56px; 
 top: -40px; 
 width: 112px; 
 height: 44px; 
}

.menuInFoot {
 float: left; 
 position: relative; 
 width: 90%; 
 height: auto; 
 padding-top: 15px; 
 padding-bottom: 10px; 
 padding-left: 5%; 
 padding-right: 5%; 
 text-align: center; 
 font: normal 12px arial; 
 color: rgb(153,153,153); 
 text-transform: uppercase; 
}
.menuInFoot a, .menuInFoot a:visited, .menuInFoot a:active {
 color: rgb(153,153,153); 
 margin-left: 10px; 
 margin-right: 10px; 
}
.menuInFoot a:hover {
 color: white; 
}

@media screen and (max-width: 799px) {.menuInFoot { line-height: 20px; }}

.veryCredits {
 font: normal 13px arial; 
 color: rgb(153,153,153); 
 float: left; 
 position: relative; 
 padding-top: 4px; 
 width: 100%; 
 height: auto; 
 text-align: center; 
}
.veryCredits a, .veryCredits a:active, .veryCredits a:visited {
 color: rgb(153,153,153); 
}

.veryCredits a:hover {
 color: white; 
}

.veryCredits span {
 font: normal 11px arial; 
}

.menuInFoot span {
 margin-left: 10px; 
 margin-right: 10px; 
 font: bold 12px arial; 
}

.museumPageFullW {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 background: url('img/museum-cont-top.png') no-repeat top center; 
}

.museumPageFullW::after {
 content: ''; 
 position: absolute; 
 top: 118px; 
 left: 0px; 
 height: 20px; 
 width: 100%; 
 background: url('img/museum-cont-top-shadow.png') no-repeat bottom center; 
 z-index: 2; 
}

.museumPageFullW.nafter::after { display: none; }

@media screen and (max-width: 1000px) { .museumPageFullW::after { display: none; } }

.museumPageTitles {
 float: left; 
 position: relative; 
 width: 60%; 
 min-height: 130px; 
 padding-top: 10px; 
 padding-right: 40%; 
}

.whitePageTitles {
 float: left; 
 position: relative; 
 width: 60%; 
 min-height: 130px; 
 padding-top: 10px; 
 padding-right: 40%; 
 background: white; 
}


.museumPageTitles span {
 font: normal 12px arial; 
 color: black; 
 text-transform: uppercase; 
 margin-bottom: 24px; 
}

.museumPageTitles strong {
 font: normal 24px arial; 
 color: black; 
 text-transform: uppercase; 
 margin-bottom: 24px; 
}

.museupPageLeftCol {
 float: left; 
 position: relative; 
 width: 30.5%; 
 height: auto;
 background: rgb(204,204,204); 
 padding-bottom: 54px; 
 margin-bottom: 20px; 
 min-height: 400px; 
}

.museumPageText {
 float: left; 
 position: relative; 
 width: 40%; 
 height: auto; 
 padding-left: 3%; 
 padding-right: 1.5%; 
 padding-bottom: 20px; 
 font: normal 14px arial; 
 color: black; 
}

.museumPageText p, .sportPageText p {
 padding-top: 0px; 
 margin-top: 0px; 
 padding-bottom: 0px; 
 margin-bottom: 5px; 
}

.sportPageText {
 float: left; 
 position: relative; 
 width: 73%; 
 height: auto; 
 padding-left: 0px; 
 padding-right: 1.5%; 
 padding-bottom: 20px; 
 font: normal 14px arial; 
 color: black; 
}

a.blackA, a.blackA:visited { color: black; }
a.blackA:hover { color: rgb(150,150,150); }

.museupPageAddressCol {
 float: left; 
 position: relative; 
 width: 24%; 
 height: auto;
 background: rgb(204,204,204); 
 margin-bottom: 35px; 
 min-height: 400px; 
} 

.zanayatRecommMuseum {
 float: left; 
 position: relative; 
 width: 24%; 
 height: auto;
 background: rgb(204,204,51); 
 margin-bottom: 35px; 
 min-height: 400px; 
} 

.zanayatRecommMuseum a.blackButtonWauto, .zanayatRecommMuseum a.blackButtonWaut:visited { color: white!important; }

.leftColMusPic { 
 float: left; 
 position: relative; 
 width: 100%; 
 max-height: 250px; 
 border-bottom: 3px solid white; 
 overflow: hidden; 
}

.museupPageAddress {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 240px; 
 padding-top: 14px; 
 padding-left: 2.5%; 
 font: normal 13px arial; 
}

.pageLeftColResponsiveRepeat {
 display: none;
 width: 100%;  
}

@media screen and (max-width: 799px) {
 .museupPageLeftCol { display: none; }
 .pageLeftColResponsiveRepeat { display: inline; 
  background: rgb(204,204,204); 
  padding-bottom: 10px; 
  margin-bottom: 3px; 
 }
 .museupPageLeftCol, .museumPageText, .museupPageAddressCol, .zanayatRecommMuseum, .sportPageText, .museupPageAddress, 
.museupPageAddress {
  width: 100%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	height: auto; 
	min-height: 20px; 
	padding-bottom: 10px; 
	
 }
}

.leftColMusPic img { width: 100%; height: auto; }

.museupPageAddress h2 {
 font: normal 24px arial; 
 text-transform: uppercase; 
 color: black; 
 padding: 0px; 
 margin: 0px; 
 margin-bottom: 15px; 
}

.horSep9pxWhite {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 9px;
 font: normal 1px arial;
 background: white;  
}

.horSep4pxWhite {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 4px;
 font: normal 1px arial;
 background: white;  
}

.museumRcolPic {
 float: left; 
 position: relative; 
 width: 100%; 
 overflow: hidden; 
}

.downMuseumsFullW {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 30px; 
 background: white url('img/down-museum-list-top-back.jpg') no-repeat top center; 
}

#vTourHere {
 background: rgb(158,158,158); 
}

.closeVTour {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: 580px; 
 padding: 10px; 
 height: auto; 
 width: auto; 
 background: white; 
 font: normal 18px arial;
 line-height: 18px; 
 color: silver;
 z-index: 20;  
 cursor: pointer; 
}

.closeVTour:hover { color: black; }

@media screen and (max-width: 1200px) {
 .closeVTour { left: 100%; margin-left: -30px; }
} 

.museumListBlock {
 float: left; 
 position: relative; 
 width: 1020px; 
 min-height: 800px; 
}

.chPageListBelt {
 float: none; 
 display: inline-block; 
 width: 1020px; 
 min-height: 650px; 
 overflow: hidden; 
}

.churchListCell {
 display: inline-block;
 float: none; 
 width: 340px; 
 height: 660px; 
}

.churchListPic {
 float: left; 
 position: relative; 
 width: 325px; 
 height: 480px; 
 margin-right: 15px; 
}

.churchListPic img { width: 100%; height: 100%; }

.churchListName {
 float: left; 
 position: relative; 
 width: 325px; 
 height: 55px; 
 padding-top: 24px; 
 background: url('img/under-pic-shadow-mushome.jpg') no-repeat top center; 
 text-align: center;  
 color: black; 
 font: normal 14px arial; 
 line-height: 13px; 
} 

.churchListName a, .churchListName a:active, .churchListName a:visited {
 color: rgb(51,51,51); 
 font: normal 18px arial; 
 text-transform: uppercase;
}


@media screen and (max-width: 1020px) {
 .chPageListBelt { width: 680px; }
}

@media screen and (max-width: 679px) {
 .chPageListBelt { width: 340px; }
}

@media screen and (max-width: 339px) {
 .chPageListBelt { width: 280px; }
 .churchListCell, .churchListPic, .churchListName { width: 280px; }
}

.museumListBeltTight {
 float: left; 
 position: relative; 
 width: 1020px; 
 min-height: 800px; 
 overflow: hidden; 
}

.museumListShortTxt {
 float: left; 
 position: relative; 
 width: 300px; 
 padding-left: 20px; 
 padding-right: 20px;
 padding-top: 3px;  
 font: normal 12px arial; 
 color: black; 
 text-align: center; 
 height: auto; 
 overflow: hidden;
 line-height: 14px; 
}

.museumNameAndShortTXT {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 95px; 
 overflow: hidden; 
}

.museumListCell {
 float: none; 
 display: inline-block; 
 width: 340px; 
 height: 400px; 
}

.museumsListDownCont {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 background: rgb(239,239,239) url('img/museums-down-fon-cont.jpg') repeat-x top left; 
 min-height: 89px; 
 text-align: center;
}

.moreMuseumsBack {
 float: none; 
 display: inline-block; 
 width: 100%; 
 max-width: 1232px; 
 height: 89px; 
 background: url('img/museums-down-fon.jpg') no-repeat top center;
}

.churchesPageCont {
 float: none; 
 display: inline-block; 
 text-align: center; 
 width: 100%; 
 height: auto; 
 padding-bottom: 89px; 
 padding-top: 20px; 
 background: url('img/churches-page-down.jpg') no-repeat bottom center;
}

#expandListButton {
 position: absolute; 
 top: 25px; 
 left: 50%; 
 margin-left: 278px; 
 min-width: 125px; 
 width: auto; 
 height: 16px; 
 padding-top: 12px; 
 padding-bottom: 12px; 
 padding-left: 15px; 
 padding-right: 23px; 
 border: 1px solid rgb(153,153,153);  
 text-transform: uppercase; 
 color: black; 
 font: normal 14px arial; 
 cursor: pointer;
 background: url('img/more-white-button.gif') no-repeat center right;  
}

#afishMorePages {
 float: right; 
 width: auto; 
 height: 16px; 
 padding-top: 12px; 
 padding-bottom: 12px; 
 padding-left: 15px; 
 padding-right: 23px; 
 border: 1px solid rgb(153,153,153);  
 text-transform: uppercase; 
 color: black; 
 font: normal 14px arial; 
 text-align: center; 
 background: white;  
 max-width: 100%; 
 margin-top: 20px; 
}

#afishMorePages a, #afishMorePages  a:active, #afishMorePages  a:visited, 
#eventsPrevNext a, #eventsPrevNext a:visited, #eventsPrevNext a:active {
 color: rgb(77,77,77); 
 text-transform: none; 
}

#eventsPrevNext {
 position: absolute; 
 top: 15px; 
 left: 50%; 
 margin-left: 100px; 
 width: 375px; 
 height: auto; 
 padding-top: 6px; 
 padding-bottom: 6px; 
 padding-left: 15px; 
 padding-right: 8px; 
 border: 1px solid rgb(153,153,153);  
 text-transform: uppercase; 
 color: black; 
 font: normal 14px arial; 
 background: white;  
}

.bigListBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 5000px; 
 height: 800px; 
}

.churchListBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 5000px; 
 height: 650px; 
}

.bigListMoveBeltL {
 position: absolute; 
 top: 250px; 
 left: -46px; 
 width: 25px; 
 height: 110px; 
 cursor: pointer; 
 background: url('img/home-move-belt-left.gif') no-repeat center center; 
}

.bigListMoveBeltR {
 position: absolute; 
 top: 250px; 
 left: 1020px; 
 width: 25px; 
 height: 110px; 
 cursor: pointer; 
 background: url('img/home-move-belt-right.gif') no-repeat center center; 
}

#museumBigPicsBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 8000px; 
 height: 380px; 
}



.leftColLink {
 float: left; 
 position: relative; 
 text-transform: uppercase; 
 width: 100%; 
 height: auto; 
 padding-left: 20px; 
 padding-right: 35px; 
 font: normal 13px arial; 
 padding-top: 10px; 
 padding-bottom: 0px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.leftColLink a, .leftColLink a:visited, .leftColLink a:active {
 color: black; 
 margin-top: 3px; 
 margin-bottom: 4px; 
 display: inline-block; 
 width: 100%; 
}
.leftColLink a:hover {
 color: white; 
}

@media screen and (max-width: 799px) {
 .leftColLink a, .leftColLink a:visited, .leftColLink a:active { margin-bottom: 6px; margin-top: 6px; }
}

.blackButtonWauto {
 float: left; 
 position: relative; 
 width: auto; 
 min-height: 27px; 
 padding-left: 10px; 
 padding-right: 22px; 
 padding-top: 11px; 
 text-transform: uppercase; 
 font: normal 14px arial; 
 color: white; 
 margin-top: 9px; 
 background: black url('img/black-button-arrow.jpg') no-repeat center right; 
 margin-left: 5px; 
}
div.blackButtonWauto a, div.blackButtonWauto a:visited, div.blackButtonWauto a:active {
 color: white; 
}
div.blackButtonWauto a:hover {
 color: rgb(160,160,160); 
}


.greenWidth {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 background: rgb(204,204,51); 
 text-align: center; 
}

.framesLeftArrow {  
 position: absolute; 
 top: 50%; 
 left: 50%; 
 margin-left: -600px; 
 width: 38px; 
 margin-top: -80px; 
 height: 160px; 
 cursor: pointer; 
 background-image: url('img/frames-arrow-left.gif'); 
 background-repeat: no-prepeat; 
 background-position: center center; 
 background-size: 100% 100%; 
}

.framesRiteArrow {  
 position: absolute; 
 top: 50%; 
 margin-top: -80px; 
 left: 50%; 
 margin-left: 553px; 
 width: 38px; 
 height: 160px; 
 cursor: pointer; 
 background-image: url('img/frames-arrow-right.gif'); 
 background-repeat: no-prepeat; 
 background-position: center center; 
 background-size: 100% 100%; 
}


.shadowStickTop {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -471px; 
 width: 942px; 
 height: 9px; 
 background: url('img/shadow-stick-top.jpg') no-repeat top center; 
}

.shadowStickTopHome {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 margin-left: -471px; 
 width: 942px; 
 height: 9px; 
 background: url('img/shadow-stick-top-home.jpg') no-repeat top center; 
}

@media screen and (max-width: 942px) { 
.shadowStickTop, .shadowStickTopHome { width: 100%; left: 0px; margin-left: 0px; }
 }

.theGallery {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 14px; 
 padding-bottom: 40px; 
 background: rgb(204,204,204); 
 margin-top: -40px; 
}

.overGallBeltShadow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 28px; 
 background: url('img/shad-on-gall-grey.jpg') no-repeat top center; 
}

.gallMainPic {
 display: inline-block; 
 width: auto; 
 height: 670px; 
 float: none; 
}

.gallMainPic img { height: 100%; width: auto; }

.gallBeltContainer { 
 float: none; 
 position: relative; 
 width: 100%; 
 max-width: 940px; 
 height: 105px; 
 overflow: hidden; 
}

.gallThumbsBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 10000px; 
 height: 105px; 
}

.gallThumbCell {
 display: inline-block;
 float: none; 
 height: 105px; 
 width: 130px; 
 margin-right: 5px; 
 cursor: pointer; 
 overflow: hidden; 
}
.gallThumbCell img { width: 100%; height: auto; min-height: 100%; }

.gallBeltArrowLeft {
 position: absolute; 
 width: 25px; 
 height: 105px; 
 top: 100%; 
 margin-top: -105px; 
 left: -10px; 
 cursor: pointer; 
 background: url('img/gall-belt-arrow-left.jpg') no-repeat top left; 
}

.gallBeltArrowRite {
 position: absolute; 
 width: 25px; 
 height: 105px; 
 top: 100%; 
 margin-top: -105px; 
 left: 1005px; 
 cursor: pointer; 
 background: url('img/gall-belt-arrow-right.jpg') no-repeat top left; 
}

#gallBigPicPlace {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 670px; 
 overflow: hidden; 
 text-align: center; 
}
@media screen and (max-width: 799px) {
 #gallBigPicPlace  { height: auto; }
 .gallMainPic { max-width: 100%; height: auto; } 
 .gallMainPic img { width: 100%; height: auto; }
}



.gallPNblur {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: 100%; 
 background: rgba(0,0,0,0.8); 
}

.gallPrevBlur {
 position: absolute; 
 top: 0px; 
 left: -5px; 
 margin-left: -1500px; 
 width: 1500px; 
 height: 100%; 
 background: rgba(0,0,0,0.8); 
 cursor: pointer; 
 text-align: right; 
}
.gallNextBlur {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: 5px; 
 width: 1500px; 
 height: 100%; 
 background: rgba(0,0,0,0.8); 
 cursor: pointer; 
 text-align: left; 
}

.gallPrevBlur img, .gallNextBlur img { height: 100%; width: auto; }

.gallPrevPic {
 position: absolute; 
 top: 50%; 
 left: 100%; 
 width: 50px; 
 height: 100px; 
 margin-top: -50px; 
 margin-left: -70px; 
 cursor: pointer; 
}

.gallNextPic {
 position: absolute; 
 top: 50%; 
 left: 0px; 
 width: 50px; 
 margin-left: 10px; 
 height: 100px; 
 margin-top: -50px; 
 margin-left: 20px; 
 cursor: pointer; 
}

.contStyle {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 font: normal 13px arial; 
}

.contStyle img { max-width: 100%; height: auto; }

.closeGallInDefault {
 position: absolute; 
 top: 0px; 
 width: 50px; 
 height: 60px; 
 margin-top: 10px; 
 z-index: 5000; 
 left: 50%; 
 margin-left: 560px; 
 background: rgb(204,204,204) url('img/close-gall.gif') no-repeat center center; 
 cursor: pointer; 
}

@media screen and (max-width: 1200px) {
 .closeGallInDefault { 
  left: 100%; 
  margin-left: -50px; 
 }
}


.afishListCell {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 200px; 
 background: rgb(204,204,51); 
}

.afishListTitle {
 float: left; 
 position: relative; 
 width: 220px; 
 height: 168px; 
 padding-top: 30px; 
 padding-left: 20px; 
 padding-right: 20px; 
 background: white; 
 border: 1px solid rgb(204,204,204);
}

.afishTitleBlack {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 text-transform: uppercase; 
 font: bold 13px arial; 
 color: black;
 padding-bottom: 12px; 
 border-bottom: 2px solid black; 
}

.afishListTitle .flw100 span {
 text-transform: none; 
}

.afishListTitle .flw100 {
 text-transform: uppercase; 
 font: bold 13px arial; 
 color: rgb(180,180,180);
 padding-top: 12px; 
}

.afishListPic {
 float: left; 
 position: relative; 
 width: 370px; 
 height: 200px; 
 cursor: pointer; 
 overflow: hidden; 
}

.afishListPic img { width: 100%; height: auto; }

.afishShortTxt {
 float: left; 
 position: relative; 
 width: 330px; 
 height: 174px; 
 overflow: hidden; 
 font: normal 15px arial; 
 color: black; 
 left: 20px; 
 top: 20px; 
 line-height: 16px; 
}

.afishListMorePos {
 position: absolute; 
 top: 130px; 
 left: 640px; 
 width: auto; 
 height: auto;
}
.afishListMorePos .blackButtonWauto {
 min-width: 120px; 
}
.afishListCell:hover .afishListPic .museumPicBlur, .churchListPic:hover .museumPicBlur { display: inline;}

@media screen and (max-width: 1000px) {
 .afishListCell { height: auto; }
 .afishListTitle, .afishListPic, .afishShortTxt, .afishListMorePos {
  float: left; 
  left: 0px; 
  top: 0px; 
  position: relative; 
  width: 100%; 
  height: auto; 
  padding-bottom: 10px; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 }
 .afishShortTxt { padding: 10px; }
}


.afishShortTxt p {
 margin: 0px;
 padding: 0px; 
}

.greenWidth {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 15px; 
 padding-bottom: 20px; 
 background: rgb(204,204,51); 
}

.eventDetailed {
 float: none; 
 display: inline-block; 
 width: 98%; 
 text-align: left; 
 max-width: 1000px; 
 height: auto;  
 font: normal 13px arial; 
 background: white; 
 padding-left: 27px; 
 padding-right: 23px; 
 padding-top: 30px; 
 padding-bottom: 24px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.eventPageTitles {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 30px; 
 text-transform: uppercase; 
 border-bottom: 3px solid rgb(77,77,77);
 font: normal 16px arial; 
 color: rgb(127,127,127); 
}

.eventPageTitles h1 {
 font: normal 18px arial; 
 margin: 0px; 
 padding: 0px; 
 color: black; 
}

.eventPageTitles strong {
 font: normal 16px arial; 
 color: black; 
}

.eventPicText {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 23px; 
}
.eventPicText img {
 float: left;
 margin-right: 20px; 
 margin-bottom: 15px; 
 max-width: 100%; 
 height: auto; 
}

.eventDetailed h2 {
 margin: 0px; 
 padding-bottom: 25px; 
 text-transform: uppercase; 
 font: normal 16px arial; 
 color: rgb(127,127,127); 
}

.gallDownLinkCell {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 padding-top: 50px; 
}

.back2events {
 position: absolute; 
 left: 100%; 
 width: 200px; 
 margin-left: -220px; 
 top: 40px; 
 height: auto; 
 font: normal 14px arial; 
 text-transform: uppercase; 
 color: rgb(127,127,127);
 text-align: right;  
}
.back2events a, .back2events a:visited, .back2events a:active {
 color: rgb(127,127,127); 
} 
.back2events a:hover {
 color: rgb(204,204,51); 
}
@media screen and (max-width: 1000px) { .back2events { margin-left: 0px; float: left; position: relative; top: 0px; width: 100%; left: 0px; } }


.event1row {
 float: left; 
 position: relative; 
 max-width: 375px; 
 height: 18px; 
 overflow: hidden; 
}

.selTicketHead {
 float: left; 
 position: relative; 
 width: 100%; 
 max-width: 950px; 
 height: auto; 
 padding-bottom: 12px; 
 padding-top: 15px; 
 color: rgb(153,153,153); 
 border-bottom: 2px solid rgb(153,153,153); 
 margin-bottom: 20px; 
}

.selTicketHead h1, .selTicketHead h2 {
 font: normal 24px arial; 
 text-transform: uppercase; 
 padding: 0px; 
 margin: 0px; 
 display: inline-block; 
 max-width: calc(100% - 260px);
 float: left; 
 position: relative; 
}

.totalPriceUp {
 margin-top: 5px; 
 max-width: 250px; 
 height: 33px; 
 font: normal 24px arial; 
 color: rgb(153,153,153); 
 text-align: right; 
 float: right; 
}

.totalPriceUp span {
 font: normal 32px arial; 
}

@media screen and (max-width: 459px) {
 .selTicketHead h1, .totalPriceUp { width: 100%; text-align: right; max-width: 100%; }
}

.chCurrLinks {
 position: absolute; 
 top: -20px; 
 left: 100%; 
 width: 250px; 
 margin-left: -250px; 
 height: 33px; 
 font: normal 14px arial; 
 color: rgb(153,153,153); 
 text-align: right; 
}

.chCurrLinks a, .chCurrLinks a:visited, .chCurrLinks a:active {
 color: rgb(204,204,51);
}
.chCurrLinks a:hover {
 color: black; 
} 

.ticketKare {
 float: left; 
 position: relative; 
 width: 90%; 
 min-height: 95px; 
 padding: 10px 5% 10px 5%; 
 font: normal 13px arial; 
 color: black; 
 border-bottom: 2px dotted white; 
}

.ticketKare strong {
 font: bold 14px arial; 
 text-transform: uppercase; 
}
.ticketKare p {
 padding-bottom: 5px; 
 padding-top: 0px; 
 margin: 0px; 
}

.ticketsRow1, .ticketsRow2, .ticketsRow3 {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto;
 padding-bottom: 15px; 
 padding-top: 10px; 
}

.ticketsRow1 .ticketKare {
 background: rgb(204,204,204) url('img/ticket-row1.jpg') no-repeat top center; 
}

.ticketsRow2 .ticketKare {
 background: rgb(153,153,153) url('img/ticket-row2.jpg') no-repeat top center; 
}

.ticketsRow3 .ticketKare {
 background: rgb(204,204,51) url('img/ticket-row3.jpg') no-repeat top center; 
}

.priceInTicket {
 width: 90%; 
 padding: 10px 5% 5px 5%; 
 font: normal 16px arial;
 text-transform: uppercase;  
}

.priceInTicket span {
 color: white; 
 font: normal 24px arial;
}

.tickSelCount {
 width: 90%; 
 height: auto; 
 padding: 5px 5% 10px 5%; 
 text-align: center; 
 text-transform: uppercase; 
 font: normal 14px arial; 
}
.tickSelCount select {
 width: 40px; 
 height: 28px; 
 padding-left: 1px; 
 background: white; 
 font: normal 16px arial; 
 border: 1px solid rgb(178,178,178); 
}

.ticketWcapt {
 position: relative; 
 float: left; 
 width: 32%; 
 height: auto; 
 padding-top: 20px; 
 margin-right: 0.5%; 
 margin-left: 0.5%;
 background: rgb(204,204,204);
 margin-bottom: 20px; 
}

.ticketWcapt.ticketCol1 { background: rgb(153,153,153);}
.ticketWcapt.ticketCol2 { background: rgb(204,205,51);}

.ticketCapt {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 55px; 
 overflow: hidden; 
 color: black; 
 text-transform: uppercase; 
 font: normal 18px arial; 
}

@media screen and (max-width: 799px) { .ticketWcapt { 
 width: 94%; 
 margin-right: 3%; 
 margin-left: 3%;
} 
 .ticketCapt, .ticketKare { min-height: 30px;  }
}

.buyTicketButton {
 float: none; 
 display: inline-block; 
 max-width: 1000px; 
 width: 100%; 
 min-height: 80px; 
 padding-bottom: 110px; 
 height: auto; 
 background: url('img/tickets-buy-button-div.jpg') no-repeat bottom center;
}

.buyTicketButton input {
 display: inline-block; 
 margin-top: 44px;
 height: 35px; 
 width: 175px; 
 font: normal 14px arial; 
 color: white; 
 margin-top: 15px; 
 background: black url('img/black-button-arrow.jpg') no-repeat center right; 
 margin-right: 20px;
 border: transparent; 
 text-transform: uppercase;  
 cursor:pointer; 
}

.buyTicketButton input:hover {
 color: rgb(160,160,160);  
}

.euProjInfo {
 float: left; 
 position: relative; 
 width: 650px; 
 left: 50%; 
 margin-left: -325px; 
 height: auto;
 background: white url('img/eu-header.gif') no-repeat top center; 
 border-top: 3px solid rgb(250,250,250);
 padding-top: 66px; 
 padding-bottom: 12px; 
 text-align: center; 
 margin-bottom: 0px; 
 font: normal 11px arial; 
}

.euProjInfo p {
 margin: 0px; 
 padding-top: 0px; 
 padding-bottom: 4px;
}

.euProjInfo span {
 font: bold 13px arial; 
}

.hotelListKare {
 float: left; 
 position: relative; 
 width: 255px; 
 height: auto; 
 padding-left: 65px; 
 padding-top: 10px; 
 background: url('img/hotels-dot.gif') no-repeat top left; 
 padding-bottom: 35px; 
 padding-right: 10px; 
}

.hotelListKare strong {
 text-transform: uppercase; 
 font: normal 13px arial; 
}

div.hotelListKare a, div.hotelListKare a:visited, div.hotelListKare a:active {
 color: black; 
}
div.hotelListKare a:hover {
 color: silver; 
}

.hotelListUnderline {
 position: absolute; 
 top: 100%; 
 margin-top: -20px; 
 left: 65px; 
 width: 255px; 
 height: 3px; 
 background: rgb(205,205,205); 
}

.locationShow {
 float: left; 
 position: relative; 
 width: 100%; 
 padding-left: 30px; padding-right: 30px; 
 padding-top: 30px; 
 padding-bottom: 25px; 
 height: auto;
 background: rgb(204,204,204); 
 overflow: hidden; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#mapLoadsHere, .mapLoadsHereClass {
 float: none; 
 display: inline-block; 
 max-width: 1250px; 
 width: 100%; 
 height: 380px; 
}

.locationShow h2 {
 font: normal 18px arial; 
 text-transform: uppercase; 
 color: black; 
 padding: 0px; 
 margin: 0px; 
 margin-bottom: 4px; 
}

.allEvents {
 margin-top: 20px; 
 float: right; 
 max-width: 300px; 
 height: 32px; 
 text-align: right; 
 text-transform: uppercase; 
 font: normal 14px arial; 
}

.allEvents img {
 vertical-align: middle; 
}

.allEvents a, .allEvents a:visited, .allEvents a:active {
 color: black; 
}
.allEvents a:hover {
 color: rgb(160,160,160);
}

.moreGallsInMenu {
 float: left; 
 position: relative; 
 width: 100%; 
 font: normal 11px arial; 
 color: rgb(30,30,30); 
 line-height: 11px; 
}

.mapStickBot {
 float: left; position: relative;
 padding-left: 20px; 
 width: 100%; 
 min-height: 30px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.ccAroundBuy {
 margin-top: 10px; 
 margin-left: 20px; 
 width: auto; 
 height: auto; 
}

.ccAroundBuy img, .ccAroundBuy a img  {
 margin-right: 5px; 
 max-width: 100%; height: auto; 
}

.chkBoxAgree {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 10px; 
 padding-bottom: 20px; 
}

.chkBoxAgree input {
 width: 20px; 
 height: 20px; 
 background: rgb(204,204,51); 
 border: 1px solid rgb(204,204,51);
}

.buyFlds {
 float: left; 
 position: relative; 
 width: 50%; 
 height: auto; 
 padding-top: 10px; 
 padding-bottom: 10px; 
 font: normal 14px arial; 
}

.buyFlds input {
 width: 250px; 
 max-width: 90%; 
 height: 20px; 
 background: white; 
 border: 1px solid rgb(204,204,51);
}

.panoramaIn {
 width: 100%; 
 height: 650px; 
}

@media screen and (max-height: 680px) { .panoramaIn { height: 460px; } }
@media screen and (max-height: 490px) { .panoramaIn { height: 360px; } }
@media screen and (max-height: 390px) { .panoramaIn { height: 240px; } }

@media screen and (max-width: 800px) { .panoramaIn { height: 460px; } }
@media screen and (max-width: 400px) { .panoramaIn { height: 240px; } }

.covid19 {
 border: 2px solid rgb(204,204,51); 
 text-align: center;
 font-weight: bold; 
 padding: 10px; 
 background: rgb(250,250,250); 
}

.padTop20 { padding-top: 20px; } 

.overHid { overflow: hidden; }

.fLink {
 display: inline-block; 
 width: 30px; 
 height: 30px; 
 background-image: url('img/img-common/facebook.gif'); 
 background-size: 100% 100%; 
 background-position: center center; 
 vertical-align: middle;
}

.museumWT { position: absolute; 
top: 0%; 
left: 5%; 
width: 80%; 
height: 90%; 
padding: 5%; 
overflow: auto; 
background: rgba(255,255,255,0.85); 
color: black; 
font-size: 12px; line-height: 14px; 
}

.museumListCell:hover .museumWT {
 background: rgba(255,255,255,1); 
}

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

.blackButtonLink.margTop20 { margin-top: 20px!important; }

@media screen and (max-width: 799px) {
 .flw33 { width: 100%; padding-bottom: 10px; }
}

.fontUp { font-size: 1.2em; }

.afishListPic img { vertical-align: middle; }

.picWatchHeight img { max-width: 100%; max-height: 100%; width: auto; transition: 0.4s;  }
.museumListCell:hover .picWatchHeight img { max-width: 102%; max-height: 102%; }

.imgmax img { max-width: 100%;height: auto; }
.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(79,191,237);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(79,191,237);
}

.ajCalDay {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(79,191,237); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: gold; 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}
.realContText, .realContText td
{
 font: normal 13px arial; 
 color: black; 
}

.realContText a, .realContText a:visited, .realContText a:active { 
 text-decoration: none;
 border:0; 
 color: rgb(197,49,99); 
 font: inherit; 
}

.realContText a:hover {
 text-decoration: none;
 border: 0; 
 color: rgb(204,204,51);
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 padding-top: 0px; 
 margin-top: 0px; 
 padding-bottom: 0px; 
 margin-bottom: 9px; 
}

.realContText h1, .realContText td h1 {
 font: bold 18px arial; 
 color: rgb(51,51,51); 
 margin: 0px; 
 padding-left: 0px; 
 padding-top: 0px; 
 padding-bottom: 5px; 
}

.realContText h2, .realContText td h2 {
 font: bold 16px arial; 
 padding-top: 0px;
 padding-bottom: 10px;
 color: rgb(51,51,51); 
}

.realContText h3, .realContText td h3 {
 font: bold 15px arial; 
 margin-top: 2px;
 margin-bottom: 6px;
 color: rgb(51,51,51); 
}

.realContText h4, .realContText td h4 {
 font: bold 13px arial; 
 margin-bottom: 0px;
 color: rgb(51,51,51); 
}

.realContText h5, .realContText td h5 {
 font: bold 12px arial;
 margin-bottom: 0px;
 margin-top: 0px;
}


.realContText h6, .realContText td h6 {
 font: normal 12px arial; 
 margin-bottom: 5px;
 margin-top: 0px;
}

.realContText li {
 font: normal 13px arial;
 padding: 0px; 
 margin: 0px; 
}

.realContText a, .realContText a:visited, .realContText a:active {
 text-decoration: none; 
}

.warnDiv {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 padding: 3px; 
 font: bold 14px arial; 
 color: red; 
}