/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */

@font-face {font-family:"Font-Light"; src:url("../fonts/Font-Light.eot"); src:url("../fonts/Font-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Font-Light.woff") format("woff"), url("../fonts/Font-Light.ttf") format("truetype"), url("../fonts/Font-Light.svg#Font-Light") format("svg"); font-weight:normal; font-style:normal;}
@font-face {font-family:"Font-Bold"; src:url("../fonts/Font-Bold.eot"); src:url("../fonts/Font-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Font-Bold.woff") format("woff"), url("../fonts/Font-Bold.ttf") format("truetype"), url("../fonts/Font-Bold.svg#Font-Bold") format("svg"); font-weight:normal; font-style:normal;}

html,body{ height: 100%; overflow: hidden;}
*{ font-weight: normal !important }
body{ font-family:"Font-Light", sans-serif; font-size:16px; color:#000; line-height: 30px; background-image: url(../images/background.png);}
a{color:#97001b;}
a:hover,a:focus{color:#97001b;}
strong{ font-family:"Font-Bold", sans-serif;  }

iframe{ width: 100vw; height: 100%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s !important;}
	iframe.active{ width: calc(100vw - 270px); margin-left: 270px}

.text-blue{ color: #0099cc }

#toggle{width: 50px; height: 50px; position: absolute; top: 0; left: 0; background: url(../images/background.png) rgba(255,255,255,0.9); z-index: 1002; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s !important; outline: none;}
#toggle:before{ width: 20px; height: 20px; content: " "; position: absolute; left: 50%; top: 50%; background: url(../images/toggle.png) center; background-size: cover; transform: translate(-50%,-50%);}
	#toggle.active{left: 270px !important;}
.navigation{width: 270px; left: -270px; height: 100%; padding: 20px; background: url(../images/background.png) rgba(255,255,255,0.9); position: absolute; top: 0; bottom: 0; z-index: 1001; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s !important; outline: none; overflow-y: scroll;}
.navigation *{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	.navigation.active{left: 0 !important;}

.logo{ width:70%; height: auto; display: block; margin: 0 auto 10px auto; max-width: 100% }
.card{background: transparent; border: none;}
.card button{ padding-left:0; padding-right:0; }
.card-header{ padding:0; background: transparent; box-shadow: 0 2px 0 -1px #fff, 0 4px 0 -2px #ccc; border:0}
	.card-header h2{ font-size: inherit; margin:0; }
	.card-header h2 > a{ padding: 8px 10px; text-decoration: none; color: #000; border: 1px solid #97001b; border-bottom: none; border-radius:5px 5px 0 0; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
	.card-header h2 > a.collapsed{border: 1px solid transparent;}
.card-body{ padding:0 10px; background: transparent; margin-bottom: 10px; border: 1px solid transparent; border: 1px solid #97001b; border-top: none; border-radius:0 0 5px 5px}
	.card-body h3{ font-size: 12px; text-transform: uppercase; margin: 20px 0 5px 0; color: #666}
	.card-body a{ display: block; color: #97001b; padding-left:10px; margin: 0; box-shadow: 0 2px 0 -1px #fff; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.card-body a:last-of-type{box-shadow: none}
	small{ color: #999; padding-bottom: 20px; line-height: 20px}
	small span{text-decoration: underline;}

.qr-lodge,.qr-business{ background: #fff; padding: 10px; margin: 15px 0; border-radius: 5px;}
.qr-lodge img,.qr-business img{ display: block; width: 60%; margin: auto;  }
.qr-business{ margin: auto; }
.qr-business img{ width: 50%; margin: 0 auto }
.qr-lodge:after{ content: "Link to this 360"; display: block; font-size: 80%; text-align: center;}
.qr-lodge{ display: none; }

/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */