@font-face{font-family:Knockout-48Featherweight;src:url(./fonts/Knockout-48Featherweight.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Lato-Bold;src:url(./fonts/Lato-Bold.ttf) format("truetype");font-weight:400;font-style:normal}html{--color-dark-blue: #022450;--color-blue: #00539B;--color-pale-blue: #6D7CA4;--color-white-blue: #DDE1EF;--color-circles-blue: #8599C8;--color-circles-bkg: #004585;--color-white: #FFFFFF;--color-pin-blue: #002D62}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}a{text-decoration:none}ul li{list-style:none}body.electron,body.electron *{cursor:none!important}body.electron *:after{cursor:none!important}html{width:100svw;height:100svh;overflow:hidden}body{width:100svw;height:100svh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--color-pale-blue)}#container{flex-shrink:0;display:grid;gap:0px;grid-template-areas:"top_menu" "map" "bottom_menu";grid-template-columns:1fr;grid-template-rows:min-content 1fr min-content;transform-origin:center center;height:1920px;width:1080px;position:relative;overflow:hidden}#container .top_menu{grid-area:top_menu;position:relative;z-index:200}#container .maps{z-index:5}#container .bottom_menu{grid-area:bottom_menu;position:relative;z-index:200}.top_menu{display:grid;grid-template-columns:repeat(4,1fr);gap:0px;width:100%;height:100px;background:var(--color-dark-blue)}.top_menu .item{display:flex;justify-content:center;align-items:center;font-size:44px;font-family:Knockout-48Featherweight;color:var(--color-pale-blue);letter-spacing:1.32px;transition:all .15s ease-in-out;cursor:pointer}.top_menu .item.active{color:var(--color-blue);background:var(--color-white-blue)}.bottom_menu{display:grid;grid-template-columns:min-content 1fr;gap:0px;width:100%;height:240px;background:var(--color-dark-blue)}.bottom_menu .logo{background:url(./img/ama_logo.png) right center no-repeat;width:273px;height:100%}.bottom_menu .links{display:none}.bottom_menu .menus{display:flex;flex-direction:column;gap:64px;height:100%;align-items:end;justify-content:center;padding-right:64px}.bottom_menu .menus .menu{display:grid;grid-template-columns:50px min-content;gap:22px;justify-content:end}.bottom_menu .menus .menu .label{font-family:Knockout-48Featherweight;font-size:24px;color:var(--color-blue);text-transform:uppercase;letter-spacing:.72px;display:flex;justify-content:flex-end;align-items:center}.bottom_menu .menus .menu .items{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.bottom_menu .menus .menu .items .item{font-family:Knockout-48Featherweight;font-size:24px;color:var(--color-white-blue);text-transform:uppercase;letter-spacing:1.2px;transition:all .15s ease-in-out;background:var(--color-blue);border-radius:5px;height:40px;width:142px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.bottom_menu .menus .menu .items .item:after{content:"";position:absolute;inset:-28px -10px;cursor:pointer}.bottom_menu .menus .menu .items .item.active{color:var(--color-blue);background:var(--color-white-blue)}.bottom_menu .menus .menu:nth-child(1) .items{position:relative}.bottom_menu .menus .menu:nth-child(1) .items:after{content:"";position:absolute;top:70px;left:0;right:0;height:3px;background:var(--color-circles-bkg);border-radius:1.5px}body.web .bottom_menu{display:grid;grid-template-columns:1fr 1fr;gap:0px;padding:42px}body.web .bottom_menu .logo{grid-column:1/2;grid-row:1/2;background-position:center left}body.web .bottom_menu .links{grid-column:1/2;grid-row:2/3;display:flex;grid-template-columns:repeat(2,1fr);gap:28px;justify-content:start;align-items:end}body.web .bottom_menu .links a{font-family:Knockout-48Featherweight;width:216px;height:62px;font-size:36px;display:flex;justify-content:center;align-items:center;color:var(--color-blue);background:var(--color-circles-blue);border-radius:5px;transition:all .15s ease-in-out}body.web .bottom_menu .menus{grid-column:2/3;grid-row:1/3;padding:0}body.web .bottom_menu .menus .menu{display:flex;flex-direction:column}body.web .bottom_menu .menus .menu .label{display:none}body.web .bottom_menu .menus .menu .items{grid-template-columns:repeat(2,1fr);gap:28px}body.web .bottom_menu .menus .menu .items .item{width:216px;height:62px;font-size:36px}body.web .bottom_menu .menus .menu .items .item:after{display:none}body.web .bottom_menu .menus .menu:nth-child(1) .items:after{inset:0 auto 0 -39px;width:3px;height:100%}body.web .bottom_menu .menus .menu:nth-child(2){display:none}.maps{position:absolute;top:0;left:0;width:1080px;height:1920px}.maps .map{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .15s ease-in-out;pointer-events:none;z-index:1}.maps .map.switching{z-index:10}.maps .map.active{opacity:1;pointer-events:auto}.maps .map .imgs{position:absolute;left:0;width:1080px;height:1920px;background-repeat:no-repeat;background-size:contain;background-position:top center;overflow:hidden}.maps .map .imgs .roads{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:top center;transition:opacity .25s ease-in-out;overflow:hidden}.maps .map .imgs .roads div{position:absolute;width:100px;height:100px;pointer-events:none;z-index:6;transform:translate3d(-50%,-50%,0)}.maps .map .imgs .roads div svg{width:100%;height:100%;position:absolute;top:0;left:0}.maps .map .imgs .cities{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:top center;transition:opacity .25s ease-in-out}.maps .map[data-data="0"] .imgs{background-image:url(./img/eras/0/bkg.jpg)}.maps .map[data-data="0"] .imgs .roads{background-image:url(./img/eras/0/roads.png)}.maps .map[data-data="0"] .imgs .cities{background-image:url(./img/eras/0/cities.png)}.maps .map[data-data="1"] .imgs{background-image:url(./img/eras/1/bkg.jpg)}.maps .map[data-data="1"] .imgs .roads{background-image:url(./img/eras/1/roads.png)}.maps .map[data-data="1"] .imgs .cities{background-image:url(./img/eras/1/cities.png)}.maps .map[data-data="2"] .imgs{background-image:url(./img/eras/2/bkg.jpg)}.maps .map[data-data="2"] .imgs .roads{background-image:url(./img/eras/2/roads.png)}.maps .map[data-data="2"] .imgs .cities{background-image:url(./img/eras/2/cities.png)}.maps .map[data-data="3"] .imgs{background-image:url(./img/eras/3/bkg.jpg)}.maps .map[data-data="3"] .imgs .roads{background-image:url(./img/eras/3/roads.png)}.maps .map[data-data="3"] .imgs .cities{background-image:url(./img/eras/3/cities.png)}.maps .map[data-data="3"] .imgs:after{content:"";position:absolute;inset:0;background:url(./img/eras/3/ama_logo.png) center center no-repeat;pointer-events:none}.maps.roads_hidden .map .imgs .roads,.maps.cities_hidden .map .imgs .cities{opacity:0}.circles{z-index:10;position:absolute;bottom:516px;left:29px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Knockout-48Featherweight;color:var(--color-white);text-transform:uppercase}.circles .circle{display:flex;width:208px;height:208px;border-radius:50%;background:var(--color-blue);flex-direction:column;justify-content:center;align-items:center;transition:all .25s ease-in-out}.circles .circle .title{font-size:23px;letter-spacing:.575px;margin-top:16px}.circles .circle .value{font-size:52px;line-height:52px;letter-spacing:2.6px;transition:all .1s ease-in-out}.circles .circle.small .value{font-size:40px;letter-spacing:.75px}.circles .circle .sub{font-size:25px;letter-spacing:.625px;color:var(--color-circles-blue);line-height:27px;margin-top:16px;margin-bottom:-16px}.circles .circle.hidden{opacity:0}.pins{position:absolute;top:0;left:0;width:1080px;height:1920px;pointer-events:none;z-index:100;transition:opacity .25s ease-in-out}.pins.hidden{opacity:0;pointer-events:none}.pins .car{position:absolute;width:100px;height:100px;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .2s ease-in-out;z-index:50;pointer-events:none}.pins .car .pin_content{z-index:102}.pins .car.active{opacity:1;pointer-events:auto}.pins .car .car_lottie{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pins .car .car_lottie svg{width:100%;height:100%;position:absolute;top:0;left:0}.pins .car .pin_content{position:absolute;bottom:116px;z-index:51;cursor:default}.pins .car .pin_content .close{position:absolute;top:-10px;right:-10px;width:32px;height:32px;background:url(./img/close.svg) center center no-repeat;pointer-events:auto;cursor:pointer}.pins .car .pin_content .close:after{content:"";position:absolute;inset:-20px;border-radius:50%;cursor:pointer}.pins .car .pin_content.bottom-left .close{top:-10px;right:auto;left:-10px}.pins .car .pin_content{left:46px;width:200px;background:#fff;border-radius:8px;padding:24px;font-family:Lato-Bold;transition:all .25s ease-in-out;opacity:0;pointer-events:none}.pins .car .pin_content:before{content:"";background:url(./img/pins/pin_content.svg) bottom left no-repeat;position:absolute;left:0;bottom:-22px;width:50px;height:90px;z-index:-1}.pins .car .pin_content img{width:100%;height:auto;display:block;margin-bottom:16px}.pins .car .pin_content h2{font-size:14px;color:var(--color-pin-blue);letter-spacing:.7px;margin-bottom:12px}.pins .car .pin_content h2 span{font-size:8px}.pins .car .pin_content p{font-size:10px;margin-bottom:4px}.pins .car .pin_content a:not(.close){color:var(--color-blue);font-size:10px;letter-spacing:.5px;text-decoration:none;cursor:pointer;position:relative}.pins .car .pin_content a:not(.close):after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background:var(--color-blue)}.pins .car.shown{z-index:102}.pins .car.shown .pin_content{opacity:1;pointer-events:auto}.pins .car.shown .pin_content .close{pointer-events:auto}.pins .car.shown .pin_content .close:after{pointer-events:auto}.pins .car.top-left .pin_content{left:auto;right:46px}.pins .car.top-left .pin_content:before{transform:scaleX(-1);right:0;left:auto}.pins .car.top-right .pin_content{left:46px;right:auto}.pins .car.top-right .pin_content:before{left:0;right:auto}.pins .car.bottom-right .pin_content{top:114px;bottom:auto}.pins .car.bottom-right .pin_content:before{top:-22px;transform:scaleY(-1)}.pins .car.bottom-left .pin_content{inset:114px 46px auto auto}.pins .car.bottom-left .pin_content:before{top:-22px;right:0;left:auto;transform:scaleY(-1) scaleX(-1)}.pins .car.bottom-left .pin_content .close{top:-10px;right:auto;left:-10px}.pins.roads_hidden .car{opacity:0;pointer-events:none}.pins .pin{position:absolute;width:42px;height:42px;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .2s ease-in-out;z-index:101;background-repeat:no-repeat;background-size:contain;background-position:center;border-radius:50%;pointer-events:none}.pins .pin.active{opacity:1;pointer-events:auto}.pins .pin.active:after{pointer-events:auto}.pins .pin:after{content:"";position:absolute;inset:-20px;border-radius:50%;cursor:pointer;pointer-events:none}.pins .pin.pin_plus{background-image:url(./img/pins/plus.jpg);transition:opacity .25s ease-in-out,background-image .25s ease-in-out}.pins .pin.pin_plus.shown{background-image:url(./img/pins/minus.jpg)}.pins .pin.pin_star{background-image:url(./img/pins/star.jpg)}.pins .pin.pin_crossroads{background-image:url(./img/pins/crossroads.jpg)}.pins .pin .pin_content{position:absolute;bottom:68px;pointer-events:none;cursor:default}.pins .pin .pin_content .close{position:absolute;top:-10px;right:-10px;width:32px;height:32px;background:url(./img/close.svg) center center no-repeat;pointer-events:none;cursor:pointer}.pins .pin .pin_content .close:after{content:"";position:absolute;inset:-20px;border-radius:50%;cursor:pointer;pointer-events:none}.pins .pin .pin_content{left:16px;width:200px;background:#fff;border-radius:8px;padding:24px;font-family:Lato-Bold;transition:all .25s ease-in-out;opacity:0;pointer-events:none}.pins .pin .pin_content:before{content:"";background:url(./img/pins/pin_content.svg) bottom left no-repeat;position:absolute;left:0;bottom:-22px;width:50px;height:90px;z-index:-1}.pins .pin .pin_content img{width:100%;height:auto;display:block;margin-bottom:16px}.pins .pin .pin_content h2{font-size:14px;color:var(--color-pin-blue);letter-spacing:.7px;margin-bottom:12px}.pins .pin .pin_content h2 span{font-size:8px}.pins .pin .pin_content p{font-size:10px;margin-bottom:4px}.pins .pin .pin_content a:not(.close){color:var(--color-blue);font-size:10px;letter-spacing:.5px;text-decoration:none;cursor:pointer;position:relative}.pins .pin .pin_content a:not(.close):after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background:var(--color-blue)}.pins .pin.shown{z-index:102}.pins .pin.shown .pin_content{opacity:1;pointer-events:auto}.pins .pin.shown .pin_content .close{pointer-events:auto}.pins .pin.shown .pin_content .close:after{pointer-events:auto}.pins .pin.top-left .pin_content{left:auto;right:16px}.pins .pin.top-left .pin_content:before{transform:scaleX(-1);right:0;left:auto}.pins .pin.bottom-right .pin_content{top:66px;bottom:auto}.pins .pin.bottom-right .pin_content:before{top:-22px;transform:scaleY(-1)}.pins .pin.bottom-left .pin_content{inset:66px 16px auto auto}.pins .pin.bottom-left .pin_content:before{top:-22px;right:0;left:auto;transform:scaleY(-1) scaleX(-1)}.pins .pin.bottom-left .pin_content .close{top:-10px;right:auto;left:-10px}body.web .pins .car,body.web .pins .pin{transform-origin:center center;transform:translate(-50%,-50%) scale3d(1.75,1.75,1)}
