@import 'https://fonts.googleapis.com/css?family=Fjalla+One';

body {
	font: normal 1em "Helvetica Neue", Arial, sans-serif;
	color: #fff;
}
#menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	padding: 5px;
	max-width: 70%;
}

#menu a.francais {
	display: inline-block;
	background-image: url("../image/fr.png");
	width: 141px;
	height: 41px;
	transform: scale(0.9);
}
#menu a.francais:hover {
	/*background-image: url("../image/fr_hover.png");*/
	transform: scale(1.0);
}

#menu a.english {
	display: inline-block;
	background-image: url("../image/en.png");
	width: 141px;
	height: 41px;
	transform: scale(0.9);
}
#menu a.english:hover {
	/*background-image: url("../image/test_en_hover.png");*/
	transform: scale(1.0);
}

#menu a.korean {
	display: inline-block;
	background-image: url("../image/kr.png");
	width: 141px;
	height: 41px;
	transform: scale(0.9);
}
#menu a.korean:hover {
	/*background-image: url("../image/test_kr_hover.png");*/
	transform: scale(1.0);
}
#menu a.chinese {
	display: inline-block;
	background-image: url("../image/cn.png");
	width: 141px;
	height: 41px;
	transform: scale(0.9);
}
#menu a.chinese:hover {
	/*background-image: url("../image/test_cn_hover.png");*/
	transform: scale(1.0);
}

#menu a.japanese {
	display: inline-block;
	background-image: url("../image/jp.png");
	width: 141px;
	height: 41px;
	transform: scale(0.9);
}
#menu a.japanese:hover {
	/*background-image: url("../image/test_jp_hover.png");*/
	transform: scale(1.0);
}
section:nth-child(1) {
	/*background-image: url(../image/TokyoNightscape.jpg);
	background-size: cover;*/
}
section:nth-child(2) {
	/*background-color: #6EC5CA;*/
	background-image: url(../image/fullmap-bg.png);
	background-size: cover;
	overflow: hidden;
}
section:nth-child(3) {
	background-image: url(../image/blur-new.png);
	background-size: cover;
	margin-top: 0;
}
section:nth-child(4) {
	background-color: #999999;
}
.fourth buttom {
	margin-top: 0;
}
/**/
.footer-title{
	font-size: 2em;
	font-weight: bold;
	margin-top: 20px;
}
.footer-link {
	font-size: 1.5em;
}
.fourth .btn-brochure-kr {
	color: #333;
	background-color: #ffcc00;
	border-color: #ffcc00;
}


#menu a.yadosearch {
	display: inline-block;
	background-image: url("../image/btn_booknow.png");
	width: 141px;
	height: 41px;
	transform: scale(0.9);
}
#menu a.yadosearch:hover {
	transform: scale(1.0);
}


p {
	margin-bottom: 0;
}

#fp-nav ul li a span {
	background: #fff;
}

img {
	margin: 0 auto;
}

.image-wrapper .image-title {
	font-family: 'Fjalla One', sans-serif;
	position: absolute;
	font-size: 55px;
	top: 235px;
	left: 65px;
}

.image-wrapper .image-title-2 {
	font-family: 'Fjalla One', sans-serif;
	position: absolute;
	font-size: 55px;
	top: 0px;
	left: 0px;
	width: 100%
}

.section-title {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}

.fourth .fp-tableCell{
vertical-align: top;

}
/**/
/*.third .row > div {
	margin-bottom: -15px;
	padding-right: 5px;
	padding-left: 5px;
}
.third .row .hotel > img {
	-webkit-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 2px 0px rgba(50, 50, 50, 0.75);
	width: 95%;
}*/

