.sy_floor1 {
    width: 100%;
}
.f1_about {
    background:url(../img/map-bg.jpg) no-repeat center center;
	background-size:100% 100%;
}
.earthmap{
	max-width:1400px;
	margin:0 auto 0px;
    visibility: visible;
    animation-duration: 1s;
    animation-delay: 0.8s;
    animation-name: fadeIn;
    position:relative;
  /*  padding-bottom:43px;*/
}
.earth{
     padding-bottom:43px;
}

.map-dot{
   width:9px; 
   height:9px;
   background:rgb(168,241,269,.4);
   border-radius: 50%;
   position:absolute;
    opacity:0;
}
.map-dot span{font-size: 12px;color: #FFFFFF;text-align: center;display: block;line-height: initial;width: 40px;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.map-dot--10 span{bottom: initial;top: -20px;}
.map-dot--20{
   top:36.8%;
   right:5.5%;
   width:60px;
   height:60px;
   background:rgba(168,241,249,0.5);
}
.map-dot--0{
       top: 41%;
       right: 8%;
   animation-delay: 1.04s;
}
.map-dot--1{
       top: 47%;
       right: 25%;
   animation-delay: 1.04s;
}
.map-dot--2{
   top:51%;
   right:10%;
       animation-delay: 1.4s; 
}
.map-dot--3{
   top: 48%;
   right: 32%;
   animation-delay: 1.76s; 
}
.map-dot--4{
   bottom:55%;
   right:7.7%;
   animation-delay: 2.12s; 
   background: #A8F1F9;
}
.map-dot--5{
       top: 47%;
       right: 53%;
       animation-delay: 2.48s; 
}
.map-dot--6{
   top:49.2%;
   right:20%; 
       animation-delay: 2.84s;
}
.map-dot--7{
    width:33px;
    height:33px;
    background:#A8F1F9;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.map-dot--8{
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);    
}
.map-dot--9{    top: 30%;
    right: 28%;animation-delay: 2.82s;}
