body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
  margin: 0px;
}



@-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}

/* for globe */
.dunya {
width: 450px;
height: 450px;
background: url(img/globe.jpg);
border-radius: 100%;
background-size: 1250px;
animation: spin 4s infinite linear;
position: relative;
top: 140px;
display: block;
margin:0 auto;
}

.logo {
  margin-top: 15px;
  color: #51609B;
  font-weight: bold;
}

#css3-spinner-svg-pulse{

}

.milestone-line{
/* border-bottom: 3px solid #000099; */
width: 100%;
height: 0px;
display: block;
position: relative;
top: 46.5%;
}
.stdy_pulse{
position:absolute;
top:24%;
left:0;
right:0;
display:none;
}
.line{
height: 3px;
background: #000099;
position: absolute;
top: 46%;
left: 0;
-webkit-animation: dude .75s 1 forwards;
-moz-animation: dude .75s 1 forwards;
-o-animation: dude .75s 1 forwards;
animation: dude .75s 1 forwards;
}
@-webkit-keyframes dude {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@-moz-keyframes dude {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@-o-keyframes dude {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes dude {
0% {
width: 0;
}
100% {
width: 100%;
}
}

.milestone-line .mile-stop{
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #000099;
position: absolute;
top:-19px;

}

.swanimg2{
top: 70%;
right: 16%;
display: none;
position: absolute;
width: 50px;
-webkit-animation: pulse 1s linear infinite;
animation: pulse 1s linear infinite;
left:auto;
}


.milestone-line .mile-stop:nth-child(1){
left: 18%;
z-index: 999;
}

.milestone-line .mile-stop:nth-child(2){
left: 47%;
z-index: 999;
}

.milestone-line .mile-stop:nth-child(3){
left: 76%;
z-index: 999;
}

.milestone-line .mile-stop:nth-child(4){
left: 69%;
z-index: 999;
}
.milestone-line .mile-stop:nth-child(5){
left: 90%;
z-index: 999;
}





@keyframes spin {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 1250px;
  }
}



/* for pulse */

.pulse{

}
#css3-spinner-svg-pulse-wrapper {
position: absolute;
overflow: hidden;
width: 450px;
height: 450px;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -225px;
background-color: transparent;
animation: none;
-webkit-animation: none;
border-radius: 50%;
background-color: #ffffff;
border: 1px solid #000;
}

#css3-spinner-svg-pulse {
position: absolute;
top: 50%;
left: 50%;
margin-top: -105px;
margin-left: -275px;
}

#css3-spinner-pulse {
stroke-dasharray: 281;
-webkit-animation: dash 5s infinite linear forwards;
}

/*Animation*/
@-webkit-keyframes dash {
	from {
		stroke-dashoffset:814;
	}

	to {
		stroke-dashoffset:-814;
	}
}

@keyframes dash {
	from {
		stroke-dashoffset:814;
	}

	to {
		stroke-dashoffset:-814;
	}
}


.twitterimg{

position:absolute;
top: 11%;
left: 21%;
width: 50px;
-webkit-animation: pulse 1s linear infinite;
animation: pulse 1s linear infinite;
}
.swanimg{

position: absolute;
top: 78%;
right: 22%;
width: 50px;
-webkit-animation: pulse 1s linear infinite;
animation: pulse 1s linear infinite;
left:auto;
}



/* for particles */
canvas {
  display: grid;
  grid-template-columns: 1fr;
}
.particlewrap{
position: absolute;
overflow: hidden;
width: 450px;
height: 450px;
top: 50%;
left: 50%;
margin-top: -225px;
margin-left: -225px;
background-color: transparent;
border-radius: 50%;
background-color: #ffffff;
border: 1px solid #000;
}


.blackback{
background-color:#000;
}

/* for video */
.video{
transform:scale(1.5);
position: absolute;
top: -15%;
}

/* for scope */

.panel_two, .panel_three, .panel_four{

position: absolute;
top: 95px;
left: 0px;
text-align:center;
background: #fff;
display: block;
border-radius: 50%;
}
.panel_two img, .panel_three img, .panel_four img{
width: 75%;
}
.panel_two p, .panel_three p, .panel_four p{
font-size:18px;
line-height:26px;
color:#000;
}
.panel_two p span, .panel_three p span, .panel_four p span{
display:block;
color: #940000;
}
.panel_two h2, .panel_three h2, .panel_four h2{
font-weight:bold;
font-size:18px;
color:#940000;
}
.panel_five{

position: absolute;
top: 0px;
right: 0px;
text-align: center;
width: 650px;
}

