/* Beetle - www.beetle.net.ua
Styles for modal form */

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: auto;
}

.modal-content {
	background: #eeeeee;
	font-size: 20px;
	color: #212230;
	padding: 50px;
	max-width: 450px;
	text-align: right;
    border-radius: 0px
}

.modal-content button.close {
	font-size: 24px;
	color: #fff;
	top: -25px;
	position: absolute;
	right: -25px;
	opacity: 1;
}

.modal-content h2 {
	font-size: 43px;
	color: #377bc6;
	margin-top: 0;
    font-weight: 300;
}

.modal-content h3 {
	font-size: 20px;
	color: #212230;
	font-weight: 700;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-top: 0;
}
.modal-content h3 span {
	    font-size: 27px;
    margin-left: 6px;
    position: relative;
    top: -3px;
    right: -4px;
}

.modal-content h3 .fa {
	color: #fff;
	padding: 10px 12px;
	background: #377bc6;
	border-radius: 100px;
	margin: 0 15px 0 5px;
	transform: rotate(270deg);
}

.modal-content h3 a {
	color:#212230;
	text-decoration: none;
	font-size: 43px;
    position: relative;
    top: 3px;
    right: 0px;
}
.modal-content h3 .phone_link{
	color:#212230;
	text-decoration: none;
	font-size: 43px;
    position: relative;
    top: 3px;
    right: 0px;
}


.modal-content label {
	position: relative;
}






.modal-content input {
	border: none;
	font-size: 17px;
	color: #000;
	text-align: right;
	padding: 10px 20px 10px 15px;
	max-width: 350px;
	margin-bottom: 7px;
}

.modal-content ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #abacac;
}
.modal-content ::-moz-placeholder { /* Firefox 19+ */
  color:#abacac;
}
.modal-content :-ms-input-placeholder { /* IE 10+ */
  color: #abacac;
}
.modal-content :-moz-placeholder { /* Firefox 18- */
  color: #abacac;
}


.modal-content input[type="submit"] {
	background: #377bc6;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	padding: 10px 25px;
	float: left;
	transition: 0.3s;
}
.modal-content input[type="submit"]:hover{
	background: #377bc6;
}
input.wpcf7-not-valid {
	border: 1px solid #ff0000 !important;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

div.wpcf7-validation-errors {
	display: none !important;
}