/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #login_content {
                                  width: 560px;
                                padding: 10px 20px 5px 40px;
                             background: url(../images/tooplate_content_body_2.png)
                                         repeat-y;
   }
/*-- ==================================-=================================== --*/
#login_form {
                                padding: 0;
                                  width: 550px;
   }
/*-- ==================================-=================================== --*/
#login_form form {
                                 margin: 0px;
                                padding: 0px;
   }
/*-- ==================================-=================================== --*/
#login_form form .input_field {
                                  color: #BFF;
                                padding: 5px;
                                 border: 1px solid #E0E0E0;
                             background: #000;
                            font-family: Tahoma,
                                         Geneva, 
                                         sans-serif;
                              font-size: 12px;
                             margin-top: 5px;
   }
/*-- ==================================-=================================== --*/
#login_form form label {
                                display: block;
                                  width: 120px;
                           margin-right: 10px;
                              font-size: 12px;
   }
/*-- ==================================-=================================== --*/
#login_form form .submit_btn {
                                 margin: 10px 0px;
                                padding: 5px 14px;
                       background-color: #555;
                                  color: #c0c0c0;
                                 border: 1px solid #B0B0B0;
                          border-radius: 5px;
   }
/*-- ==================================-=================================== --*/
#login_form form .submit_btn:hover {
                       background-color: #777;
                                  color: #E0E0E0;
                                 border: 1px solid #F0B0B0;
   }
/*-- ==================================-=================================== --*/
#login_form h4 {
                                  width: 100%;
                                  color: #E0E0E0;
                       background-color: #826641;
                                 border: 1px solid #000;
                          border-radius: 7px;
                                padding: 5px;
                            text-shadow: 1px 1px #333;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   .mailchute {
                               position: absolute;
                                  width: 100%;
                                    top: 150px;
                                   left: 310px; 
                                 border: 3px solid #FFF;
   }
/*-- ==================================-=================================== --*/
   .letter_f {
                                 height: 100px;
                                  width: 200px;
                                 margin: 70px;
                       background-image: url('../images/envelope.png');
                              animation: f_slider 5s infinite;
              animation-timing-function: linear(0, 0.5, 1);
                                  float: left;
   }

/*-- ==================================-=================================== --*/
   .letter_b {
                                 height: 100px;
                                  width: 200px;
                                 margin: 70px;
                       background-image: url('../images/envelope.png');
                              animation: b_slider 5s infinite;
              animation-timing-function: linear(0, 0.5, 1);
                                  float: left;
   }

/*-- ==================================-=================================== --*/
   @keyframes f_slider {
       0% {
                              transform: translateX(-850px)
                                         rotate(0deg);
                                opacity: 0;
          }
      25% {
                              transform: translateX(350px)
                                         rotate(360deg);
                                opacity: 1;
          }
      50% {
                              transform: translateX(1450px)
                                         rotate(0deg);
                                opacity: 0;
          }
      75% {
                              transform: translateX(350px)
                                         rotate(360deg);
                                opacity: 1;
          }
     100% {
                              transform: translateX(-850px)
                                         rotate(0deg);
                                opacity: 0;
          }
   }
/*-- ==================================-=================================== --*/
   @keyframes b_slider {
       0% {
                              transform: translateX(1450px)
                                         rotate(0deg);
                                opacity: 0;
          }
      25% {
                              transform: translateX(350px)
                                         rotate(360deg);
                                opacity: 1;
          }
      50% {
                              transform: translateX(-850px)
                                         rotate(0deg);
                                opacity: 0;
          }
      75% {
                              transform: translateX(350px)
                                         rotate(360deg);
                                opacity: 1;
          }
     100% {
                              transform: translateX(1450px)
                                         rotate(0deg);
                                opacity: 0;
          }
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/