/*---------------------------------------------------------------------------------------- GLOBAL */

 HTML,*{margin:0;padding:0}
 HTML{background-color:#fdfdfd}
 HTML,#BxBOD{
  background-size:cover !IMPORTANT;
  -o-background-size:cover !IMPORTANT;
  -moz-background-size:cover !IMPORTANT;
  -webkit-background-size:cover !IMPORTANT;
 }
 BODY{font:16Px 'Calibri','Nirmala UI Semilight',Arial !IMPORTANT;cursor:default}
 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:default}
 ::-moz-selection{background-color:#cdcdcd;colorX:#ffffff}
 ::selection{background-color:#cdcdcd;     colorX:#ffffff}
 ::placeholder{color:#bebebe;opacity:0.7}
 *:focus{outline:none !IMPORTANT}
 .SanR{font-size:22Px}
 P{margin:7Px 0}
 a{text-decoration:none;color:#0000cc;cursor:pointer}
 a:hover,a:visited{color:#ff5722} a.Geo{color:#007700 !IMPORTANT}
 INPUT,INPUT::-moz-focus-inner,a,a:hover,a:visited{border:0;outline:none !IMPORTANT}
 HR{height:1Px;border:solid 1Px #999;border-width:1Px 0 0 0;margin:5Px 0;clear:both}
 H1,H2,H3,BR{clear:both;color:#000000}
 H2,H3,BR{color:#666666}
 H1{font-size:34Px;font-family:'Calibri','Nirmala UI Semilight',Arial}
 H2{font-size:24Px}
 H3{font-size:18Px}
 #BxBOD{position:absolute;width:100%;height:100%;overflow:hidden;padding:40Px;z-index:1000}
 #BxSVG{margin:8Px 34Px 0 0;float:left}
 INPUT{font-size:16Px;border:1Px solid #bdbdbd;padding:4Px;margin:5Px 0;border-width:0}
 INPUT[TYPE="text"],INPUT[TYPE="password"]
  {width:220Px;border:1Px solid #bebebe !IMPORTANT;background-color:#fdfdfd}
 INPUT[TYPE="reset"],INPUT[TYPE="submit"],INPUT[TYPE="button"]
  {border-width:0;cursor:pointer;outline:none !IMPORTANT}
 LABEL,INPUT{cursor:pointer}
 INPUT[TYPE="reset"],INPUT[TYPE="submit"],INPUT[TYPE="button"]
  {padding:8Px;min-width:50Px;border-radius:6Px;margin-right:15Px}
 INPUT[TYPE="button"]{background-color:#cfd8dc}INPUT[TYPE="button"]:hover{background-color:#b0bec5}
 INPUT[TYPE="submit"]{background-color:#cfd8dc}INPUT[TYPE="submit"]:hover{background-color:#b0bec5}
 INPUT[TYPE="reset"] {background-color:#cfd8dc}INPUT[TYPE="reset"]:hover {background-color:#b0bec5}
 #LoSVG{width:56Px;height:56Px}
 #LOGIN{position:relative;top:120Px;clear:both}
 #FootR{position:absolute;bottom:0;left:30Px;padding:10Px 0;z-index:1000}
 #FootR IMG{height:20Px;margin:0 0 3Px 10Px;vertical-align:bottom}
 #FootS{
  position:absolute;bottom:0;left:0;min-width:100%;text-align:center;padding:20Px;
  background-color:rgba(255,255,255,0.5)}
 #FootS C {white-space:nowrap}
 #ErrMG {
  color:#cc0000;font-size:14Px;border-width:0 !IMPORTANT;padding:1Px;
  cursor:default;background-color:TRANSPARENT}
 @Media ONLY Screen and (min-device-width:320Px) and (max-width:720Px){
  #FootR{bottom:50Px}
  #BxSVG{margin:8Px 28Px 0 0;float:left}
  /*
  H1{font-size:28Px}
  #LoSVG{width:45Px;height:45Px}
  */
  }

/*--------------------------- Pure Css/HTM Zoom BACKGROUND SLiDER - CODEPEN.io/vavik96/pen/EVJONr */

 #BoxS{position:absolute;width:100%;height:100%;background-color:#cccccc;}
 #Slid{z-index:1;width:100%;height:100%;overflow:hidden;position:absolute}
 FIGURE {
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  position:absolute;
  animation:slideShow 24s linear infinite 0s;
  -o-animation:slideShow 24s linear infinite 0s;
  -moz-animation:slideShow 24s linear infinite 0s;
  -webkit-animation:slideShow 24s linear infinite 0s;
 }
 .BkP1{opacity:1}
 .BkP2{
   animation-delay:6s;
  -o-animation-delay:6s;
  -moz--animation-delay:6s;
  -webkit-animation-delay:6s;
 }
 .BkP3{
   animation-delay:12s;
  -o-animation-delay:12s;
  -moz--animation-delay:12s;
  -webkit-animation-delay:12s;
 }
 .BkP4{
   animation-delay:18s;
  -o-animation-delay:18s;
  -moz--animation-delay:18s;
  -webkit-animation-delay:18s;
 }
 .BkP1,.BkP2,.BkP3,.BkP4{
   background-size:cover !IMPORTANT;
  -o-background-size:cover !IMPORTANT;
  -moz-background-size:cover !IMPORTANT;
  -webkit-background-size:cover !IMPORTANT;
 }
 @KEYFRAMES slideShow{
  0%  {opacity:0;transform:scale(1);-ms-transform:scale(1)}
  5%  {opacity:1}
  25% {opacity:1}
  30% {opacity:0;transform:scale(1.1);-ms-transform:scale(1.1)}
  100%{opacity:0;transform:scale(1  );-ms-transformm:scale(1 )}
 }
 @-O-KEYFRAMES slideShow{
  0%  {opacity:0;-o-transform:scale(1)}
  5%  {opacity:1}
  25% {opacity:1}
  30% {opacity:0;-o-transform:scale(1.1)}
  100%{opacity:0;-o-transformm:scale(1 )}
 }
 @-MOZ-KEYFRAMES slideShow{
  0%  {opacity:0;-moz-transform:scale(1)}
  5%  {opacity:1}
  25% {opacity:1}
  30% {opacity:0;-moz-transform:scale(1.1)}
  100%{opacity:0;-moz-transformm:scale(1 )}
 }
 @-WEBKIT-KEYFRAMES slideShow{
  0%  {opacity:0;-webkit-transform:scale(1)}
  5%  {opacity:1}
  25% {opacity:1}
  30% {opacity:0;-webkit-transform:scale(1.1)}
  100%{opacity:0;-webkit-transformm:scale(1 )}
 }

/*---------------------------------------------------------------------------------------- LOADER */
 #loadC{
  width:60Px;
  height:60Px;
  margin:240Px auto;
  position:relative;
 }
 #loadC div{
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:50%;
  position:absolute;
  background-color:#a1887f;
  opacity:0.5;
  animation:bounce 2.0s infinite ease-in-out;
  -webkit-animation:bounce 2.0s infinite ease-in-out;
 }
 #loadC div:nth-child(1){-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
 @-WEBKIT-KEYFRAMES bounce{
  0%  {-webkit-transform:scale(0.1)}
  50% {-webkit-transform:scale(1.0)}
  100%{-webkit-transform:scale(0.1)}
 }
 @KEYFRAMES bounce{
  0%  {transform:scale(0.1)}
  50% {transform:scale(1.0)}
  100%{transform:scale(0.1)}
 }

/*------------------------------------------------------------------------------------------------*/