body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

/**
 * Calendar toolbar
 */
.availability-calendar-toolbar {
	padding-bottom: 0.5em;
	font-size: 1.0em;
	font-weight: bold;
}

.availability-calendar-toolbar span:last-child {float: right}

.availability-calendar-toolbar input {
	padding: 3px 8px;
	background: #F5F5F5;
	background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
	border: 1px solid #BBB;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	font-weight: bold;
	cursor: pointer;
	outline: 0;
}

.availability-calendar-toolbar input:first-child {
	border-radius: 6px 0 0 6px;
}

.availability-calendar-toolbar input:nth-child(2) {border-radius: 6px 0 0 6px}

.availability-calendar-toolbar input:last-child {
	margin-left: -1px;
	border-radius: 0 6px 6px 0;
}

.availability-calendar-toolbar input:hover {
	background: #E5E5E5;
	background-image: linear-gradient(to bottom, #EEE, #D6D6D6);
}

.availability-calendar-toolbar input:active {
	background: #D5D5D5;
	background-image: linear-gradient(to bottom, #DDD, #C6C6C6);
}


/**
 * Calendar table and cells
 */
.availability-calendar {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.availability-calendar th, .availability-calendar td {
	border: 1px solid #DDD;
	padding: 5px;
}

.availability-calendar td {
	height: 30px;
	vertical-align: top;
	text-align: right;
}

.availability-calendar .ex-month {opacity: 0.4}
.availability-calendar .unavailable {position: relative}

.availability-calendar .unavailable div {
	position: absolute;
	top: 55%;
	left: 0;
	right: -1px;
	height: 13px;
	background: #F88;
	border-top: 1px solid #A33;
	border-bottom: 1px solid #A33;
}

/*.availability-calendar .unavailable:last-child div {right: 0}*/

.availability-calendar .unavailable .first {
	left: 51%;
	border-radius: 6px 0 0 6px;
	border-left: 1px solid #A33;
}

.availability-calendar .unavailable .last {
	right: 51%;
	border-radius: 0 6px 6px 0;
	border-right: 1px solid #A33;
}
 .calendar  h3 {
margin: 0.5em 0 0.2em 0 ;
}
div#calendars {
    margin-bottom: 0.5em;
    
}

span.unavailable {
	display:none;
}
.disableroom .unavailable {
	display:inline;
}
.disableroom .available {
	display:none;
}
label.disableroom  {
	text-decoration:line-through;
}
label.disableroom  span.unavailable {
	text-decoration:none;
	font-weight: bold;
}


@font-face {
    font-family: 'permanent_markerregular';
    font-display: auto;
    src: url('/css/fonts/permanentmarker-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/permanentmarker-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'architects_daughterregular';
    font-display: auto;
    src: url('/css/fonts/architectsdaughter-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/architectsdaughter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandregularbold';
    font-display: auto;
    src: url('/css/fonts/quicksand-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/quicksand-bold-webfont.woff') format('woff');
    font-weight:bold;
    font-style: normal;
}

@font-face {
    font-family: 'quicksand_mediumregular';
    font-display: auto;
    src: url('/css/fonts/quicksand-medium-webfont.woff2') format('woff2'),
         url('/css/fonts/quicksand-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandregular';
    font-display: auto;
    src: url('/css/fonts/quicksand-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/quicksand-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksand_lightregular';
    font-display: auto;
    src: url('/css/fonts/quicksand-light-webfont.woff2') format('woff2'),
         url('/css/fonts/quicksand-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body, table, form{
	margin:0;
	padding:0;
}

body {
    color: #F6F6F6;
    font-family: 'Quicksand', sans-serif;
}
html,
body {
    height:100%;
    overflow:hidden;
}

a {
    color: #F6F6F6;
    text-decoration:underline;
    font-weight:400;
}

a:hover {
    text-decoration:none;
}

h1,h2 {
    color: #e6e6e6;
}

.animated{
	-webkit-transition:margin-left 0.2s ease-in-out;
	-moz-transition:margin-left 0.2s ease-in-out;
	-o-transition:margin-left 0.2s ease-in-out;
	-ms-transition:margin-left 0.2s ease-in-out;
	transition:margin-left 0.2s ease-in-out;
}

#canvas{
	width: 960px;
	height: 600px;
	margin: 60px auto;
}
#canvas-container{
    position: relative;
}

#book-zoom{
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-ms-transition: -ms-transform 1s;
	-o-transition: -o-transform 1s;
	transition: transform 1s;
}

.sj-book{
	width:960px;
	height:600px;
}

.sj-book h1{
    font-family: 'quicksandregular', sans-serif;
	font-size: 1.6em;
	font-weight: 600;
	margin: 15px 0;
    text-align:left;
}

.sj-book h2{
    font-size:1.2em;
	font-weight: 600;
    text-align:left;
}

.p1 h1,
.p2 h1,
.p3 h1 {
	font-size: 1.2em;
}

.p1 h2,
.p2 h2, 
.p3 h2 {
	font-size: 1.6em;
}
.sj-book .book-content {
    font-family: 'quicksandregular', sans-serif;
	margin:30px 30px;
    text-align:center;
}

.sj-book .book-content #tantebob {
    text-align:left;
}
.sj-book .book-content p{
	font-size:1.0em;
    text-align:left;
}
.sj-book .p2 .book-content p,
.sj-book .p1 .book-content p {
    text-align:center;
}

#tantebob p {
    text-align:left;
}


.sj-book blockquote{
	color:#586078;
	margin:10px 0;
	font-style:italic;
}

.sj-book blockquote:before{
	content: "\201C";
	color:#333D53;
	font-size:1.1em;
}

.sj-book blockquote:after{
	content: "\201D";
	color:#333D53;
	font-size:1.1em;
}

.sj-book cite{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:0.9em;
	font-weight:200;
	font-style:normal;
	color:#666;
}

.sj-book .book-content .center-pic{
	margin:0;
	text-indent:0;
	text-align:center;
}

.sj-book .zoom-this:hover{
	opacity:0.9;
	cursor:pointer;
}

.sj-book .book-content p{
	margin: 10px 0;
	line-height: 1.2em;
}

.sj-book .left-pic{
	float:left;
	margin-top:15px;
	margin-right:15px;
	margin-bottom:15px;
}

.sj-book ul {
    margin: 0;
    text-align: left;
	line-height: 1.2em;
	font-size:1.0em;
}
.animated{
	-webkit-transition:margin-left 0.2s ease-in-out;
	-moz-transition:margin-left 0.2s ease-in-out;
	-o-transition:margin-left 0.2s ease-in-out;
	-ms-transition:margin-left 0.2s ease-in-out;
	transition:margin-left 0.2s ease-in-out;
}

.sj-book .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 30px #111;
	-moz-box-shadow:0 0 30px #111;
	-ms-box-shadow:0 0 30px #111;
	-o-box-shadow:0 0 30px #111;
	box-shadow:0 0 30px #111;
/*    z-index:11 !important;*/
}

.sj-book .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.zoom-pic{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	z-index:999;
}

.zoom-pic img{
	-webkit-box-shadow:0 0 20px #999;
	-moz-box-shadow:0 0 20px #999;
	-o-box-shadow:0 0 20px #999;
	-ms-box-shadow:0 0 20px #999;
	box-shadow:0 0 20px #999;
}

.sj-book .p1,
.sj-book .p2,
.sj-book .ponebutlast, 
.sj-book .plast{
	background-color:white;
    background-image:url(/pics/book-covers.jpg) !important; 
}

.sj-book .p1{
	background-position:0 0 !important;
}

.sj-book .p1 .side{
	width:5px;
	height:600px;
	position:absolute;
	top:0;
	left:475px;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(0.5,  #ddd), color-stop(1,  #bbb));
	background-image:-webkit-linear-gradient(left, #bbb, #ddd, #bbb);
	background-image:-moz-linear-gradient(left, #bbb, #ddd, #bbb);
	background-image:-ms-linear-gradient(left, #bbb, #ddd, #bbb);
	background-image:-o-linear-gradient(left, #bbb, #ddd, #bbb);
	background-image:linear-gradient(left, #bbb, #ddd, #bbb);
	
	-webkit-transform:rotateY(-90deg);
	-moz-transform:rotateY(-90deg);
	-o-transform:rotateY(-90deg);
	-ms-transform:rotateY(-90deg);
	transform:rotateY(-90deg);

	-webkit-transform-origin:top right;
	-moz-transform-origin:top right;
	-o-transform-origin:top right;
	-ms-transform-origin:top right;
	transform-origin:top right;

}

.sj-book-transform div[page="1"] > div, .sj-book-transform div[page="2"] > div{
	overflow:visible !important;
}

.sj-book .depth{
	background-image:url(/pics/pages-depth.png);
	position:absolute;
	top:7px;
	width:16px;
	height:590px;
}

.sj-book .front-side .depth{
	left:4px;
	background-position:0 0;
}

.sj-book .back-side .depth{
	right:4px;
	background-position:right 0;
}


.sj-book .p2{
/*    background-image: url("/pics/background-ring-even.png"), url(/pics/book-covers.jpg) !important; 
	background-position: right 15px, 0 0 !important;*/
	background-position: 0 0 !important;
}

.sj-book .p3{
	/*background-position:-1920px 0 !important;*/
}

.sj-book .ponebutlast{
	background-position:-0px 0 !important;
}

.sj-book .plast{
	background-position:-1440px 0 !important;
}

.sj-book .hard{
	width:480px;
	height:600px;
	background-color:white;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	box-shadow:none;
}

.sj-book .page-wrapper{
	-webkit-perspective:2000px;
	-moz-perspective: 2000px;
	-ms-perspective: 2000px;
	perspective: 2000px;
}

.sj-book .own-size{
	width:460px;
	height:582px;
	background-color:white;
	overflow:hidden;
	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #385723), color-stop(1, #213415));
	background-image:-webkit-linear-gradient(left, #385723 95%, #213415 100%);
	background-image:-moz-linear-gradient(left, #385723 95%, #213415 100%);
	background-image:-ms-linear-gradient(left, #385723 95%, #213415 100%);
	background-image:-o-linear-gradient(left, #385723 95%, #213415 100%);
	background-image:linear-gradient(left, #385723 95%, #213415 100%);

}

.sj-book .even{
	background: -webkit-gradient(linear, left top, right top, color-stop(0.95, #385723), color-stop(1, #213415));
	background-image: -webkit-linear-gradient(left, #385723 95%, #213415 100%);
	background-image: -moz-linear-gradient(left, #385723 95%, #213415 100%);
	background-image: -ms-linear-gradient(left, #385723 95%, #213415 100%);
	background-image: -o-linear-gradient(left, #385723 95%, #213415 100%);
	background-image: linear-gradient(left, #385723 95%, #213415 100%);
    /*
	background:url("/pics/background-ring.png"), -webkit-gradient(linear, left top, right top, color-stop(0.95, #385723), color-stop(1, #213415));
	background-image: url("/pics/background-ring-even.png"), -webkit-linear-gradient(left, #385723 95%, #213415 100%);
	background-image:url("/pics/background-ring-even.png"), -moz-linear-gradient(left, #385723 95%, #213415 100%);
	background-image:url("/pics/background-ring-even.png"), -ms-linear-gradient(left, #385723 95%, #213415 100%);
	background-image:url("/pics/background-ring-even.png"), -o-linear-gradient(left, #385723 95%, #213415 100%);
	background-image:url("/pics/background-ring-even.png"), linear-gradient(left, #385723 95%, #213415 100%);
    background-position: right 6px;
    background-repeat: repeat-y;
    */
}

.sj-book .odd{
	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #385723), color-stop(1, #213415));
	background-image: -webkit-linear-gradient(right, #385723 95%, #213415 100%);
	background-image: -moz-linear-gradient(right, #385723 95%, #213415 100%);
	background-image: -ms-linear-gradient(right, #385723 95%, #213415 100%);
	background-image: -o-linear-gradient(right, #385723 95%, #213415 100%);
	background-image: linear-gradient(right, #385723 95%, #213415 100%);
    /*
	background:url("/pics/background-ring.png"), -webkit-gradient(linear, right top, left top, color-stop(0.95, #385723), color-stop(1, #213415));
	background-image:url("/pics/background-ring.png"), -webkit-linear-gradient(right, #385723 95%, #213415 100%);
	background-image:url("/pics/background-ring.png"), -moz-linear-gradient(right, #385723 95%, #213415 100%);
	background-image:url("/pics/background-ring.png"), -ms-linear-gradient(right, #385723 95%, #213415 100%);
	background-image:url("/pics/background-ring.png"), -o-linear-gradient(right, #385723 95%, #213415 100%);
	background-image:url("/pics/background-ring.png"), linear-gradient(right, #385723 95%, #213415 100%);
     background-position: left 6px;
    background-repeat: repeat-y;
    */
}

.sj-book .loader{
	background-image:url(/pics/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.sj-book .page-number{
	color:#999;
	width:100%;
	bottom:25px;
	position:absolute;
	display:block;
	text-align: center;
	line-height:30px;
	font-size:0.6em;
}

.sj-book .table-contents{
	font-size:0.9em;
	width:300px;
	margin:40px auto;
}

.sj-book .table-contents li{
	list-style:none;
	line-height:25px;
}

.sj-book .table-contents span{
	float:right;
}

.sj-book .table-contents a{
	text-decoration:none;
   color: #eee;
	margin:2px 0;
}

.sj-book .table-contents a:hover{
    text-decoration:underline;
}

.sj-book .book-content .capital,
.sj-book .book-content .no-indent{
	text-indent: 0;
}

.sj-book .capital:first-letter {
    display:block;
    float:left;
    font-size: 300%;
    line-height: 70%;
	margin-right: 6px;
	margin-top: 7px;
	margin-left:18px;
}

.ie8 .sj-book .even,
.ie9 .sj-book .even{
	background-image:url(/pics/gradient-page-left.jpg);
	background-position:right top;
	background-repeat:repeat-y;
}

.ie8 .sj-book .odd,
.ie9 .sj-book .odd{
	background-image:url(/pics/gradient-page-right.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}

#coffee {
    position: absolute;
    bottom: -240px;
    left: 30px;
    z-index:10000;
}
img.tantebob {
    float:right;
    width: 150px;
}
#tantebob {
    position:absolute;
    bottom:20px;
    left: 15px;
    z-index:1000;
}
#tantebob div {
    margin-top:3em;
    clear:both;
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 0.9em;
    max-width: 60%;
}
.contact #tantebob div {
    margin-top:1.0em;
}
.contact #tantebob div h2 {
    margin-bottom: 0.5em;
}

#tantebob p.address,
#tantebob p.name {
    margin-top: 0;
    margin-bottom: 0;
}
#tantebob p.address {
    margin-bottom: 10px;
}
#tantebob img {
    max-width: 40%;
    margin-top:10px;
}

.p1 #tantebob,
.p2 #tantebob {
    left: 25px;
}

.smalltante #tantebob img {
    margin-top:20px;
    width: 170px;
}

.tinytante #tantebob p.address {
    display: none;
}

.tinytante #tantebob img {
    margin-top:20px;
    width: 120px;
}


.p1 #tantebob div,
.p2 #tantebob div {
    margin-top:3em;
}

.readmore {
    float:right;
    font-style:italic;
}
.rotateright {
  -webkit-transform:rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  float:right;
}
.rotateleft {
  -webkit-transform:rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
  float:left;
}

.top50 {
  top:-50px;
}

.top100 {
  top:-100px;
}

.top150 {
  top:-150px;
}


.post-it {
  width:250px;
  height:240px;
  position:relative;
  background:#ffa;
  overflow:hidden;
  margin:30px auto;
  padding:20px;
  border-radius:0 0 0 30px/45px;
  box-shadow:
    inset 0 -20px 40px rgba(0,0,0,0.0),
    inset 0 20px 10px rgba(0,0,0,0.1),
    0 5px 6px 5px rgba(0,0,0,0.1);
  font-family: 'permanent_markerregular', cursive;
  line-height:1.3em;
  font-size:1.1em;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  color:#000;
  -webkit-transform:rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);

}
.post-it h3 {
    color: black;
    font-weight:500;
    font-size: 1.4em;
    margin-top:0;
}

.post-it a {
    color: black;
}

.post-it li {
 	cursor:pointer;
}

.post-it:before {
 	content:"";
  display:block;
  position:absolute;
  width:20px;
  height:25px;
  background:#ffa;
  box-shadow:
    3px -2px 10px rgba(0,0,0,0.2),
    inset 15px -15px 15px rgba(0,0,0,0.3);
  left:0;
  bottom:0;
  z-index:2;
  transform:skewX(25deg);
}

.post-it:after {
 	content:"";
  display:block;
  position:absolute;
  width:75%;
  height:20px;
  bottom:0px;
  left:10%;
}

h2 {
    margin: 0;
}

#note1 {
    position:absolute;
    left:275px;
    z-index:-2;
}
.sj-book .p1 h1,
.sj-book .p1 h2,
.sj-book .p2 h1,
.sj-book .p2 h2,
.sj-book .p1,
.sj-book .p2 {
    color: #333;
}
.sj-book .p1 a,
.sj-book .p2 a{
    color: #333;
}

img.center {
    max-width: 90%;
}

table, th, tr, td {
    text-align: left;
}

table.tarief {
    width:100%;
}
table.tarief thead tr th:first-child,
table.tarief tbody tr td:first-child {
  width: 55%;
  min-width: 55%;
  max-width: 55%;
  word-break: normal;
}
table.camping thead tr th:first-child,
table.camping tbody tr td:first-child {
  width: 70%;
  min-width: 70%;
  max-width: 70%;
}

table.tarief th {
    font-weight: normal;
}
table.kamers th {
    font-weight: bold;
}

table.tarief {
  border-collapse: separate;
  border-spacing: 0;
}
table.tarief tr th,
table.tarief tr td {
  border-right: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
  padding: 3px 4px;
}
table.tarief tr th:first-child,
table.tarief tr td:first-child {
  border-left: 1px solid #f6f6f6;
}
table.tarief tr th {
  border-top: 1px solid #f6f6f6;
  text-align: left;
}

/* top-left border-radius */
table.tarief tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

/* top-right border-radius */
table.tarief tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

/* bottom-left border-radius */
table.tarief tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
table.tarief tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}

.cinta {
    position: relative;
    text-align: center;
    display: inline-block; *display: inline; zoom: 1;
    margin: 10px auto 10px;
}
.cinta.rotateleft,
.cinta.rotateright {
  margin-top:25px;
}

.uno:before,
.dos:before, .dos:after,
.tres:before, .tres:after,
.cuatro:before, .cuatro:after {
    content: "";
    display: block;
    width: 100px;
    height: 20px;
    position: relative;
    top: 15px;
    margin: auto;
    background: rgba(255,255,200,0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}
.dos:before, .dos:after {
    position: absolute;
    width: 70px;
    top: -5px;
}
.dos:before {
    left: -0px;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    transform: rotate(-35deg);

}
.dos:after {
    right: -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tres:before, .tres:after {
    position: absolute;
    width: 70px;
    top: 0px;
}
.tres:before {
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.tres:after {
    top: inherit;
    bottom: -5px;
    right: -10px;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    transform: rotate(-35deg);
}
.top50.tres:after,
.top100.tres:after,
.top150.tres:after {
    top: auto;
}
.cuatro:before, .cuatro:after {
    width: 20px;
    height: 100px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
}
.cuatro:before {
    left: 13px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    transform: rotate(3deg);
}
.cuatro:after {
    margin-top: -80px;
    right: 5px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.cinta img {
    display: inline-block; *display: inline; zoom: 1;
    border: 1px solid #ddd;
    margin: 0 20px;
    padding: 8px;
    background: #fff;
      text-align:center;
      vertical-align:top;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
      height: auto;
}
img.fancybox-image {
    border: solid white 15px;
}

#note-menu.absolute {
    position:absolute;
    right:30px;
    top:-380px;
    float:none;
}
#note-menu {
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
    float:right;
    z-index:10000;
}
#note-menu.is-active {
    top:-0px;
}

#note-menu a ,
#note-menu li.active li a {
    text-decoration:none;
    font-weight:300;
}
#note-menu li.active a,
#note-menu li.active li.active a {
    font-weight:bold;
}

#note-menu a:hover {
    text-decoration:underline;
}

#note-menu ul {
    margin-left:0;
    padding-left:0;
}
#note-menu ul ul {
    padding-left:1em;
}
#note-menu ul,
#note-menu ul li {
    list-style:none;
}
#note-menu li:before {
  content: "\00b7";
}

#note-menu li.active:before {
  content: "\203A";
}

#note-menu ul li ul {
    display:none;
}

#note-menu ul li.active ul {
    display:block;
}

#note-menu.post-it {
  height:360px;
  -webkit-transform:rotate(7deg);
  -moz-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  transform: rotate(7deg);

}
 
.hamburger .line{
  width: 25px;
  height: 3px;
  background-color: #ecf0f1;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

#hamburger-1 {
  -webkit-transform:rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  transform: rotate(-7deg);
  position: absolute;
  bottom:10px;
  right: 0;

}
.note-container {
    position:relative;
    height:100%;
    width:100%;
}
#hamburger-1 a {
    color: black;
}
#hamburger-1 .line{
  background-color: black;
}

