
body {
    margin:0;
    padding:0;
    background-color: white;
}

#adArea {
    background-color: white;
}

#adArea {
    cursor: pointer
}



.pic {
    position: absolute;
    width: 600px;
    height: 600px;
}


#centerFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}

#capeCont {
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: none !important;
    left: 75px;
    top: 110px;
}


#c1 {

}

.clock {
    position: absolute;
    color: white;
/*    color: red;*/
    font-family: Arial;
    font-weight: bold;
    font-size: 36px;
    top: 332px;
    left: 138px;
}

#c2 {
    margin-left: 22px;
}
#c3 {
    margin-left: 54px;
}
#c4 {
    margin-left: 76px;
}
#c5 {
    margin-left: 108px;
}
#c6 {
    margin-left: 131px;
}













.flag-element {
    -webkit-animation:oscill 0.2s ease-in-out infinite alternate; 
    -moz-animation:oscill 0.2s ease-in-out infinite alternate; 
    -ms-animation:oscill 0.2s ease-in-out infinite alternate; 
    animation:oscill 0.2s ease-in-out infinite alternate; 
    background: url('images/cape.png');
    background-size: 191px 106px;
    background-repeat: no-repeat;
    position:relative;
    height:100%;
    margin-left: -1px;
    width:2px;
    display:inline-block;
}
@-webkit-keyframes oscill {
    0% {
        top: 7%;
    }        
    100% {
        top: -7%;
    }
}
@-moz-keyframes oscill {
    0% {
        top: 7%;
    }        
    100% {
        top: -7%;
    }
}
@-ms-keyframes oscill {
    0% {
        top: 7%;
    }        
    100% {
        top: -7%;
    }
}
@keyframes oscill {
    0% {
        top: 7%;
    }        
    100% {
        top: -7%;
    }
}



.flag-element2 {
    -webkit-animation:oscill2 0.2s ease-in-out infinite alternate; 
    -moz-animation:oscill2 0.2s ease-in-out infinite alternate; 
    -ms-animation:oscill2 0.2s ease-in-out infinite alternate; 
    animation:oscill2 0.2s ease-in-out infinite alternate; 
    background: url('images/cape.png');
    background-size: 191px 106px;
    background-repeat: no-repeat;
    position:relative;
    height:100%;
    margin-left: -1px;
    width:2px;
    display:inline-block;
}
@-webkit-keyframes oscill2 {
    0% {
        top: 4.5%;
    }        
    100% {
        top: -4.5%;
    }
}
@-moz-keyframes oscill2 {
    0% {
        top: 4.5%;
    }        
    100% {
        top: -4.5%;
    }
}
@-ms-keyframes oscill2 {
    0% {
        top: 4.5%;
    }        
    100% {
        top: -4.5%;
    }
}
@keyframes oscill2 {
    0% {
        top: 4.5%;
    }        
    100% {
        top: -4.5%;
    }
}


.flag-element3 {
    -webkit-animation:oscill3 0.2s ease-in-out infinite alternate; 
    -moz-animation:oscill3 0.2s ease-in-out infinite alternate; 
    -ms-animation:oscill3 0.2s ease-in-out infinite alternate; 
    animation:oscill3 0.2s ease-in-out infinite alternate; 
    background: url('images/cape.png');
    background-size: 191px 106px;
    background-repeat: no-repeat;
    position:relative;
    height:100%;
    margin-left: -1px;
    width:2px;
    display:inline-block;
}
@-webkit-keyframes oscill3 {
    0% {
        top: 2%;
    }        
    100% {
        top: -2%;
    }
}
@-moz-keyframes oscill3 {
    0% {
        top: 2%;
    }        
    100% {
        top: -2%;
    }
}
@-ms-keyframes oscill3 {
    0% {
        top: 2%;
    }        
    100% {
        top: -2%;
    }
}
@keyframes oscill3 {
    0% {
        top: 2%;
    }        
    100% {
        top: -2%;
    }
}
























.center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wrapper {
    overflow: hidden;
    text-overflow: clip;
}

.abs {
    position: absolute;
}
.rct {
    width:320px !important;
    height:480px !important;
    position: absolute;
}
.opacity0 { opacity: 0; }
.opacity1 { opacity: 1; }

.zi1 { z-index: 800; }
.zi2 { z-index: 900; }
.zi5 { z-index: 5000; }
.zi6 { z-index: 6000; }
.zi7 { z-index: 7000; }
.zi8 { z-index: 8000; }
.zi9 { z-index: 9000; }
.zi10 { z-index: 10000; }
.zIndex99998 { z-index: 99998; }
.zIndex99999 { z-index: 99999; }

.hidden{
	visibility: hidden;
}
.noEvents{
  pointer-events: none;
}
.noVis{
    visibility: none;
}
.noDisplay{
    display: none;
}

