::selection {
    background: rgba(0, 0, 0, 0);
}
::-moz-selection {
    background: rgba(0, 0, 0, 0);
}
@font-face {
      font-family: 'gothic';
        src: url('../fonts/gothic/century_gothic.eot');
        src: url('../fonts/gothic/century_gothic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/gothic/century_gothic.woff') format('woff'),
            url('../fonts/gothic/century_gothic.ttf') format('truetype'),
            url('../fonts/gothic/century_gothic.svg#ArialMT') format('svg');
    }

body {
    overflow: hidden;
    margin: 0px;
    font-family:'gothic';
    font-size: 15px;
}
#container {
    position: relative;
    width: 800px;
    height: 640px;
    background-color: #666;
    /* background: url(../images/3.png) no-repeat; */
    background-size: 440px 440px;
    background-position: 158px 45px;
    top: -8px; 
}
#bluecircle {
    position: absolute;
    width: 440px;
    height: 440px;
    left: 157px;
    top: 37px;
    z-index: 100;
}
.image {
    position: absolute;
    top: 0;
    left: 0;
}
.shape {
    top: 78px;
    left: 158px;
    z-index: 90;
}
svg {
    z-index: 100;
}
.head_cont{
position: absolute;
width: 800px;
height: 34px;
background-color: #DEDEDE;
top: 0px;
left: 0px;
z-index: 102;
}

div .img5{
    height: 484px;
    width:484px;
    background-image: url('../images/3.png');
    margin-left: 125px;
}
.arrimg {
    margin-top: 40px;
}
.leftcont {
    width: 300px;
    padding-left: 100px;
    //display: inline-block;
    float: left;
}

.leftsec {
    //text-align: center;
    color:white;
}

.rightcont {
    float: left;
    width: 400px;
    padding-top: 10px;
    //display: inline-block;
}
.cent {
    display: block;
    position: relative;
    padding-left: 40px;
    top: 10px;
    height: 20px;
}
.conttop {
    position: absolute;
    top: 510px;
    z-index: 103;
}

.left1 {
/*    color:lightblue;*/
    color: #dbf2fb;
    text-shadow: 0px 0px 5px #3A65A6;
    
}

.img2 {
    position: absolute;
    top: 236px;
    left: 360px;
    background-image: url('images/6.png');
}
.cir {
    border-radius: 50%;
    position: absolute;
    top: 230px;
    left: 351px;
    height: 55px;
    width: 52px;
    background-image: url(../images/2.png);
    box-shadow: 0px 0px 5px 5px rgb(255, 255, 255);
    -webkit-box-shadow: 0px 0px 5px 5px rgb(255, 255, 255);
    -moz-box-shadow: 0px 0px 5px 5px rgb(255, 255, 255);
    -ms-box-shadow: 0px 0px 5px 5px rgb(255, 255, 255);
    -o-box-shadow: 0px 0px 5px 5px rgb(255, 255, 255);
    background-repeat: no-repeat;
    z-index: 1000;
}
.cir1 {
    position: absolute;
    top: 219px;
    left: 339px;
    z-index: 101;
    width: 72px;
    height: 72px;
    border-radius: 49%;
    border:2px solid rgba(224, 224, 140, 0.74);
    background-color: rgba(255,255,0,0.07);
    background: -webkit-radial-gradient(rgba(255,255,0,0.2));  
    background-repeat: no-repeat;
    box-shadow: inset 2px 2px 32px 8px rgba(240, 240, 148, 0.68);
    
}
img.cir1{
    opacity:.2;
}

