*{box-sizing:border-box;}
body{margin:0; padding:0; font-family: 'Roboto', sans-serif; flex-wrap: wrap;}

body{margin:0; padding:0;font-family: 'Roboto', sans-serif; background:#000;}
body:before{content:""; width: 100%; height: 100%; position: fixed; z-index: 1; opacity:0.45; background:url('/images/pres/bg3.jpg'); background-size:cover; background-position: left center;}
body.m4b_open{}
/*
.topper{background:#323232; width: 100%; position: relative; z-index: 10; display: flex; height:44px; padding:0 10px; line-height: 44px; color:#fff;}
.bg{position: fixed;left: 0;opacity:0.2; top: 0;width: 100%;height: 100%;z-index: 1; background: url(/images/bgLogin.jpg) center; background-size: cover;}
*/

#login .form{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1; display: flex;}
#login form{display: block; margin:auto; padding:10px; border-radius: 5px; }
#login form label{display: block; display: flex; background:rgba(255,255,255,0.75); border-radius:5px;  overflow:hidden; width:300px; position: relative; margin:10px 0;}
#login form label i.fas,form label i.far{position: absolute; left:5px; width:20px; text-align: center; line-height:40px; opacity:0.6; }
#login form label input{width: 100%; outline:none; font-size:16px; padding:0px 0px 0px 30px; border:none;  background:none; height:40px;}
#login form label button{width:50px; height:40px; font-size: 24px; outline: none; cursor: pointer; background:#fff; border:none;}
#login form label button i.fal{line-height: 40px; }



    #page{ display: block; position: absolute; left:0; top:0;  padding:0; width:100%; height:100%; }
  aside{position: absolute; z-index: 10;  left:0; top:0; width:360px; min-height:100%; padding:0px;  background:rgba(255,255,255,0.85);}
  h1{margin-top:0; background:#ffc549; font-weight:900; font-size: 28px; display: block; padding:30px; text-align: center; background:}

  aside ul{display: flex; flex-direction: column; padding:10px 30px; list-style: none; margin:0;}
  aside ul li{padding:15px 0; display: flex; align-items: center; font-size:18px; border-bottom:1px #ddd solid;}
  .fa-check, .fa-phone {color:darkgreen; margin-right:20px;}
  .fa-viber {
    color: #59267c;
   
  }
  .fa-telegram {
    color: #0099e5;
    
  }
  .socials i {
font-size: 36px;
padding: 0 10px;
  }
  .socials {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  aside button{background:#ffc549; cursor: pointer; border:none; height:40px; width:80%; margin:10px 10%; font-size: 20px;}
  .phone{padding:30px;display: block; font-size:24px; text-align: center;}
  .phone a{color:#000;  text-decoration:none; }
  .phone a small{font-size:18px;}

  .phone a .fa-viber {margin-left: 5px;color: #7360f2;}
  .phone a .fa-whatsapp {margin-left: 5px;color: #20B038;}
  .phone a .fa-telegram {margin-left: 5px;color: #0099e5;}
  i.fa-whatsapp-square{color:#20B038}


  #blacker{position: fixed; z-index:100; display: flex; overflow-y:auto; transition:0.5s;  background:rgba(0,0,0,0.8);left:-100%; bottom:-100%;  padding:0; width:100%; height:100%; }
  #blacker.open, #blacker.open2{left:0; bottom:0; }
  #closer{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
  #blacker .window{width:80%; padding:30px;  z-index:20; max-width:900px;  background:#fff; margin:auto;}
  #blacker .window h2{margin-top:0; }
  #blacker .window table{border-collapse: collapse; width:100%;}
  #blacker .window table tr:first-child td{font-size: 20px; color:#000; font-weight: bold;}
  #blacker .window table tr td:first-child{text-align: left; width:auto; font-size: 18px;}
  #blacker .window table tr td{padding:10px; width:200px; font-size:28px; text-align: center;  border:1px #ddd solid;}
  .fa-check-circle{color:#418b00}
  .fa-times-circle{color:#8b1000}

  #blacker .window.w1{display: none;}
  #blacker.open .window.w1{display: block;}

  #blacker .window.w2{display: none;}
  #blacker.open2 .window.w2{display: block;}

  #blacker .window.w2 table tr td{font-size:18px}
  #blacker .window.w2 table tr td small{color:rgb(94, 94, 94); display: inline-block; padding-left:10px; font-size:12px;}


  
@keyframes pulse {
  0% {
    transform: scale(1.5);
    border: 1px solid #ffc549;
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    border: 2px solid #ffc549;
  }
}


.pulseButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background-size: contain;
  border: none;
  position: fixed;
  right: 20px;
  top: 20px;
  cursor: pointer;
  padding: 0;
  background: #ffc549;
  border-radius: 50%;
  font-weight: 600;
  text-decoration: none;
  color: #000;
  text-shadow:0 0 3px rgba(0,0,0,0.2);
  z-index:200;
}

.pulseButton__puls {
  animation-name: pulse;
  opacity: 1;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: 1s;
  animation-direction: reverse;
  animation-play-state: running;
  animation-iteration-count: infinite;
  position: absolute;
  top: 0;
  left: 0;
}

.landing-phone i {
    color: #000;
}

.landing-phone a {
  font-size: 20px;
    color: #147da6;
    text-decoration: none;
    padding: 0 5px;
}