img,main{max-width:100%}.markers>.marker,.sonar:after{position:absolute;border-radius:25px}body{font-family:Montserrat,sans-serif;font-size:1em}main{display:grid;position:relative;margin:0 auto;text-align:center;height:97vh;width:calc(97vh * 1.62)}img{height:auto;width:auto}.plan{max-height:100%}.hidden-xs{display:block}.modal,.modal>.modal-content>.description>.description-content a:first-child::before,.modal>.modal-content>.description>.description-content p:first-child::before,.modal>.modal-content>.hidden,.visible-xs{display:none}.markers{position:absolute;top:0;right:0;bottom:0;left:0}.markers>.marker{background:#3fa9f5;box-shadow:5px 5px 5px 2px rgba(0,0,0,.4)}.markers>.marker1{left:45%;top:77%}.markers>.marker2{left:44%;top:61%}.markers>.marker3{left:25%;top:61%}.markers>.marker4{left:20%;top:40%}.markers>.marker5{left:42%;top:26%}.markers>.marker6{left:60%;top:36%}.markers>.marker7{left:77%;top:49%}.markers>.marker8{left:78%;top:14%}.modal,.sonar:after{left:0;width:100%;height:100%}.markers>.marker>a{display:block;font-weight:700;color:#fff;text-decoration:none;cursor:pointer;width:35px;height:35px;line-height:35px}.markers>.marker>.marker-content{-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@-webkit-keyframes sonar{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5)}100%{opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5);-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes sonar{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5)}100%{opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #fff,0 0 0 10px rgba(255,255,255,.5);-webkit-transform:scale(1.5);transform:scale(1.5)}}.sonar:after{-webkit-animation:3s ease-in-out .1s infinite sonar;-moz-animation:3s ease-in-out .1s infinite sonar;-o-animation:3s ease-in-out .1s infinite sonar;animation:3s ease-in-out .1s infinite sonar;content:'';pointer-events:none;top:0;padding:0;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-shadow:0 0 0 2px rgba(255,255,255,.1);-webkit-transform-style:preserve-3d}.modal{position:fixed;z-index:10;top:0;overflow:hidden;background-color:rgba(0,0,0,.4)}.modal>.modal-content{position:relative;background-color:#fefefe;top:50%;transform:translateY(-50%);margin:0 auto;border:1px solid #888;width:60%}.modal>.modal-content>.description{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center;height:80vh}.modal>.modal-content>.description>.description-content{position:absolute;top:50%;transform:translateY(-50%);right:10%;width:25%}.modal>.modal-content>.description>.description-content a,.modal>.modal-content>.description>.description-content p{display:block;position:relative;margin:15px 0;padding:10px 0 10px 40px;background:rgba(0,0,0,.5);color:#fff;font-size:.8em;text-transform:uppercase;text-decoration:none}.modal>.modal-content>.description>.description-content a:hover{background:rgba(0,0,0,.8);font-weight:500}.modal>.modal-content>.description>.description-content a::before,.modal>.modal-content>.description>.description-content p::before{content:'';position:absolute;top:50%;left:15px;width:15px;height:15px;transform:translateY(-50%);background-image:url('../img/check.svg');background-repeat:no-repeat;background-size:contain;background-position:center center}.modal>.modal-content>.description>.description-content a:first-child,.modal>.modal-content>.description>.description-content p:first-child{font-size:1.2em;font-weight:700}.close{position:absolute;right:15px;top:0;font-size:50px;font-weight:100;z-index:9}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}@media only screen and (max-width:1200px){.markers>.marker{transform:translate(-15%,-30%);-webkit-transform:translate(-15%,-30%);-ms-transform:translate(-15%,-30%)}.modal>.modal-content{width:80%}.modal>.modal-content>.description>.description-content{width:70%}}@media only screen and (max-width:992px){.markers>.marker1{left:57%;top:83%}.markers>.marker2{left:55%;top:74%}.markers>.marker3{left:30%;top:74%}.markers>.marker4{left:38%;top:20%}.markers>.marker5{left:67%;top:14%}.markers>.marker6{left:33%;top:44%}.markers>.marker7{left:55%;top:50%}.markers>.marker8{left:60%;top:35%}.hidden-xs{display:none}.visible-xs{display:block}main{max-width:100%;width:100%;height:auto}.markers>.marker>a{width:25px;height:25px;line-height:25px}.modal>.modal-content{width:90%}.modal>.modal-content>.description>.description-content p{padding:10px 40px}}@media only screen and (max-width:768px){.markers>.marker>a{width:20px;height:20px;line-height:18px;font-size:12px}.modal>.modal-content>.description{height:50vh}.modal>.modal-content>.description>.description-content{left:15%;right:auto}}