@font-face {
  font-family: Aller Regular;
  src: url("../files/font/Aller_Std_Rg.eot");
  /*ie...*/
  src: url("../files/font/Aller_Std_Rg.woff") format("woff"); }
@font-face {
  font-family: Aller Regular Bold;
  src: url("../files/font/Aller_Std_Bd.eot");
  src: url("../files/font/Aller_Std_Bd.woff") format("woff"); }
@font-face {
  font-family: Aller Light;
  src: url("../files/font/Aller_Lt.eot");
  src: url("../files/font/Aller_Lt.woff") format("woff"); }
a {
  transition: background 0.2s;
  border-radius: 2px; }

body {
  margin: 0;
  padding: 0;
  color: white;
  letter-spacing: -0.03em;
  background: #495a62;
  font-family: Aller Regular;
  line-height: 1.42857142857143; }

#container {
  min-width: 768px; }

#header {
  height: 90px;
  overflow: hidden;
  position: relative;
  background: #293239;
  border-top: 5px solid #495a62; }

#logo {
  float: left;
  width: 264px;
  height: 50px;
  margin: 20px 0 0 3%;
  background: url("../files/logo.png") no-repeat; }

#menu {
  right: 0;
  position: absolute;
  margin: 36px 20px 0px 0px;
  list-style-type: none; }
  #menu li {
    float: left;
    margin-left: 5px; }
    #menu li a {
      color: white;
      padding: 12px 23px;
      text-decoration: none; }
      #menu li a:not(.active):hover {
        background: #495a62; }
    #menu li .active {
      color: #1E90FF; }
    #menu li .contact {
      background: #f4b32d;
      text-shadow: 0 0 6px black; }
      #menu li .contact:not(.active):hover {
        background: #f4c952; }
      #menu li .contact.active {
        color: white;
        background: #f4c952; }

.contact-big {
  color: white;
  font-size: 1.2em;
  padding: 12px 26px;
  background: #f4b32d;
  text-shadow: 0 0 6px black;
  text-decoration: none; }
  .contact-big:hover {
    background: #f4c952; }

#header, #content, #footer {
  transition: font 1s ease; }

#content {
  text-align: center;
  padding-bottom: 3%;
  font-family: Aller Light;
  background: #293239;
  /*buttons*/ }
  #content #content-header {
    padding-top: 2.5%;
    font-family: Aller Regular Bold;
    font-size: 2.5em; }
    #content #content-header p {
      margin: 0; }
  #content #item-table {
    width: 90%;
    max-width: 1024px;
    font-size: 1.45em;
    margin: 3% auto;
    border-spacing: 0; }
    #content #item-table tr:not(:last-child) td {
      padding-bottom: 1em; }
    #content #item-table tr td {
      width: 33%; }
  #content .wave-icon {
    margin: 0 auto;
    width: 150px;
    height: 150px;
    transition: width 1s ease, height 1s ease, transform 2s;
    border-radius: 50%; }
    #content .wave-icon.pdf {
      background: #1E90FF; }
      #content .wave-icon.pdf span {
        background-position: 0px 0; }
    #content .wave-icon.dev {
      background: #38e184; }
      #content .wave-icon.dev span {
        background-position: 46px 0; }
    #content .wave-icon.app {
      background: #00d6aa; }
      #content .wave-icon.app span {
        background-position: 92px 0; }
    #content .wave-icon span {
      top: 40%;
      position: relative;
      padding: 17px 23px;
      background: url("../files/wave-icons.png") repeat-x; }
  #content .read-more {
    color: #1E90FF;
    padding: 8px 24%;
    font-size: 0.8em;
    text-decoration: none;
    border: 1px solid #1E90FF; }
    #content .read-more:hover {
      background: white; }
  #content #service-table {
    width: 85%;
    padding: 3%;
    margin: 0 auto;
    border-spacing: 0;
    max-width: 800px; }
  #content #contact-table {
    margin: 0 auto;
    text-align: left;
    max-width: 800px;
    border-spacing: 0; }
    #content #contact-table tr td:first-child {
      text-align: right; }
    #content #contact-table tr input[type="text"],
    #content #contact-table tr input[type="email"],
    #content #contact-table tr input[type="submit"],
    #content #contact-table tr textarea {
      outline: none;
      margin-left: 5px;
      border-radius: 2px;
      border: none; }
    #content #contact-table tr input[type="text"],
    #content #contact-table tr input[type="email"],
    #content #contact-table tr textarea {
      width: 100%;
      resize: none;
      padding: 8px;
      margin-bottom: 3px; }
      #content #contact-table tr input[type="text"]:focus,
      #content #contact-table tr input[type="email"]:focus,
      #content #contact-table tr textarea:focus {
        background: #D4E1EC; }
    #content #contact-table tr input[type="submit"] {
      color: white;
      cursor: pointer;
      font-size: 1.3em;
      margin-top: 10px;
      margin-right: 25px;
      padding: 12px 50px;
      background: #1E90FF;
      text-shadow: 0 0 6px black; }
      #content #contact-table tr input[type="submit"]:hover {
        background: #44afff; }

.bigger-text {
  font-family: "Aller Regular";
  font-size: 1.4em; }

#footer {
  font-family: Aller Light;
  background: #495a62;
  line-height: 1.6; }
  #footer #footer-info {
    float: left;
    width: 50%;
    margin: 40px;
    color: #A1AAAF; }
  #footer #logo-eljakim {
    float: right;
    margin: 40px 50px; }

@media screen and (max-width: 850px) {
  .wave-icon {
    transform: scale(0.8); }

  #content, #header, #footer {
    font-size: 0.9em !important; } }

/*# sourceMappingURL=style.css.map */