@font-face {
  font-family: "Sansation";
  src: url(/assets/fonts/Sansation_Regular.ttf);
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0.85))), url(/assets/imgs/coding-bg.png);
  background: linear-gradient(0deg, black, rgba(0, 0, 0, 0.85)), url(/assets/imgs/coding-bg.png);
  background-position: center center;
  background-size: fill;
  background-attachment: fixed;
}

body * {
  font-family: Sansation;
}

header {
  margin-top: 10vh;
}

header h1 {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}

header h2 {
  color: #215ad6;
}

main {
  margin-top: 50px;
}

.proj-col {
  margin: 25px 0;
  min-height: 227px;
}

.overlay {
  height: 100%;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.747) 5px 5px 14px;
          box-shadow: rgba(0, 0, 0, 0.747) 5px 5px 14px;
  overflow: hidden;
}

.overlay:hover {
  -webkit-box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.575);
          box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.575);
  cursor: pointer;
}

.overlay .year-box {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 10px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(45%, rgba(16, 16, 16, 0.7)), color-stop(50%, rgba(16, 16, 16, 0.8)));
  background-image: linear-gradient(0deg, rgba(16, 16, 16, 0.7) 45%, rgba(16, 16, 16, 0.8) 50%);
  color: white;
  font-weight: bold;
  font-size: 14px;
}

.proj-desc {
  position: absolute;
  width: 100%;
  top: calc(100% - 65px);
  height: 100%;
  padding-top: 10px;
  color: white;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}

.proj-desc h4 {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 22px;
}

.proj-desc p {
  margin-bottom: 5px;
}

.proj-desc hr {
  background: white;
  width: calc(100% - 50px);
}

.proj-desc span {
  text-align: left;
  display: block;
  padding: 0 25px;
  font-size: 13px;
}

.proj-desc img {
  height: 19px;
  vertical-align: top;
  margin-right: 4px;
}

.proj-desc .infoIcon {
  margin-right: 13px;
  margin-left: 9px;
}

.proj-desc.proj-desc.showProj {
  top: 0;
}

.keysonwheels {
  background-image: url(/assets/imgs/keysonwheels-pc.jpg);
}

.keysonwheels .proj-desc {
  background: rgba(239, 127, 15, 0.8);
  color: black;
}

.keysonwheels .proj-desc.showProj {
  background: rgba(239, 127, 15, 0.95);
}

.libertyco {
  background-image: url(/assets/imgs/libertyco-pc.jpg);
}

.libertyco .proj-desc {
  background: rgba(18, 78, 120, 0.8);
}

.libertyco .proj-desc.showProj {
  background: rgba(18, 78, 120, 0.95);
}

.safety {
  background-image: url(/assets/imgs/safety-pc.jpg);
}

.safety .proj-desc {
  background: rgba(79, 201, 210, 0.8);
  color: #222222;
}

.safety .proj-desc.showProj {
  background: rgba(79, 201, 210, 0.95);
}

.budget {
  background-image: url(/assets/imgs/budget.jpg);
}

.budget .proj-desc {
  background: rgba(242, 99, 34, 0.8);
}

.budget .proj-desc.showProj {
  background: rgba(242, 99, 34, 0.95);
}

.ejhc {
  background-image: url(/assets/imgs/ejhc.jpg);
}

.ejhc .proj-desc {
  background: rgba(0, 56, 119, 0.8);
}

.ejhc .proj-desc.showProj {
  background: rgba(0, 56, 119, 0.95);
}

.sigma {
  background-image: url(/assets/imgs/sigma.jpg);
}

.sigma .proj-desc {
  background: rgba(230, 30, 43, 0.8);
}

.sigma .proj-desc.showProj {
  background: rgba(230, 30, 43, 0.95);
}

.priceonline {
  background-image: url(/assets/imgs/priceonline.jpg);
}

.priceonline .proj-desc {
  background: rgba(0, 0, 0, 0.8);
}

.priceonline .proj-desc.showProj {
  background: rgba(0, 0, 0, 0.95);
}

.itu {
  background-image: url(/assets/imgs/itu.jpg);
}

.itu .proj-desc {
  background: rgba(219, 44, 113, 0.8);
}

.itu .proj-desc.showProj {
  background: rgba(219, 44, 113, 0.95);
}

.achva {
  background-image: url(/assets/imgs/achva.jpg);
}

.achva .proj-desc {
  background: rgba(70, 47, 138, 0.8);
}