#tipbox {
    position:absolute;
    right: 50px;
    bottom: 40px;
    z-index:1000;
    -webkit-transition: all 1s ease-in-out, right 0s, bottom 0s;
    -o-transition: all 1s ease-in-out, right 0s, bottom 0s;
    transition: all 1s ease-in-out, right 0s, bottom 0s;
}

#tipbox p{
    color: #333;
    font-size: 0.9em;
    margin: 0.5em;
}
#tipbox.green {
    right: 10px;
    bottom: 10px;
}
#tipbox.green p{
    color: #F6F6F6;
}

.remove {
	opacity:0;
}
#sj-book.hide #tipbox,
#sj-book.hide {
    display:none;
}

.butterfly {
  position:absolute;
	margin-top:8%;
	width:180px;
    right:-600px;
    bottom:300px;
	transform:rotate(-80deg);
    z-index:100000;
}
.butterfly > div {position:absolute;}
.butterfly img {width:100%;}

.leftwing {
  animation:flap-l 4s cubic-bezier(.08,1.47,.65,-0.68) infinite;
}
.rightwing {
  animation:flap-r 4s cubic-bezier(.08,1.47,.65,-0.68) infinite;
}
.leftwing, .rightwing {z-index:1;}

.callout {
    margin-top:15px;
    display:block;
}

