@font-face{font-family:FontAwesome;src:url('fontawesome.woff');}
        *{padding:0;margin:0;position:relative;font-family:'Times New Roman', Georgia,FontAwesome, Serif;font-size:12px;color:#000;border-collapse:collapse;box-sizing: border-box;}
        html, body ,#main_form{width:100%;height:100%;background-color:#000;}
        body,#main_form{display:table;}
        
        button{cursor:pointer;}
        hr{margin:2px;}
        
        .bg_sky1,.bg_stars1,.bg_stars2,.bg_stars3 {margin:0;padding:0;}
        .bg_sky1{background:#000;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;}
        .bg_sky{opacity:0.2;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background: radial-gradient(600px at center, #27B 0%, #27B 40%, #15a 50%, #014 100%);}
        .bg_twinkling{opacity:0.75;position:absolute;display:block;z-index:1;left:0;top:0;width:100%;height:100%;animation:bg_twink_anim1 300s linear infinite;background:radial-gradient(35px at center, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgba(0,0,0,0) 100%) 0px 0px,radial-gradient(50px at center, rgb(0,0,0) 0%, rgb(0,0,0) 50%, rgba(0,0,0,0) 100%) 50px -10px,radial-gradient(20px at center, rgb(0,0,0) 0%, rgb(0,0,0) 50%,  rgba(0,0,0,0) 100%) -70px 40px;background-size: 100px 100px;}
        .bg_stars1,.bg_stars2,.bg_stars3 {animation: bg_stars_anim1 150s linear infinite;opacity:1.0;position:absolute;display:block;z-index:0;left:-50%;top:-50%;width:200%;height:200%;background:transparent url(stars.png) repeat top center;}
        .bg_stars2 {animation: bg_stars_anim2 250s linear infinite;opacity:0.9;}
        .bg_stars3 {animation: bg_stars_anim3 350s linear infinite;opacity:0.8;}
        @keyframes bg_twink_anim1 {from {background-position:0 0,50px -10px,-70px 40px;} to {background-position:-10000px 5000px,-9050px 4090px,-10070px 5040px;}}
        @keyframes bg_stars_anim1 {0% {transform:scale(1.5,1.5) rotate(540deg);}100% {transform:scale(1.5,1.5) rotate(180deg);}}
        @keyframes bg_stars_anim2 {0% {transform:scale(1.0,1.0) rotate(450deg);}100% {transform:scale(1.0,1.0) rotate(90deg);}}
        @keyframes bg_stars_anim3 {0% {transform:scale(0.6,0.6) rotate(360deg);}100% {transform:scale(0.6,0.6) rotate(0deg);}}
         
        .planet_position{top:0;left:0;display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
        .planet 
        { display:inline-block;transform:scale(0.6,0.6);
          transition: box-shadow 0.3s ease-in, transform 0.5s ease-in;transition-delay: 0s, 0.3s;
          z-index:1;margin:0 100px 0 250px;
          /* width:555px;height:555px; */
          width:655px;height:655px;background-size:cover;
          box-shadow: 0 0 35px 1px rgba(40,130,180,0.7), inset 0 0 10px 1px rgba(40,130,180,0.7);
          border-radius:50%;
          background-repeat: no-repeat, no-repeat;
          background-position: 0px 0px, 0px 0px;
         background-image: radial-gradient(ellipse at center, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 65%,rgba(40,130,180,0.2) 69%, rgba(0,0,0,0) 70%),url(planet.jpg);
        }
        .planet:hover, .planet_on
        {transform:scale(1,1);transition: box-shadow 0.3s ease-out, transform 0.5s ease-out;transition-delay: 0s, 0.3s;
        box-shadow: 0 0 100px 1px rgba(0,255,255,0.7), inset 0 0 15px 1px rgba(0,255,255,0.7);
        background-image: radial-gradient(ellipse at center, rgba(0,255,255,0.0) 0%, rgba(0,0,0,0.0) 65%,rgba(40,130,180,0.2) 69%, rgba(0,0,0,0) 70%),url(planet.jpg);
        }
       #heraldics{transition:all 0.5s;width:100%;height:100%;z-index:3;opacity:0.0;}
       #heraldics>div{transition:all 0.3s;position:absolute;opacity:0.8;height:75px;}
       #heraldics>div:hover{opacity:1;animation: heraldics_anim1 0.6s linear;}
       @keyframes heraldics_anim1 {0%{transform: scale(1.0,1.0);}33%{transform: scale(1.1,1.1);}66%{transform: scale(0.9,0.9);}100%{transform: scale(1.0,1.0);}}
       #brest_obl{background:url(brest_obl.png);left:160px;top:375px;width:57px;}
       #gomel_obl{background:url(gomel_obl.png);left:417px;top:393px;width:73px;}
       #grodno_obl{background:url(grodno_obl.png);left:117px;top:253px;width:81px;}
       #minsk_obl{background:url(minsk_obl.png);left:282px;top:236px;width:75px;}
       #mogilev_obl{background:url(mogilev_obl.png);left:464px;top:228px;width:87px;}
       #vitebsk_obl{background:url(vitebsk_obl.png);left:352px;top:76px;width:84px;}
       .planet:hover #heraldics,.planet_on #heraldics,.planet_big:hover #heraldics{transition-delay: 1.2s;opacity:1;} 
         input:-webkit-autofill,
          input:-webkit-autofill:hover, 
          input:-webkit-autofill:focus
          input:-webkit-autofill, 
          textarea:-webkit-autofill,
          textarea:-webkit-autofill:hover
          textarea:-webkit-autofill:focus,
          select:-webkit-autofill,
          select:-webkit-autofill:hover,
          select:-webkit-autofill:focus {transition: background-color 5000s ease-in-out 0s !important;}
        #div_moon
        {transition: all 0.5s;
          position:absolute;display:inline-block;width:250px;height:250px;top:-20px;vertical-align:top;left:-300px;
          border-radius:50%;background:rgba(222,222,222,0.5) url(moon_ds50d.png) -3px -2px;
          box-shadow:inset 0 0 25px 1px rgba(0,0,0,0.5), 0 0 25px 1px rgba(0,0,55,0.7);transition-delay: 0.5s;
         }
        #div_moon:hover{transition-delay: 0s;box-shadow:inset 0 0 25px 1px rgba(150,255,255,0.5), 0 0 25px 1px rgba(0,255,255,0.7);}
        .div_moon_off{transition-delay: 0.5s;transform: translate(30px,20px) scale(0.7,0.7);opacity:0.5;}
        #div_moon input[type="text"],#div_moon input[type="password"]
          {outline: none;transition: all 0.5s;
            z-index:3;position:absolute;top:80px;left:0px;
            width:245px;
            font-weight:bold;font-size:28px;color:#024;text-align:center;
            background:rgba(0,0,0,0) !important;
            border:none;
            text-shadow:0 0 4px #fff,1px 1px 5px #000;
            text-decoration:underline;
          }
        #div_moon input[type="password"]{left:22px;width:206px;top:137px;border-radius: 50% 50% 50% 50%; text-decoration:none;}
        #div_moon input:focus,#div_moon input:hover{color:#036;text-decoration:underline;}
        #div_moon .bt_moon_submit{transition: all 0.5s;outline: none;z-index:2;
        width:68px;height:63px;top:170px;left:145px;position:absolute;opacity:0.5;background:rgba(0,255,255,0.2);
        border:1px solid rgba(0,255,255,0.5);
        box-shadow:0 0 15px 2px rgba(0,255,255,1.0),inset 0 0 5px 1px rgba(0,255,255,1.0);
        border-radius: 165px 45px 165px 55px / 165px 45px 165px 55px;
        font-size:26px;color:rgba(0,0,0,0.4);text-shadow:0 0 4px rgba(255,255,255,0.5),1px 1px 4px rgba(0,0,0,0.5); text-align:center;
        background: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='68px' height='63px' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 94 87' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><style type='text/css'><![CDATA[.str0 {stroke:#6666CC;stroke-width:0.8}.fil0 {fill:url(#id0)}]]></style><radialGradient id='id0' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-1.05 0.87 -0.56 -0.68 120 32)' cx='46.9' cy='43.4' r='39.0' fx='46.9' fy='43.4'><stop offset='0' style='stop-opacity:1; stop-color:white'/><stop offset='0.5' style='stop-opacity:1; stop-color:#00ACAC'/><stop offset='0.8' style='stop-opacity:1; stop-color:#326496'/><stop offset='1' style='stop-opacity:1; stop-color:#00ACAC'/></radialGradient></defs><g><path class='fil0 str0' d='M69 70c22,-19 31,-46 19,-61 -12,-14 -40,-11 -63,8 -23,19 -31,46 -19,60 12,15 40,11 63,-7z'/></g></svg>")  no-repeat 0px -1px;
        }
        #div_moon .bt_moon_submit:hover{opacity:1;font-size:28px;color:rgba(0,50,150,1);text-shadow:0 0 4px rgba(255,255,255,1),1px 1px 4px rgba(0,0,0,1);}
          #div_moon input::-webkit-input-placeholder {text-decoration:underline;color:#222;text-shadow:0 0 4px #fff,1px 1px 5px #000;}
          #div_moon input::-moz-placeholder         {text-decoration:underline;color:#222;text-shadow:0 0 4px #fff,1px 1px 5px #000;}/* Firefox 19+ */
          #div_moon input:-moz-placeholder          {text-decoration:underline;color:#222;text-shadow:0 0 4px #fff,1px 1px 5px #000;}/* Firefox 18- */
          #div_moon input:-ms-input-placeholder      {text-decoration:underline;color:#222;text-shadow:0 0 4px #fff,1px 1px 5px #000;}
       
        .div_moon_off input{opacity:0.0 !important;}
        #div_moon input{opacity:0.5;}
        #div_moon:hover input{opacity:0.8;}
        .div_moon_off button{opacity:0.0 !important;}
        #div_moon>.span_red{outline: none;opacity:0.5;z-index:3;display:inline-block;background:rgba(255,0,0,0.5);position:absolute;
        border-radius: 100% 100% 0% 0%;border-radius: 100px 100px 100px 100px / 50px 50px 20px 20px;border:1px solid rgba(255,177,177,0.2);
        width:150px;height:55px;top:1px;left:50px;font-size:15px;line-height:16px;color:#fff;padding:10px;
        text-shadow:1px 1px 4px #000;box-shadow:inset 1px 2px 10px rgba(0,0,0,0.5),0 1px 20px 1px rgba(255,0,0,0.7);
        transition: all 0.5s;animation: moon_error_anim1 1s linear infinite;
        }
        #div_moon:hover>.span_red{opacity:0.7;}
        #div_moon .span_red:hover{opacity:1;}
        @keyframes moon_error_anim1 {0% {box-shadow:inset 1px 2px 10px 1px rgba(0,0,0,0.5),0 1px 20px 1px rgba(255,0,0,0.2);}33% {box-shadow:inset 1px 2px 10px 1px rgba(0,0,0,0.5),0 1px 40px 2px rgba(255,0,0,0.9);}67% {box-shadow:inset 1px 2px 10px 1px rgba(0,0,0,0.5),0 1px 40px 2px rgba(255,0,0,0.9);}100% {box-shadow:inset 1px 2px 10px 1px rgba(0,0,0,0.5),0 1px 20px 1px rgba(255,0,0,0.2);}}

        #div_moon>.span_green{outline: none;opacity:0.5;z-index:3;display:inline-block;background:rgba(0,255,0,0.5);position:absolute;
        border-radius: 100% 100% 0% 0%;border-radius: 100px 100px 100px 100px / 50px 50px 20px 20px;border:1px solid rgba(177,255,177,0.2);
        width:150px;height:55px;top:1px;left:50px;font-size:22px;line-height:40px;color:#fff;padding:10px;
        text-shadow:1px 1px 4px #000;box-shadow:inset 1px 2px 10px rgba(0,0,0,0.5),0 1px 20px 1px rgba(0,255,0,0.7);
        transition: all 0.5s;animation: moon_green_anim1 1s linear infinite;
        }
        #div_moon:hover>.span_green{opacity:0.7;}
        #div_moon .span_green:hover{opacity:1;}
        @keyframes moon_green_anim1 {0% {box-shadow:inset 1px 2px 10px 1px rgba(0,0,0,0.5),0 1px 20px 1px rgba(0,255,0,0.2);}33% {box-shadow:inset 1px 2px 10px 1px rgba(0,0,0,0.5),0 1px 40px 2px rgba(0,255,0,0.9);}67% {box-shadow:inset 1px 2px 10px 1px rgba(0,0,0,0.5),0 1px 40px 2px rgba(0,255,0,0.9);}100% {box-shadow:inset 1px 2px 10px 1px rgba(0,0,0,0.5),0 1px 20px 1px rgba(0,255,0,0.2);}}
       
        .rb_map{z-index:1;
        position:absolute;width:571px;height:481px;
        top:81px;left:44px;opacity:1.0;transform: scale(0.093,0.093);transition: transform 0.5s ease-in, opacity 0.5s ease-out;
        background-image:url(rb_map.png);
        }   
        .planet:hover #rb_map,.planet_on #rb_map, #rb_map{transition-delay: 0.5s;transform: translate(23px,-28px) scale(1,1);opacity:1;} 
        .planet_big{transition-delay: 0.5s;transform: translate(23px,0px) scale(1,1);opacity:1;}
        
        .planet_big:hover{transition-delay: 0.5s;transform: translate(23px,0px) scale(1,1);opacity:1;}   
        .planet_big #rb_map{transform: scale(0.093,0.093);}   
        .planet_big:hover #rb_map,.planet_on #rb_map{transition-delay: 0.5s;transform: translate(26px,-32px) scale(1.177,1.177);opacity:1;}
        
        /*---------------------------------------------------------------*/
                     #warped {z-index:0;transform:scale(1.51,1.51);position: absolute; display: block; left:-15px; top:-15px;}
                     
          .planet_position:hover #warped span,.planet_on #warped span{opacity:0.9;}

                     #warped>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
                     transform-origin:50% 100%; }

                     #warped span{opacity:0.0;transition: opacity 0.5s linear;font-family:Georgia, 'Times New Roman', Times, serif;font-size:32px;font-weight:bold;font-style:normal;
                     line-height:0.65; white-space:pre; overflow:visible; padding:0px;color:rgba(255,255,0,1);
                     text-shadow: -1px -1px 5px rgba(0,0,0,1), 0px 0px 5px rgba(255,255,255,1), 2px 2px 5px rgba(0,0,0,1), 2px 2px 5px rgba(0,0,0,1);
                     }

                     #warped .w0 { transform: rotate(4.47rad); width: 26px; height: 20px; left:
                     -6.59px; top: 258.34px;}

                     #warped .w1 { transform: rotate(4.57rad); width: 19px; height: 20px; left:
                     -7.46px; top: 235.26px;}

                     #warped .w2 { transform: rotate(4.67rad); width: 24px; height: 20px; left:
                     -11.87px; top: 212.85px;}

                     #warped .w3 { transform: rotate(4.77rad); width: 17px; height: 20px; left:
                     -8.09px; top: 191.36px;}

                     #warped .w4 { transform: rotate(4.85rad); width: 18px; height: 20px; left:
                     -6.71px; top: 172.96px;}

                     #warped .w5 { transform: rotate(4.95rad); width: 23px; height: 20px; left:
                     -5.14px; top: 151.86px;}

                     #warped .w6 { transform: rotate(5.04rad); width: 16px; height: 20px; left:
                     4.1px; top: 132.19px;}

                     #warped .w7 { transform: rotate(5.12rad); width: 19px; height: 20px; left:
                     9.3px; top: 114.95px;}

                     #warped .w8 { transform: rotate(5.21rad); width: 20px; height: 20px; left:
                     17.85px; top: 96.56px;}

                     #warped .w9 { transform: rotate(5.3rad); width: 17px; height: 20px; left:
                     29.47px; top: 79.9px;}

                     #warped .w10 { transform: rotate(5.38rad); width: 19px; height: 20px;
                     left: 39.69px; top: 64.58px;}

                     #warped .w11 { transform: rotate(5.47rad); width: 19px; height: 20px;
                     left: 52.85px; top: 49.52px;}

                     #warped .w12 { transform: rotate(5.55rad); width: 17px; height: 20px;
                     left: 67.54px; top: 36.36px;}

                     #warped .w13 { transform: rotate(5.62rad); width: 12px; height: 20px;
                     left: 82px; top: 26.51px;}

                     #warped .w14 { transform: rotate(5.7rad); width: 19px; height: 20px; left:
                     91.95px; top: 16.95px;}

                     #warped .w15 { transform: rotate(5.78rad); width: 17px; height: 20px;
                     left: 109.25px; top: 7.2px;}

                     #warped .w16 { transform: rotate(5.87rad); width: 20px; height: 20px;
                     left: 125.27px; top: -1.34px;}

                     #warped .w17 { transform: rotate(5.95rad); width: 15px; height: 20px;
                     left: 145.02px; top: -8.01px;}

                     #warped .w18 { transform: rotate(6.03rad); width: 18px; height: 20px;
                     left: 160.29px; top: -13px;}

                     #warped .w19 { transform: rotate(6.11rad); width: 17px; height: 20px;
                     left: 178.88px; top: -16.84px;}

                     #warped .w20 { transform: rotate(6.19rad); width: 17px; height: 20px;
                     left: 196.73px; top: -19.14px;}

                     #warped .w21 { transform: rotate(6.27rad); width: 16px; height: 20px;
                     left: 214.71px; top: -19.99px;}

                     #warped .w22 { transform: rotate(6.35rad); width: 18px; height: 20px;
                     left: 231.69px; top: -19.46px;}

                     #warped .w23 { transform: rotate(6.41rad); width: 8px; height: 20px; left:
                     250.62px; top: -18.05px;}

                     #warped .w24 { transform: rotate(6.47rad); width: 15px; height: 20px;
                     left: 259.46px; top: -16.06px;}

                     #warped .w25 { transform: rotate(6.55rad); width: 20px; height: 20px;
                     left: 274.97px; top: -11.86px;}

                     #warped .w26 { transform: rotate(6.63rad); width: 15px; height: 20px;
                     left: 295.08px; top: -6.2px;}

                     #warped .w27 { transform: rotate(6.7rad); width: 15px; height: 20px; left:
                     309.89px; top: -0.16px;}

                     #warped .w28 { transform: rotate(6.77rad); width: 15px; height: 20px;
                     left: 324.23px; top: 6.92px;}

                     #warped .w29 { transform: rotate(6.86rad); width: 23px; height: 20px;
                     left: 337.4px; top: 17.18px;}

                     #warped .w30 { transform: rotate(6.95rad); width: 16px; height: 20px;
                     left: 357.47px; top: 29.23px;}

                     #warped .w31 { transform: rotate(7.01rad); width: 8px; height: 20px; left:
                     371.38px; top: 37.64px;}

                     #warped .w32 { transform: rotate(7.09rad); width: 26px; height: 20px;
                     left: 375.28px; top: 50.19px;}

                     #warped .w33 { transform: rotate(7.21rad); width: 26px; height: 20px;
                     left: 392.64px; top: 70.85px;}

                     #warped .w34 { transform: rotate(7.32rad); width: 21px; height: 20px;
                     left: 408.64px; top: 91.28px;}

                     #warped .w35 { transform: rotate(7.39rad); width: 8px; height: 20px; left:
                     422.51px; top: 104.91px;}

                     #warped .w36 { transform: rotate(7.44rad); width: 13px; height: 20px;
                     left: 424.86px; top: 115.34px;}

                     #warped .w37 { transform: rotate(7.54rad); width: 30px; height: 20px;
                     left: 424.28px; top: 136.39px;}

                     #warped .w38 { transform: rotate(7.65rad); width: 16px; height: 20px;
                     left: 437.37px; top: 159.59px;}

                     #warped .w39 { transform: rotate(7.75rad); width: 28px; height: 20px;
                     left: 434.85px; top: 182.32px;}

                     #warped .w40 { transform: rotate(7.85rad); width: 15px; height: 20px;
                     left: 442.49px; top: 204.78px;}

                     #warped .w41 { transform: rotate(7.93rad); width: 19px; height: 20px;
                     left: 439.79px; top: 222.76px;}

                     #warped .w42 { transform: rotate(8.01rad); width: 16px; height: 20px;
                     left: 439.08px; top: 241.12px;}

                     #warped .w43 { transform: rotate(8.09rad); width: 17px; height: 20px;
                     left: 435.1px; top: 258.27px;}

                     #warped .w44 { transform: rotate(8.16rad); width: 13px; height: 20px;
                     left: 432.76px; top: 273.66px;}
        /*---------------------------------------------------------------*/
        
