.navhome {
    color: #00bdff !important;
    text-align: center;
}
@media (min-width: 0px) and (max-width: 768px) {
.page-footer1 {
    background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    color: grey;
    font-family: "DINRegular";
    font-size: 13px;
    text-align: center;
    padding: 0%;
}
}
.page-footer1 {
    background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    color: grey;
    font-family: "DINRegular";
    font-size: 13px;
    text-align: left;
    padding: 1%;
}

body {
    background-color: #17152b;
    overflow-x: hidden !important;
    
}

section {
     position: relative !important;

    background-color: #17152b;
    
  
}

section img {
   position: absolute !important;
  
}

img {
    width: 100%;

}

@media (min-width: 769px) {
    #home-body {
        display: block !important;

    }

    #home-bodymobile {
        display: none !important;
    }

    .col-sm {
        position: relative;
        width: 0%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 0px !important;
        padding-top: 10%;
    }
}


@media screen and (min-width: 990px) and (max-width:1200px) {
    #home-body {
        display: block !important;

    }

    #home-bodymobile {
        display: none !important;
    }

    .col-sm {
        position: relative;
        width: 0%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 52px !important;
        padding-top: 10%;
    }

    .discover-btnbulk {
        margin-top: 0% !important;
        font-size: 15px !important;
        background-color: transparent;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-image: radial-gradient(hsl(240, 29%, 20%), hsla(59, 90%, 72%, 0.767), hsl(301, 86%, 60%), hsl(310, 100%, 50%), hsla(59, 96%, 72%, 0.685), hsl(240, 29%, 20%)) 9;
        border-image-slice: 2;
        border-left: none;
        border-right: none;
        color: white;
        width: 130px;
        height: fit-content;
        text-align: center;
        padding-top: 4%;
        padding-bottom: 5%;
        cursor: pointer;
    }

    .loaderbulk,
    .loadergps,
    .loadercyber {
        position: relative;
        width: 234px !important;
        height: 234px !important;
    }
}


@media screen and (min-width: 770px) and (max-width:1100px) {
    #home-body {
        display: block !important;

    }

    #home-bodymobile {
        display: none !important;
    }


    .discover-btnbulk {
        margin-top: 17% !important;
        font-size: 15px !important;
        background-color: transparent;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-image: radial-gradient(hsl(240, 29%, 20%), hsla(59, 90%, 72%, 0.767), hsl(301, 86%, 60%), hsl(310, 100%, 50%), hsla(59, 96%, 72%, 0.685), hsl(240, 29%, 20%)) 9;
        border-image-slice: 2;
        border-left: none;
        border-right: none;
        color: white;
        width: 130px;
        height: fit-content;
        text-align: center;
        padding-top: 4%;
        padding-bottom: 5%;
        cursor: pointer;
    }


    .discover-btngps {
        margin-top: 7% !important;
        font-size: 15px !important;
        background-color: transparent;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-image: radial-gradient(hsl(240, 47%, 18%), hsla(36, 69%, 51%, 0.87), hsla(145, 84%, 27%, 0.87), hsl(156, 77%, 31%), hsla(36, 69%, 51%, 0.87), hsla(240, 30%, 20%, 0.5)) 9;
        border-image-slice: 2;
        border-left: none;
        border-right: none;
        color: white;
        width: 130px;
        height: fit-content;
        text-align: center;
        padding-top: 4%;
        padding-bottom: 5%;
        cursor: pointer;
    }


    .discover-btncyber {
        margin-top: 7% !important;
        font-size: 15px !important;
        background-color: transparent;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-image: radial-gradient(hsl(240, 47%, 18%), hsla(36, 69%, 51%, 0.87), hsla(145, 84%, 27%, 0.87), hsl(155, 81%, 31%), hsla(36, 69%, 51%, 0.87), hsla(240, 30%, 20%, 0.5)) 9;
        border-image-slice: 2;
        border-left: none;
        border-right: none;
        color: white;
        width: 130px;
        height: fit-content;
        text-align: center;
        padding-top: 4%;
        padding-bottom: 5%;
        cursor: pointer;
    }

    .loaderbulk,
    .loadergps,
    .loadercyber {
        position: relative;
        width: 234px !important;
        height: 234px !important;
    }
}