.callout a {
    font-weight: bold;
    font-family: 'architects_daughterregular', cursive;
    text-decoration: underline;
    font-size: 0.9em;
}
.callout a:hover {
}
.callout a.first {
    text-decoration: none;
}

@keyframes flap-l {
			0% {transform:rotateY(0);}
			50% {transform:rotateY(80deg);}
			100% {transform:rotateY(0);}
}
@keyframes flap-r {
			0% {transform:rotateY(0); }
			50% {transform:rotateY(-80deg);}
			100% {transform:rotateY(0);}
}

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

p.hidemobile,
div.hidemobile {
    display:block;
}

span.hidemobile {
    display:inline;
}
.showmobile {
    display:none;
}


.has-float-label {
  display: block;
  position: relative;
}
.has-float-label.tiny {
    display:none;
}
.has-float-label label, .has-float-label > span {
  position: absolute;
  left: 10px;
  top: 0.1em;
  cursor: text;
  font-size: 65%;
    color: #385723;
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-label select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.has-float-label textarea {
  width: 100%;
}
.has-float-label input, .has-float-label select, .has-float-label textarea {
  font-size: 0.9em;
  margin:0;
  padding:0;
  padding-left:0.5em;
  padding-top: 1.0em;
  margin-bottom: 2px;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  width:100%;
}
.has-float-label textarea {
    height: 6em;
}
.has-float-label input::-webkit-input-placeholder, .has-float-label select::-webkit-input-placeholder, .has-float-label textarea::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-label input::-moz-placeholder, .has-float-label select::-moz-placeholder, .has-float-label textarea::-moz-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-label input:-ms-input-placeholder, .has-float-label select:-ms-input-placeholder, .has-float-label textarea:-ms-input-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-label input::placeholder, .has-float-label select::placeholder, .has-float-label textarea::placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-label input:placeholder-shown:not(:focus)::-webkit-input-placeholder, .has-float-label select:placeholder-shown:not(:focus)::-webkit-input-placeholder, .has-float-label textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.has-float-label input:placeholder-shown:not(:focus)::-moz-placeholder, .has-float-label select:placeholder-shown:not(:focus)::-moz-placeholder, .has-float-label textarea:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}
.has-float-label input:placeholder-shown:not(:focus):-ms-input-placeholder, .has-float-label select:placeholder-shown:not(:focus):-ms-input-placeholder, .has-float-label textarea:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}
.has-float-label input:placeholder-shown:not(:focus)::placeholder, .has-float-label select:placeholder-shown:not(:focus)::placeholder, .has-float-label textarea:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}
.has-float-label input:placeholder-shown:not(:focus) + *, .has-float-label select:placeholder-shown:not(:focus) + *, .has-float-label textarea:placeholder-shown:not(:focus) + * {
  font-size: 110%;
  opacity: .7;
  top: .1em;
  left: 10px;
}
.has-float-label input:focus, .has-float-label select:focus, .has-float-label textarea:focus {
  outline: none;
  border-color: rgba(0, 0, 0, 0.5);
}
.has-float-label select {
  padding-right: 1em;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.5em bottom 0.25em;
  background-size: 8px 10px;
}
fieldset {
    border:0;
    padding:0;
}

input, textarea {
    color: #385723;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

form {
    text-align: left;
}
button {
    color: #385723;
    background-color: #F6F6F6;
    border:0;
    padding: 0.5em 0.5em;
    font-size:0.9em;
}
::placeholder, 
:-ms-input-placeholder, 
::-ms-input-placeholder { 
    color: #385723;
}

p.info {
    font-weight: bold;
    border: solid #F6F6F6 1px;
    padding: 2em;
    border-radius: 2em;
}
#contactform {
    z-index:100000;
    position:relative;
}
button {
    cursor: pointer;
}
.zimp {
    z-index: 1 !important;
}
/* preloader pacman */

.preloader-pacman .dot {
  display: inline-block;
  background: #fff;
  height: 5px;
  width: 5px;
  margin-right: 20px;
  opacity: 0.7;
  border-radius: 50%;
  animation: fade-out 9.5s linear infinite;
}

.preloader-pacman .pacman {
  display: inline-block;
  background: yellow;
  height: 20px;
  vertical-align: bottom;
  width: 20px;
  margin-right: 20px;
  opacity: 1;
  border-radius: 50%;
  position: relative;
  animation: move-forward 9.5s linear infinite;
  transform: translateX(-40px);
}
.preloader .description {
  position: absolute;
  bottom: 10px;
  left: 1em;
}


