.pm_map {
    align-items: center;
    background: transparent;
    display: flex;
    height: 706px;
    /*was originally 605px */
    justify-content: center;
    margin: 0 auto;
    max-width: 1255px;
    overflow: hidden;
    position: relative
}

.pm_map__cont {
    height: 1432.97px;
    position: relative;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

.pm_map__card {
    display: block;
    position: absolute
}

.pm_map__card--embed {
    left: 986px;
    top: 735px
}

.pm_map__card--engage {
    left: 393px;
    top: 186px
}

.pm_map__card--evolve {
    right: 1348px;
    top: 155px
}

.pm_map__bubble {
    cursor: pointer;
    display: block;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1
}

.pm_map__bubble .bubble_fill {
    transition: all .2s ease-in
}

.pm_map__bubble--build {
    right: 1054px;
    top: 741px
}

.pm_map__bubble--communicate {
    left: 520px;
    top: 400px
}

.pm_map__bubble--deploy {
    bottom: 234px;
    right: 772px
}

.pm_map__bubble--explore {
    left: 1000px;
    top: 485px
}

.pm_map__bubble--innovate {
    right: 986px;
    top: 562px
}

.pm_map__bubble--prioritise {
    left: 566px;
    top: 618px
}

.pm_map__bubble--research {
    right: 1133px;
    top: 455px
}

.pm_map__bubble--source {
    bottom: 254px;
    left: 1304px
}

.pm_map__bubble--hover_yellow:hover .bubble_fill {
    fill: #ffffb7 !important
}

.pm_map__bubble--hover_blue:hover .bubble_fill {
    fill: #a4dfff !important
}

.pm_map__bubble--hover_purple:hover .bubble_fill {
    fill: #848efe !important
}

.pm_map__elem {
    display: block;
    position: absolute
}

.pm_map__elem--head_desks {
    left: 1261px;
    pointer-events: none;
    top: 882px
}

.pm_map .btn {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pm_map img {
    max-width: none
}

.pm_controls {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%
}

.pm_controls__zoom {
    bottom: 0;
    display: flex;
    left: 20px;
    margin: -5px;
    position: absolute
}

.pm_controls__zoom .pm_btn_round {
    margin: 5px
}

.pm_controls__directions {
    bottom: 0;
    height: 174px;
    position: absolute;
    right: 20px;
    width: 174px
}

.pm_controls__directions .pm_btn_round {
    position: absolute
}

.pm_controls__directions .pm_btn_round--down,
.pm_controls__directions .pm_btn_round--up {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pm_controls__directions .pm_btn_round--left,
.pm_controls__directions .pm_btn_round--right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pm_controls__directions .pm_btn_round--up {
    top: 0
}

.pm_controls__directions .pm_btn_round--down {
    bottom: 0
}

.pm_controls__directions .pm_btn_round--left {
    left: 0
}

.pm_controls__directions .pm_btn_round--right {
    right: 0
}

@media only screen and (max-width:600px) {
    .pm_controls {
        display: none
    }
}

@-webkit-keyframes arr_move {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        -webkit-transform: translate(3px, -50%);
        transform: translate(3px, -50%)
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes arr_move {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        -webkit-transform: translate(3px, -50%);
        transform: translate(3px, -50%)
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.pm_btn {
    background: #042549;
    border: 2px solid #042549;
    color: #f0ff41;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 50px 10px 10px;
    position: relative;
    transition: all .2s ease-in
}

.pm_btn:after {
    background: no-repeat url(../051385786e6b310d043c.svg) 50%;
    background-size: 21.254px 18.985px;
    content: "";
    height: 18.985px;
    left: 0;
    left: auto;
    position: absolute;
    right: 11px;
    top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 21.254px
}

.pm_btn,
.pm_btn:hover {
    text-decoration: none
}

.pm_btn:hover {
    background-color: initial;
    color: #042549
}

.pm_btn:hover:after {
    -webkit-animation: arr_move 1.5s linear infinite;
    animation: arr_move 1.5s linear infinite
}

.pm_btn_round {
    background-color: #f0ff41;
    border: 5px solid #1e93e5;
    border-radius: 100px;
    box-shadow: 0 0 10px 0 #042549;
    cursor: pointer;
    display: block;
    height: 62px;
    position: relative;
    transition: all .2s ease-in;
    -webkit-user-select: none;
    user-select: none;
    width: 62px
}

.pm_btn_round:hover {
    -webkit-transform: scale(.96);
    transform: scale(.96)
}

.pm_btn_round:active {
    -webkit-transform: scale(.92);
    transform: scale(.92);
    transition: 0s
}

.pm_btn_round--close:hover {
    -webkit-transform: translate(50%, -50%) scale(.96);
    transform: translate(50%, -50%) scale(.96)
}

.pm_btn_round--close:active {
    -webkit-transform: translate(50%, -50%) scale(.92);
    transform: translate(50%, -50%) scale(.92)
}

.pm_btn_round--down:hover,
.pm_btn_round--up:hover {
    -webkit-transform: translateX(-50%) scale(.96);
    transform: translateX(-50%) scale(.96)
}

.pm_btn_round--down:active,
.pm_btn_round--up:active {
    -webkit-transform: translateX(-50%) scale(.92);
    transform: translateX(-50%) scale(.92)
}

.pm_btn_round--left:hover,
.pm_btn_round--right:hover {
    -webkit-transform: translateY(-50%) scale(.96);
    transform: translateY(-50%) scale(.96)
}

.pm_btn_round--left:active,
.pm_btn_round--right:active {
    -webkit-transform: translateY(-50%) scale(.92);
    transform: translateY(-50%) scale(.92)
}

.pm_btn_round--close:after {
    background: no-repeat url(../a92d5b6228d8aa217b89.svg) 50%;
    background-size: 18.985px 18.985px;
    content: "";
    height: 18.985px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18.985px
}

.pm_btn_round--minus:after {
    background: no-repeat url(../9761f33b28bea828a9ff.svg) 50%;
    background-size: 21.253px 2px;
    height: 2px
}

.pm_btn_round--minus:after,
.pm_btn_round--plus:after {
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 21.253px
}

.pm_btn_round--plus:after {
    background: no-repeat url(../9c63aa976aa489ed111c.svg) 50%;
    background-size: 21.253px 21.253px;
    height: 21.253px
}

.pm_btn_round--down:after,
.pm_btn_round--left:after,
.pm_btn_round--right:after,
.pm_btn_round--up:after {
    background: no-repeat url(../051385786e6b310d043c.svg) 50%;
    background-size: 21.254px 18.985px;
    content: "";
    height: 18.985px;
    left: 0;
    position: absolute;
    top: 0;
    width: 21.254px
}

.pm_btn_round--close:after,
.pm_btn_round--minus:after,
.pm_btn_round--plus:after,
.pm_btn_round--right:after {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pm_btn_round--up:after {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg)
}

.pm_btn_round--down:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.pm_btn_round--left:after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

.pm_btn_round:after {
    left: 50%;
    top: 50%
}

.pm_modal {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 350px;
    z-index: 5
}

.pm_modal__inner {
    padding: 33px
}

.pm_modal__graphic {
    background-color: red;
    display: block;
    height: 179px;
    margin: 0
}

.pm_modal__graphic picture,
.pm_modal__graphic img{
    width:100%;
    height: 100%;
    object-fit: cover;
}

.pm_modal__close {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    z-index: 2
}

.pm_modal__h {
    color: #031638;
    font-size: 35px;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 10px
}

.pm_modal__content {
    margin: -10px 0;
    max-width: 270px;
    padding-bottom: 10px
}

.pm_modal__content p {
    color: #031638;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0;
    margin-bottom: 0;
}

.pm_modal#pm_modal--intro {
    left: 40px;
    top: 40px
}

.pm_modal--left,
.pm_modal--right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pm_modal--left {
    left: 140px
}

.pm_modal--right {
    right: 140px
}

.pm_modal--active {
    visibility: visible
}

@media only screen and (max-width:600px) {
    .pm_modal {
        width: 310px
    }

    .pm_modal#pm_modal--intro {
        left: 50%;
        top: 45px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .pm_modal--left,
    .pm_modal--right {
        left: calc(50% - 15.5px);
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.pm_overlay {
    background-color: #042549;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: .4;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .2s ease-in;
    -webkit-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.pm_overlay--active {
    opacity: .4;
    visibility: visible
}

.pm_bg--yellow {
    background-color: #f0ff41
}

.pm_bg--pale_yellow {
    background-color: #feffb1
}

.lottie_anim {
    position: absolute
}

#la_buildings {
    height: auto;
    left: 826px;
    top: 392px;
    width: 391px
}

#la_car {
    bottom: 565px;
    height: auto;
    left: 1532px;
    width: 429px
}

#la_drone {
    bottom: 183px;
    height: auto;
    right: 873px;
    width: 228px
}

#la_hand_buttons {
    bottom: 324px;
    height: auto;
    right: 348px;
    width: 463px
}

#la_head {
    bottom: 396px;
    height: auto;
    left: 1130px;
    width: 270px
}

#la_magnifying_glass {
    height: auto;
    left: 1200px;
    top: 280px;
    width: 315px
}

#la_mechanical_arm_01 {
    bottom: 593px;
    height: auto;
    right: 495px;
    width: 160px
}

#la_mechanical_arm_02 {
    height: auto;
    right: 859px;
    top: 256px;
    width: 286px
}

#la_screens {
    height: auto;
    left: 645px;
    top: 232px;
    width: 262px
}

html {
    height: 100%;
    scroll-behavior: smooth
}

Í.block {
    background-color: #faebd7;
    height: 200px
}

.block--blue {
    background-color: #061636
}

.block--green {
    background-color: #adce88
}

.block--red {
    background-color: #c68b8b
}

.block--large {
    height: 800px
}

.block--img {
    display: flex;
    height: auto;
    justify-content: center
}