html {
  height: 100%;
}

table.master {
   height: 100%; 
   width: 100%;
}

body {
   font-family: RosesareFF0000, Arial, Helvetica, sans-serif;
   font-size: 8px;
   color: #ffffff;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

a.contact:link {
  color:#ccc;
  text-decoration: none;
}
a.contact:visited {
  color:#ccc;
  text-decoration: underline;
}
a.contact:hover {
  color:#ccc;
  text-decoration: underline;
}
a.contacttel:link {
  color:#ccc;
  text-decoration: none;
}
a.contacttel:visited {
  color:#ccc;
  text-decoration: none;
}
a.contacttel:hover {
  color:#ccc;
  text-decoration: none;
}
a[href^="tel"] {
  text-decoration: none;
  cursor: default;
}

.copyleft {
  font-family: 'RosesareFF0000', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 6px;
  letter-spacing: 0.6px;
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  display: inline-block;
}
@media only screen and (max-device-width: 480px) {
  a[href^="tel"] {
    text-decoration: none;
    cursor: pointer;
  }
}

@font-face {
  font-family: RosesareFF0000;
  src: url("font/RosesareFF0000.woff") format("woff");
}

/* MODAL */
.modal {
  position: fixed;
  padding: 10px;
  max-width: 175px;
  top: 37%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.0);
  visibility: hidden;
  opacity: 0;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
  z-index: 1;
}
.modal:target {
  visibility: visible;
  opacity: 1;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.modal-close {
  position: absolute;
  padding: 10px;
  max-width: 175px;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.9);
}
.modal .close {
  position: absolute;
  right: 74px;
  top: 0px;
  padding: 5px;
  color: #bfbfbf;
  transition: color .3s;
  font-size: 2em;
  line-height: 0.1em;
  font-weight: bold;
  text-decoration: none;
}
.modal .close:hover {
  color: #fff;
  animation: 
  blink-caret .5s step-end infinite;
  text-decoration: none;
}
.close-modal {
  background: rgba(0,0,0,.85);
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
}
.modal:target + .close-modal{  
  opacity: 1;
  visibility: visible;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* MODAL2 */
.modal2 {
  position: fixed;
  padding: 10px;
  max-width: 175px;
  top: 37%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.0);
  visibility: hidden;
  opacity: 0;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
  z-index: 1;
}
.modal2:target {
  visibility: visible;
  opacity: 1;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.modal2-close {
  position: absolute;
  padding: 10px;
  max-width: 175px;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.9);
}
.modal2 .close {
  position: absolute;
  right: 72px;
  top: 0px;
  padding: 5px;
  color: #bfbfbf;
  transition: color .3s;
  font-size: 2em;
  line-height: 0.1em;
  font-weight: bold;
  text-decoration: none;
}
.modal2 .close:hover {
  color: #fff;
  animation: 
  blink-caret .5s step-end infinite;
  text-decoration: none;
}
.close-modal2 {
  background: rgba(0,0,0,.85);
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
}
.modal2:target + .close-modal2{  
  opacity: 1;
  visibility: visible;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 2.1;
  animation-iteration-count: 2.1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}