.map-dot--10{top: 10%;right: 8.5%;animation-delay: 2.52s;}
.map-dot--11{top: 30%;right: 55%;animation-delay: 2.82s;background: #A8F1F9;}
.map-dot--12{top: 40%;
    right: 42%;animation-delay: 2.9s;}
.map-dot--13{top: 29%;
    right: 16%;animation-delay: 2.9s;}
.map-dot--13 span{bottom: 10px;}
.map-dot--14{    top: 30%;
    right: 15%;animation-delay: 2.9s;}
.map-dot--15{top: 57%;right: 34%;animation-delay: 2.9s;}
.map-dot--16{top: 58%;right: 22%;animation-delay: 2.92s;background: #A8F1F9;}
.map-dot--17{top: 53.2%;right: 25%;animation-delay: 2.9s;}
.map-dot--18{top: 55%;right: 15%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--19{top: 49%;right: 14%;animation-delay: 2.95s;}
.map-dot--20{top: 38.5%;right: 11%;animation-delay: 2.95s;}
.map-dot--21{top: 39%;
    right: 10%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--22{    top: 34%;
    right: 15%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--23{    top: 32%;
    right: 19%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--24{top: 22%;right: 11%;animation-delay: 2.95s;}
.map-dot--25{top: 20%;right: 9%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--26{    top: 64%;
    right: 19%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--27{top: 45%;
    right: 20%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--28{top: 39%;
    right: 19%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--29{top: 35%;
    right: 22%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--30{top: 41%;
    right: 26%;animation-delay: 2.95s;background: #A8F1F9;}
.map-dot--31{    top: 37%;
    right: 29.5%;animation-delay: 2.95s;}
.map-dot--32{top: 31%;
    right: 42%;animation-delay: 2.95s;}
.map-dot--33{top: 59%;right: 16%;animation-delay: 2.95s;}
.map-dot--34{top: 58%;right: 14.5%;animation-delay: 2.95s;}
.map-dot--34 span{right: 0;transform: none;-webkit-transform: none;bottom: 0;}
.map-dot--35{top: 53%;right: 4.5%;animation-delay: 2.95s;}

.map-lines{
    position:absolute;
    top:0%;
    right:0%;
    z-index: 10;
    fill: none;
    -webkit-stroke: #A8F1F9;
    -moz-stroke: #A8F1F9;
    -ms-stroke: #A8F1F9;
    -o-stroke: #A8F1F9;
    stroke: #A8F1F9;
    -webkit-stroke-width: 1.5px;
    -moz-stroke-width: 1.5px;
    -ms-stroke-width: 1.5px;
    -o-stroke-width: 1.5px;
    stroke-width: 1.5px;
}
@keyframes animation-line{
    0%{stroke-dashoffset:700px}
    14.28571%{stroke-dashoffset:0px}
    61.42857%{stroke-dashoffset:0px}
    85.71429%{stroke-dashoffset:-700px}
    to{stroke-dashoffset:-700px}
}
@-webkit-keyframes animation-line{
    0%{-webkit-stroke-dashoffset:700px}
    14.28571%{-webkit-stroke-dashoffset:0px}
    61.42857%{-webkit-stroke-dashoffset:0px}
    85.71429%{-webkit-stroke-dashoffset:-700px}
    to{-webkit-stroke-dashoffset:-700px}
}
@-moz-keyframes animation-line{
    0%{-moz-stroke-dashoffset:700px}
    14.28571%{-moz-stroke-dashoffset:0px}
    61.42857%{-moz-stroke-dashoffset:0px}
    85.71429%{-moz-stroke-dashoffset:-700px}
    to{-moz-stroke-dashoffset:-700px}
}
@-o-keyframes animation-line{
    0%{-o-stroke-dashoffset:700px}
    14.28571%{-o-stroke-dashoffset:0px}
    61.42857%{-o-stroke-dashoffset:0px}
    85.71429%{-o-stroke-dashoffset:-700px}
    to{-o-stroke-dashoffset:-700px}
}

/****/

@keyframes animation-linea{
    0%{stroke-dashoffset:-700px}
    14.28571%{stroke-dashoffset:0px}
    61.42857%{stroke-dashoffset:0px}
    85.71429%{stroke-dashoffset:700px}
    to{stroke-dashoffset:700px}
}
@-webkit-keyframes animation-linea{
    0%{-webkit-stroke-dashoffset:-700px}
    14.28571%{-webkit-stroke-dashoffset:0px}
    61.42857%{-webkit-stroke-dashoffset:0px}
    85.71429%{-webkit-stroke-dashoffset:700px}
    to{-webkit-stroke-dashoffset:700px}
}
@-moz-keyframes animation-linea{
    0%{-moz-stroke-dashoffset:-700px}
    14.28571%{-moz-stroke-dashoffset:0px}
    61.42857%{-moz-stroke-dashoffset:0px}
    85.71429%{-moz-stroke-dashoffset:700px}
    to{-moz-stroke-dashoffset:700px}
}
@-o-keyframes animation-linea{
    0%{-o-stroke-dashoffset:-700px}
    14.28571%{-o-stroke-dashoffset:0px}
    61.42857%{-o-stroke-dashoffset:0px}
    85.71429%{-o-stroke-dashoffset:700px}
    to{-o-stroke-dashoffset:700px}
}

.map-line--6{
    animation: animation-line 10.04s ease-in!important;
    animation-fill-mode: forwards!important;
    animation-iteration-count: infinite!important;
    animation-delay: 2.66s!important;
}
/****/

svg:not(:root) {
    overflow: hidden;
}
/*.map-line .scrollTip.animate{animation: animation-line 800ms;}*/
.map-line {
    stroke-dashoffset: 700px;
    stroke-dasharray: 700px;
    animation: animation-line 10.04s ease-in;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}
.is-ie .map-line{
    stroke-dashoffset: 0!important;
    animation-name:animation-line-fallback;
}

.map-line--1 {
    animation-delay: .86s;
}
.map-line--2 {
    animation-delay: 1.22s;
}
.map-line--3 {
    animation-delay: 1.58s;
}
.map-line--4 {
    animation-delay: 1.94s;
}
.map-line--5 {
    animation-delay: 2.3s;
}
.map-line--6 {
    animation-delay: 2.66s;
}
.is-ie .map-dot{
    stroke-dashoffset: 0!important;
    animation-name:animation-line-fallback-box;
}
@keyframes animation-line-fallback-box
{0%{opacity:1}14.28571%{opacity:1}61.42857%{opacity:1}85.71429%{opacity:0}to{opacity:0.5}}

@-webkit-keyframes animation-line-fallback-box
    {0%{-webkit-opacity:1}
    14.28571%{-webkit-opacity:1}
    61.42857%{-webkit-opacity:1}
    85.71429%{-webkit-opacity:0}
    to{-webkit-opacity:0.5}
}
@-moz-keyframes animation-line-fallback-box
    {0%{-moz-opacity:1}
    14.28571%{-moz-opacity:1}
    61.42857%{-moz-opacity:1}
    85.71429%{-moz-opacity:0}
    to{-moz-opacity:0.5}
}
@-o-keyframes animation-line-fallback-box
    {0%{-o-opacity:1}
    14.28571%{-o-opacity:1}
    61.42857%{-o-opacity:1}
    85.71429%{-o-opacity:0}
    to{-o-opacity:0.5}
}
.map-dot {
    -webkit-animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
    -moz-animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
    -ms-animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
    -o-animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
    animation: animation-dot 4.04s cubic-bezier(.25,.74,.22,.99);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes animation-dot{
    0%{-webkit-opacity: 0;opacity: 0;}
    14.28571%{-webkit-opacity: 1;opacity: 1}
    26.42857%{-webkit-opacity: 1; opacity: 1}
    40.71429%{-webkit-opacity: 0;opacity: 0}
    to{-webkit-opacity: 0;opacity: 0}
}
@-moz-keyframes animation-dot{
    0%{-moz-opacity: 0;opacity: 0}
    14.28571%{-moz-opacity: 1;opacity: 1}
    26.42857%{-moz-opacity: 1; opacity: 1}
    40.71429%{-moz-opacity: 0;opacity: 0}
    to{-moz-opacity: 0;opacity: 0}
}
@-o-keyframes animation-dot{
    0%{-o-opacity: 0;opacity: 0}
    14.28571%{-o-opacity: 1;opacity: 1}
    26.42857%{-o-opacity: 1; opacity: 1}
    40.71429%{-o-opacity: 0;opacity: 0}
    to{-o-opacity: 0;opacity: 0}
}
@keyframes animation-dot{
    0%{opacity: 0;}
    14.28571%{opacity: 0.5;}
    26.42857%{opacity: 1; }
    40.71429%{opacity: 0;}
    to{opacity: 1;}
}
.map-dot--1{
   animation-delay: 1.04s;
}
.map-dot--2{
    animation-delay: 1.4s; 
}
.map-dot--3{
   animation-delay: 1.76s; 
}
.map-dot--4{
   animation-delay: 2.12s; 
}
.map-dot--5{
    animation-delay: 2.48s; 
}
.map-dot--6{
    animation-delay: 2.84s;
}
.map-dot--0 {
    -webkit-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -moz-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -ms-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -o-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.map-dot--7{
    -webkit-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -moz-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -ms-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -o-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;   
}
.map-dot--8{
    -webkit-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -moz-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -ms-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -o-animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    animation: fade-in 1.8s cubic-bezier(.25,.74,.22,.99);
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;   
}
@-webkit-keyframes fade-in{
    0%{
        -webkit-opacity: 0;
        opacity: 0;
    }
    to{
       -webkit-opacity: 1;
        opacity: 1;
    }
}
@-moz-keyframes fade-in{
    0%{
        -moz-opacity: 0;
        opacity: 0;
    }
    to{
        -moz-opacity: 1;
        opacity: 1;
    }
}
@-o-keyframes fade-in{
    0%{
        -o-opacity: 0;
        opacity: 0;
    }
    to{
        -o-opacity: 1;
        opacity: 1;
    }
}
@keyframes fade-in{
    0%{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes animation-line-fallback
{0%{opacity:0}14.28571%{opacity:1}26.42857%{opacity:1}40.71429%{opacity:0}to{opacity:0}}

@-webkit-keyframes animation-line-fallback
    {0%{-webkit-opacity:0}
    14.28571%{-webkit-opacity:1}
    26.42857%{-webkit-opacity:1}
    40.71429%{-webkit-opacity:0}
    to{-webkit-opacity:0}
}
@-moz-keyframes animation-line-fallback
    {0%{-moz-opacity:0}
    14.28571%{-moz-opacity:1}
    26.42857%{-moz-opacity:1}
    40.71429%{-moz-opacity:0}
    to{-moz-opacity:0}
}
@-o-keyframes animation-line-fallback
    {0%{-o-opacity:0}
    14.28571%{-o-opacity:1}
    26.42857%{-o-opacity:1}
    40.71429%{-o-opacity:0}
    to{-o-opacity:0}
}