body{
  background: #ccc;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
body a,form li,input[type="submit"],input[type="text"],.sixth-login input[type="submit"],.third-login input[type="submit"]{
                transition: 0.1s all;
                -webkit-transition: 0.1s all;
                -moz-transition: 0.1s all;
                -o-transition: 0.1s all;
}
h2 {
          font-family: 'Roboto Condensed', sans-serif;
          text-align: center;
          color: #fff;
          font-size: 1.5em;
          font-weight: 300;
          background: #cc0000;
          padding: 15px;
          border-bottom: none;
          margin-bottom: 0px;
}
        .avtar img {
          height: 17px;
          width: 100%;
        }

.form-info {
          margin: 2em 2em 0 2em;
}
.registration {
          background: #000;
          width: 27%;
          margin: 2% auto 0;
          padding-bottom: 1%;
}
input.text {
          outline: none;
          background: none;
          color: #fff;
          width: 94%;
          padding: 10px 10px;
          border: 1px solid#fff;
          font-size: 1em;
          font-weight: 100;
          margin-bottom: 1em;
}
input.text:hover {
  background: #fff;
  color: #3E4E95;
                transition: 1s all;
                -webkit-transition: 1s all;
                -moz-transition: 1s all;
                -o-transition: 1s all;
}
textarea {
outline: none;
  background: none;
  color: #fff;
  width: 94%;
  padding: 10px 10px;
  border: 1px solid#fff;
  font-size: 1.1em;
  font-weight: 100;
  resize: none;
  height: 120px;
  font-family: 'Roboto Condensed', sans-serif;
}
textarea:hover {
          background: #fff;
          color: #3E4E95;
                transition: 1s all;
                -webkit-transition: 1s all;
                -moz-transition: 1s all;
                -o-transition: 1s all;
}
input[type="submit"] {
          outline: none;
          background: none;
          border: 1px solid#fff;
          color: #fff;
          width: 99%;
          margin: 1em 0 .5em 0;
          padding: 12px;
          font-size: 15px;
          font-weight: 400;
          cursor: pointer;
}
input[type="submit"]:hover {
                background: #cc0000;
                color:#fff;
                transition: 1s all;
                -webkit-transition: 1s all;
                -moz-transition: 1s all;
                -o-transition: 1s all;
}
.g-recaptcha{ width: 100%;margin: 1em 0 .5em .8em;}
.succMsg{ color:#009755 ; font-size: 15px;font-weight: bold;padding-top: 15px;}
.errMsg{ color:#fb4314 ; font-size: 15px;font-weight: bold;padding-top: 15px;}
@media (max-width:1440px){
        .registration {
          width: 31%;
        }
}
@media (max-width:1366px){

}
@media (max-width:1280px){
        .registration {
          width: 33%;
        }

}
@media (max-width:1024px){
        .registration {
          width: 41%;
            margin: 1% auto 0;
        }

        .registration {
          margin: 2% auto 0;
        }
}
@media (max-width:768px){
        .registration {
          width: 50%;
        }

        input[type="submit"] {
          width: 100%;
        }
        .registration {
          margin: 3% auto 0;
        }

}

@media (max-width:640px){
        .registration {
          width: 82%;
            margin: 3% auto 0;
        }

}
@media (max-width:480px){
        .registration {
          width: 85%;
        }

}

@media (max-width:320px){

        .registration {
          width: 92%;
            margin: 4% auto 0;
        }
        textarea {
          width: 94%;
          padding: 7px 6px;
          height: 100px;
          font-size: .97em;
        }
        .form-info {
          margin: 1em 1em 0 1em;
        }

        input.text {
         padding: 10px 6px;
     font-size: .9em;
        }
        input[type="submit"] {
          width: 99%;
          padding: 8px;
          font-size: 14px;
        }

        .avtar img {
          height: 7px;
          width: 100%;
          float: left;
          margin-bottom: 20px;
        }
}