@font-face {
  font-family: "Copperplate Gothic Light";
  src: local("Copperplate Gothic Light"),
       url("../fonts/Copperplate Gothic Light Regular.ttf");
}
@font-face {
  font-family: "Copperplate Gothic Bold";
  src: local("Copperplate Gothic Bold"),
       url("../fonts/Copperplate Gothic Light Regular.ttf");
}
@font-face {
  font-family: "Century Gothic";
  src: local("Century Gothic"),
       url("../fonts/GOTHIC.TTF");
}
@font-face {
  font-family: "Georgia";
  src: local("Georgia"),
       url("../fonts/georgia.ttf");
}
a:link {
  color: #66CCFF;
}
a:visited {
  color: #66CCFF;
}
a:hover {
  color: #33AE33;
}
a:active {
  color: #33AE33;
}

/* Fade to other image (links on top right)*/
#cf {
  position:relative;
}
#cf img {
  position:relative;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#cf img.fadeimgoff{
  position:absolute;
}
#cf img.fadeimgon:hover {
  opacity:0;
}

/* Fade in and out */
#cfdl img.fadeimgdl {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity:0.7;
  cursor: pointer;
}
#cfdl img.fadeimgdl:hover {
  opacity:1;
}
.hiddeninfo {
  position: absolute;
  font-family: Arial;
  font-size: 4pt;
  left: -500px;
  top: -500px;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

/* zoom hover for www.homasim.com */

.zoomhover-item {
  width:147px;
  height:147px;
  margin:8px;
  border: none;
  -webkit-border-radius:100%;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
  }
.zoomhover-item a {
  float:right;
  width:100%
  }
.zoomhover-item img {
  border: none;
  float:right;
  width:147px;
  height:147px
  }
.zoomhover-item:hover {
  background: none;
  border: none;
  transform:scale(1.2,1.2);
  -ms-transform:scale(1.2,1.2);
  -webkit-transform:scale(1.2,1.2)
  }


.nav-hover {
    position:absolute;
    border:0px solid yellow;
    padding: 8px;
    z-index:5;
    font-size:16pt;
    font-family: 'Copperplate Gothic Bold';
    color:rgb(7, 33, 110);
    text-shadow: 0px 0px 20px #ffffff, 0px 0px 20px #ffffff, 0px 0px 20px #ffffff, 0px 0px 20px #ffffff, 0px 0px 20px #ffffff, 0px 0px 20px #ffffff, 0px 0px 20px #ffffff, 0px 0px 20px #ffffff;
    cursor: pointer;
    transition: text-shadow 0.25s ease-in-out,color 0.25s ease-in-out;
}
.nav-hover:hover {
    color:rgb(7, 85, 27);
    text-shadow: 0px 0px 20px #09ff00, 0px 0px 20px #09ff00, 0px 0px 20px #09ff00, 0px 0px 20px #09ff00, 0px 0px 20px #09ff00, 0px 0px 20px #ffffff, 0px 0px 20px #ffffff, 0px 0px 20px #ffffff;
}

div.hea-6 {border:1px solid rgb(17, 128, 7); padding:15px; border-radius: 0px 30px 30px 0px; font-family: Century Gothic;box-shadow: inset 0 0 40px rgba(12, 255, 93, 1);text-decoration: none;color:#b9ffc2 ;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
div.hea-6:hover {color: #ffffff;box-shadow: inset 0 0 20px #00ff22;border:1px solid rgb(19, 65, 134)}