/* -------\loader/-------*/
.loader {cursor:pointer;position:fixed;dispaly:none;top:0;z-index:9999999;background:rgba(0,0,0,0.7);width:100%;height:100%;}
.loader h1{z-index:2;width: 120px;
  height: 120px;left:50%;margin-left:-60px;top:42%;position:absolute;
  text-align:center;padding-top:55px;
  font-family:arial;font-size:10px;color:rgba(255,255,255,0.9);
  text-shadow:2px 2px 4px rgba(0,0,0,0.9);
  }
.loader div {
  z-index:1;
  margin:0 auto;top:42%;
  border-radius: 50%;
  border: 12px solid rgba(0,255,155,0.8);
  border-top: 12px solid rgba(255,255,255,0.8);
  border-bottom: 12px solid rgba(255,255,255,0.8);
  box-shadow:0 0 20px 1px rgba(0,250,155,0.8), inset 0 0 20px 1px rgba(0,250,155,0.8);
  width: 120px;
  height: 120px;
  animation: loader_anim 2s linear infinite;
}
@keyframes loader_anim {
  0% {opacity:1; transform: rotate(0deg);}
  50% {opacity:1;  
  border: 30px solid rgba(0,0,0,0.8);
  border-top: 30px solid rgba(0,155,055,0.8);
  border-bottom: 30px solid rgba(0,155,055,0.8);
  box-shadow:0 0 20px 1px rgba(255,255,255,0.8), inset 0 0 20px 1px rgba(255,255,255,0.8);
  }
  100% {opacity:1; transform: rotate(360deg); }
}
/* -------/loader\-------*/
        
        
        .page_bg{z-index:1;width:100%;height:100%;display:table-cell;padding:0 10px 0 10px;vertical-align: middle;text-align:center;}
        .page
        {z-index:3;
          transition: border 0.5s;background-color:rgba(255,255,255,0.9);display:inline-block;
          border:2px solid rgba(0,127,0,0.7);border-radius:5px;min-width:980px;
          box-shadow: 2px 2px 50px 2px rgba(0,0,0,0.8),inset 0px 0px 30px 0px rgba(0,0,0,0.5);
          animation: page_anim1 1.1s linear forwards;
        }
        @keyframes page_anim1
        {
          0% {transform: scale(0,0);opacity:0;}
          50% {transform: scale(0.6,0.6);}
          85% {transform: scale(1.05,1.05);}
          100% {transform: scale(1,1);opacity:1;}
        } 
        @keyframes start_anim1
        {
          0% {transform: scale(0,0);}
          50% {transform: scale(0.6,0.6);}
          85% {transform: scale(1.05,1.05);}
          100% {transform: scale(1,1);}
        } 
        .top-bar
        {
          border-radius:4px 4px 0 0;width:100%;height:50px;box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5), 0px 5px 20px 1px rgba(0,0,0,0.5);
          background:linear-gradient(0deg, #260 0%, #370 25%, #590 50%, #6b0 75%, #8c0 100%);
          z-index:2;
        }
        .top-bar>h1{top:5px;font-family:Georgia, 'Times New Roman', Times, serif;font-size:32px;font-weight:bold;font-style:normal;color:rgba(255,255,255,1);text-shadow: -1px -1px 4px rgba(0,0,0,0.8);}
        .top-bar>h1:hover{text-decoration:underline;}
        .top-menu
        {
          width:100%;box-shadow: inset 0px 0px 50px 25px rgba(0,0,0,0.5);
          background:radial-gradient(circle at center, #CF0 0%, #590 70%,  #CF0 100%);
          border-bottom:2px solid #A1D800;
          z-index:2;
          padding:10px;
        }
        .foot{border-radius:0 0 4px 4px;width:100%;height:50px;box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.5);background:linear-gradient(0deg, #260 0%, #370 25%, #590 50%, #6b0 75%, #8c0 100%);
          border-top:2px solid #A1D800;
        }
        .planet_sky_poz1{left:-690px;}
        .planet_sky_poz2{left:10px;}       
        .main-table{border:2px solid #042; margin: 5px auto 5px;box-shadow:1px 1px 10px 1px rgba(0,0,0,0.5); }
        .main-table th, .main-table td{border:1px solid #0a7;}
        .main-table th{background:#afa;box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.5);line-height:0.9;font-size:14px;padding:3px 7px 3px 7px;text-shadow:0 0 3px #fff,1px 1px 4px #fff, 2px 2px 4px rgba(0,0,0,0.5);}
        .main-table tr:first-of-type th{background:#cd9;font-size:18px;text-shadow:0 0 3px #fff,1px 1px 4px #fff, 2px 2px 4px rgba(0,0,0,0.5);}
        .main-table tr:nth-of-type(odd) {background:rgba(255,255,255,0.3);}
        .main-table tr:nth-of-type(even){background:rgba(200,255,200,0.3);}
        .main-table tr:hover{background:rgba(0,255,255,0.2);}
        .main-table tr:last-of-type td{background:#bbb;font-size:10px;border-top:2px solid #042;text-align:left;padding:1px 5px 1px 5px;}
        .machines2{position:fixed;left:0;opacity:0.1;bottom:0;width:100%;height:32px;animation: machines2_anim1 36s linear infinite;background:url(machines_m.png);background-position:0px 0px;}
        @keyframes machines2_anim1 
        {
          0% {background-position:0px 0px;}
          100% {background-position:615px 0px;}
        } 
        #div_main_table{z-index:1;}
        .user_name_bar{z-index:4;display:inline-block;margin:5px 0px 2px 0px;right:0;text-align:right;width:980px;}
        .user_name_bar h2{margin-right:10px;transition: opacity 0.3s;opacity:0.5;display:inline-block;white-space:nowrap;text-decoration:none;font-family:Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:normal;font-style:normal;color:rgba(255,255,255,1);text-shadow: 0 0 4px #000, 1px 1px 5px #000;}
        .user_name_bar h2:hover{color:#ff0;opacity:1;border-bottom:1px solid #ff0;}
        .user_name_bar .logout{z-index:4;cursor:pointer;font-family:FontAwesome;}
        .user_name_bar .logout:hover{border:none;opacity:1;box-shadow:0 0 10px 5px rgba(255,0,0,1);border-radius:50%;}
        .copyright{opacity:0.3; animation: start_anim1 1.1s linear forwards;animation-delay: 0.5s;z-index:2;transition: opacity 0.3s;display:inline-block;margin:5px;text-decoration:none;font-family:Georgia, 'Times New Roman', Times, serif;font-size:12px;font-weight:normal;font-style:normal;color:rgba(255,255,255,1);text-shadow: -1px -1px 4px rgba(0,0,0,0.8);}
        .copyright:hover{opacity:1;text-decoration:underline;}
        .checkbox_main[type=checkbox]{top:2px;}
        .checkbox_main[type=checkbox]+ label div{display:none;white-space:nowrap;}
        .checkbox_main[type=checkbox]:checked + label div{display:block;}
        .checkbox_main[type=checkbox]+ label div input{min-width:40px;max-width:100px;font-size:10px;font-family:arial;}
        XXX.checkbox_main[type=checkbox]+ label div button{font-weight:bold;font-size:10px;padding:0;}
        .checkbox_main[type=checkbox]+ label div select,.checkbox_main[type=checkbox]+ label div option{min-width:40px;max-width:100px;font-size:10px;font-family:arial;}
        #province_id,#province_id>option, #region_id,#region_id>option,.select_up,.select_up>option,.select_down,.select_down>option{font-size:15px;font-family:arial;}
        #province_id, #region_id,.select_up,.select_down{width:165px;font-weight:bold;text-align-last:center;box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.3), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #fff;margin-bottom:1px;text-shadow:0px 0px 3px #fff, 1px 1px 4px #777;}
        #province_id,.select_up{border-radius:6px 6px 0 0;}
        #region_id,.select_down{border-radius:0 0 6px 6px;}
        .select_up,.select_down{width:190px;}
        #div_poput_menu4admin {display:inline-block;border:1px solid #073;padding:2px;background:#042;}
        #div_poput_menu4admin>h1{margin:0 5px 0 5px;font-size:14px;color:#fff;text-shadow:0px 0px 4px #000, 2px 2px 4px #000;}
        
        .group{display:inline-block;vertical-align:top;margin-right:2px;}
        .group>div{display:table-cell;}
        .group>div>label{text-align:left;display:inline-block;width:100%;height:21px;background:#fff;padding:0 2px 0 3px;border-radius:6px 6px 0px 0px;box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.3), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #fff;}
        .group>div>label>input[type=checkbox]{top:3px;margin-left:1px;margin-right:1px;}
        .group>div>label>span{top:1px;font-size:15px;font-family:arial;font-weight:bold;text-shadow:0px 0px 3px #fff, 1px 1px 4px #777;color:#444;}
        .group>div>select,select[name="menu4admin"]{font-size:15px;font-family:arial;width:100%;max-width:175px;font-weight:normal;border-radius:0px 0px 6px 6px;box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.3), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #fff;margin-top:1px;text-shadow:0px 0px 3px #fff, 1px 1px 4px #777;}
        select[name="menu4admin"]>option{font-size:12px;font-family:arial;}
        select[name="menu4admin"]{font-size:12px;margin:0;border-radius:4px 0px 0px 4px;width:165px;}
        
        #div_menu4admin{transition: all 0.5s;width:190px;white-space:nowrap;position:absolute;left:3px;top:-4px;z-index:2;border:1px solid #fff;background:#073;padding:2px;border-radius:4px 4px 4px 4px;box-shadow:4px 4px 22px 2px rgba(0,0,0,0.9);}
        /*#div_menu4admin{transition: all 0.5s;width:190px;white-space:nowrap;position:fixed;left:1px;top:6.5%;z-index:5;border:1px solid #fff;background:#073;padding:2px;border-radius:4px 4px 4px 4px;box-shadow:4px 4px 22px 2px rgba(0,0,0,0.9);}*/
        #div_menu4admin:hover{box-shadow:0px 0px 15px 2px rgba(0,0,0,0.9),2px 2px 10px 4px rgba(255,0,0,1);}
        .group>div>select>option{font-family:arial;}
        .group>div>label>input[type=checkbox]:checked + span{color:#b00;}
        .group_title{line-height:1.5;margin-right:1px;display:inline-block;text-align:right;vertical-align:top;color:#ddd;text-shadow:0px 0px 3px #000,2px 1px 4px #000;}
        .group_menu_bg>.group:nth-of-type(2)>div>select{max-width:116px;}
        .group_menu_bg>.group:nth-of-type(3)>div>select{max-width:100px;}
        .group_menu_bg>.group:nth-of-type(4)>div>select{max-width:200px;}
        .group_menu_bg>.group:nth-of-type(5)>div>select{max-width:120px;}
        
        #farm_id_list_bg{z-index:10;display:none;position:absolute;top:100%;left:-50%;padding:4px;border:1px solid #2a7;text-align:left;background-color: #eee;max-height:450px;min-width:250px;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.5);white-space:nowrap;overflow-y: scroll;}
        #farm_id_list>label{display:inline-block;background-color: #fff;width:250px;overflow:hidden;white-space:nowrap;padding:0 1px 0 1px;margin:0;border-radius:5px;}
        #farm_id_list>label>input[type=checkbox]{top:2px;}
        #farm_id_list>label:hover{background-color: #acf;}
        .some_select,#select_farm_id_list,#select_farm_id_list>option{z-index:3;font-size:16px;width:195px;font-weight:bold;box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.3), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #fff;text-shadow:0px 0px 3px #fff, 1px 1px 4px #777;}
        .some_select,#select_farm_id_list{border-radius:6px 6px 0 0;}
        .some_list,#farms_list{margin-top:1px;width:195px;background:#ccc;text-shadow:1px 1px #ddd;box-shadow:inset 0 0 8px 0px rgba(0,0,0,0.3), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #fff;padding:3px 2px 2px 2px;font-size:12px;font-family:arial;}
        .some_list,#farms_list{border-radius:0 0 6px 6px;}
      
      /*  
        #sub_group_id_list_bg,#group_id_list_bg{z-index:2;box-shadow:3px 3px 30px 2px rgba(0,0,0,0.8);max-height: 450px;max-width: 380px;min-width: 250px;line-height:1;z-index: 10;position: absolute;top: 50%;left: -90%;padding: 4px;border: 1px solid #2a7;text-align: left;background-color: #eee;box-shadow: 3px 3px 30px 3px rgba(0,0,0,0.9);overflow-y: auto;}
        #group_id_list_bg label {opacity:0.8;width:100%;white-space:nowrap;display:inline-block;border:1px solid #aaa;padding:0px 8px 2px 3px;background:#fff;box-shadow: inset 0 0 10px 0px rgba(0,0,0,0.3);}
        #group_id_list_bg label span{font-size: 15px;font-family: arial;font-weight: bold; text-shadow: 0px 0px 3px #fff, 1px 1px 4px #777;color: #444;}
        #group_id_list_bg label input[type=checkbox]:checked + span{color:#700;}
        #group_id_list_bg label:hover{opacity:1;border:1px solid #4a4;}
        #group_id_list_bg label:hover span,#group_id_list_bg label:hover input[type=checkbox]:checked +span{text-decoration:underline;color:#c00;}
        #group_id_list_bg label input{top:2px;}   
        
        #sub_group_id_list_bg fieldset{background:none;}
        #sub_group_id_list_bg fieldset:hover{background:#fff;}
        #sub_group_id_list_bg fieldset legend {margin-left:15px;}
        #sub_group_id_list_bg fieldset legend span{font-size: 15px;font-family: arial;font-weight: bold; text-shadow: 0px 0px 3px #fff, 1px 1px 4px #777;color: #444;}
        #sub_group_id_list_bg fieldset legend input[type=checkbox]:checked + span{color:#700;}
        #sub_group_id_list_bg fieldset legend:hover{opacity:1;}
        #sub_group_id_list_bg fieldset legend:hover span,#sub_group_id_list_bg fieldset legend:hover input[type=checkbox]:checked +span{text-decoration:underline;color:#c00;}
        #sub_group_id_list_bg fieldset legend input{top:2px;} 
        #sub_group_id_list_bg fieldset label input{top:2px;white-space:nowrap;} 
        #sub_group_id_list_bg fieldset label{padding:0 5px 0 0;}
        #sub_group_id_list_bg fieldset label span{font-weight:bold;white-space:nowrap;}
       */ 
        .instr_btn {display:inline-block; font-family:FontAwesome,arial;font-weight:bold;background:rgba(255,255,255,1);text-shadow:1px 1px #ddd;box-shadow:inset 0 0 8px 0px rgba(0,0,0,0.3), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #fff;border-radius:4px;}
        .instr_btn:hover{color:#900;top:1px;}
        .go_bt {font-family:FontAwesome,arial;font-weight:bold;background:rgba(255,255,255,1);text-shadow:1px 1px #ddd;box-shadow:inset 0 0 8px 0px rgba(0,0,0,0.3), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #fff;border-radius:4px;}
        .go_bt:hover{color:#900;top:1px;}
        .go_bt_m {top:-1px;display:inline-block;padding:0px 1px 1px 1px;font-size:10px;font-family:FontAwesome,arial;font-weight:bold;background:rgba(255,255,255,1);text-shadow:1px 1px #ddd;box-shadow:inset 0 0 8px 0px rgba(0,0,0,0.3), 2px 2px 10px 1px rgba(0,0,0,0.7);border:1px solid #fff;border-radius:2px;}
        .go_bt_m:hover{color:#900;top:0px;box-shadow:inset 0 0 8px 0px rgba(0,0,0,0.3), 1px 1px 10px 1px rgba(0,0,0,0.7);}
        #find_value {display:inline-block;font-family:FontAwesome,arial;height:17px;width:150px;font-size:12px;padding:0 2px 0 2px;background:rgba(255,255,255,1);text-shadow:1px 1px #ddd;box-shadow:inset 0 0 8px 0px rgba(0,0,0,0.3), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #fff;border-radius:4px;}
        
        .bt_pages{margin-right:1px;top:1px;padding:0 2px 0 2px;font-family:FontAwesome,arial;font-weight:bold;background:rgba(255,255,255,1);text-shadow:1px 1px #ddd;box-shadow:inset 0 0 9px 1px rgba(0,0,0,0.5), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #777;border-radius:4px;}
        .bt_pages:hover{color:#900;top:2px;}
        .bt_selected{background:rgba(0,180,0,1);color:#fff;text-shadow:1px 1px #000;}
        .bt_selected:hover{color:#ff0;}
        .tab_province, .tab_region,.tab_user_name{text-align:left;font-weight:bold;}
        .tab_province{background:rgba(127,127,127,0.8)!important;} 
        .tab_province td{padding-left:15px;}
        .tab_region{background:rgba(127,127,127,0.5)!important;} 
        .tab_region td{padding-left:30px;}
        .tab_user_name{background:rgba(127,127,127,0.3)!important;}
        .tab_user_name td{padding-left:45px;}
        input[name="checkboxes4admin[]"]{top:2px;}
        
        #poput_window .authorize h1{color:#733;font-size:22px;text-shadow: 1px 1px 4px rgba(255,255,255,1);}
        #poput_window .authorize h1 span {text-align:center;font-weight:normal;font-family: Geneva, Arial, Helvetica, sans-serif;display:block;transition: all 300ms linear;transform:scale(0,0);color:#ff0;height:0;border:1px solid rgba(55,55,55,0.5);text-shadow: 1px 1px 4px rgba(0,0,0,1);border-radius: 7px;background:rgba(100,30,30,0.7);padding:2px 4px 2px 4px;line-height:10px;}
        #poput_window .authorize hr{margin:2px;}
        #poput_window .authorize h1:hover span{height:auto;transform:scale(1,1);margin-bottom:2px;margin-top:2px;}
        #poput_window .authorize button{transition: all 200ms linear;padding:1px;margin:5px;width:80%;border-radius:5px;border:1px solid #733;box-shadow:1px 1px 10px 1px rgba(0,0,0,0.5), inset 0px 0px 10px 1px rgba(0,0,0,0.5);background:#733;color:#fff;text-shadow:1px 1px 4px #000;}
        #poput_window .authorize button:hover{margin-top:6px;margin-bottom:4px;background:#a00;color:#ff0;text-decoration:underline;}
        #poput_window_tab{z-index:9999999999;position:fixed;display:table;top:0;left:0;width:100%;height:100%;}
        #poput_window_tab_cell{display:table-cell;width:100%;height:100%;vertical-align: middle;text-align:center;}
        #poput_window{z-index:2;display:inline-block;background:rgba(255,255,255,0.7);text-align:center; border:1px solid #777;box-shadow:1px 1px 50px 3px #000, inset 0px 0px 20px 0px rgba(0,0,0,0.5);padding:5px;border-radius:7px;}
        #poput_window:hover{background:rgba(255,255,255,1);box-shadow:0px 0px 7px 2px rgba(0,0,0,1),5px 5px 40px 2px rgba(0,255,125,1), inset 0px 0px 20px 0px rgba(0,0,0,0.5);}
        #poput_window_bg{z-index:1;background:rgba(0,0,0,0.8);cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;} 
        #poput_window_bg:hover{background:rgba(0,0,0,0.7);}
        #div_message{position:fixed;display:none;top:0;left:0;right:0;margin:5px;padding:3px 5px 3px 5px;background:#042;border:2px solid #073;box-shadow:inset 0 0 10px 1px #000,2px 2px 15px 1px #000;z-index:999999999;color:#fff;font-weight:normal;font-size:12px;font-family:arial;text-shadow:0 0 4px #000,2px 2px 4px #000;}
        
        /*---------------------===========\3dring/===========----------------------*/
      #stage {
          
      width: 100%;
      display:inline-block;
      transition: transform 2s, opacity:0.5s;
      transform-style: preserve-3d;
      perspective: 2500px;
      perspective-origin: 50% -1%;
    }
    .perspective_hover {perspective-origin: 50% 65% !important;}
    .perspective_hover #shape{top: 75%;}
    
    #shape {
      position: relative;
      top: 67%;
      position:absolute;
      left:50%;
      margin: 0 auto;
      height: 200px;
      width: 200px;
      transform-style: preserve-3d;
    }
    
    #shape.backfaces .plane { backface-visibility: visible;}
    
    .plane {
    cursor:pointer;
      position: absolute;
      height: 113px;
      width: 225px;
      border:1px solid red;
      border:0;
      box-sizing: border-box;
      transition: transform 2s, opacity 2s;
      backface-visibility: hidden;
      opacity:1;
      background:url(agro_tech1.png) repeat-x 0px 0;
      background-size: 1612px 113px;
      background-size: 806px 57px;
    }

    #shape {animation: spin 24s infinite linear;}
    @keyframes spin {from {transform: rotateY(-360deg);}to{transform: rotateY(0);}}
   
   .plane {animation: spin1 24s infinite linear;}
   @keyframes spin1 {0%{opacity:1.0;}40%{opacity:0.0;}60%{opacity:0.0;}100%{opacity:1.0;}}
   

    .ring > .one {animation-delay:-26s;animation-delay:-24s;
      transform: translateZ(415px);opacity:0.5;
      background-position:0px 0;
    }

    .ring > .two {animation-delay:-4s;animation-delay:-2s;
      transform: rotateY(30deg) translateZ(415px);
      background-position:-225px 0;
    }

    .ring > .three {animation-delay:-6s;animation-delay:-4s;
      transform: rotateY(60deg) translateZ(415px);
      background-position:-450px 0;
    }

    .ring > .four {animation-delay:-8s;animation-delay:-6s;
      transform: rotateY(90deg) translateZ(415px);
      background-position:-675px 0;
    }

    .ring > .five {animation-delay:-10s;animation-delay:-8s;
      transform: rotateY(120deg) translateZ(415px);
      background-position:-900px 0;
    }

    .ring > .six {animation-delay:-12s;animation-delay:-10s;
      transform: rotateY(150deg) translateZ(415px);
      background-position:-1125px 0;
    }

    .ring > .seven {animation-delay:-14s;animation-delay:-12s;
      transform: rotateY(180deg) translateZ(415px);
      background-position:-1350px 0;
    }

    .ring > .eight {animation-delay:-16s;animation-delay:-14s;
      transform: rotateY(210deg) translateZ(415px);
      background-position:-1575px 0;
    }

    .ring > .nine {animation-delay:-18s;animation-delay:-16s;
      transform: rotateY(-120deg) translateZ(415px);
      background-position:-1800px 0;
    }

    .ring > .ten {animation-delay:-20s;animation-delay:-18s;
      transform: rotateY(-90deg) translateZ(415px);
      background-position:-2025px 0;
    }

    .ring > .eleven {animation-delay:-22s;animation-delay:-20s;
      transform: rotateY(300deg) translateZ(415px);
      background-position:-2250px 0;
    }

    .ring > .twelve {animation-delay:-22s;animation-delay:-22s;
      transform: rotateY(330deg) translateZ(415px);
      background-position:-2290px 0;background-size: 756px 57px;
    }

    #goToTopBtn {
      display: none;
      position: fixed;
      bottom: 20px;
      right: 30px;
      z-index: 99;
      font-size: 18px;
      border: none;
      outline: none;
      background: #afa;
      box-shadow: inset 0 0 10px 0px rgba(0,0,0,0.5);
      line-height: 0.9;
      padding: 3px 7px 3px 7px;
      text-shadow: 0 0 3px #fff, 1px 1px 4px #fff, 2px 2px 4px rgba(0,0,0,0.5);
      color: Black;
      cursor: pointer;
      padding: 20px;
      border-radius: 4px;
      }
      
      #goToTopBtn:hover {
      background-color: #555;
      }
    /*---------------------===========/3dring\===========----------------------*/