@font-face {

    font-family: 'caviar_dreamsbold';

    src: url('../fonts/caviardreams_bold-webfont.woff2') format('woff2'),

         url('../fonts/caviardreams_bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

/*****common*****/

body{margin: 0;}

body,html{font-family: 'caviar_dreamsbold'; color: #000000; font-size: 16px; line-height: 22px;}

a,img{ transition: 0.5s; -webkit-transition:0.5s; }

img{ max-width: 100%; width: auto; }



.title1{ margin: 0; text-transform: uppercase; font-size: 28px; line-height: 30px; color: #1e1e1e;

 font-family: 'caviar_dreamsbold'; padding:10px 0 40px;}

.title1 span{ display: inline-block; color: #8a8470;  }

/**********/

.form-sec .title1 span{ display: inline-block; text-transform: uppercase; } 

html, body,.body-wrapper{height: 100%;}

.body-wrapper{ background: url(../img/main-bg.jpg) no-repeat center; min-height: 650px; background-size: cover; }





.login-sec{ text-align: center; max-width: 600px; margin: 0 auto; padding-top: 100px; position: relative; }

.logo-sec{ position: relative; /*left: 50%; top:0; transform: translate(-50%,0);  -webkit-transform: translate(-50%,0);*/

width: 100%; display: inline-block;  z-index: 123;/* padding: 3px; border: 1px dashed #fff; border-radius: 50%;*/

background: url(../img/logo-bg.png) no-repeat 0 0; background-size: 100%;}

.logo{ display: inline-block; margin:20px 20px  12px 20px;

   /* background: rgba(255,255,255,0.5);

    padding: 30px;

    border-radius: 50%;*/ }



.login-sec .form-sec{ padding: 2px; border: 1px dashed rgba(255,255,255,.43); border-top: none;

 padding-top: 0; border-radius:0 0 8px 8px; position: relative; z-index: 1; }

.login-sec .form-sec:after{

/*  position: absolute; content: ""; width: 225px; height: 78px; background: url(../img/half-circle.png) no-repeat 0 0;

  left: 50%; top: -75px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);*/

}

.form-sec >div{ background: rgba(255,255,255,.43); padding: 0 55px 30px 55px; border-radius:0 0 8px  8px; }



.form-group{ margin: 0; }

.form-group input{ margin-bottom: 18px; padding: 10px 22px; color: #555555; border: 1px solid #555555; border-radius: 30px;

background: rgba(255,255,255,.7); width: 100%; height: auto; }

.form-group input.user{background:rgba(255,255,255,.7) url(../img/user-ico.png) no-repeat 96% center;}

.form-group input.pass{background:rgba(255,255,255,.7) url(../img/pass-ico.png) no-repeat 96% center; font-family: initial;}

.form-group input:focus{ border: 1px solid #dccc98; outline: none; box-shadow: none; }

.form-group input[type="submit"]{display: inline-block;

                                  width: auto;

                                  background: #dccc98;

                                  color: #000;

                                  text-transform: uppercase;

                                  font-size: 16px;

                                  line-height: 18px;

                                  text-shadow: 1px 1px 1px #777;

                                  box-shadow: -1px 1px 3px 1px #797979;

                                  border: 1px solid #131313;

                                  padding: 10px 45px;

                                  transition: 0.5s;

                                  -webkit-transition: 0.5s;}





.form-group input[type="submit"]:hover,

.form-group input[type="submit"]:focus{background: #1d1d1d;

                                        border: 1px solid #dccc98;

                                        color: #fff; }



.form-sec span{ display: block; text-transform: capitalize; font-weight: bold;  }

.alert-error{
    color: #0c0404;
    background-color: #e25e58;
    border-color: #e25e58;
}


@media (max-width: 767px){

  .login-sec{ max-width: 90%; }

  .title1{ font-size: 25px; padding-bottom: 25px; }



.form-sec >div{ padding: 20px 20px 20px 20px;

    }

    .logo{ height: 138px; margin-bottom: 0;}



}



@media (max-width: 479px){

      .logo{ height: 92px; }

        .logo img{ max-width: 60%; }

.form-sec >div{ padding: 0px 20px 20px 20px;

  }

.form-group input[type="submit"]{ font-size: 16px; line-height: 16px; padding: 13px 34px; }

.title1 {

    font-size: 20px;

    padding-bottom: 22px;

}

.login-sec .form-sec{ padding: 1px ; border: none; padding-top: 0; margin-top: -4px; }

}