.third {
	color: #000;
}
.third .onsen-hotel-box > div:nth-child(1) {
	padding-right: 5px;
}
.third .onsen-hotel-box > div:nth-child(2) {
	padding-left: 0;
}
.onsen-image-header {
	width: 50%;
}
.onsen-hotel-box {
	height: 125px;
	overflow: hidden;
}
h1.onsen-header{
	padding: 3px 5px;
	margin:0;
	color: #fff;
	font-size: 1.5em;
	line-height: 1.5em;
}
.third .row > div:nth-child(2) > h1.onsen-header { background-color: #000000; }
.third .row > div:nth-child(3) > h1.onsen-header { background-color: #990099; }
.third .row > div:nth-child(4) > h1.onsen-header { background-color: #cc0033; }
.third .row > div:nth-child(5) > h1.onsen-header { background-color: #003399; }
.third .row > div:nth-child(6) > h1.onsen-header { background-color: #ff6600; }
.third .row > div:nth-child(7) > h1.onsen-header { background-color: #009966; }

/*
.third .row > div:nth-child(8) > h1.onsen-header { background-color: #663300; }
.third .row > div:nth-child(9) > h1.onsen-header { background-color: #006633; }
*/

.third .row > div:nth-child(8) > h1.onsen-header { background-color: #ff9900; }
.third .row > div:nth-child(9) > h1.onsen-header { background-color: #999933; }
.third .row > div:nth-child(10) > h1.onsen-header { background-color: #0099ff; }


.onsen-title {
	text-align: right;
	font-size: 1.5em;
	font-weight: bold;
}
.onsen-subtitle {
	text-align: right;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.onsen-appeal {
	text-align: justify;
	font-size: 1.1em;
}

.fourth .info {
	font-size: 1.5em;
}
@media (max-width: 768px) {
	/*.container > .row > div:nth-child(2n+1){
		padding-left: 5px;
	}
	.container > .row > div:nth-child(2n+2){
		padding-right: 5px;
	}*/
	.onsen-image-header {
		width: 100%;
	}
	.onsen-hotel-box {
		height: 110px;
	}
	/*h1.onsen-header {
		font-size: 0.8em;
	}
	.onsen-title {
		font-size: 0.7em;
	}
	.onsen-subtitle {
		font-size: 0.6em;
		margin-bottom: 10px;
	}*/
	.onsen-appeal {
		font-size: 0.8em;
	}
	.fourth .info {
		font-size: 1em;
	}
	.footer-link-box div:nth-child(2) {
		padding-left: 0
	}
	.footer-title{
		font-size: 1em;
		font-weight: bold;
		margin-top: 7px;
		margin-right: -15px;
	}
	.footer-link {
		font-size: 1.1em;
	}
}

/* Flexible iFrame */
/*.flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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

.cover-top-wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
.cover-bottom-wrapper {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 999;
}
/**/
.fourth .cover-bottom-wrapper {
	background-color: #fff;
	padding: 15px;15px;
}
.cover-wrapper {
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.cover-wrapper .logo {
	position: absolute;
	top: 25%;
	width: 100%;
	text-align: center;
	z-index: 999;
}
.cover-wrapper .background-1{
	height: 100%;
	width: 100%;
	background-image: url(../image/TokyoNightscape.jpg);
	background-size: cover;
}
.cover-wrapper .background-2{
	height: 100%;
	width: 100%;
	background-image: url(../image/TokyoNightscape.jpg);
	background-size: cover;
}

/**/
.second .fp-tableCell {
	display: block;
}
.second .map-wrapper {
	position: relative;
	height: inherit;
}
.map-wrapper > img {
	display: block;
	transform: translateX(-37%) translateY(-42%) scale(1.6);
	/*transform: translateX(-428px) translateY(-510px) scale(1.6);*/
	width: 100%;
	/*height: 100%;*/
}
.onsen-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*height: 630px;*/
}
.onsen-wrapper .onsen {
	transform: scale(0.8);
}
.onsen-wrapper .onsen:hover > img {
	transform: scale(1.1);
}
.onsen-wrapper .onsen:active {
	transform: scale(1.1);
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}

/**/
@media (min-width: 320px) and (max-width: 767px){
	.map-wrapper > img {
		display: block;
		transform: translateX(-73%) translateY(7%) scale(3.4);
		width: 100%;
		/*height: 100%;*/
	}
	.onsen-wrapper {
		width: 100%;
		height: 100%;
	}
	.onsen-wrapper .onsen {
		transform: scale(0.4);
	}
	.onsen-wrapper .onsen:hover > img {
		transform: scale(0.6);
	}
	.onsen-wrapper .onsen:active {
		transform: scale(0.6);
	}
}
@media (min-width: 412px) and (max-width: 412px){
	.map-wrapper > img {
		display: block;
		transform: translateX(-75%) translateY(-10%) scale(3.4);
		width: 100%;
		/*height: 100%;*/
	}
}
@media (min-width: 768px) and (max-width: 768px){
	.map-wrapper > img {
		display: block;
		transform: translateX(-73%) translateY(-16%) scale(3.4);
		width: 100%;
		/*height: 100%;*/
	}
	.onsen-wrapper {
		width: 100%;
		height: 100%;
	}
	.onsen-wrapper .onsen {
		transform: scale(0.8);
	}
	.onsen-wrapper .onsen:hover > img {
		transform: scale(0.9);
	}
	.onsen-wrapper .onsen:active {
		transform: scale(0.9);
	}
}
@media (min-width: 769px) and (max-width: 800px){
	.onsen-wrapper .onsen {
		transform: scale(0.5);
	}
	.onsen-wrapper .onsen:hover > img {
		transform: scale(0.8);
	}
	.onsen-wrapper .onsen:active {
		transform: scale(0.8);
	}
}
@media (min-width: 1599px) {
	.onsen-wrapper .onsen {
		transform: scale(1);
	}
	.onsen-wrapper .onsen:hover > img {
		transform: scale(1.2);
	}
	.onsen-wrapper .onsen:active {
		transform: scale(1.2);
	}
}
/*
@media (max-width: 320px) {
	.map-wrapper > img {
		display: block;
		transform: translateX(-235px) translateY(-100px) scale(3.4);
		width: 100%;
		height: 100%;
	}
	.onsen-wrapper .onsen {
		transform: scale(0.4);
	}
	.onsen-wrapper .onsen:hover > img {
		transform: scale(0.6);
	}
	.onsen-wrapper .onsen:active {
		transform: scale(0.6);
	}
}
@media (min-width: 321px) and (max-width: 767px) {
	.map-wrapper > img {
		display: block;
		transform: translateX(-285px) translateY(-150px) scale(3.4);
		width: 100%;
		height: 100%;
	}
	.onsen-wrapper .onsen {
		transform: scale(0.5);
	}
	.onsen-wrapper .onsen:hover > img {
		transform: scale(0.6);
	}
	.onsen-wrapper .onsen:active {
		transform: scale(0.6);
	}
}
@media (min-width: 768px) and (max-width: 768px){
	.map-wrapper > img {
		display: block;
		transform: translateX(-562px) translateY(-210px) scale(3.4);
		width: 100%;
		height: 100%;
	}
}*/
/*@media (min-width: 1024px){
	.map-wrapper > img {
		display: block;
		transform: translateX(-380px) translateY(-290px) scale(2);
		width: 100%;
		height: 100%;
	}
	.onsen-wrapper .onsen {
		transform: scale(0.8);
	}
	.onsen-wrapper .onsen:hover > img {
		transform: scale(1);
	}
	.onsen-wrapper .onsen:active {
		transform: scale(1);
	}
}*/

/*
.image-onsen-1 { position: absolute; top: 24%; left: 32%; }
.image-onsen-2 { position: absolute; top: 22%; left: 43%; }
.image-onsen-3 { position: absolute; top: 35%; left: 41%; }
.image-onsen-4 { position: absolute; top: 55%; left: 55%; }
.image-onsen-5 { position: absolute; top: 17%; left: 58%; }
.image-onsen-6 { position: absolute; top: 31%; left: 60%; }
.image-onsen-7 { position: absolute; top: 53%; left: 42%; }
.image-onsen-8 { position: absolute; top: 40%; left: 33%; }
.image-onsen-9 { position: absolute; top: 29%; left: 44%; }
.image-onsen-10 { position: absolute; top: 16%; left: 38%; }
*/
.image-onsen-1 { position: absolute; top: 38%; left: 32%; }
.image-onsen-2 { position: absolute; top: 33%; left: 43%; }
.image-onsen-3 { position: absolute; top: 53%; left: 41%; }
.image-onsen-4 { position: absolute; top: 76%; left: 55%; }
.image-onsen-5 { position: absolute; top: 22%; left: 58%; }
.image-onsen-6 { position: absolute; top: 46%; left: 60%; }
.image-onsen-7 { position: absolute; top: 76%; left: 42%; }
.image-onsen-8 { position: absolute; top: 58%; left: 33%; }
.image-onsen-9 { position: absolute; top: 46%; left: 44%; }
.image-onsen-10 { position: absolute; top: 16%; left: 38%; }
.image-onsen-search { position: absolute; top: 20%; left: 70%; }
/*
.image-onsen-1 { position: absolute; top: 302px; left: 32%; }
.image-onsen-2 { position: absolute; top: 282px; left: 43%; }
.image-onsen-3 { position: absolute; top: 418px; left: 41%; }
.image-onsen-4 { position: absolute; top: 580px; left: 55%; }
.image-onsen-5 { position: absolute; top: 246px; left: 58%; }
.image-onsen-6 { position: absolute; top: 370px; left: 60%; }
.image-onsen-7 { position: absolute; top: 580px; left: 42%; }
.image-onsen-8 { position: absolute; top: 425px; left: 33%; }
.image-onsen-9 { position: absolute; top: 360px; left: 44%; }
.image-onsen-10 { position: absolute; top: 130px; left: 38%; }
*/

@media (min-width: 320px) and (max-width: 767px){
	.image-onsen-1 { position: absolute; top: 37.5%; left: 8%; }
	.image-onsen-2 { position: absolute; top: 37%; left: 34%; }
	.image-onsen-3 { position: absolute; top: 49%; left: 31%; }
	.image-onsen-4 { position: absolute; top: 65%; left: 67%; }
	.image-onsen-5 { position: absolute; top: 33%; left: 60%; }
	.image-onsen-6 { position: absolute; top: 45%; left: 66.4%; }
	.image-onsen-7 { position: absolute; top: 63%; left: 35%; }
	.image-onsen-8 { position: absolute; top: 53%; left: 11%; }
	.image-onsen-9 { position: absolute; top: 44.7%; left: 37%; }
	.image-onsen-10 { position: absolute; top: 29%; left: 24%; }
	.image-onsen-search { display: none; }
}
@media (min-width: 768px) and (max-width: 768px){
	.image-onsen-1 { position: absolute; top: 37.5%; left: 16%; }
	.image-onsen-2 { position: absolute; top: 39%; left: 42%; }
	.image-onsen-3 { position: absolute; top: 55%; left: 40%; }
	.image-onsen-4 { position: absolute; top: 75%; left: 75%; }
	.image-onsen-5 { position: absolute; top: 33%; left: 60%; }
	.image-onsen-6 { position: absolute; top: 51%; left: 75%; }
	.image-onsen-7 { position: absolute; top: 72%; left: 45%; }
	.image-onsen-8 { position: absolute; top: 60%; left: 20%; }
	.image-onsen-9 { position: absolute; top: 48%; left: 45%; }
	.image-onsen-10 { position: absolute; top: 29%; left: 33%; }	
}

@media screen and (max-width: 767px){
	.image-onsen-search { display: none!important; }
}
@media screen and (min-width: 768px){
	.image-onsen-search { display: block; position: absolute; top: 20%; right: 2%; transform: scale(0.8); }
	.spNone { display: none!important;}
}

/*@media (max-width: 320px) {
	.image-onsen-1 { position: absolute; top: 225px; left: 0px; }
	.image-onsen-2 { position: absolute; top: 212px; left: 100px; }
	.image-onsen-3 { position: absolute; top: 298px; left: 75px; }
	.image-onsen-4 { position: absolute; top: 405px; left: 210px; }
	.image-onsen-5 { position: absolute; top: 160px; left: 210px; }
	.image-onsen-6 { position: absolute; top: 275px; left: 240px; }
	.image-onsen-7 { position: absolute; top: 405px; left: 100px; }
	.image-onsen-8 { position: absolute; top: 292px; left: -10px; }
	.image-onsen-9 { position: absolute; top: 267px; left: 117px; }
	.image-onsen-10 { position: absolute; top: 175px; left: 65px; }
}
@media (min-width: 321px) and (max-width: 360px) {
	.image-onsen-1 { position: absolute; top: 225px; left: 0px; }
	.image-onsen-2 { position: absolute; top: 212px; left: 100px; }
	.image-onsen-3 { position: absolute; top: 298px; left: 75px; }
	.image-onsen-4 { position: absolute; top: 405px; left: 210px; }
	.image-onsen-5 { position: absolute; top: 160px; left: 210px; }
	.image-onsen-6 { position: absolute; top: 275px; left: 240px; }
	.image-onsen-7 { position: absolute; top: 405px; left: 100px; }
	.image-onsen-8 { position: absolute; top: 292px; left: -10px; }
	.image-onsen-9 { position: absolute; top: 267px; left: 117px; }
	.image-onsen-10 { position: absolute; top: 160px; left: 55px; }
}
@media (min-width: 361px) and (max-width: 767px) {
	.image-onsen-1 { position: absolute; top: 235px; left: 60px; }
	.image-onsen-2 { position: absolute; top: 232px; left: 160px; }
	.image-onsen-3 { position: absolute; top: 318px; left: 135px; }
	.image-onsen-4 { position: absolute; top: 425px; left: 270px; }
	.image-onsen-5 { position: absolute; top: 180px; left: 270px; }
	.image-onsen-6 { position: absolute; top: 295px; left: 300px; }
	.image-onsen-7 { position: absolute; top: 425px; left: 160px; }
	.image-onsen-8 { position: absolute; top: 312px; left: 50px; }
	.image-onsen-9 { position: absolute; top: 287px; left: 177px; }
	.image-onsen-10 { position: absolute; top: 180px; left: 115px; }
}*/
/*@media (min-width: 361px) and (max-width: 767px) {
	.image-onsen-1 { position: absolute; top: 235px; left: 60px; }
	.image-onsen-2 { position: absolute; top: 232px; left: 160px; }
	.image-onsen-3 { position: absolute; top: 318px; left: 135px; }
	.image-onsen-4 { position: absolute; top: 425px; left: 270px; }
	.image-onsen-5 { position: absolute; top: 180px; left: 270px; }
	.image-onsen-6 { position: absolute; top: 295px; left: 300px; }
	.image-onsen-7 { position: absolute; top: 425px; left: 160px; }
	.image-onsen-8 { position: absolute; top: 312px; left: 50px; }
	.image-onsen-9 { position: absolute; top: 287px; left: 177px; }
	.image-onsen-10 { position: absolute; top: 180px; left: 115px; }
}*/
/*@media (min-width: 768px) and (max-width: 768px){
	.image-onsen-1 { position: absolute; top: 440px; left: 160px; }
	.image-onsen-2 { position: absolute; top: 445px; left: 315px; }
	.image-onsen-3 { position: absolute; top: 595px; left: 270px; }
	.image-onsen-4 { position: absolute; top: 763px; left: 502px; }
	.image-onsen-5 { position: absolute; top: 350px; left: 515px; }
	.image-onsen-6 { position: absolute; top: 555px; left: 575px; }
	.image-onsen-7 { position: absolute; top: 784px; left: 315px; }
	.image-onsen-8 { position: absolute; top: 630px; left: 165px; }
	.image-onsen-9 { position: absolute; top: 540px; left: 360px; }
	.image-onsen-10 { position: absolute; top: 300px; left: 260px; }
}*/

/**/
.fp-enabled .modal{
	position:fixed !important;
}
button.close {
	position: relative;
	z-index: 999;
}
.modal-content {
	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	border: 5px solid #fff;
	border-radius: 10px;
	padding: 15px;
	box-shadow: none;
}
.onsen-province {
	position: absolute;
	top: -35px;
	background-color: #000;
	padding: 5px 10px;
	font-size: 2em;
	font-weight: bold;
}
.modal-body .onsen-title {
	font-size: 2.2em;
	margin-top: 0;
	margin-bottom: 15px;
}
.modal-body .onsen-detail {
	font-size: 1.2em;
	margin-bottom: 15px;
}
.modal-body .onsen-way {
	font-size: 1.2em;
	margin-bottom: 15px;
}
.modal-body .onsen-top3 {
	font-size: 1.2em;
}
@media (min-width: 768px) {
	.modal-body .onsen-detail {
		font-size: 1.5em;
	}
	.modal-body .onsen-way {
		font-size: 1.5em;
	}
	.modal-body .onsen-top3 {
		font-size: 1.5em;
		padding-right: 100px;
	}
}
.modal-body .onsen-qr {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 15px;
}

/**/
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../image/pattern.html) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../image/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../image/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../image/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../image/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../image/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../image/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}

#RundumA #RundumB {
	display: none;
}