.preloader-pacman .dot:nth-child(1) {
  animation-delay: .5s;
}

.preloader-pacman .dot:nth-child(2) {
  animation-delay: 1.0s;
}

.preloader-pacman .dot:nth-child(3) {
  animation-delay: 1.4s;
}

.preloader-pacman .dot:nth-child(4) {
  animation-delay: 1.8s;
}

.preloader-pacman .dot:nth-child(5) {
  animation-delay: 2.2s;
}

.preloader-pacman .dot:nth-child(6) {
  animation-delay: 2.6s;
}
.preloader-pacman .dot:nth-child(7) {
  animation-delay: 3.0s;
}

.preloader-pacman .dot:nth-child(8) {
  animation-delay: 3.4s;
}

.preloader-pacman .dot:nth-child(9) {
  animation-delay: 3.8s;
}

.preloader-pacman .dot:nth-child(10) {
  animation-delay: 4.2s;
}

.preloader-pacman .dot:nth-child(11) {
  animation-delay: 4.6s;
}

.preloader-pacman .pacman:before {
  content: '';
  display: inline-block;
  background: transparent;
  vertical-align: bottom;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: 0px;
  border-right: 10px solid #385723;
  opacity: 1;
  position: absolute;
  animation: eat .4s infinite;
}
.preloader-pacman .ghost {
  height: 25px;
  width:25px;
  background:#669;
  top:-22px;
  border-top-left-radius:50%;
  border-top-right-radius:50%;
  position:relative;
  transform: translateX(350px);
  animation:move-back 9.5s linear infinite;
  animation-delay:5s;
  opacity:0;
}
.preloader-pacman .ghost:before {
  height:5px;
  content:'';
  width:3px;
  background:#fff;
  top:7px;
  left:7px;
  z-index:10;
  position:absolute;

}
.preloader-pacman .ghost:after {
  height:5px;
  content:'';
  width:3px;
  background:#fff;
  top:7px;
  right:7px;
  z-index:10;
  position:absolute;
}
@keyframes eat {
  50% {
    transform: translateX(10px) scale(0.1)
  }
}
@keyframes move-back {
  3% {opacity:1}
  35% {opacity:1}
  49% {opacity:0}
  50% {transform: translateX(0px);}
}
@keyframes move-forward {
  50% {
    transform: translateX(300px);
  }
  50.1% {
    transform: translateX(300px) scaleX(-1);
    opacity: 1;
  }
  100% {
    transform: translateX(-40px) scaleX(-1);
  }
}

@keyframes fade-out {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  89.99% {
    opacity:0;
  }
  90% {
    opacity: 0.5;
  }
}

.preloader.full-width {
  width: 100%;
  height: 120px;
  margin-left: 0px;
  margin-right: 0px;
}

.preloader {
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50%;
  width: 45%;
  margin: 5%;
  border: 0;
  position: relative;
  top:100px;
}

span.kamer3 {
    position:relative;
    text-align:left;
    top:-15px;
    display:block;
}

iframe.reserve {
    position:relative;
    z-index:10000;
}
.fancybox-slide--iframe .fancybox-content {
    width  : 700px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}
