/* Modal base styles */
.modal-is-active {
  overflow: hidden;
}

.modal {
  visibility: hidden;
}
.modal--active {
  visibility: visible;
}
.modal__window {
  background: #f5f5f5;
  height: auto;
  left: 50%;
  max-height: 100%;
  max-width: 80%;
  min-height: 300px;
  opacity: 0;
  overflow-y: auto;
  position: fixed;
  top: 60%;
 text-align: center;
  width: 100%;
  z-index: 1001;
  border-radius:20px; padding:30px 30px 0px 30px;background: rgba(250,182,174,1);
background: -moz-linear-gradient(top, rgba(250,182,174,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,250,246,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,182,174,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,250,246,1)));
background: -webkit-linear-gradient(top, rgba(250,182,174,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,250,246,1) 100%);
background: -o-linear-gradient(top, rgba(250,182,174,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,250,246,1) 100%);
background: -ms-linear-gradient(top, rgba(250,182,174,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(255,250,246,1) 100%);float:left; width:80%;
}
.modal--active .modal__window {
  opacity: 1;
}
.modal__header {
  background: none;
  color: #fff;
  padding:20px;
}

.modal__close-btn {
background:#fff9f3;
border-radius:50px;
border:1px solid #fde1cc;
  height:25px;
  position: absolute;
  right:20px;
  top:20px;
  width:25px;
}
.modal__close-icon {
  fill: #000;
  height:10px;
  width: 10px;
}
.modal__overlay {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  width: 100%;
  visibility: hidden;
  z-index: 1000;
}
.modal--active .modal__overlay {
  opacity: .75;
  visibility: visible;
}

/* Modal transitions */
.modal--scale-up .modal__window {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(.75);
  -moz-transform: translateX(-50%) translateY(-50%) scale(.75);
  -ms-transform: translateX(-50%) translateY(-50%) scale(.75);
  -o-transform: translateX(-50%) translateY(-50%) scale(.75);
  transform: translateX(-50%) translateY(-50%) scale(.75);
}
.modal--scale-up.modal--active .modal__window {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  -o-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
}

.modal__title {font-size:25px; color:#000; font-family:'OpenSansRegular'; text-align:center; background-color:transparent;}

.modal__content  input{float: left;
width: 100%;
padding:18px 20px;
color: #a4a4a4;
background-image:url(images/lock.png);
background-repeat:no-repeat;
background-position:right 25px center;
background-color:#fff;
border-radius:25px;
border:1px solid #a4a4a4;
font-size: 13px;
font-family: 'OpenSansRegular';
font-weight: 400;
margin-bottom: 10px;
}
.modal__content  input[type="name"]{
	background-image: url(../images/man.png);
	background-repeat:no-repeat; background-position:right 25px center;}
.modal__content input[type="email"]{
	background-image:url(../images/mes.png);
	background-repeat:no-repeat; background-position:right 25px center;}
.modal__content  input[type="phone"]{
	background-image:url(../images/pho.png);
	background-repeat:no-repeat; background-position:right 25px center;}
.modal__content  input[type="pass"]{
	background-image:url(../images/lock.png);
	background-repeat:no-repeat; background-position:right 25px center;}
.modal__content  input[type="pswd"]{
	background-image:url(../images/passwd.png);
	background-repeat:no-repeat; background-position:right 25px center;}
.modal__content input[type="submit"]{font-size: 17.77px;
font-family: 'OpenSansRegular';
font-weight:600;
color: #fff;
background-color:#ff7200;
background-image:none;
border:2px solid #a4a4a4;;
border-radius: 25px;
cursor: pointer;
padding: 12px 0;
text-transform: uppercase;
float: none;
margin: 0 auto;
display: block;
overflow: hidden;
width:167px;}
.modal__content .pop p{font-size:16px; font-family:'OpenSansRegular'; color: #a4a4a4; line-height:50px; text-align:center;}
.modal__content .pop p a{ text-decoration: underline; color:#ff7200;}


@media(max-width:1240px){
.modal__window{width:100%}	
}
@media(max-width:991px){
	   .modal__window{ padding:10px 10px 0px 10px;}
	
}