@media only screen and (max-width: 768px) {
	section #right_div {
		margin-top: 40px;
	}

	#captcha_div {
		display: inline-block;
		transform: scale(0.82);
		transform-origin: 0 0;
		margin-left: 8px;
	}
	.content_div .bg_svg:before {
		left: 8px;
		top: 5px;
	}

	.material input,
	.material textarea {
	 	width: 100%;
	}

	.material hr {
	  width: 100%;
	}

	.from_editor_div p {
	    padding: 0;
	}

}

@media only screen and (min-width: 768px) {
	section #right_div {
		margin-top: 40px;
	}

	#captcha_div {
		display: inline-block;
		transform: scale(1);
		transform-origin: 0 0;
		margin-left: 0;
	}
	.content_div .bg_svg:before {
		left: 30px;
		top: 36px;
	}

	.material input,
	.material textarea {
	  width: 100%;
	}

	.material hr {
	  width: 100%;
	}

	.from_editor_div p {
		padding: 0;
	}
}

@media only screen and (min-width: 1024px) {
	section #right_div {
		margin-top: 0px;
	}

	#captcha_div {
		display: inline-block;
		transform: scale(1);
		transform-origin: 0 0;
		margin-left: 0;
	}
	.content_div .bg_svg:before {
		left: 30px;
		top: 36px;
	}

	.material input,
	.material textarea {
	  width: 100%;
	}

	.material hr {
	  width: 100%;
	}

	.from_editor_div p {
		padding: 0;
	}
}

@media only screen and (min-width: 1250px) {
	section #right_div {
		margin-top: 0px;
	}

	#captcha_div {
		display: inline-block;
		transform: scale(1);
		transform-origin: 0 0;
		margin-left: 0;
	}
	.content_div .bg_svg:before {
		left: 55px;
		top: 85px;
	}

	.material input,
	.material textarea {
	  width: 400px;
	}

	.material hr {
	  width: 400px;
	}

	.from_editor_div p {
		padding: 0;
	}
}

@media only screen and (min-width: 1400px) {
	section #right_div {
		margin-top: 0px;
	}

	#captcha_div {
		display: inline-block;
		transform: scale(1);
		transform-origin: 0 0;
		margin-left: 0;
	}
	.content_div .bg_svg:before {
		left: 55px;
		top: 85px;
	}

	.material input,
	.material textarea {
	  width: 400px;
	}

	.material hr {
	  width: 400px;
	}

	.from_editor_div p {


		padding: 0;
	}
}

/* # */
	section #submit_button {
		cursor: pointer;
	    display: block;
	    margin-top: 15px;
	    padding: 20px 35px;
	    background: #fff;
	    border: none;
	    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
		transition: 0.20s ease-in-out;
	}

	section #submit_button:hover {
		background-color: #4877cd;
		color: #fff;
	}

	section #map_div {
		position: relative;
		z-index: 0;
	}

	section #map_div iframe{
		width: 100%;
		height: 400px;
	}

	section #captcha_div {
		display: inline-block;
	}

	#mail_textarea {
		height: auto;
		margin-top: 10px;
		transition: height 0.2s ease-in-out;
	}

	#mail_textarea:focus {
		height: 150px;
	}
/* # */

/* . */


	.contact_line {
		overflow: hidden;
		width: 100%;
		margin-bottom: 30px;
		height: 50px;
		display: flex;
		 align-items: center;
	}

	.contact_line a {
		text-decoration: underline;
	}

	.contact_line a:hover {
		text-decoration: none;
	}

	/*.contact_line .ba_phone,
	.contact_line .ba_fb,
	.contact_line .ba_in,
	.contact_line .ba_inst,
	.contact_line .ba_tw*/
	.contact_line div {
		/* width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		float: left; */
		font-size: 18px;
		/* background: #fff; */
		margin-right: 20px;
		padding-left: 10px;
		/* box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); */
	}

	.material {
	  position: relative;
	  padding: 0;
	  margin: 5px 5px 20px;
	  border: none;
	}

	.material input,
	.material textarea {
	  padding: 12px 10px 8px;
	  border: none;
	  border-bottom: 1px solid #1a1d28;
	  background: none;
	  font-size: 120%;
	  outline: none;
	  cursor: text;
	  height: 46px;
	  transition: 0.25s ease-in-out;
	}

	.material textarea:focus {
		height: 150px;
	}

	.material input::-webkit-input-placeholder {
	  transition: color 300ms ease;
	}

	.material input:not(:focus)::-webkit-input-placeholder ,
	.material textarea:not(:focus)::-webkit-input-placeholder {
	  color: transparent;
	}

	input:not(:focus)::-moz-placeholder ,
	textarea:not(:focus)::-moz-placeholder {
	  color: transparent;
	}

	input:not(:focus):-ms-input-placeholder ,
	textarea:not(:focus):-ms-input-placeholder {
		color: transparent;
	}

	.material hr {
	  content: '';
	  display: block;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  margin: 0;
	  padding: 0;
	  height: 1px;
	  border: none;
	  background: #4877cd;
	  font-size: 1px;
	  will-change: transform, visibility;
	  transition: all 200ms ease-out;
	  transform: scaleX(0);
	  visibility: hidden;
	  z-index: 10;
	}
	.material input:focus ~ hr,
	.material textarea:focus ~ hr {
	  transform: scaleX(1);
	  visibility: visible;
	}
	.material input:focus ~ hr ,
	.material textarea:focus ~ hr {
	  transform: scaleX(1);
	  visibility: visible;
	}
	.material label {
	  position: absolute;
	  top: 10px;
	  left: 10px;
	  font-size: 120%;
	  color: #1a1d28;
	  transform-origin: 0 -150%;
	  transition: transform 300ms ease;
	  pointer-events: none;
	}
	.material input:focus ~ label,
	.material input:valid ~ label,
	.material textarea:focus ~ label,
	.material textarea:valid ~ label {
	  transform: scale(0.6);
	}

	.material input:focus,
	.material textarea:focus {
		border: none;
		border-bottom: 1px solid transparent;
	}

	.error_div {
		display: none;
		width: 450px;
		color: #a94442;
		background-color: #f2dede;
		border-color: #ebccd1;
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		border-radius: 4px;
	}

	.success_div {
		display: none;
		width: 475px;
		color: #3c763d;
		background-color: #dff0d8;
		border-color: #d6e9c6;
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		border-radius: 4px;
	}

	.content_div .bg_svg:before {
		background: url(../../images/symbols/red.svg)no-repeat;
		content: "";
		height: 120px;
		position: absolute;
		width: 107px;
		z-index: 0;
	}

	.g-recaptcha > div {
		width: 290px !important;
	}

	.from_editor_div p {
		word-break: break-all;
	}
/* . */