﻿.gs{ position: relative; }
.globe_sec{ position: absolute; right: -90px; }
.globeSec{ width:400px; height:125px; overflow:hidden; position:relative; opacity:0.8;}
.circle{ height:400px; position:relative; top:50%; margin-top:-160px;}
.circle span{
position:absolute; left:50%; top:50%; width:80%; height:80%; margin-left:-40%; margin-top:-45%; border-radius:50%; opacity:1;
box-shadow:0 0 100px rgba(255,255,255,0.85), inset 0 0 200px rgba(255,255,255,0.85);
transform:scale(0.1); -webkit-transform:scale(0.1);}
.circle span:nth-child(1){ animation:circles 3s linear infinite; -webkit-animation:circles 3s linear infinite;}
.circle span:nth-child(2){ animation:circles 3s linear infinite 1s; -webkit-animation:circles 3s linear infinite 1s;}
.circle span:nth-child(3){ animation:circles 3s linear infinite 2s; -webkit-animation:circles 3s linear infinite 2s;}
.circle span:nth-child(4){ animation:circles 3s linear infinite 1s; -webkit-animation:circles 3s linear infinite 1s;}

.globe, .globeshine{ width:160px; height:160px; margin-left:-80px; margin-top:-58px; position:absolute; border-radius:50%; left:50%; top:50%;}

.globe{
overflow:hidden; z-index:2; background:#FF0; background:-moz-radial-gradient(60px 70px,#FF0,#F00 80%); background:-webkit-radial-gradient(60px 70px,#FF0,#F00 80%);}
.globe .map{ width:588px; height:154px; background:url(../images/gimg.png) no-repeat 0 0; animation:map 9.9s linear infinite; -webkit-animation:map 9.9s linear infinite;}

.globeshine{
z-index:3; box-shadow:inset 0 0 40px rgba(255,255,0,1),inset 30px 30px 20px rgba(255,255,0,0.45), 0 0 60px rgba(255,255,0,0.55);}

.leafs{
position:absolute; width:195px; height:123px; left:50%; top:50%; margin-left:-98px; margin-top:-25px;
z-index:3; background:url(../images/leafs.png) no-repeat 0 0; background-size:100% auto;}

@keyframes circles{
from{ transform:scale(0.1); opacity:1;}
to{ transform:scale(0.9); opacity:0;}
}
@-webkit-keyframes circles{
from{ -webkit-transform:scale(0.1); opacity:1;}
to{ -webkit-transform:scale(1.0); opacity:0;}
}
@keyframes map{
from{ margin-left:-290px;}
to{ margin-left:0;}
}
@-webkit-keyframes map{
from{ margin-left:-290px;}
to{ margin-left:0;}
}

@media screen and (max-width:767px){
    .gs{ display: none; }
}