@media (min-width: 1200px) {
    #home-body {
        display: block !important;

    }

    #home-bodymobile {
        display: none !important;
    }

    .container {
        max-width: 1140px !important;
        padding: 5% 0% 0% 5%;
    }

    /* HOME Style START  */
    .contactuscontainer {
        padding: 5% 0% 5% 0%;
        max-width: 1200px !important;
    }

    .circlescontainer {
        max-width: 1440px !important;
    }
}

@media (min-width: 1500px) {
    .container {
        max-width: 1340px !important;
    }

    .circlescontainer {
        max-width: 1540px !important;
    }
}

a,
a:hover,
a:focus {
    color: inherit !important;
    /* blue colors for links too */
    text-decoration: inherit !important;
    /* no underline */
}


input:focus {
    background-color: lightblue !important;
    box-shadow: 1px 1000px 1px #17152b inset !important;
    color: #ff8e00 !important;
}

@media screen and (max-width: 550px) {
    .page-footer1 {
        background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        color: grey;
        font-family: "DINRegular";
        font-size: 13px;
        text-align: center;
        padding: 1%;
    }

    #home-body {
        display: none !important;

    }

    #home-bodymobile {
        display: block !important;
    }

    body {
        overflow-x: hidden !important;
    }

    .right {
        left: 0% !important;
        animation-name: fade;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 6s;
        animation-direction: alternate;
    }
}

/* BUBBLE ANIMATIONS START  */
#background-wrap {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99 !important;

}

/* KEYFRAMES */

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }

    100% {
        margin-top: -100%;
        
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }

    100% {
        margin-top: -100%;
        
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }

    100% {
        margin-top: -100%;
        
    }
}

@-webkit-keyframes sideWays {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: 50px;
    }
}

@-moz-keyframes sideWays {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: 50px;
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: 50px;
    }
}

/* ANIMATIONS */


.x1 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: -10vw;
    top: -10vh;
    opacity: 0.5;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
}

.x2 {
    -webkit-animation: animateBubble 5s linear  ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;

    left: 17vw;
    top: 20vh;

    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
}

.x3 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: 11vw;
    top: 60vh;
 opacity: 0.5;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
}

