/* CSS Document *
	
@charset "UTF-8";

@font-face {
  font-family: 'Vazir';
  src: url('../fonts/Vazir.eot');
  src: local('../fonts/Vazir'), url('../fonts/Vazir.woff') format('woff'), url('../fonts/Vazir.ttf') format('truetype');
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body, html {
  height: 100%;
  font-family: 'Vazir';
}

/*---------------------------------------------*/
a {
  font-family: 'Vazir';
  font-size: 14px;
  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: #57b846;
}

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

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

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


/*---------------------------------------------*/
input {
  outline: none;
  border: none;
}

textarea {
  outline: none;
  border: none;
}

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

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

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

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

button:hover {
  cursor: pointer;
}

iframe {
  border: none !important;
}




/*//////////////////////////////////////////////////////////////////
[ Contact 1 ]*/

.contact1 {
  width: 100%;
  min-height: 100%;
  padding: 15px;

  background: #009bff;
  background: -webkit-linear-gradient(right, #0072ff, #00c6ff);
  background: -o-linear-gradient(right, #0072ff, #00c6ff);
  background: -moz-linear-gradient(right, #0072ff, #00c6ff);
  background: linear-gradient(right, #0072ff, #00c6ff);

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.container-contact1 {
  width: 1163px;
  background: #fff;
  border-radius: 10px;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;

  padding: 90px 130px 88px 148px;
}

/*------------------------------------------------------------------
[  ]*/
.contact1-pic {
  width: 296px;
}

.contact1-pic img {
  max-width: 100%;
}


/*------------------------------------------------------------------
[  ]*/
.contact1-form {
  width: 390px;
}

.contact1-form-title {
  display: block;
  font-family: 'Vazir';
  font-size: 24px;
  color: #333333;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 44px;
}

input.input1 {
  height: 50px;
  border-radius: 25px;
  padding: 0 30px;
}
input.input_name {
  height: 50px;
  border-radius: 25px;
  padding: 0 30px;
}
input.input1 + .shadow-input1 {
  border-radius: 25px;
}
input.input_name + .shadow-input1 {
  border-radius: 25px;
}
textarea.input1 {
  min-height: 150px;
  border-radius: 25px;
  padding: 12px 30px;
}
textarea.input1 + .shadow-input1 {
  border-radius: 25px;
}

/*---------------------------------------------*/
.wrap-input1 {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-bottom: 20px;
}
.input_name
{
  display: block;
  width: 100%;
  background: #e6e6e6;
  font-family: 'Vazir';
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
}
.input1 {
  display: block;
  width: 100%;
  background: #e6e6e6;
  font-family: 'Vazir';
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
}

.input_name
{
  display: block;
  width: 100%;
  background: #e6e6e6;
  font-family: 'Vazir';
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
}
.shadow-input1 {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 0px;
  color: rgba(87,184,70, 0.5);
}

.input1:focus + .shadow-input1 {
  -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
  animation: anim-shadow 0.5s ease-in-out forwards;
}

@-webkit-keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 80px 30px;
    opacity: 0;
  }
}

@keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 80px 30px;
    opacity: 0;
  }
}

/*---------------------------------------------*/
.container-contact1-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.contact1-form-btn {
  min-width: 193px;
  height: 50px;
  border-radius: 25px;
  background: #57b846;
  font-family: 'Vazir';
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.contact1-form-btn i {
  margin-right: 7px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.contact1-form-btn:hover {
  background: #333333;
}

.contact1-form-btn:hover i {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}

.varizy_type{
  display: block;
  width: 100%;
  background: #e6e6e6;
  font-family: 'Vazir';
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
  height: 25px;
}

.body2{
    background:linear-gradient(to bottom,#CD16D8,blue);
	overflow: hidden;
}

.login{
	width: 400px;
	height: 500px;
	background-color: #BCADAD;
	margin: 12% auto;
	border-radius: 10px;
}
.login .input_class
{
	width: 100%;
	height: auto;
	position: relative;
	top: 30%;
}
.login .input_class input{
	display: block;
	text-align: center;
	margin: 20px auto;
	width: 80%;
	height: 7%;
	font-family: 'vazir';
	font-size: 18px;
	border:hidden;
	border-radius: 5px;
}
.login .input_class input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button
{
 -webkit-appearance: none;
	margin: 0;
}
.login .input_class input[type=text] 
{
-moz-appearance:textfield;
}
.login .input_class input::placeholder{
	font-size: 15px;
}
.login .button{
	width: 100%;
	height: 50px;
	position: relative;
	top: 150px;
	text-align: center;
	z-index: 2;
}
.login .button input[type=button]
{
	width:60%;
	height: 90%;
	font-family: 'vazir';
	font-size: 18px;
	border-radius: 5px;
	border: none;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
}
.login .button input[type=button]:hover{
	box-shadow: 0px 0px 50px 0 #186B00;
	background-color: #59D71F;
}
.varizy_type
{
	width: 100%;
	height: 50px;
	border-radius: 40px;
	outline: none;
	margin-top: 5px;
	background-color: white;
	color: black;
}
.ambulance_car
{
	width: 100%;
	height: 50px;
	border-radius: 40px;
	outline: none;
	margin-top: 5px;
	font-family: 'vazir';
}
.parastar
{
	width: 100%;
	height: 50px;
	border-radius: 40px;
	outline: none;
	margin-top: 5px;
	background-color: white;
	color: black;
}
.picsize
{
	width: 100%;
	height: 50px;
	border-radius: 40px;
	outline: none;
	margin-top: 5px;
	background-color: #CDD1D1;
	text-align: center;
}
.contact1 header
{
	width: 90%;
	height: auto;
	text-align: center;
}
.contact1 header ul{
	width: 90%;
	display: flex;
	margin: 0 auto;
}
.contact1 header ul li{
	
	text-align: center;
	list-style: none;
	width: 30%;
	border-radius: 50%;
	margin-right: 10px;
}
.contact1 header ul li a{
	text-decoration: none;
	font-family: 'vazir';
	font-size: 20px;
	color: aliceblue;
}
.box1{
	width: 200px;
	height: 200px;
	border: 3px solid #0E7671;
	border-radius: 5%;
	text-align: center;
	transition: all 0.5s;
}
.box1:hover{
	transform: scale(1.1);
}
.box1 h4{
	position: relative;
	top: 80px;
}
/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 1200px) {
  .contact1-pic {
    width: 33.5%;
  }

  .contact1-form {
    width: 44%;
  }
}

@media (max-width: 992px) {
  .container-contact1 {
    padding: 90px 80px 88px 90px;
	  overflow: scroll;
  }

  .contact1-pic {
    width: 35%;
  }

  .contact1-form {
    width: 55%;
  }
}

@media (max-width: 768px) {
  .container-contact1 {
    padding: 90px 80px 88px 80px;
  }

  .contact1-pic {
    display: none;
  }

  .contact1-form {
    width: 100%;
  }
}

@media (max-width: 576px) {
	
  .container-contact1 {
    padding: 90px 15px 88px 15px;
  }
	
	.login{
		width: 90%;
		height: 90%;
		padding: 90px 15px 88px 15px;
	}
	.login .input_class
	{
		top: 10%;
	}
	.login .input_class input{
		width: 100%;
		margin-top: 20px;
		height: 40px;
		border-radius: 20px;
		padding: 10%;
	}
	.contact1 header ul{
		position: relative;
		left: 10%;
}
	.contact1 header ul li a{
		font-size: 16px;
}
	.box1{
		position: relative;
		right: 30%;
		margin-top: 15px;
		transition: none;
	}
	.box1:hover{
		transform: none;
	}
	#table_bimar{
		height: auto;
		width: auto;
		overflow: scroll;
	}
	
}


/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: white;
  border: 1px solid #c80000;
  border-radius: 13px;
  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%);
  left: 8px;
  pointer-events: none;

  font-family: 'Vazir';
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: right;

  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;
  display: block;
  position: absolute;
  color: #c80000;
  font-size: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 13px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}