div.step .contactbutton {
    margin-top:0.5em;
}
.reservebutton {
    margin:0 auto;
}
#costs {
    margin-top: 0.5em;
}
.sj-book .book-content .step p {
    margin: 0px 0;
    line-height: 1.0em;
}
#step2 fieldset {
margin-top: 0.5em;
}
/* dus */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   /* IE10+ CSS */
#tantebob {
width:90%;
}

}
@media only screen and (min-height: 800px) {
#canvas{
	margin: 100px auto;
}
}

@media only screen and (min-width: 1281px) {
body {
    background:url(/pics/background.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

}

@media only screen and (max-width: 1280px) {
body {
    background:url(/pics/background-2048.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
}
@media only screen and (max-width: 820px) {
body {
    background:url(/pics/background-1960.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#canvas{
	width: 480px;
	height: 500px;
}
html,
body {
    overflow: hidden;
}
p.showmobile,
div.showmobile {
    display:block;
}
button.showmobile {
    display:block;
}

span.showmobile {
    display:inline;
}

label.hidemobile ,
span.hidemobile ,
div.hidemobile ,
p.hidemobile {
    display:none;
}
}
@media only screen and (max-width: 599px) {
body {
    background:url(/pics/background-1280.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#canvas{
	width: 350px;
	height: 480px;
	margin: 50px auto;
}

.sj-book{
	width:350px;
	height:480px;
}

.sj-book h1{
	font-size: 1.2em;
	margin: 10px 0;
}

.sj-book h2{
    font-size:1.1em;
}


.p1 h2, .p2 h2, .p3 h2 {
    font-size: 1.2em;
}
.p1 h1, .p2 h1, .p3 h1 {
    font-size: 1.0em;
    line-height:1.0em;
}
.sj-book .book-content p{
    font-size:0.9em;
}
.sj-book ul {
	font-size:0.9em;
}


.sj-book .book-content {
    margin: 15px 15px;
}
.sj-book .table-contents{
	font-size:0.9em;
	width:300px;
	margin:40px auto;
}
.linklist a {
	margin: 2px 0;
	display: inline-block;
}
.linklist br {
display:none;
}

img.tantebob {
    float:right;
    width: 100px;
}
.p1 #tantebob,
.p2 #tantebob {
    left: 15px;
}

#tantebob img {
    width: 43%;
    float:left;
}
#tantebob div {
    width: 50%;
    font-size: 0.8em;
    position:relative;
    top:-10px;
    margin-right:1.2em;
    float:right;
}
.tinytante #tantebob div {
    width: 75%;
}
#tantebob {
    left: 1em;
    bottom: 10px;
    width: 100%;
}

.callout a {
    font-size: 1.0em;
}

.sj-book .even{
}

.sj-book .own-size{
	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #385723), color-stop(1, #1C2C12));
	background-image:-webkit-linear-gradient(right, #385723 95%, #1C2C12 100%);
	background-image:-moz-linear-gradient(right, #385723 95%, #1C2C12 100%);
	background-image:-ms-linear-gradient(right, #385723 95%, #1C2C12 100%);
	background-image:-o-linear-gradient(right, #385723 95%, #1C2C12 100%);
	background-image:linear-gradient(right, #385723 95%, #1C2C12 100%);
}
#tantebob {
    display: block;
}
.nomobiletante #tantebob {
    display: none;
}
.contact #tantebob,
.tinytante #tantebob {
    display: block;
}
.tinytante #tantebob img {
    margin-top:20px;
    width: 60px;
}
.has-float-label textarea {
    height: 4em;
}


.contact #tantebob img{
    width: 90px;
    margin-top:45px;
}


img.center {
    max-height: 170px;
}


.p1 #tantebob,
.p2 #tantebob {
    display: block;
}


.uno:before,
.dos:before, .dos:after,
.tres:before, .tres:after,
.cuatro:before, .cuatro:after {
    width: 55px;
    height: 15px;
    top: 10px;
}
.tres:before, .tres:after {
    width: 55px;
}
.tres:before {
    left: 0;
}
.tres:after {
    top: inherit;
    bottom: 0px;
    right: -0px;
}
.cuatro:before, .cuatro:after {
    width: 15px;
    height: 70px;
    top: 50%;
    margin-top: -40px;
}
.cuatro:after {
    margin-top: -60px;
    right: 10px;
}
.butterfly {
	width:130px;
}
.cinta.rotatenone {
    clear:both;
}

.cinta.rotatenone.top50 {
  top:-25px;
}


.cinta.rotatenone.top100 {
  top:-0px;
}

.cinta.rotatenone.top150 {
  top:-50px;
}

.cinta.rotateleft.top150,
.cinta.rotateright.top150 {
  top:-100px;
}

.cinta.rotateleft,
.cinta.rotateright {
  margin-top:0px;
}


.post-it h3 {
    font-size: 1.4em;
}

th, td {
    font-size: 0.9em;
}


.calendar th, .calendar td {
    font-size: 0.8em;
}
.cinta img {
    max-height:110px;
}
.cinta {
    margin-top:0;
}

.has-float-label input, .has-float-label select, .has-float-label textarea {
}
table.tarief tr th,
table.tarief tr td {
  padding: 2px 2px;
}

.sj-book .book-content p {
    margin: 0.5em 0;
    line-height: 1.1em;
}
.step {
    font-size: 0.9em;
}

div.buttons {
    margin: 0 auto;
    text-align: center;
}
}

@media only screen and (max-height: 700px) AND (min-width: 720px) {
html,
body {
    overflow: auto;
}
}

@media only screen and (max-height: 700px) {
.availability-calendar td {
    height: 25px;
}
}
@media only screen and (max-height: 599px) {
div.calendar h3 {
    display:none;
}

.availability-calendar-toolbar span {
    font-size: 0.8em;
}
.availability-calendar-toolbar span:first-child {
    width: 38%;
    float:left;
    margin-top: 0.5em;
}

.availability-calendar-toolbar span:last-child {
    float:none !important;
    margin-left: 0.5em;
}
label.noheight {
    display:none;
}
#selectaccomodation {
    margin-bottom:0.5em;
}
.availability-calendar td {
    height: 23px;
}
span.available {
}
}