.x4 {
    -webkit-animation: animateBubble 3s linear ;
    -moz-animation: animateBubble 3s linear ;
    animation: animateBubble 3s linear ;

    left: 35vw;
    top: 90vh;
    opacity:0.8;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

.x5 {
    -webkit-animation: animateBubble 5s linear ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;
    left: 20vw;
    top: -20vh;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

.x6 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: 85vw;
    top: 70vh;
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}

.x7 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: 60vw;
    top: -10vh;
    opacity: 0.5;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

.x8 {
    -webkit-animation: animateBubble 3s linear ;
    -moz-animation: animateBubble 3s linear ;
    animation: animateBubble 3s linear ;

    left: 70vw;
    top: 30vh;
 opacity:0.8;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

.x9 {
    -webkit-animation: animateBubble 5s linear ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;

    left: 78vw;
    top: -12vh;

    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

.x10 {
    -webkit-animation: animateBubble 5s linear ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;

    left: 65vw;
    top: 70vh;
  
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}



.x11 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: -5vw;
    top: 90vh;
    opacity: 0.5;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}


.x12 {
    -webkit-animation: animateBubble 5s linear ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;

    left: 90vw;
    top: 120vh;
  
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

/* OBJECTS */

.bubble {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 300px;
    position: absolute;
    width: 300px;

}

.x1:after {
    
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* BIG BALL left */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
     filter: blur(8px); 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 30vw;
    left: 0px;
    position: absolute;
    width: 30vw;

}


.x2:after {
    /* small BALL left */
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 20vw;
    left: 10px;
    position: absolute;
    width: 20vw;

}

.x3:after {
    /* BIG BALL left */
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
    filter: blur(8px); 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    top:0;
    height: 18.22vw;
    left: 10px;
    position: absolute;
    width: 18.22vw;

}

.x4:after {
    /* small BALL left */
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
  
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 26.04vw;
    left: 10px;
    position: absolute;
    width: 26.04vw;

}

.x5:after {
    
    
/*    background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);

 */
 
/* 81, 0, 94, 1*/
   background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(321deg, rgba(0, 0, 0, 0) 10%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(0, 0, 0, 0) 10%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg,rgba(0, 0, 0, 0) 10%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#b5198d", GradientType=1);
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 26.04vw;
    left: 10px;
    position: absolute;
    width: 26.04vw;

}

.x6:after {
    
    background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);
    /* BIG BALL RIGHT */

 filter: blur(8px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 26.04vw;
    left: 10px;
    position: absolute;
    width: 26.04vw;

}

.x7:after {
    
      background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);
    /* small BALL RIGHT */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
  filter: blur(8px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 10.41vw;
    left: 10px;
    position: absolute;
    width: 10.41vw;

}

.x8:after {
    /* small BALL RIGHT */
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
   
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 20vw;
    left: 10px;
    position: absolute;
    width: 20vw;

}

.x9:after {
    
   /* rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1)*/
background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
    /* filter: blur(5px); */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 26.04vw;
    left: 10px;
    position: absolute;
    width: 26.04vw;

}

.x10:after {
    
     background: rgb(153, 91, 19, 1);
    background: -moz-linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    background: linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
/*     background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);*/
    /* small BALL RIGHT */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 10.41vw;
    left:0;
    position: absolute;
    width: 10.41vw;

}

.x11:after {
    
     background: rgb(153, 91, 19, 1);
    background: -moz-linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    background: linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
/*     background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);*/
    /* small BALL RIGHT */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
 filter: blur(8px); 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 20vw;
    left:0;
    position: absolute;
    width: 20vw;

}

.x12:after {
    
background: rgb(204,134,20);
background: -moz-linear-gradient(321deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(321deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(321deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);
/*     background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);*/
    /* small BALL RIGHT */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 10.41vw;
    left:0;
    position: absolute;
    width: 10.41vw;

}
/* BUBBLE ANIMATIONS END  */



@media screen and (max-width:1200px) {

    .banner{
        
        padding-left:  10%;
    }
.x1 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: -10vw;
    top: 15vh;
    opacity: 0.5;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
}

.x2 {
    -webkit-animation: animateBubble 5s linear  ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;

    left: 17vw;
    top: 30vh;

    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
}

.x3 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: 11vw;
    top: 50vh;
 opacity: 0.5;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
}

.x4 {
    -webkit-animation: animateBubble 3s linear ;
    -moz-animation: animateBubble 3s linear ;
    animation: animateBubble 3s linear ;

    left: 35vw;
    top: 80vh;
    opacity:0.8;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

.x5 {
    -webkit-animation: animateBubble 5s linear ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;
    left: 20vw;
    top: 3vh;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

.x6 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: 85vw;
    top: 70vh;
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}

.x7 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: 60vw;
    top: 10vh;
    opacity: 0.5;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

.x8 {
    -webkit-animation: animateBubble 3s linear ;
    -moz-animation: animateBubble 3s linear ;
    animation: animateBubble 3s linear ;

    left: 70vw;
    top: 40vh;
 opacity:0.8;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

.x9 {
    -webkit-animation: animateBubble 5s linear ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;

    left: 78vw;
    top: 15vh;

    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

.x10 {
    -webkit-animation: animateBubble 5s linear ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;

    left: 65vw;
    top: 70vh;
  
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}



.x11 {
    -webkit-animation: animateBubble 1s linear ;
    -moz-animation: animateBubble 1s linear ;
    animation: animateBubble 1s linear ;

    left: -5vw;
    top: 90vh;
    opacity: 0.5;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}


.x12 {
    -webkit-animation: animateBubble 5s linear ;
    -moz-animation: animateBubble 5s linear ;
    animation: animateBubble 5s linear ;

    left: 90vw;
    top: 110vh;
  
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
}

    /* OBJECTS */

    .bubble {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        height: 300px;
        position: absolute;
        width: 300px;

    }

.x1:after {
    
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* BIG BALL left */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
     filter: blur(8px); 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 30vw;
    left: 0px;
    position: absolute;
    width: 30vw;

    }


.x2:after {
    /* small BALL left */
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 20vw;
    left: 10px;
    position: absolute;
    width: 20vw;

    }

.x3:after {
    /* BIG BALL left */
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
    filter: blur(8px); 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    top:0;
    height: 18.22vw;
    left: 10px;
    position: absolute;
    width: 18.22vw;

    }

.x4:after {
    /* small BALL left */
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
  
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 26.04vw;
    left: 10px;
    position: absolute;
    width: 26.04vw;

    }

.x5:after {
    
    
/*    background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);

 */
 
/* 81, 0, 94, 1*/
   background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(321deg, rgba(0, 0, 0, 0) 10%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(0, 0, 0, 0) 10%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg,rgba(0, 0, 0, 0) 10%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#b5198d", GradientType=1);
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 26.04vw;
    left: 10px;
    position: absolute;
    width: 26.04vw;

    }

.x6:after {
    
    background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);
    /* BIG BALL RIGHT */

 filter: blur(8px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 26.04vw;
    left: 10px;
    position: absolute;
    width: 26.04vw;

    }

.x7:after {
    
      background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);
    /* small BALL RIGHT */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
  filter: blur(8px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 10.41vw;
    left: 10px;
    position: absolute;
    width: 10.41vw;

    }

.x8:after {
    /* small BALL RIGHT */
    background: rgb(10, 0, 126);
    background: -moz-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    background: linear-gradient(321deg, rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
   
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 20vw;
    left: 10px;
    position: absolute;
    width: 20vw;

    }

.x9:after {
    
   /* rgba(10, 0, 126, 1) 0%, rgba(153, 91, 19, 1)*/
background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
    /* filter: blur(5px); */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 26.04vw;
    left: 10px;
    position: absolute;
    width: 26.04vw;

    }

.x10:after {
    
     background: rgb(153, 91, 19, 1);
    background: -moz-linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    background: linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
/*     background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);*/
    /* small BALL RIGHT */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 10.41vw;
    left:0;
    position: absolute;
    width: 10.41vw;

}

.x11:after {
    
     background: rgb(153, 91, 19, 1);
    background: -moz-linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    background: -webkit-linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    background: linear-gradient(321deg, rgba(153, 91, 19, 1) 0%, rgba(10, 0, 126, 1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a007e", endColorstr="#995b13", GradientType=1);
/*     background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);*/
    /* small BALL RIGHT */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
 filter: blur(8px); 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 20vw;
    left:0;
    position: absolute;
    width: 20vw;

    }

.x12:after {
    
background: rgb(204,134,20);
background: -moz-linear-gradient(321deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(321deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(321deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);
/*     background: rgb(204,134,20);
background: -moz-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: -webkit-linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
background: linear-gradient(51deg, rgba(204,134,20,1) 0%, rgba(60,8,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc8614",endColorstr="#3c0877",GradientType=1);*/
    /* small BALL RIGHT */
/*    background: rgb(81, 0, 94);
    background: -moz-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: -webkit-linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    background: linear-gradient(321deg, rgba(81, 0, 94, 1) 0%, rgba(181, 25, 141, 1) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51005e", endColorstr="#b5198d", GradientType=1);*/
    /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1); */
 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 10.41vw;
    left:0;
    position: absolute;
    width: 10.41vw;

}


}