.whitecir{
    position: absolute;
    top: 227px;
    left: 340px;
    z-index: 100;
/*    transform: scale(6.1);*/
    animation: circleAni 1s linear 0.5s infinite;
    -webkit-animation: circleAni 1s linear 0.5s infinite;
    -moz-animation: circleAni 1s linear 0.5s infinite;
    -ms-animation: circleAni 1s linear 0.5s infinite;
}
 @keyframes circleAni {
        0% {
           transform: scale(1.1);         
        }
        50% {
            transform: scale(2.1); 
            
        }
        75% {
           transform: scale(4.1); 
            stroke-width: 6;
        }
        100% {
            transform: scale(5.5); 
        }
    }
 -webkit-@keyframes circleAni {
        0% {
           transform: scale(1.1);         
        }
        50% {
            transform: scale(2.1); 
            
        }
        75% {
           transform: scale(4.1); 
            stroke-width: 6;
        }
        100% {
            transform: scale(5.5); 
        }
    }
  -moz-@keyframes circleAni {
        0% {
           transform: scale(1.1);         
        }
        50% {
            transform: scale(2.1); 
            
        }
        75% {
           transform: scale(4.1); 
            stroke-width: 6;
        }
        100% {
            transform: scale(5.5); 
        }
    }
  -ms-@keyframes circleAni {
        0% {
           transform: scale(1.1);         
        }
        50% {
            transform: scale(2.1); 
            
        }
        75% {
           transform: scale(4.1); 
            stroke-width: 6;
        }
        100% {
            transform: scale(5.5); 
        }
    }
    #circle {
        stroke: #fff;
        stroke-width: 2;
        fill: none;
        z-index: 100;
        r: 30;
        animation: circleAnim 1s linear 0.5s infinite;
        -webkit-animation: circleAnim 1s linear 0.5s infinite;
        -moz-animation: circleAnim 1s linear 0.5s infinite;
        -ms-animation: circleAnim 1s linear 0.5s infinite;
    }
    @keyframes circleAnim {
        0% {
            r: 30;            
        }
        50% {
            r: 100;
        }
        75% {
            r: 170;
            stroke-width: 6;
        }
        100% {
            r: 230;
        }
    }
 @-webkit-keyframes circleAnim {
        0% {
            r: 30;            
        }
        50% {
            r: 100;
        }
        75% {
            r: 170;
            stroke-width: 6;
        }
        100% {
            r: 230;
        }
    }
 @-moz-keyframes circleAnim {
        0% {
            r: 30;            
        }
        50% {
            r: 100;
        }
        75% {
            r: 170;
            stroke-width: 6;
        }
        100% {
            r: 230;
        }
    }
@-ms-keyframes circleAnim {
        0% {
            r: 30;            
        }
        50% {
            r: 100;
        }
        75% {
            r: 170;
            stroke-width: 6;
        }
        100% {
            r: 230;
        }
    }

.arrimg{
/*
    position: absolute;
    top: 177px;
    left: 240px;
*/
    width:5px;
    height:10px;
    background: white;
    position:relative;
    -webkit-animation: mymove 1s 1s infinite; 
    animation: mymove 1s 1s infinite;
}
@keyframes mymove {
    0%   {top: 177px;}
    25%  {top: 70px;}
    75%  {top: 0px; }
    100% {top: -6px;}
}
.arrimg1{
     position: absolute;
    top: 180px;
    left: 245px;
    width:5px;
    height:10px;
    background: white;
    position:relative;
    -webkit-animation: aaamymove 5s infinite; 
    animation: mymove 1s infinite;
    animation: mymove 1s 1s infinite;
    transform: rotate(20deg);

}
@keyframes aamymove {
    0%   {top: 180px;}
    25%  {top: 70px;}
    75%  {top: 0px}
    100% {top: -6px;}
}
/*
@keyframes mymove {
    0%   {top: 0px; left:0px;}
    25%  {top: 200px; left:200px;}
    75%  {top: 50px; left:50px;}
    100% {top: 100px; left:100px;}
}
*/



.txt{
     font-family: sans-serif;
     text-align: center;
     font-size: small;
     padding:3px;
     cursor:default;
}


#foreground {
    margin-top:10px;
    position: absolute;
    width: 800px;
    height: 630px;
    z-index: 101;
    /* background: #666; */
    background-image: url(../images/back2b.png);
    background-repeat: no-repeat;
/*
    background-size: 440px 440px;
    background-position: 158px 45px;
*/
}

/*

.slider_cont {
	margin-left: 16px;
    background-color: #cacaca;
    border-radius: 3px;
    height: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,0.6) inset;
    position: relative;
    display: inline-block;
    width: 760px;
    z-index: 2;
    top: 521px;
}

#slider_cir {
	width: 8px;
    height: 8px;
    background-color: #e9e9e9;
    box-shadow: 0 0 2px rgba(0,0,0,0.6);
    border-radius: 14px;
    top: -3px;
    left: 0px;
    position: relative;
    cursor: pointer;
    border: 1px solid #000000;
}
 
#timer_txt{
    position: absolute;
    top: 542px;
    left: 316px;
    font-family: sans-serif;
    color: #ffffff;
    font-size: 18px;
}

#amount{
    position: absolute;
    top: 538px;
    left: 429px;
    background-color: #666666;
}
#slider_cir:hover{background-color:#C0C0C0};
#slider_cir:active{background-color:gray};

*/