@media only screen and (max-height: 440px) {
html,
body {
    overflow: auto;
}

}
@media only screen and (max-width: 321px) {
#canvas{
	width: 300px;
	height: 90% !important;
	margin: 50px auto;
}

.sj-book{
	height: 390px !important;
}
#note-menu {
    right:10px;
    top:-400px;
}
.cinta.rotateright,
.cinta.rotateleft {
    width:65%;
}

.cinta.rotateright img,
.cinta.rotateleft img {
    max-width: 65%;
}
.cinta img {
    max-width: 75%;
}

.sj-book h1{
	font-size: 1.0em;
	margin: 10px 0 0 0px;
}

.sj-book h2{
    font-size:0.8em;
    margin:0;
}

.sj-book .p1 h2,
.sj-book .p2 h2,
.sj-book .p3 h2{
	font-size: 1.0em;
	margin: 10px 0 0 0px;
}

.sj-book .p1  h1,
.sj-book .p2  h1,
.sj-book .p3  h1{
    font-size:0.8em;
    margin:0;
}

.roomlist input,
.roomlist label,
.sj-book .book-content ul,
.sj-book .book-content p{
    font-size:0.8em;
    vertical-align: middle;
}

#tantebob p {
    font-size: 0.7em;
    margin-right: 1.2em;
}

#tantebob {
    left: 10px;
    bottom: 0px;
    width: 100%;
}
#tantebob img {
    width: 45%;
}
.has-float-label textarea {
    height: 4em;
}

.contact #tantebob img{
    display:none;
}

th, td {
    font-size: 0.7em;
}
.cinta img {
    max-height:100px;
}
.nosmallmobiletante #tantebob{
    display: none;
}

.sj-book .book-content p {
    margin: 0.3em 0;
}

}




.box {
  width: 175px;
  height: 120px;
  background-color: #3498db;
  position: relative;
  border-radius: 4px;
}
.box:after {
  content: "";
  display: block;
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: #3498db transparent transparent;
  margin-left: -10px;
  position: absolute;
  bottom: -10px;
  left: 50%;
}
.box.arrow-bottom-left:after,
.box.arrow-bottom-right:after,
.box.arrow-top-left:after,
.box.arrow-top-right:after,
.box.arrow-left-top:after,
.box.arrow-left-bottom:after,
.box.arrow-right-top:after,
.box.arrow-right-bottom:after {
  border-width: 5px;
  margin: 0;
}
.box.arrow-bottom-left:after,
.box.arrow-bottom-right:after {
  border-left-color: #3498db;
}
.box.arrow-bottom-left:after {
  left: 0;
  right: auto;
}
.box.arrow-bottom-right:after {
  border-left-color: transparent;
  border-right-color: #3498db;
  left: auto;
  right: 0;
}
.box.arrow-top-center:after,
.box.arrow-top-left:after,
.box.arrow-top-right:after {
  border-top-color: transparent;
  border-bottom-color: #3498db;
  top: -10px;
  bottom: auto;
}
.box.arrow-top-center:after {
  border-top-width: 0;
  border-bottom-width: 10px;
}
.box.arrow-top-left:after,
.box.arrow-top-right:after {
  border-width: 5px;
  border-left-color: #3498db;
}
.box.arrow-top-left:after {
  left: 0;
  right: auto;
}
.box.arrow-top-right:after {
  border-left-color: transparent;
  border-right-color: #3498db;
  left: auto;
  right: 0;
}
.box.arrow-left-center:after,
.box.arrow-left-top:after,
.box.arrow-left-bottom:after {
  border-width: 10px;
  border-left-color: transparent;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: #3498db;
  margin: -10px 0 0;
  left: -10px;
  right: auto;
  top: 50%;
  bottom: auto;
}
.box.arrow-left-top:after,
.box.arrow-left-bottom:after {
  border-width: 5px;
  margin: 0;
}
.box.arrow-left-top:after {
  border-top-color: #3498db;
  top: 0;
}
.box.arrow-left-bottom:after {
  border-bottom-color: #3498db;
  top: auto;
  bottom: 0;
}
.box.arrow-right-center:after,
.box.arrow-right-top:after,
.box.arrow-right-bottom:after {
  border-width: 10px;
  border-right-width: 0;
  border-top-color: transparent;
  border-left-color: #3498db;
  margin: -10px 0 0;
  left: auto;
  right: -10px;
  top: 50%;
  bottom: auto;
}
.box.arrow-right-top:after,
.box.arrow-right-bottom:after {
  border-width: 5px;
  margin: 0;
}
.box.arrow-right-top:after {
  border-top-color: #3498db;
  top: 0;
}
.box.arrow-right-bottom:after {
  border-bottom-color: #3498db;
  top: auto;
  bottom: 0;
}
.box.arrow-bottom-left,
.box.arrow-left-bottom {
  border-bottom-left-radius: 0;
}
.box.arrow-bottom-right,
.box.arrow-right-bottom {
  border-bottom-right-radius: 0;
}
.box.arrow-top-left,
.box.arrow-left-top {
  border-top-left-radius: 0;
}
.box.arrow-top-right,
.box.arrow-right-top {
  border-top-right-radius: 0;
}
.box {
  margin: 20px 10px;
  float: left;
}
.box.blue {
  background-color: #3498db;
}
.box.blue.arrow-bottom-center:after,
.box.blue.arrow-bottom-left:after,
.box.blue.arrow-bottom-right:after {
  border-top-color: #3498db;
}
.box.blue.arrow-bottom-left:after {
  border-left-color: #3498db;
}
.box.blue.arrow-bottom-right:after {
  border-right-color: #3498db;
}
.box.blue.arrow-top-center:after,
.box.blue.arrow-top-left:after,
.box.blue.arrow-top-right:after {
  border-bottom-color: #3498db;
}
.box.blue.arrow-top-left:after {
  border-left-color: #3498db;
}
.box.blue.arrow-top-right:after {
  border-right-color: #3498db;
}
.box.blue.arrow-left-center:after,
.box.blue.arrow-left-top:after,
.box.blue.arrow-left-bottom:after {
  border-right-color: #3498db;
}
.box.blue.arrow-left-top:after {
  border-top-color: #3498db;
}
.box.blue.arrow-left-bottom:after {
  border-bottom-color: #3498db;
}
.box.blue.arrow-right-center:after,
.box.blue.arrow-right-top:after,
.box.blue.arrow-right-bottom:after {
  border-left-color: #3498db;
}
.box.blue.arrow-right-top:after {
  border-top-color: #3498db;
}
.box.blue.arrow-right-bottom:after {
  border-bottom-color: #3498db;
}
.box.green {
  background-color: #385723;
}
.box.green.arrow-bottom-center:after,
.box.green.arrow-bottom-left:after,
.box.green.arrow-bottom-right:after {
  border-top-color: #385723;
}
.box.green.arrow-bottom-left:after {
  border-left-color: #385723;
}
.box.green.arrow-bottom-right:after {
  border-right-color: #385723;
}
.box.green.arrow-top-center:after,
.box.green.arrow-top-left:after,
.box.green.arrow-top-right:after {
  border-bottom-color: #385723;
}
.box.green.arrow-top-left:after {
  border-left-color: #385723;
}
.box.green.arrow-top-right:after {
  border-right-color: #385723;
}
.box.green.arrow-left-center:after,
.box.green.arrow-left-top:after,
.box.green.arrow-left-bottom:after {
  border-right-color: #385723;
}
.box.green.arrow-left-top:after {
  border-top-color: #385723;
}
.box.green.arrow-left-bottom:after {
  border-bottom-color: #385723;
}
.box.green.arrow-right-center:after,
.box.green.arrow-right-top:after,
.box.green.arrow-right-bottom:after {
  border-left-color: #385723;
}
.box.green.arrow-right-top:after {
  border-top-color: #385723;
}
.box.green.arrow-right-bottom:after {
  border-bottom-color: #385723;
}
.box.orange {
  background-color: #e67e22;
}
.box.orange.arrow-bottom-center:after,
.box.orange.arrow-bottom-left:after,
.box.orange.arrow-bottom-right:after {
  border-top-color: #e67e22;
}
.box.orange.arrow-bottom-left:after {
  border-left-color: #e67e22;
}
.box.orange.arrow-bottom-right:after {
  border-right-color: #e67e22;
}
.box.orange.arrow-top-center:after,
.box.orange.arrow-top-left:after,
.box.orange.arrow-top-right:after {
  border-bottom-color: #e67e22;
}
.box.orange.arrow-top-left:after {
  border-left-color: #e67e22;
}
.box.orange.arrow-top-right:after {
  border-right-color: #e67e22;
}
.box.orange.arrow-left-center:after,
.box.orange.arrow-left-top:after,
.box.orange.arrow-left-bottom:after {
  border-right-color: #e67e22;
}
.box.orange.arrow-left-top:after {
  border-top-color: #e67e22;
}
.box.orange.arrow-left-bottom:after {
  border-bottom-color: #e67e22;
}
.box.orange.arrow-right-center:after,
.box.orange.arrow-right-top:after,
.box.orange.arrow-right-bottom:after {
  border-left-color: #e67e22;
}
.box.orange.arrow-right-top:after {
  border-top-color: #e67e22;
}
.box.orange.arrow-right-bottom:after {
  border-bottom-color: #e67e22;
}
.box.red {
  background-color: #e74c3c;
}
.box.red.arrow-bottom-center:after,
.box.red.arrow-bottom-left:after,
.box.red.arrow-bottom-right:after {
  border-top-color: #e74c3c;
}
.box.red.arrow-bottom-left:after {
  border-left-color: #e74c3c;
}
.box.red.arrow-bottom-right:after {
  border-right-color: #e74c3c;
}
.box.red.arrow-top-center:after,
.box.red.arrow-top-left:after,
.box.red.arrow-top-right:after {
  border-bottom-color: #e74c3c;
}
.box.red.arrow-top-left:after {
  border-left-color: #e74c3c;
}
.box.red.arrow-top-right:after {
  border-right-color: #e74c3c;
}
.box.red.arrow-left-center:after,
.box.red.arrow-left-top:after,
.box.red.arrow-left-bottom:after {
  border-right-color: #e74c3c;
}
.box.red.arrow-left-top:after {
  border-top-color: #e74c3c;
}
.box.red.arrow-left-bottom:after {
  border-bottom-color: #e74c3c;
}
.box.red.arrow-right-center:after,
.box.red.arrow-right-top:after,
.box.red.arrow-right-bottom:after {
  border-left-color: #e74c3c;
}
.box.red.arrow-right-top:after {
  border-top-color: #e74c3c;
}
.box.red.arrow-right-bottom:after {
  border-bottom-color: #e74c3c;
}
.box.grey {
  background-color: #D9D9D9;
}
.box.grey.arrow-bottom-center:after,
.box.grey.arrow-bottom-left:after,
.box.grey.arrow-bottom-right:after {
  border-top-color: #D9D9D9;
}
.box.grey.arrow-bottom-left:after {
  border-left-color: #D9D9D9;
}
.box.grey.arrow-bottom-right:after {
  border-right-color: #D9D9D9;
}
.box.grey.arrow-top-center:after,
.box.grey.arrow-top-left:after,
.box.grey.arrow-top-right:after {
  border-bottom-color: #D9D9D9;
}
.box.grey.arrow-top-left:after {
  border-left-color: #D9D9D9;
}
.box.grey.arrow-top-right:after {
  border-right-color: #D9D9D9;
}
.box.grey.arrow-left-center:after,
.box.grey.arrow-left-top:after,
.box.grey.arrow-left-bottom:after {
  border-right-color: #D9D9D9;
}
.box.grey.arrow-left-top:after {
  border-top-color: #D9D9D9;
}
.box.grey.arrow-left-bottom:after {
  border-bottom-color: #D9D9D9;
}
.box.grey.arrow-right-center:after,
.box.grey.arrow-right-top:after,
.box.grey.arrow-right-bottom:after {
  border-left-color: #D9D9D9;
}
.box.grey.arrow-right-top:after {
  border-top-color: #D9D9D9;
}
.box.grey.arrow-right-bottom:after {
  border-bottom-color: #D9D9D9;
}