@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/material-icons/iconfont/MaterialIconsOutlined-Regular.eot");  
  src: local("Material Icons Outlined"), local("/material-icons/iconfont/MaterialIconsOutlined-Regular"), url("/material-icons/iconfont/MaterialIconsOutlined-Regular.woff2") format("woff2"), url("/material-icons/iconfont/MaterialIconsOutlined-Regular.woff") format("woff"), url("/material-icons/iconfont/MaterialIconsOutlined-Regular.otf") format("opentype");
 
  
  
}








* {color:#444;font-family:Optima, Verdana, Arial;}

html, body {
  //overflow-x:hidden;
}



html {
  height: 100%;
  box-sizing: border-box;
}



body {
  position: relative;
  margin: 0;
  padding:1em;
  padding-bottom: 12em;
  min-height: 100%;
 
}

marquee {width:30px;color:red;}




table, td, th {
  border: 1px solid olive;padding-left:2px;
}

table {
  width: 100%;
  border-collapse: collapse;
}


.nice {border:1px solid olive;background:#f3f5e4;padding:10px;border-radius:10px;}




h1,h2,h3 {text-transform:capitalize;margin-bottom:3px;;margin-top:0;}
h1 {color:#6e750e;font-size:24px;}
h2 {color:#6e750e;font-size:20px;}
h3 {color:#6e750e;font-size:16px;}
h4 {color:#6e750e;font-size:14px;}

input,textarea,select {border-color:#6e750e;border-style:solid;border-width:1px;}


img {border-width:0px;border-style:none;}






.homeImage {
  position:relative;
  height:100%;width:100%;
  background-image: url("/room.jpg");
  background-color: #cccccc; 
  height: 500px; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}
.homeImage div {position:absolute;bottom:50px;}
.homeImage a {background:olive;padding:10px;margin:12px;font-size:1.4em;color:white;border-radius:10px;text-decoration:none;border:1px outset gray;}
.homeImage p {}

.mftable {border-collapse: separate; border-spacing: 0;max-width:800px;}
.mftable td,th {border:1px solid olive;text-align:left;padding:2px;}
.mftable td {cursor:default;height:2em;}
.mftable a {text-decoration:none;}
.tableKey span {border: 1px solid black;padding:1px;}


div {padding:0;margin:0;}

  .shut:after {content: 'X';position: absolute; right:8px;top:4px;font-family:arial;font-size:40px; color:olive;}

  .shutSmall:after {content: 'X';position: absolute; right:1px;top:1px;font-family:arial;font-size:10px; color:olive;}




    .placeanad {font-size:1.2em;padding:5px;background:#b3b300;color:white;border-radius:5px;text-decoration:none;} 


    .tab {font-size:1.4em;font-weight:bold;padding:5px;display:inline-block;background:#b3b300;color:white;cursor:default;border-radius:8px 8px 0 0 ;} 
    .tab:hover {color:white;background:olive;}
    .tab::after {  position:relative;top:5px; content: 'expand_more'; font-family: 'Material Icons outlined'; }


    .blocks {position:relative;}
    .blocks h1 {color:black;}
    .blocks div {width:300px;display:none;position:absolute;z-index:1;background:#eee;border:1px solid black;padding:5px 0px 0px 0px;margin:2px;}  
    .blocks div  a {font-size:1.8em;display:block;text-decoration:none;border:0 1px 1px 1px solid black;color:black;padding:0 5px 0 5px;cursor:default;}  
    .blocks div  a:visited {color:olive;}  
    .blocks div a.self {color:black;}
    .blocks div a:hover {background:white;}
 
    .table {white-space: nowrap;width:100%;overflow-x:scroll;}
    .column {display:inline-block;padding:0;margin-left:-4px;}
    .column:f-irst-child {position: fixed;left:0;}
    .cell {display:block;text-decoration:none;border:1px solid olive;padding:2px;background:white;text-transform:capitalize;}
 
    .hr {display:block;border-top:1px solid olive;}
    .ad {border:1px solid olive;margin-top:10px;padding:10px;} 




.blurb {margin-top:20px;margin-bottom:20px;background:#edeae2;padding:10px;}
.blurb h2 {color:#6e750e;}


#sidenavButt {font-size:3em;text-decoration:none;cursor:pointer;color:#6e750e;font-weight:bold;} 
#sidenavButt p {font-size:0.3em;color:olive;text-decoration:underline;}

.menus {float:right;text-align:right;color:#6e750e;} 
.menus a {margin-top:-10px;}

.sidenav {
    height: 100%;
    -width: 250px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 100%;
    background-color: #ddd;
    -overflow-x: hidden;
    transition: 0.8s;
    padding-top: 50px;
    border-left:2px solid olive;
}

.sidenav a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 20px;
    color: #333;
    display: block;
    transition: 0.8s;
	white-space: nowrap;
}

.sidenav a:hover {
    color: olive;
	background-color:#eee;
}

.sidenav .sidenavClose {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 16px;}
}











.mf-admin {}

.mf-admin .phone {cursor:default;}
.mf-admin i:hover {text-decoration:underline;}




.stopstart * {font-size:1.5em;font-style: normal;   cursor:pointer}
.stopstart i {font-size:2em;display:block;}

.stopstart .play  {color:#6e750e;}
.stopstart .pause   {color:orange;}
.stopstart .delete  {color:red;}

.bluelink {display:block;background-color:#81871e;color:white;width:400px;height:50px;text-align:center;text-decoration:none;display:table-cell; vertical-align:middle}


div.layer1 div.stand {background-image:url(/t/i/stand6.gif);background-repeat:no-repeat;padding-left:6px;padding-top:0px;height:25px;position:absolute;}
div.stand div {border-width:1px;border-style:solid;padding0px 10px 0px;background-color:white;} 
div.layer1 a {} 





span.tm {float:right;clear:left;}
span.tm a img {border-width:0px;width:80px;height:60px;}

.transparentolive {#c2cc5361;}
.lightolive {#c2cc53;}
.olive {color:olive;}
.red {color:red;}
.green {color:green;}
 .c {cursor:default;font-size:22px;}
.c::after {content: "O";}

.c016 {cursor:default;font-size:20px;}
.c014 {cursor:default;font-size:16px;}
.c012 {cursor:default;font-size:12px;}
.c010 {cursor:default;font-size:10px;}

.sign {font-size:10px;padding-left:2px;padding-right:2px;color:#6e750e;text-transform:capitalize;}



.del {text-decoration:line-through;}






  
.map {position:relative;left:0;height:0;height:300px;width:100%;border:none;overflow:hidden;background:white;}
.map.mapBig {position:fixed;left:0;top:0;height:100vh;width:99vw;z-index:2;}
.map div {margin:0;padding:0;}
.map > div {position:absolute;left:0;top:0;width:250px;height:250px;} /* plates container */
.map > div.front {user-select: none;height:auto;width:100%;} /* front plane for buttons etc */
.map > div > div {position:absolute;width:250px;height:250px;opacity:0;transition: opacity 1s, transform 1s;transform-origin: center;} /* plates */
.map > div > div > * {position:absolute;} /* anything in a plate */
.map > div > div > div {position:absolute;height:100%;width:100%;opacity:1;background-size: cover;} /* map tile */





.map .cssPin {
  position: absolute;
  top: 40%;
  left: 50%;
  margin-top: -10px;
  margin-left: 1px;
  
  border-radius: 50%;
  border: 8px solid red;
  width: 8px;
  height: 8px;
}

.map .cssPin::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  bottom: -30px;
  left: -6px;
  border: 10px solid transparent;
  border-top: 17px solid red;
}

.map .flagContainer:hover {user-select: none;}

.map .flag {border-left:3px outset black;width:3px;height:40px;padding-left:0px;padding-top:0px;padding-bottom:20%;white-space: nowrap;pointer-events: none;}
.map .flag a {position:absolute;top:-5;left:3px;background:white;border:2px outset gray;padding:3px 6px;font-family:arial;font-size:0.8em;text-decoration:none;color:black;text-transform: capitalize;pointer-events:auto;border-radius:4px;}
.map .flag a:visited {background:#eee;}
.map .flag a:hover {z-index:20;background:#ffe;}


.map input {font-size:1.3em;opacity:0.8;} /* zoom buttons */
.map .fullscreen {font-size:1.8em;cursor:default;color:gray;background:#eeeeee;opacity:0.8;border:1px solid black;} 
.map .marker -span {color:white;background:olive;font-size:1.0em;font-family:arial;}
.map .marker -span::after {content:""}
.map .scale {background-color:white;opacity:0.8;position:absolute;bottom:0px;right:0px;width:100px;border-width:0 1px 1px 1px;padding:1px 7px 1px 7px;border-style:dashed;border-color:black;text-align:center;}

/*  https://codepen.io/katia-trifonova/pen/zwZgdx css map pins  */





 
.mi {
  color:olive;
  font-family: 'Material Icons Outlined';
  font-weight: 100;
  font-style: normal;
  
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: -2px;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke: 1px white; makes font thinner on while background */
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

[di] {  
  cursor:pointer;
  font-style: normal;   
}

[di]:before {
  color:olive;
  content: attr(di);
  font-family: 'Material Icons Outlined';
  font-weight: 100;
  font-style: normal;
  font-size: 1.8em;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
 
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke: 1px white; makes font thinner on while background */
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


.mfc0 {color:#9364CD;} 
.mfc1 {color:#444400;}
 .mfc2 {color:#ff3333;}
 .mfc3 {color:#cccc00;}
 .mfc4 {color:#005500;}
 .mfc5 {color:#ff9900;}
 .mfc6 {color:#ff8888;}
 .mfc7 {color:#888888;}
 .mfc8 {color:#9B0056;}
 .mfc9 {color:#000000;}
 .mfc10 {color:#000088;}
 .mfc11 {color:#0000cc;}
 .mfc12 {color:#00bbb4;}
 .mfc13 {color:#000000;}
 .mfc14 {color:#ff9900;} 
.mfc15 {color:#AAA;} 
 .mfc16 {color:#AAA;} 
 .mfc17 {color:#AAA;} 
 .mfc18 {color:#AAA;} 
 .mfc19 {color:#AAA;} 
 .mfc20 {color:#AAA;} 
 .mfc21 {color:#AAA;} 
  .mfc22 {color:#AAA;} 

.mfc23 {color:#AAA;} 
 .mfc24 {color:#AAA;} 
 .mfc25 {color:#AAA;} 
 .mfc26 {color:#AAA;} 
 .mfc27 {color:#AAA;} 
 .mfc28 {color:#AAA;} 
 .mfc29 {color:#AAA;}



.c0, .c1,.c2, .c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12, .c13,.c14,.c15,.c16,.c17,.c18,.c19,.c20,.c21,.c22,.c23,.c24,.c25,.c26,.c27,.c28,.c29 {cursor:default;font-weight:bold;}
.c0 {color:#9364CD;text-decoration:line-through;}
.c1 {color:#444400;text-decoration:line-through;}
 .c2 {color:#ff3333;text-decoration:line-through;}
 .c3 {color:#cccc00;text-decoration:line-through;}
 .c4 {color:#005500;text-decoration:line-through;}
 .c5 {color:#ff9900;text-decoration:line-through;}
 .c6 {color:#ff8888;text-decoration:line-through;}
 .c7 {color:#888888;text-decoration:line-through;}
 .c8 {color:#9B0056;text-decoration:line-through;}
 .c9 {color:#000000;text-decoration:line-through;}
 .c10 {color:#000088;text-decoration:line-through;}
 .c11 {color:#0000cc;text-decoration:line-through;}
 .c12 {color:#00bbb4;text-decoration:line-through;}
 .c13 {color:#000000;text-decoration:underline;}
 .c14 {color:#ff9900;text-decoration:line-through;} 
 
.c15 {color:#AAA;text-decoration:underline;} 
 .c16 {color:#AAA;text-decoration:underline;} 
 .c17 {color:#AAA;text-decoration:underline;} 
 .c18 {color:#AAA;text-decoration:underline;} 
 .c19 {color:#AAA;text-decoration:underline;} 
 .c20 {color:#AAA;text-decoration:underline;} 
 .c21 {color:#AAA;text-decoration:underline;} 
  .c22 {color:#AAA;text-decoration:underline;} 

.c23 {color:#AAA;text-decoration:underline;} 
 .c24 {color:#AAA;text-decoration:underline;} 
 .c25 {color:#AAA;text-decoration:underline;} 
 .c26 {color:#AAA;text-decoration:underline;} 
 .c27 {color:#AAA;text-decoration:underline;} 
 .c28 {color:#AAA;text-decoration:underline;} 
 .c29 {color:#AAA;text-decoration:underline;}


.d {text-decoration:none;}






#pic, img.fad {opacity:0; -moz-transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in;transition: opacity 0.5s ease-in;}
 .fad:hover { filter: brightness(1.20);}











div.commonfilter * {font-size:0.95em;} 



.transport {width:100%;max-width:300px;border:1px solid #6e750e;} 
.transport td {width:50%;border:1px solid #6e750e;padding:2px;}
.busTransport {height:200px;overflow-y:auto;width:100%;max-width:300px;scrollbar-color: #6e750e lightgray;}


/* .TX p:nth-child(odd) {background: #F9F9F9} */



.brownborder {border-style:solid;border-width:1px;border-color:#6e750e;}




.pink {background-color:pink;}



.wrapper {max-width:1660px;text-align:left;min-height: 100%;height: auto !important; height: 100%; margin: 0 auto 0;}
.wrapper.page {max-width:1660px;}





.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 4em;
  height:4em;
  background-color: #efefef;
  text-align: center;
}
.footer a {color:#6e750e;}
.footerSmall {font-size:0.5em;}
.col {color:#6e750e;}

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




.u {width:271px;border-top-style:solid;border-top-width:3px;border-top-color:#f07006;_margin-top:-4px;*margin-top:-4px;} 





.und {border-bottom:2px solid green;}



div.mnu span {font-size:0.3em}














div .mp  {border-style:solid;border-width:1px;border-color:#6e750e;position:relative;background: repeating-radial-gradient(circle at 50%, #eee, #eee 20px, #fff 20px, #fff 40px);width:100%;max-width:300px;height:200px;font-size:11px;overflow:hidden;}

div .mpPlate {height:300px;width:300px;top:0;left:0;position:absolute;}



#_m {border-style:solid;border-width:1px;border-color:#6e750e;display:none;}

#_ms {border-style:solid;border-width:1px;border-color:#6e750e;}

pre {

white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
}




div.flags * {font-family:arial;}
div.flags div.lbl {position:absolute;background-color:white;text-align:center;white-space:pre;
overflow:auto;}

div.flags a {filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;width:10px;height:20px;position:absolute;text-align:top;text-decoration:none;font-size:12px;font-family:arial;padding-left:10px;padding-right:17px;padding-top:0px;padding-bottom:20px;width:20px;height:10px;border-style:solid;border-width:0px;border-color:gray;background-image:  url(/images/black.gif);background-repeat: no-repeat;}

div.flags a.L:visited {background-image:  url(/images/dgr.gif);}
div.flags a.L:hover {background-image:  url(/images/lightgray.gif);}

div.flags a.A {position:absolute;text-align:top;text-decoration:none;font-size:12px;font-family:arial;padding-left:10px;padding-right:17px;padding-top:0px;padding-bottom:20px;width:20px;height:20px;border-style:solid;border-width:0px;border-color:gray;background-image:  url(/images/black2.gif);background-repeat: no-repeat;}

div.flags a.A:visited {background-image:  url(/images/dgr2.gif);}
div.flags a.A:hover {background-image:  url(/images/lightgray2.gif);}


div.flags a.L.bl {background-image:  url(/images/blue.gif);}
div.flags a.L.bl:visited {background-image:  url(/images/lightblue.gif);}
div.flags a.L.bl:hover {background-image:  url(/images/lightblue.gif);}


div.flags a.Lb {background-image:  url(/images/blue.gif);}
div.flags a.Lb:visited {background-image:  url(/images/lightblue.gif);}
div.flags a.Lb:hover {background-image:  url(/images/lightblue.gif);}


div.flags a.Ab {background-image:  url(/images/blue2.gif);}
div.flags a.Ab:visited {background-image:  url(/images/lightblue2.gif);}
div.flags a.Ab:hover {background-image:  url(/images/lightblue2.gif);}

div.flags a.A.bl {background-image:  url(/images/blue2.gif);}
div.flags a.A.bl:visited {background-image:  url(/images/lightblue2.gif);}
div.flags a.A.bl:hover {background-image:  url(/images/lightblue2.gif);}


.sdaPage {column-width:290px;column-fill: balance;margin:-10px;}
.sdaPage .box, .sdaPage .boxm {margin:10px;padding:10px;border:1px solid gray;break-inside: avoid;display: inline-block; width:90%;}

.boxm table {border:none;}
.boxm table tr:nth-child(even) {background:#f3f5e4;}


.sd--aPage .box {padding:0;border:none;}


.sdaY {display:flex;flex-wrap:wrap;margin:-10px;width:100%;}

.sdaY .box {width:290px;height:620px;border:1px solid gray;margin:10px;padding:10px;text-align: center;display:inline-block;float:left;position:relative;}
.sdaY .card {height:125px;}
.sdaY .card .imageCard { width:100px;height:100px;margin-right:10px;float:left;object-fit: cover;}
.sdaY .box .pic {max-width:100%;height:255px;text-decoration:none;}
.sdaY .box.left {text-align:left;}
.sdaY .scrolly {overflow-y:auto;}


.sdaY .lessMore {height:150px;overflow:hidden;position: relative;transition: height 1s;padding-bottom:15px;}   
.sdaY .lessMore  .button {cursor:default;position:absolute; bottom:0;height:20px;width:100%;background:white;display:block;text-align:center;color:olive;} 



.sdaY .box p.bxf {width:100%;position:absolute;bottom:20px;left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
}

.sdaY .metas {overflow-y:scroll;height:300px;border:2px solid olive;important!}

.sdaY h2 {color:#6e750e;margin:0px;padding:3px 0 10px 0;font-size:18px;}
.sdaY .tabanti {padding:5px;border-radius: 0 0 12px 12px;color:white;background:#6e750e;}



@media screen and (max-width: 600px) {
  .sdaY  .box {width:95%;height:600px;position:relative;}
   .sdaY .lessMore {height:150px;} 
.sdaY .card {height:100px;}
.sdaY .box .pic {width:100%;height:50%;}
.sdaY .metas {overflow-y:scroll;height:300px;border:2px solid olive;important!}
.table span {display:inline-block;width:1em;overflow:hidden;}

.placeanad {display:none;}

  
  
}

@media screen and (max-width:600px) {
 form input:not([type=checkbox]) {display:block;max-width:450px;width:100%;font-size:20px;}
 select {font-size:20px;max-width:100%;}
}







.pc {width:100%;height:255px;position:relative;border: none;transition:none;} /*transition*/



.pc > div {position:absolute;left:0;width:100%;height:100%;overflow:hidden;}
.pc > div  > img.f {position:absolute;height:100%;width:100%;transition: opacity 0.2s, left 1s;opacity:0;}
.pc > div  > img.f:first-child {left:0;}

.pc > div  > img.panel {position:absolute;bottom:0;left:0;width:100%;}
.pc > div > div:hover + .pc img {opacity:1.0;}
.pc .pfs {position:absolute;top:5px;right:5px;font-size:50px;color:lightgray; cursor: default;}

.pcBig {position:fixed;left:0;top:0;height:100vh;width:100vw;max-height:707px;max-width:1000px;z-index:5;background-color:black;margin: 5% auto; left: 0;right: 0;}

.pcBig > div > img.f {object-fit:contain;} // no cover or contain






.visit {background: linear-gradient(to right, rgba(255,255,255,0), rgba(210,230,220,1));}

 .new {display:none;position:absolute;top:0;left:0;}

.doblue .new {display:block;}







[data-send] {cursor:pointer;}


.modalBack {

  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 4; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9.99); /* Black w/ opacity */
}


.modall {
padding:10px;
font-size:16px;
  z-index: 5; 
top:-800px;
position: fixed;


border-radius: 10px;
filter: drop-shadow(10px 10px 4px gray);
transition: all 1s;
o-pacity=0;

margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
width:85%;
max-width:800px;
height:auto;
background:lightgray;
text-align:center;
}


.modall  textarea, .modall input {display:block;width:100%;font-size:16px;}