.modern-header:not(.modern-header-nav-autopadding) .menuzord-menu > li > a {
    padding: 20px 20px;
}

.rates:after {
position: absolute;
top: 0%;
left: 0%;
content: '';
width: 100%;
height: 48px;
background: #fff;
}
.rates {
    height: 430px;
    position: relative;
}
.rates1:after {
position: absolute;
top: 0%;
left: 0%;
content: '';
width: 100%;
height: 48px;
}
.rates1 {
    height: 430px;
    position: relative;
}
.bg-silver-light1 {
    background-color: #ffffff !important;
}
.bg-orange {
    background-color: #ffae11 !important;
}
.apps img {
    width: 100%;
}
.apps {
    display: flex;
}
.bg-theme-colored-transparent-5 {
    background-color: rgb(36 36 56) !important;
}
.bg-theme-colored {
    padding: 20px !important;
}




#earth-box-cover {
    position: relative;
    width: 590px;
    height: 590px;
}

#earth-box-cover:before {
    width: 589px;
    height: 589px;
    background: url(../images/mercury-earth-cover.png) 0 0 repeat;
    background-size: 100%;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#earth-box-cover .earth-icons {
    width: 100%;
    height: 100%;
    position: absolute;
}

#earth-box-cover .earth-icons .icon-1 {
    background: url(../images/earth-icon-1.png) no-repeat scroll 0px 0px / cover;
    width: 28px;
    height: 47px;
    position: absolute;
    top: 205px;
    left: 115px;
    z-index: 1;
    animation: zoomfade 2s linear infinite;
}

#earth-box-cover .earth-icons .icon-2 {
    background: url(../images/earth-icon-2.png) no-repeat scroll 0px 0px / cover;
    width: 21px;
    height: 52px;
    position: absolute;
    top: 312px;
    right: 85px;
    z-index: 1;
    animation: zoomfade 1.5s linear infinite;
}

#earth-box-cover .earth-icons .icon-3 {
    background: url(../images/earth-icon-3.png) no-repeat scroll 0px 0px / cover;
    width: 34px;
    height: 35px;
    position: absolute;
    top: 171px;
    right: 187px;
    z-index: 1;
    animation: zoomfade 900ms linear infinite;
}

#earth-box-cover .earth-icons .icon-4 {
    background: url(../images/earth-icon-4.png) no-repeat scroll 0px 0px / cover;
    width: 25px;
    height: 33px;
    position: absolute;
    top: 117px;
    left: 193px;
    z-index: 1;
    animation: zoomfade 1.3s linear infinite;
}

#earth-box-cover .earth-icons .icon-5 {
    background: url(../images/earth-icon-5.png) no-repeat scroll 0px 0px / cover;
    width: 26px;
    height: 33px;
    position: absolute;
    top: 51px;
    right: 229px;
    z-index: 1;
    animation: zoomfade 1.7s linear infinite;
}

#earth-box-cover .earth-icons .icon-6 {
    background: url(../images/earth-icon-6.png) no-repeat scroll 0px 0px / cover;
    width: 16px;
    height: 24px;
    position: absolute;
    top: 144px;
    right: 145px;
    z-index: 1;
    animation: zoomfade 950ms linear infinite;
}

#earth-box-cover .earth-icons .icon-7 {
    background: url(../images/gold-animation-icon.png) no-repeat scroll 0px 0px;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 364px;
    left: 218px;
    z-index: 1;
    background-size: 100%;
    background-position: center;
    animation: zoomfade 2s linear infinite;
}

#earth-box {
    width: 400px;
    height: 400px;
    background: url(../images/mercury-earth.png) 0 0 repeat;
    background-size: 100%;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#earth-box span {
    position: relative;
    width: 400px;
    height: 400px;
    margin: 0 auto;
    transition: transform 200ms linear;
    animation: rotate 8s linear infinite;
    color: #000;
    border-radius: 50%;
    background: url(../images/mercury-earth-map.png) 0 0 repeat;
    background-size: 730px;
    box-shadow: inset 20px 0 80px 6px rgb(0 0 0);
    transform-style: preserve-3d;
    display: block;
}

@keyframes zoomfade {
	0% {transform:scale(0.6); opacity:0.6;  }
	50% {transform:scale(1); opacity:1;}
	100% {transform:scale(0.6); opacity:0.6;}
}
@keyframes rotate {
	0% {background-position: 0 0;}
	100% {background-position: 730px 0;}
}