@-webkit-keyframes spinners {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes spinners {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@keyframes spinners {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.square-container {
  border-radius: 50%;
  border: 1px solid #000;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 450px;
  width: 450px;
}

.square-1, .square-2, .square-3, .square-4, .square-5, .square-6, .square-7, .square-8, .square-9, .square-10, .square-11, .square-12, .square-13, .square-14, .square-15, .square-16, .square-17, .square-18, .square-19, .square-20, .square-21, .square-22, .square-23, .square-24, .square-25, .square-26, .square-27, .square-28, .square-29, .square-30, .square-31, .square-32, .square-33, .square-34, .square-35, .square-36, .square-37, .square-38, .square-39, .square-40, .square-41, .square-42, .square-43, .square-44, .square-45, .square-46, .square-47, .square-48, .square-49, .square-50, .square-51, .square-52, .square-53, .square-54, .square-55, .square-56, .square-57, .square-58, .square-59, .square-60, .square-61, .square-62, .square-63, .square-64, .square-65, .square-66, .square-67, .square-68, .square-69, .square-70, .square-71, .square-72, .square-73, .square-74, .square-75, .square-76, .square-77, .square-78, .square-79, .square-80, .square-81, .square-82, .square-83, .square-84, .square-85, .square-86, .square-87, .square-88, .square-89, .square-90, .square-91, .square-92, .square-93, .square-94, .square-95, .square-96, .square-97, .square-98, .square-99, .square-100, .square-101, .square-102, .square-103, .square-104, .square-105, .square-106, .square-107, .square-108, .square-109, .square-110 {
  border: 1px solid #000;
  margin: 1px auto;
}

.square-1 {
  height: 446px;
  width: 446px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-2 {
  height: 442px;
  width: 442px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-3 {
  height: 438px;
  width: 438px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-4 {
  height: 434px;
  width: 434px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-5 {
  height: 430px;
  width: 430px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-6 {
  height: 426px;
  width: 426px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-7 {
  height: 422px;
  width: 422px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-8 {
  height: 418px;
  width: 418px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-9 {
  height: 414px;
  width: 414px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-10 {
  height: 410px;
  width: 410px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-11 {
  height: 406px;
  width: 406px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-12 {
  height: 402px;
  width: 402px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-13 {
  height: 398px;
  width: 398px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-14 {
  height: 394px;
  width: 394px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-15 {
  height: 390px;
  width: 390px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-16 {
  height: 386px;
  width: 386px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-17 {
  height: 382px;
  width: 382px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-18 {
  height: 378px;
  width: 378px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-19 {
  height: 374px;
  width: 374px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-20 {
  height: 370px;
  width: 370px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-21 {
  height: 366px;
  width: 366px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-22 {
  height: 362px;
  width: 362px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-23 {
  height: 358px;
  width: 358px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-24 {
  height: 354px;
  width: 354px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-25 {
  height: 350px;
  width: 350px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-26 {
  height: 346px;
  width: 346px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-27 {
  height: 342px;
  width: 342px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-28 {
  height: 338px;
  width: 338px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-29 {
  height: 334px;
  width: 334px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-30 {
  height: 330px;
  width: 330px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-31 {
  height: 326px;
  width: 326px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-32 {
  height: 322px;
  width: 322px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-33 {
  height: 318px;
  width: 318px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-34 {
  height: 314px;
  width: 314px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-35 {
  height: 310px;
  width: 310px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-36 {
  height: 306px;
  width: 306px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-37 {
  height: 302px;
  width: 302px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-38 {
  height: 298px;
  width: 298px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-39 {
  height: 294px;
  width: 294px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-40 {
  height: 290px;
  width: 290px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-41 {
  height: 286px;
  width: 286px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-42 {
  height: 282px;
  width: 282px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-43 {
  height: 278px;
  width: 278px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-44 {
  height: 274px;
  width: 274px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-45 {
  height: 270px;
  width: 270px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-46 {
  height: 266px;
  width: 266px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-47 {
  height: 262px;
  width: 262px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-48 {
  height: 258px;
  width: 258px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-49 {
  height: 254px;
  width: 254px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-50 {
  height: 250px;
  width: 250px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-51 {
  height: 246px;
  width: 246px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-52 {
  height: 242px;
  width: 242px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-53 {
  height: 238px;
  width: 238px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-54 {
  height: 234px;
  width: 234px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-55 {
  height: 230px;
  width: 230px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-56 {
  height: 226px;
  width: 226px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-57 {
  height: 222px;
  width: 222px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-58 {
  height: 218px;
  width: 218px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-59 {
  height: 214px;
  width: 214px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-60 {
  height: 210px;
  width: 210px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-61 {
  height: 206px;
  width: 206px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-62 {
  height: 202px;
  width: 202px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-63 {
  height: 198px;
  width: 198px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-64 {
  height: 194px;
  width: 194px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-65 {
  height: 190px;
  width: 190px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-66 {
  height: 186px;
  width: 186px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-67 {
  height: 182px;
  width: 182px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-68 {
  height: 178px;
  width: 178px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-69 {
  height: 174px;
  width: 174px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-70 {
  height: 170px;
  width: 170px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-71 {
  height: 166px;
  width: 166px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-72 {
  height: 162px;
  width: 162px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-73 {
  height: 158px;
  width: 158px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-74 {
  height: 154px;
  width: 154px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-75 {
  height: 150px;
  width: 150px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-76 {
  height: 146px;
  width: 146px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-77 {
  height: 142px;
  width: 142px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-78 {
  height: 138px;
  width: 138px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-79 {
  height: 134px;
  width: 134px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-80 {
  height: 130px;
  width: 130px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-81 {
  height: 126px;
  width: 126px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-82 {
  height: 122px;
  width: 122px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-83 {
  height: 118px;
  width: 118px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-84 {
  height: 114px;
  width: 114px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-85 {
  height: 110px;
  width: 110px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-86 {
  height: 106px;
  width: 106px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-87 {
  height: 102px;
  width: 102px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-88 {
  height: 98px;
  width: 98px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-89 {
  height: 94px;
  width: 94px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-90 {
  height: 90px;
  width: 90px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-91 {
  height: 86px;
  width: 86px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-92 {
  height: 82px;
  width: 82px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-93 {
  height: 78px;
  width: 78px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-94 {
  height: 74px;
  width: 74px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-95 {
  height: 70px;
  width: 70px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-96 {
  height: 66px;
  width: 66px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-97 {
  height: 62px;
  width: 62px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-98 {
  height: 58px;
  width: 58px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-99 {
  height: 54px;
  width: 54px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-100 {
  height: 50px;
  width: 50px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-101 {
  height: 46px;
  width: 46px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-102 {
  height: 42px;
  width: 42px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-103 {
  height: 38px;
  width: 38px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-104 {
  height: 34px;
  width: 34px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-105 {
  height: 30px;
  width: 30px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-106 {
  height: 26px;
  width: 26px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-107 {
  height: 22px;
  width: 22px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-108 {
  height: 18px;
  width: 18px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-109 {
  height: 14px;
  width: 14px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}

.square-110 {
  height: 10px;
  width: 10px;
  -webkit-animation: spinners 80s infinite linear;
  -moz-animation: spinners 80s infinite linear;
  animation: spinners 80s infinite linear;
}


/* for fish */
.fishwrap{
text-align:center;
position: absolute;
bottom: -2%;
left:0px;
}
.change{
position: absolute;
bottom: 10%;
font-size:18px;
}
.pond, .fish{

}
.fish{
position: absolute;
top: auto;
}
.pond{
width:100%;
height: 175px;
margin:0 auto;
left: auto;
top: auto;
position: relative;
}
.fish1{
left: 40%;
bottom: 10%;
}
.fish2{
left: 29%;
bottom: 34%;
}
.fish3{
left: 53%;
bottom: 34%;
}
.fish4{
left: 18%;
bottom: 56%;
}
.fish5{
left: 40%;
bottom: 56%;
}
.fish6{
left: 64%;
bottom: 56%;
}
.fish7{
left: 3%;
bottom: 74%;
}
.bird1{
left: 43%;
bottom: 120%;
}
.bird2{
left: 66%;
bottom: 120%;
}
.bird3{
left: 20%;
bottom: 120%;
}
.bird4{
left: 53%;
bottom: 141%;
}
.bird5{
left: 30%;
bottom: 141%;
}
.bird6{
left: 40%;
bottom: 166%;
}


.fish_1_jumble{
bottom: -15px;
left: 18%;
}


/* for sliders */

.silder_wrapper{
/* background-color: #d2e3f3; */
width: 85%;
height: 100%;
}

.extra_info{
position: absolute;
/* top: 20%;
right: 2%; */
top: 28%;
right: 10%;
width: 220px;
padding: 5px 25px;
font-size: 18px;
text-align: left;
border-radius: 20px;
line-height: 25px;
color: #00008E;
left: auto;
}

.extra_info-globe{
position: absolute;
top: 45px;
right: -315px;
width: 220px;
padding: 5px 25px;
font-size: 18px;
text-align: left;
border-radius: 20px;
line-height: 25px;
color:#00008E;
/* top: 35%;
right: 4%; */
/* top: 27%; */
top: 35%;
right: 10%;
}

.highlight_text{

color: #00009b;
text-align: center;
line-height: 25px;
    top: 79%;
    position: relative;
}

.highlight_text h3{
margin-top: -5px;
margin-bottom: 0;
}

.highlight_text p{
margin: 4px 0;
}

.highlight_text h2{
margin: 0;
margin-top: 15px;
letter-spacing: 15px;
}

body{
font-family: 'PT Sans', sans-serif;
}

.dance span{
color:red;
}

.dance{
letter-spacing:5px;
font-size:26px;
}

.non-linear{
width: 100%;
margin-top: 55px;
}

.silder_wrapper .slide_one{
left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.slide_one{
position:absolute;
}
.slide_two, .slide_three, .slide_four,.slide_five,.slide_six{

position:absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

.slide_text{

}

.text_wrapper{
background: #fff;
width: 10%;
position: absolute;
overflow: hidden;
width: 450px;
height: 450px;
top: 50%;
left: 50%;
margin-top: -225px;
margin-left: -225px;
background-color: transparent;
animation: none;
-webkit-animation: none;
border-radius: 50%;
background-color: #ffffff;
padding: 0;
color: #000099;
}

.text_wrapper p{
width: 85%;
margin: 0 auto;
margin-top: 39%;
text-align: center;
font-weight: bold;
font-size: 22px;
line-height: 32px;
}

.milestone-number p:nth-child(1){
left: 20.5%;
}

.milestone-number p:nth-child(2){
left: 49%;
}

.milestone-number p:nth-child(3){
left: 78%;
}


.milestone-number p{
position:absolute;
top:10px;
font-size:18px;
z-index:9999;
font-weight: bold;
}


.slider_arrow{

position: absolute;
top: 315px;
width: 380px;
left: -76px;
}

.right-arrow{
position: absolute;
right: 0;
width: 40px;
cursor:pointer;
}

.right-arrow img{
width:100%;
background: #fff;
border-radius: 50%;
}


.left-arrow{
position: absolute;
left: 0;
width: 40px;
cursor:pointer;
}

.left-arrow img{
width:100%;
background: #fff;
border-radius: 50%;
}


/*Royal Slider*/
/* .rsArrow.rsArrowLeft{
display: block;
position: absolute;
bottom: -5px;
width: 4%;
height: 50px;
margin: 0 auto;
left: 33%;
}

.rsArrow.rsArrowRight{
display: block;
position: absolute;
bottom: -5px;
width: 4%;
height: 50px;
margin: 0 auto;
right: 33%;
} */

.rsArrow.rsArrowLeft{
display: block;
position: absolute;
top: 40%;
width: 4%;
height: 50px;
margin: 0 auto;
left: 20px;
}

.rsArrow.rsArrowRight{
display: block;
position: absolute;
top: 40%;
width: 4%;
height: 50px;
margin: 0 auto;
right: 30px;
}
.globe_wrapper .rsArrow.rsArrowRight {
right: 10px;
}
.globe_wrapper .rsArrow.rsArrowLeft{
left: 10px;
}

.rsArrowLeft  .rsArrowIcn{
background: url(arrow-left.png);
width: 40px;
height: 40px;
background-size: 100%;
}


.rsArrowRight  .rsArrowIcn{
background: url(arrow-right.png);
width: 40px;
height: 40px;
background-size: 100%;
}



/* niket new mods */

.realigned_txt{
top: 7%;
left: 50%;
margin-left: -200px;
width: 400px;
padding: 0px;
}
.extra_info_aligned{
width: 800px;
padding: 0px;
top: 6%;
left: 50%;
margin-left: -400px;
}
.extra_info_slidetwo{
width: 500px;
padding: 0px;
top: 14%;
left: 50%;
margin-left: -250px;
}
.extra_info_slidethree{
width: 800px;
padding: 0px;
top: 6%;
left: 50%;
margin-left: -400px;
}
.extra_info_slidefour{
width: 800px;
padding: 0px;
top: 9%;
left: 50%;
margin-left: -400px;
}
.extra_info_slidefive{
width: 800px;
padding: 0px;
top: 9%;
left: 50%;
margin-left: -400px;
}
.extra_info_slidesix{
width: 730px;
padding: 0px;
top: 6%;
left: 50%;
margin-left: -365px;
}
.extra_info p, .extra_info-globe p{
margin: 5px 0px;
font-size:15px;
text-align: center;
}