/*//////////////////////////////////////////////////////////////////
		[ FONT ]*/

		@font-face {
		  font-family: Poppins-Regular;
		  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
		}

		@font-face {
		  font-family: Poppins-Medium;
		  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
		}

		@font-face {
		  font-family: Poppins-Bold;
		  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
		}

		@font-face {
		  font-family: Poppins-SemiBold;
		  src: url('../fonts/poppins/Poppins-SemiBold.ttf'); 
		}

		/*//////////////////////////////////////////////////////////////////
		[ RESTYLE TAG ]*/
		 
		/*---------------------------------------------*/
		.container{
			width:100%;
		  }	
		.box{
			margin: 0 auto;
			padding:0px;
			 width: 60%;
			margin-bottom: 2%;
			 border-radius: 10px;
			}
		.limiter1 {
			width: 100%;
			padding: 30px 55px 55px 35px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;		
			text-align: left;
			border-radius: 10px;
		}

		.limiter2{
			width: 100%;
			padding: 30px 55px 55px 35px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;
			text-align: left;
			border-radius: 10px;
  	}	
			
		a {
			font-family: Poppins-Regular;
			font-size: 1em;
			line-height: 1.7;
			color: #666666;
			margin: 0px;
			transition: all 0.4s;
			-webkit-transition: all 0.4s;
		  -o-transition: all 0.4s;
		  -moz-transition: all 0.4s;
		}

		a:focus {
			outline: none !important;
		}

		a:hover {
		  text-decoration: none;
		  color: #6a7dfe;
		  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
		  color: -o-linear-gradient(left, #21d4fd, #b721ff);
		  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
		  color: linear-gradient(left, #21d4fd, #b721ff);
		}

		/*---------------------------------------------*/
		h1,h2,h3,h4,h5,h6 {
			margin: 0px;
		}

		p {
			font-family: Poppins-Regular;
			font-size: 14px;
			line-height: 1.7;
			color: #666666;
			margin: 0px;
		}

		ul, li {
			margin: 0px;
			list-style-type: none;
		}

      hr{
		  border-width: 1px;
		  border-style: dashed;
		  border-color: #00B26B;	  
	       }
		/*---------------------------------------------*/
		input {
			width: 100%;  
			outline: none;
			border: none;
		}

		textarea {
		  outline: none;
		  border: none;
		}

		textarea:focus, input:focus {
		  border-color: transparent !important;
		}

		input:focus::-webkit-input-placeholder { color:transparent; }
		input:focus:-moz-placeholder { color:transparent; }
		input:focus::-moz-placeholder { color:transparent; }
		input:focus:-ms-input-placeholder { color:transparent; }

		textarea:focus::-webkit-input-placeholder { color:transparent; }
		textarea:focus:-moz-placeholder { color:transparent; }
		textarea:focus::-moz-placeholder { color:transparent; }
		textarea:focus:-ms-input-placeholder { color:transparent; }

		input::-webkit-input-placeholder { color: #adadad;}
		input:-moz-placeholder { color: #adadad;}
		input::-moz-placeholder { color: #adadad;}
		input:-ms-input-placeholder { color: #adadad;}

		textarea::-webkit-input-placeholder { color: #adadad;}
		textarea:-moz-placeholder { color: #adadad;}
		textarea::-moz-placeholder { color: #adadad;}
		textarea:-ms-input-placeholder { color: #adadad;}

		/*---------------------------------------------*/
		button {
			outline: none !important;
			border: none;
			background: transparent;
		}

		button:hover {
			cursor: pointer;
		}

		iframe {
			border: none !important;
		}
		/*//////////////////////////////////////////////////////////////////
		[ Utility ]*/
		.txt1 {
		  font-family: Poppins-Regular;
		  font-size: .9em;
		  color: #666666;
		  line-height: 1.5;
		}

		.txt2 {
		  font-family: Poppins-Regular;
		  font-size: .9em;
		  color: #333333;
		  line-height: 1.5;
		}

		/*//////////////////////////////////////////////////////////////////
		[ login ]*/
		.box-login100 {
		  width: 100%;  
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center;
		  align-items: center;
		  padding: 15px;
		}
		.wrap-login100 {
		  background: #fff;
		  border-radius: 10px;
		  overflow: hidden;
		}
		/*------------------------------------------------------------------
		[ Form ]*/
		.login100-form {
		  width: 100%;
		}

		.login100-form-title {
		  display: block;
		  font-family: Poppins-Bold;
		  font-size: 26px;
		  color: #333333;
		  line-height: 1.2;
		  text-align: center;
		}
		.login100-form-title i {
		  font-size: 60px;
		}

		/*------------------------------------------------------------------
		[ Input ]*/

		.wrap-input100 {
		  width: 100%;
		  position: relative;
		  border: 1px solid #49c475;
		  margin-bottom: 15px;
		}

		.input100 {
		  font-family: Poppins-Regular;
		  font-size: 15px;
		  color: #555555;
		  line-height: 1.2;
		  display: block;
		  width: 100%;
		  height: 46px;
		  background: transparent;
		  padding: 0 5px;
		}

		/*---------------------------------------------*/ 
		.focus-input100 {
		  position: absolute;
		  display: block;
		  width: 100%;
		  height: 100%;
		  top: 0;
		  left: 0;
		  pointer-events: none;
		}

		.focus-input100::before {
		  content: "";
		  display: block;
		  position: absolute;
		  bottom: -2px;
		  left: 0;
		  width: 0;
		  height: 2px;

		  -webkit-transition: all 0.4s;
		  -o-transition: all 0.4s;
		  -moz-transition: all 0.4s;
		  transition: all 0.4s;
		  background: #6a7dfe;
		  background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
		  background: -o-linear-gradient(left, #21d4fd, #b721ff);
		  background: -moz-linear-gradient(left, #21d4fd, #b721ff);
		  background: linear-gradient(left, #21d4fd, #b721ff);
		}

		.focus-input100::after {
		  font-family: Poppins-Regular;
		  font-size: 15px;
		  color: #999999;
		  line-height: 1.2;
		  content: attr(data-placeholder);
		  display: block;
		  width: 100%;
		  position: absolute;
		  top: 16px;
		  left: 0px;
		  padding-left: 5px;
		  -webkit-transition: all 0.4s;
		  -o-transition: all 0.4s;
		  -moz-transition: all 0.4s;
		  transition: all 0.4s;
		}

		.input100:focus + .focus-input100::after {
		  top: -15px;
		}

		.input100:focus + .focus-input100::before {
		  width: 100%;
		}

		.has-val.input100 + .focus-input100::after {
		  top: -15px;
		}

		.has-val.input100 + .focus-input100::before {
		  width: 100%;
		}

		/*---------------------------------------------*/
		.btn-show-pass {
		  font-size: 15px;
		  color: #999999;
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: flex;
		  align-items: center;
		  position: absolute;
		  height: 100%;
		  top: 0;
		  right: 0;
		  padding-right: 5px;
		  cursor: pointer;
		  -webkit-transition: all 0.4s;
		  -o-transition: all 0.4s;
		  -moz-transition: all 0.4s;
		  transition: all 0.4s;
		}

		.btn-show-pass:hover {
		  color: #6a7dfe;
		  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
		  color: -o-linear-gradient(left, #21d4fd, #b721ff);
		  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
		  color: linear-gradient(left, #21d4fd, #b721ff);
		}

		.btn-show-pass.active {
		  color: #6a7dfe;
		  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
		  color: -o-linear-gradient(left, #21d4fd, #b721ff);
		  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
		  color: linear-gradient(left, #21d4fd, #b721ff);
		}

		/*------------------------------------------------------------------
		[ Button ]*/
		.box-login100-form-btn {
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center;
		  padding-top: 13px;
		}

		.wrap-login100-form-btn {
		  width: 100%;
		  display: block;
		  position: relative;
		  z-index: 1;
		  border-radius: 5px;
		  overflow: hidden;
		  margin: 0 auto;
		}

		.login100-form-bgbtn{
		  position: absolute;
		  z-index: -1;
		  width: 300%;
		  height: 100%;
		  background: #58C22E;
		  background: -webkit-linear-gradient(right, #58C22E, #00B26B, #58C22E, #00B26B);
		  background: -o-linear-gradient(right, #58C22E, #00B26B, #58C22E, #00B26B);
		  background: -moz-linear-gradient(right, #58C22E, #00B26B, #58C22E, #00B26B);
		  background: linear-gradient(right, #58C22E, #00B26B, #58C22E, #00B26B);
		  top: 0;
		  left: -100%;
		  -webkit-transition: all 0.4s;
		  -o-transition: all 0.4s;
		  -moz-transition: all 0.4s;
		  transition: all 0.4s;
		}

		.login100-form-btn {
		  font-family: Poppins-Medium;
		  font-size: 15px;
		  color: #fff;
		  line-height: 1.2;
		  text-transform: uppercase;
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  padding: 0 20px;
		  width: 100%;
		  height: 50px;
		}

		.wrap-login100-form-btn:hover .login100-form-bgbtn {
		  left: 0;
		}

		/*------------------------------------------------------------------
		[ Responsive ]*/
		/*------------------------------------------------------------------
		[ Alert validate ]*/
		.validate-input {
		  position: relative;
		}

		.alert-validate::before {
		  content: attr(data-validate);
		  position: absolute;
		  max-width: 70%;
		  background-color: #fff;
		  border: 1px solid #c80000;
		  border-radius: 2px;
		  padding: 4px 25px 4px 10px;
		  top: 50%;
		  -webkit-transform: translateY(-50%);
		  -moz-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  -o-transform: translateY(-50%);
		  transform: translateY(-50%);
		  right: 0px;
		  pointer-events: none;
		  font-family: Poppins-Regular;
		  color: #c80000;
		  font-size: 13px;
		  line-height: 1.4;
		  text-align: left;
		  visibility: hidden;
		  opacity: 0;
		  -webkit-transition: opacity 0.4s;
		  -o-transition: opacity 0.4s;
		  -moz-transition: opacity 0.4s;
		  transition: opacity 0.4s;
		}

		.alert-validate::after {
		  content: "\f06a";
		  font-family: FontAwesome;
		  font-size: 16px;
		  color: #c80000;
		  display: block;
		  position: absolute;
		  background-color: #fff;
		  top: 50%;
		  -webkit-transform: translateY(-50%);
		  -moz-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  -o-transform: translateY(-50%);
		  transform: translateY(-50%);
		  right: 5px;
		}

		.alert-validate:hover:before {
		  visibility: visible;
		  opacity: 1;
		}
		
		@media (max-width: 1200px) {
		.box{
			 width: 80%;
			margin-top: 6%;
			margin-bottom: 2%;
			 border-radius: 10px;
			}				
		  .alert-validate::before {
			visibility: visible;
			opacity: 1;
		  }
		.limiter1{
			width: 100%;
			padding: 30px 25px 25px 35px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;		
			text-align: left;
			border-radius: 10px;
		}

		.limiter2{
			width: 100%;
			padding: 30px 25px 25px 35px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;
			text-align: left;
			border-radius: 10px;
  	}		

	}

		@media (max-width: 992px) {
		.box{
			 width: 80%;
			margin-top: 6%;
			margin-bottom: 2%;
			 border-radius: 10px;
			}				
		  .alert-validate::before {
			visibility: visible;
			opacity: 1;
		  }
		.limiter1{
			width: 100%;
			padding: 10px 25px 25px 35px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;		
			text-align: left;
			border-radius: 10px;
		}

		.limiter2{
			width: 100%;
			padding: 10px 25px 25px 35px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;
			text-align: left;
			border-radius: 10px;
  	}		

	}
		@media (max-width: 767px) {
		.box{
			 width: 60%;
			margin-top: 6%;
			margin-bottom: 2%;
			 border-radius: 10px;
			}				
		  .alert-validate::before {
			visibility: visible;
			opacity: 1;
		  }
		.limiter1{		 
			width: 100%;
			padding: 30px 50px 10px 50px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;		
			text-align: left;
			border-radius: 10px;
		 	
		}

		.limiter2{
			width: 100%;
			padding: 30px 50px 60px 50px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;
			text-align: left;
			border-radius: 10px;
  	}		
	}	
		@media (max-width: 576px) {
		.box{
			 width: 80%;
			margin-top: 6%;
			margin-bottom: 2%;
			 border-radius: 10px;
			}			
		  .alert-validate::before {
			visibility: visible;
			opacity: 1;
		  }
		.limiter1{
			width: 100%;
			padding: 20px 30px 5px 30px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;		
			text-align: left;
			border-radius: 10px;
		}

		.limiter2{
			width: 100%;
			padding: 20px 30px 5px 30px;
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
			font-weight: 600;
			text-decoration: none;
			text-align: left;
			border-radius: 10px;
  	}		
	}