.file-box{
background: linear-gradient(-45deg,
#040071,#00efb3,#4a42d6,#c806c8);
box-shadow: 4px 6px 7px 2px #00000075;
}
    map-component .type_2 {
    border-radius: 120px;
    opacity: .75;
    background-color: #e30702;
    }
    .click-bar.type_2 {

    background-color: #e30702;
    }
    map-component .type_3 {
    border-radius: 120px;
    opacity: .75;
    background-color: #ff6411;
    }
    .click-bar.type_3 {

    background-color: #ff6411;
    }
    map-component .type_4 {
    border-radius: 120px;
    opacity: .75;
    background-color: #0000a0;
    }
    .click-bar.type_4 {

    background-color: #0000a0;
    }
    map-component .type_5 {
    border-radius: 120px;
    opacity: .75;
    background-color: #1773fd;
    }
    .click-bar.type_5 {

    background-color: #1773fd;
    }
    map-component .type_6 {
    border-radius: 120px;
    opacity: .75;
    background-color: #006800;
    }
    .click-bar.type_6 {

    background-color: #006800;
    }
    map-component .type_7 {
    border-radius: 120px;
    opacity: .75;
    background-color: #ffd900;
    }
    .click-bar.type_7 {

    background-color: #ffd900;
    }
    map-component .type_8 {
    border-radius: 120px;
    opacity: .75;
    background-color: #000000;
    }
    .click-bar.type_8 {

    background-color: #000000;
    }
    map-component .type_9 {
    border-radius: 120px;
    opacity: .75;
    background-color: #d80e0e;
    }
    .click-bar.type_9 {

    background-color: #d80e0e;
    }

    poi-map-component .type_2 {
    border-radius: 120px;
    opacity: .75;
    background-color: #093bfb;
    }
    .click-bar.type_2 {

    background-color: #093bfb;
    }
    poi-map-component .type_3 {
    border-radius: 120px;
    opacity: .75;
    background-color: #000062;
    }
    .click-bar.type_3 {

    background-color: #000062;
    }
    poi-map-component .type_4 {
    border-radius: 120px;
    opacity: .75;
    background-color: #ff2607;
    }
    .click-bar.type_4 {

    background-color: #ff2607;
    }
    poi-map-component .type_5 {
    border-radius: 120px;
    opacity: .75;
    background-color: #c90301;
    }
    .click-bar.type_5 {

    background-color: #c90301;
    }

.first-line {
font-family: 'Bender-Black';
font-size: 6.3em;
color:#ffffff;
line-height:0.9em;
letter-spacing:0.1em;
}

.second-line {
font-family: 'segoe-ui-bold', 'SegoeUI-Bold';
font-size: 3em;
color:#ffffff;
line-height:1.2em;
letter-spacing:0.1em;
}

.gradient{
color: #fff;
background: linear-gradient(-45deg,
#282870,#16499f,#229eb4);
background-size: 400% 400%;
-webkit-animation: Gradient 6s ease infinite;
-moz-animation: Gradient 6s ease infinite;
animation: Gradient 6s ease infinite;
}


@-webkit-keyframes Gradient {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}

@-moz-keyframes Gradient {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%


100% {
background-position: 0% 50%
}
}

@keyframes Gradient {
0% {
background-position: 0% 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0% 50%
}
}