*{
	margin:0px;
	padding:0px;
}

body{
	
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size: cover;
}
.login-bg{
	width:800px;
	height:500px;
	background-color:#fff;
	margin:0 auto;
	margin-top:75px;
}
.logo{
	margin-top:50px;
}
.log-bg{
	
	width:350px;
	height:350px;
	float:right;
	margin-top:35%;
	margin-right:12%;
	border-radius:15px;
}

.txt{
	width:300px;
	text-align:center;
	border-radius:35px;
	margin-top:30px;
	background-color:rgba(136, 126, 126, 0.04) !important;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:16px;
	letter-spacing:1px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.log-in{
	/*margin-top:25px;*/
	font-family:calibri;
	color:#9B9B9B;
}

.txt:focus {
    color: #495057;
    background-color: #fff;
    border-color:#a3c451;
    outline: 0;
    box-shadow: none;
}
.txt:hover{
	background-color:#fff !important;
}
::placeholder{
	color:#ccc !important;
}

.btn1{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:16px;
	border:none;
	width:80px;
	height:30px;
	border-radius:35px;
	cursor:pointer;
	outline:none;
	background:#f18334;
	color:#fff;
}

hr {
    margin-top: 2rem !important;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/*h4{
  font-size: 40px;
  transition-duration: 1s;
  transition-timing-function: ease-in-     put;
  font-weight: 200;
}*/

 .bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(3000px, 0, 0);
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  }
  100% {
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(3000px, 0, 0);
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  }
  100% {
  -webkit-transform: none;
  transform: none;
  }
  } 

.flipInY {
 
  backface-visibility: visible !important;
  animation-name: flipInY;
  animation-duration:3s;
  animation-fill-mode: both;
  animation-play-state:running;
  }
  @-webkit-keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  }
  @keyframes flipInY {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
 
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 
  transition-timing-function: ease-in;
  }
  60% {
 
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
 
  transform: perspective(400px);
  }
  } 
  
  
  
  
  
  /*responsive start 768 x 1024*/
  
 @media(min-width: 600px) and (max-width: 768px){
	  .login-bg {
        margin-top: 263px;
		width:100%
}
	  
span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0px !important;
}

span.select2-selection.select2-selection--single {
    width: 100% !important;
}	
.select2-container--default .select2-selection--single .select2-selection__arrow {
   right: 10px !important;
}  
span.select2-selection.select2-selection--single {
    width: 100% !important;
}

	
  }
	  
	  
	  
	  
	  
 /*responsive start*/