* { margin: 0; padding: 0; }
p.zcolor200 {
    text-align: center!important;
}

  /*Trigger Button*/
  
  h4.zcolor20 {
    text-align: center!important;
}
  
  
#login .login-trigger {
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom right, #B05574, #F87E7B);
  padding: 15px 30px;
  border-radius: 30px;
  position: relative; 
  top: 50%;
}

/*Modal*/

h4.zcolor20 {
    color: #fff!important;
    font-size: 30px!important;
}
#login input[type="text"] {
    display: block;
    height: 46px;
    margin-bottom: 15px;
    width: 100%;
    font-size: 14px;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
    color: #fff;
   /* background: #fff;*/
    -webkit-appearance: none;
    border-radius: 0;
}
#login textarea
{
 display: block;
  
    margin-bottom: 15px;
	height:80px;
    width: 100%;
    font-size: 14px;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
    color: #fff;
   /* background: #fff;*/
   background:none;
    -webkit-appearance: none;
    border-radius: 0;
} 

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {
    border: 1px solid #fff;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    outline: none;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 13px;
    padding: 12px 15px;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    display: inline-block;
}



#login h4 {
  font-weight: bold;
  color: #fff;
}
#login .close {
  color: #fff;
  transform: scale(1.2);
  float: right;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  /* opacity: .2; */
}
#login .modal-content {
  font-weight: bold;
  background: linear-gradient(to bottom right,#1b517e,#296ea7);
  margin-top: 170px;
}
#login .form-control {
  margin: 1em 0;
}
#login .form-control:hover, .form-control:focus {
  box-shadow: none;  
  border-color: #fff;
}
#login .username, .password, textarea {
    /* border: none; */
    border-radius: 0;
    box-shadow: none;
    border-bottom: 2px solid #eee;
    padding-left: 11px;
    padding-top: 10px;
    font-weight: normal;
    background: transparent;
	color:#fff;
}
#login .form-control::-webkit-input-placeholder {
  color: #fff!important;  
}
#login .form-control::-webkit-textarea-placeholder {
 color: #fff!important;    
}
#login .form-control:focus::-webkit-input-placeholder {
  font-weight: bold;
 color: #fff!important;  
}

#login .form-control:focus::-webkit-textarea-placeholder  {
  font-weight: bold;
 color: #fff!important;  
}



#login .form-control::-webkit-input-placeholder {
    color:#fff;
}

#login .form-control::-moz-placeholder {
    color:#fff;
}

#login .form-control::-ms-placeholder {
     color:#fff;
}

#login .form-control::placeholder {
     color:#fff;
}



#login .form-control::-webkit-input-placeholder {
    color:#fff;
}

#login .form-control::-moz-placeholder {
    color:#fff;
}

#login .form-control::-ms-placeholder {
     color:#fff;
}

#login .form-control::placeholder {
     color:#fff;
}












#login .login {
    padding: 9px 42px;
    border-radius: 10px;
    background: none;
    /* border: 1px solid #333; */
    border: none;
    background: #252525;
    border:none;
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    transition: all .5s;
    margin-top: 10px;
    margin: 0 auto;
    display: block;
}
#login .login:hover {
  background: #333;
  color: #fff;
}

/*modal popup*/

.close {
	float:right;
	font-size:21px;
	font-weight:700;
	line-height:1;
	color:#000;
	text-shadow:0 1px 0 #fff;
	filter:alpha(opacity=20);
	opacity:.2
}
.close:focus, .close:hover {
	color:#000;
	text-decoration:none;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:.5
}
button.close {
	-webkit-appearance:none;
	padding:0;
	cursor:pointer;
	background:0 0;
	border:0
}
.modal-open {
	overflow:hidden
}
.modal {
	position:fixed;
	background: rgba(0, 0, 0, 0.7);
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:999999;
	display:none;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
	outline:0
}
.modal.fade .modal-dialog {
-webkit-transition:-webkit-transform .3s ease-out;
-o-transition:-o-transform .3s ease-out;
transition:transform .3s ease-out;
	-webkit-transform:translate(0, -25%);
	-ms-transform:translate(0, -25%);
	-o-transform:translate(0, -25%);
	transform:translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0)
}
.modal-open .modal {
	overflow-x:hidden;
	overflow-y:auto
}
.modal-dialog {
	position:relative;
	width:auto;
	margin:10px
}
.modal-content {
	position:relative;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #999;
	border:1px solid rgba(0, 0, 0, .2);
	border-radius:6px;
	outline:0;
	-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);
	box-shadow:0 3px 9px rgba(0, 0, 0, .5)
}
.modal-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000
}
.modal-backdrop.fade {
	filter:alpha(opacity=0);
	opacity:0
}
.modal-backdrop.in {
	filter:alpha(opacity=50);
	opacity:.5
}
.modal-header {
	min-height:16.43px;
	padding:15px;
	border-bottom:1px solid #e5e5e5
}
.modal-header .close {
	margin-top:-2px
}
.modal-title {
	margin:0;
	line-height:1.42857143
}
.modal-body {
	position:relative;
	padding:15px
}


.modal-scrollbar-measure {
	position:absolute;
	top:-9999px;
	width:50px;
	height:50px;
	overflow:scroll
}
@media (min-width:768px) {
.modal-dialog {
width:600px;
margin:30px auto
}
.modal-content {
-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);
box-shadow:0 5px 15px rgba(0, 0, 0, .5)
}
.modal-sm {
width:300px
}
}
@media (min-width:992px) {
.modal-lg {
width:900px
}
}














/*modal poup*/