/* MAP */
.vectorMap-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.vectorMap-wrapperInner {
    height: 600px;
    opacity: 0;
    pointer-events: none;
}

    .vectorMap-wrapperInner.show--map,
    .vectorMap-wrapperInner.hide--map {
        -moz-animation-duration: 0.3s;
        -o-animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    .vectorMap-wrapperInner.show--map {
        -moz-animation-name: show-map;
        -o-animation-name: show-map;
        -webkit-animation-name: show-map;
        animation-name: show-map;
        pointer-events: auto;
        background: url("../images/eagle.png") no-repeat center;
        background-size: 70%;
    }
    .vectorMap-wrapperInner.hide--map {
        -moz-animation-name: hide-map;
        -o-animation-name: hide-map;
        -webkit-animation-name: hide-map;
        animation-name: hide-map;
    }

@-moz-keyframes show-map {
    0% { opacity: 0; -moz-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes show-map {
    0% { opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes show-map {
    0% {
        opacity: 0;
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -o-transform: scale3d(1.1, 1.1, 1);
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        opacity: 1;
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes hide-map {
    0% { opacity: 1; }
    100% { opacity: 0; -moz-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}

@-webkit-keyframes hide-map {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
}

@keyframes hide-map {
    0% { opacity: 1; }
    100% {
        opacity: 0;
        -moz-transform: scale3d(0.9, 0.9, 1);
        -ms-transform: scale3d(0.9, 0.9, 1);
        -o-transform: scale3d(0.9, 0.9, 1);
        -webkit-transform: scale3d(0.9, 0.9, 1);
        transform: scale3d(0.9, 0.9, 1);
    }
}

#map-trigger {
    position: absolute;
    z-index: 1;
    padding: 8px 12px 10px 70px;
    float: left;
    right: 35px;
    top: 1px;
}

@media (max-width: 992px) {
    #map-trigger {
        color: #E05641 !important;
        height: 40px;
        width: 90px;
        overflow: hidden;
    }

    #map-trigger:hover,
    #map-trigger:focus {
        color: #E56F5D !important;
    }

    #map-trigger i {
        left: 17px !important;
    }
}

    #map-trigger .map-icon {
        position: absolute;
        top: 4px;
        left: 7px;
        width: 54px;
        height: 30px;
        background-image: url(/Content/Images/map-icon.png);
    }