.achva .proj-desc.showProj {
  background: rgba(70, 47, 138, 0.95);
}

.tnuva {
  background-image: url(/assets/imgs/tnuva.jpg);
}

.tnuva .proj-desc {
  background: rgba(38, 135, 53, 0.8);
}

.tnuva .proj-desc.showProj {
  background: rgba(38, 135, 53, 0.95);
}

.greenquality {
  background-image: url(/assets/imgs/greenquality-mobile.jpg);
  background-position: center bottom;
}

.greenquality .proj-desc {
  background: rgba(54, 186, 98, 0.8);
  color: black;
}

.greenquality .proj-desc.showProj {
  background: rgba(54, 186, 98, 0.95);
}

.patriot {
  background-image: url(/assets/imgs/patriot-mobile.jpg);
  background-position: center bottom;
}

.patriot .proj-desc {
  background: rgba(158, 41, 39, 0.8);
}

.patriot .proj-desc.showProj {
  background: rgba(158, 41, 39, 0.95);
}

.lockandkey {
  background-image: url(/assets/imgs/lockandkey.jpg);
}

.lockandkey .proj-desc {
  background: rgba(41, 50, 65, 0.8);
}

.lockandkey .proj-desc.showProj {
  background: rgba(41, 50, 65, 0.95);
}

.israeli {
  background-image: url(/assets/imgs/israelimarket.jpg);
}

.israeli .proj-desc {
  background: rgba(198, 43, 29, 0.9);
}

.israeli .proj-desc.showProj {
  background: rgba(198, 43, 29, 0.95);
}

.amos {
  background-image: url(/assets/imgs/amosluzon.jpg);
}

.amos .proj-desc {
  background: rgba(0, 0, 0, 0.8);
}

.amos .proj-desc.showProj {
  background: rgba(0, 0, 0, 0.95);
}

.skale {
  background-image: url(/assets/imgs/skale.jpg);
}

.skale .proj-desc {
  background: rgba(27, 129, 232, 0.8);
}

.skale .proj-desc.showProj {
  background: rgba(27, 129, 232, 0.95);
}

.overlay.budget:hover .proj-desc {
  background: rgba(242, 99, 34, 0.95);
}

.overlay.priceonline:hover .proj-desc {
  background: rgba(0, 0, 0, 0.95);
}

.overlay.ejhc:hover .proj-desc {
  background: rgba(0, 56, 119, 0.95);
}

.overlay.sigma:hover .proj-desc {
  background: rgba(230, 30, 43, 0.95);
}

.overlay.itu:hover .proj-desc {
  background: rgba(219, 44, 113, 0.95);
}

.overlay.achva:hover .proj-desc {
  background: rgba(70, 47, 138, 0.95);
}

.overlay.tnuva:hover .proj-desc {
  background: rgba(38, 135, 53, 0.95);
}

.overlay.greenquality:hover .proj-desc {
  background: rgba(54, 186, 98, 0.95);
}

.overlay.keysonwheels:hover .proj-desc {
  background: rgba(239, 127, 15, 0.95);
}

.overlay.libertyco:hover .proj-desc {
  background: rgba(18, 78, 120, 0.95);
}

.overlay.safety:hover .proj-desc {
  background: rgba(79, 201, 210, 0.95);
}

.overlay.patriot:hover .proj-desc {
  background: rgba(158, 41, 39, 0.95);
}

.overlay.lockandkey:hover .proj-desc {
  background: rgba(41, 50, 65, 0.95);
}

.overlay.israeli:hover .proj-desc {
  background: rgba(198, 43, 29, 0.95);
}

.overlay.amos:hover .proj-desc {
  background: rgba(0, 0, 0, 0.95);
}

.overlay.skale:hover .proj-desc {
  background: rgba(27, 129, 232, 0.95);
}

.proj-link-white {
  display: inline-block;
  position: absolute;
  bottom: 7px;
  right: 7px;
}

.proj-link-white:hover {
  filter: drop-shadow(1px 1px 3px black);
  -webkit-filter: drop-shadow(1px 1px 3px black);
}

.proj-link-black {
  display: inline-block;
  position: absolute;
  bottom: 7px;
  right: 7px;
}

.proj-link-black:hover {
  filter: drop-shadow(1px 1px 3px white);
  -webkit-filter: drop-shadow(1px 1px 3px white);
}
/*# sourceMappingURL=style.css.map */