@import url("https://fonts.googleapis.com/css?family=Assistant:400,700&subset=hebrew");body{margin:0;padding:0;overflow:hidden;font-family:'Assistant',sans-serif;background-color:#222;}map{display:none;}map area{outline:none;}.container{height:100vh;width:100vw;display:block;background-image:url("../assets/BG.JPG");background-size:cover;background-repeat:no-repeat;}.content{display:block;position:relative;}.content .moviebtn{position:absolute;background-image:url("../assets/button.png");background-repeat:no-repeat;background-size:contain;width:11.5em;height:9.3em;display:inline-block;cursor:pointer;transition:.3s ease-out;transform:translateY(0);top:115px;right:200px;}.content .moviebtn:hover{transform:translateY(-.5em);}.title{width:585px;height:234px;padding:50px 0 0 16vw;}.buttons{transform-origin:top left;width:1024px;margin-left:50px;}.buttons .col{text-align:center;display:inline;position:relative;float:left;}.buttons .col.col1{width:392px;height:445px;}.buttons .col.col2{width:392px;height:360px;}.buttons .col.col3{padding-right:64px;width:174px;height:154px;}.buttons .col .hex_cont{position:absolute;width:0;height:0;top:0;left:0;overflow:visible;}.buttons .col .hex_cont .hexagon{position:absolute;overflow:visible;cursor:pointer;opacity:.5;}.buttons .col .hex_cont .hexagon .hexagon_center,.buttons .col .hex_cont .hexagon .hexagon_left,.buttons .col .hex_cont .hexagon .hexagon_right{width:65px;height:112.58px;overflow:hidden;position:absolute;left:0;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.buttons .col .hex_cont .hexagon .hexagon_center.hexagon_left,.buttons .col .hex_cont .hexagon .hexagon_left.hexagon_left,.buttons .col .hex_cont .hexagon .hexagon_right.hexagon_left{-ms-transform:translate(-50%,-50%) rotate(-60deg);-webkit-transform:translate(-50%,-50%) rotate(-60deg);transform:translate(-50%,-50%) rotate(-60deg);}.buttons .col .hex_cont .hexagon .hexagon_center.hexagon_right,.buttons .col .hex_cont .hexagon .hexagon_left.hexagon_right,.buttons .col .hex_cont .hexagon .hexagon_right.hexagon_right{-ms-transform:translate(-50%,-50%) rotate(60deg);-webkit-transform:translate(-50%,-50%) rotate(60deg);transform:translate(-50%,-50%) rotate(60deg);}.buttons .col .hex_cont .hexagon.hexagon--head .hexagon_center,.buttons .col .hex_cont .hexagon.hexagon--head .hexagon_left,.buttons .col .hex_cont .hexagon.hexagon--head .hexagon_right{width:83px;height:143.756px;}.buttons .col .hex_cont .hexagon.is_hover:before{display:block;animation-name:btns_animation;}.buttons .col .hex_cont .hexagon.hexagon--head.is_hover:before{animation-name:btns_animation_h;}.buttons .col .hex_cont .hexagon:before{content:' ';width:0;height:0;border-radius:50%;display:none;position:absolute;top:50%;left:50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);animation-duration:.6s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards;}@keyframes btns_animation{0%{width:0;height:0;opacity:.5;background-color:#fff;}100%{width:112.58px;height:112.58px;background-color:#fff;opacity:0;}}@keyframes btns_animation_h{0%{width:0;height:0;opacity:.5;background-color:#000;}100%{width:164.54px;height:164.54px;background-color:#000;opacity:0;}}.buttons .col .hex_cont.hex_cont--1 .hexagon--1{left:189px;top:76px;}.buttons .col .hex_cont.hex_cont--1 .hexagon--2{left:314px;top:161px;}.buttons .col .hex_cont.hex_cont--1 .hexagon--3{left:194px;top:225px;}.buttons .col .hex_cont.hex_cont--1 .hexagon--4{left:75px;top:296px;}.buttons .col .hex_cont.hex_cont--1 .hexagon--5{left:312px;top:296px;}.buttons .col .hex_cont.hex_cont--1 .hexagon--6{left:194px;top:372px;}.buttons .col .hex_cont.hex_cont--2 .hexagon--1{left:196px;top:76px;}.buttons .col .hex_cont.hex_cont--2 .hexagon--2{left:71px;top:160px;}.buttons .col .hex_cont.hex_cont--2 .hexagon--3{left:322px;top:160px;}.buttons .col .hex_cont.hex_cont--2 .hexagon--4{left:196px;top:225px;}.buttons .col .hex_cont.hex_cont--2 .hexagon--5{left:69px;top:296px;}.buttons .col .hex_cont.hex_cont--3 .hexagon--1{top:77px;left:87px;}@media screen and (max-width:560px){.buttons{width:700px;}}@media screen and (max-width:1024px){.content .moviebtn{width:10em;height:8em;top:180px;right:10px;}}