/**/


	.youtube_button { background: url('./img/yt.png') no-repeat center !important; }

	.facebook_button { background: url('./img/fb.png') no-repeat center !important; }

	.instagram_button { background: url('./img/ig.png') no-repeat center !important; }


/*  */

.logo a {
	height: 100%;
	width: 100%;
	cursor: pointer;
	display: inline-block;
}

/* ЯЗЫКИ */
	.language {
	    position: relative;
	    color: #fff;
	    cursor: pointer;
	    width: 50px;
	    text-align: right;
	    font-family: 'Arial', sans-serif;
	    font-size: 20px;
	}
	.current {
		font-weight: 600;
	}
	.selector {
	    position: absolute;
	    right: -41px;
	    top: 54px;
	    width: 100px;
	    background: #9B0E5E;
	    border-bottom: 5px solid rgb(105, 8, 63);
	    border-right: 5px solid rgb(105, 8, 63);
	}
	.selector a {
		text-decoration: none;
		color: #fff;
		display: block;
		text-align: center;
		margin: 10px 0;
	}
	.selector a:hover {
		font-weight: 600;
	}
	.hidden {
		display: none;
	}
	.lolclass{
		display: none;
	}


/*===== SETS ====*/

/*#993392*/

body { margin: 0; padding: 0; }
.container { width: 80%; margin: 0 auto; padding: 0; /*overflow: hidden;*/ }

h1, h2, p, .num {
	font-family: 'Arial', sans-serif;
	color: 939393;
}

h1, h2, h3, h4, h5, ul, li, a, p { font-family: 'Arial', sans-serif; color: #fff;}

a { text-decoration: none; }

img { width: 50%; height: auto; }

td, th {
	font-family: 'Arial', sans-serif;
}

td { text-align: center; }
td:nth-child(1) { text-align: left; }

h2 {
	font-size: 40px;
	font-weight: 400;
	text-align: center;

	color: #fff;
	width: 100%;
}

/* Inline таблица стилей #2 | https://ucprofi.com.ua/posluhy-z-okhorony-pratsi/ */

b {
  text-align: left;
}

/* secondary.css | https://ucprofi.com.ua/secondary.css */

li {
  text-align: left;
}

p {
  text-align: left;
}


.button {
	border-radius: 8px;
	background: #9B0E5E;
	cursor: pointer;
	height: 44px;
	display: inline-block;
	background-size: contain !important;
}

.button p {
	color: #fff;
	text-align: center;
	padding: 0;
}

.button a {
	display: inline-block;
	height: 100%;
	width: 100%;
	cursor: pointer;
}

.shadowRect {
	width: 100%;
	height: 8px;
	background: rgb(133, 13, 88);
}




/*===== HERO =====*/

/*NAVBAR*/

	.headermenu{
		width: 100%;
		background: #9B0E5E;
		padding:  0;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
	}

	.nav_wrapper {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}

	.nav_column {
		display: inline-block;
		margin: 0;
		padding: 0;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.nav_column:nth-child(1) {
		/*height: 100%;*/
		width: 50%;
		justify-content: left;
		-ms-align-items: center;
		align-items: center;
	}

	.nav_column.col2 {
		/*height: 100%;*/
		width: 50%;
		justify-content: right;
		-ms-align-items: center;
		align-items: center;
	}

	.logo {
		width: 250px;
		height: 128px;
		/*margin-bottom: 10px;*/
		background: url('./img/profi-logo.svg') no-repeat center;
		background-size: contain;
	}

	.address {
		color: #fff;
		font-family: 'Arial', sans-serif;
		font-size: 20px;
		font-weight: 400;

		margin-left: 6px;

	}

	.right_wrapper {
		width: 100%;
	}

	.nav_column .row {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 100%;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}

	.nav_column .row:nth-child(1) {
		margin-bottom: 5px;
	}

	.nav_column .row:nth-child(1) .button {
		height: 32px;
		border-radius: 0px;
		text-transform: uppercase;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		padding: 0 10px;
		margin: 3px;

		-webkit-box-shadow: 5px 5px 0px 0px rgb(105, 8, 63) !important;
		-moz-box-shadow: 5px 5px 0px 0px rgb(105, 8, 63) !important;
		box-shadow: 5px 5px 0px 0px rgb(105, 8, 63) !important;
	}

	.nav_column .row:nth-child(2) .button {
		height: 38px;
		width: 38px;
		border-radius: 0px;
		text-transform: uppercase;

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		padding: 0 10px;
		margin: 3px;
	}

	.numbers {
		width: 100%;
		text-decoration: none;

	}

	.numbers p {
		color: #fff;
		font-weight: 600;
		font-size: 24px;
		margin: 3px;
		margin-right: 20px;
		text-align: right;
	}

	.social {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}


	.consult_button,
	.social_buttons {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
		width: 100%;
	}

	.social_buttons { justify-content: space-between; }

	.consult_button p {
		padding: 0;
		color: #fff;
		font-size: 18px;
		text-align: center;
		text-transform: uppercase;
	}



	.youtube_button,
	.facebook_button,
	.instagram_button { width: 30%; background-size: contain; box-shadow: unset !important; }
	.youtube_button:hover,
	.facebook_button:hover,
	.instagram_button:hover { box-shadow: unset !important; }

/*Content*/



	.nameline {

		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;

		background: #9B0E5E;

		width: 100%;
	}

	.content .nameline {
		padding-top: 170px !important;
	}

	.content {
		width: 100%;
		margin: 0 auto;
	}

	.content-wrap {
		width: 100%;
	}

	.text-container {
		width: 80%;
		margin: 0 auto;
	}

	h3 {
		color: #000;
		font-size: 24px;
	}

	h2 {
		color: #000;
		font-size: 22px;
	}

	h1 {
		color: #fff;
		font-size: 36px;
		text-align: center;

		text-align: center;
	}

	li {
		color: #606060;
		line-height: 2em;
	}

	p {
		color: #939393;
		/*line-height: 1.5; */
	}

/*SECOND FORM*/

	.second_form .name {
		font-size: 28px;

		text-align: center;

		display: inline-block;
		width: 70%;
		margin-left: auto;
		margin-right: auto;

		color: #fff;
	}

	.second_form .nameline {
		margin-bottom: 20px;
	}

	.second_form .wrapper {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-around;
	}

	.second_form .form {
		width: 25%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		align-items: center;

		background: #F1F0F6;
		border-radius: 20px;
	}

	.form_wrapper {
		width: 90%;
	}

	.second_form form {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;

	}

	.second_form input,
	.second_form textarea
	 {
		display: inline-block;
		width: 100%;
		height: 40px;
		border: 0px;
		border-radius: 12px;
		padding: 0;
		margin: 10px 0;

		text-transform: uppercase;
		text-align: center;

		color: #9B0E5E;

		font-size: 16px;
		font-weight: 800;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.second_form textarea {
		height: 115px;
	}

	.sb {
		width: 60% !important;
		display: inline-block;
		margin: 0 auto;
	}

	.submit_button {
		height: 35px !important;
		color: #fff !important;
		background: #9B0E5E;
		border: unset;
		border-radius: 18px;
		padding: 0;
		cursor: pointer;
	}

	textarea{
		resize: none;
		text-transform: none !important;
	}

/**/

	.contacts .nameline {
		margin-top: 20px;
	}

	.contacts .wrapper {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: left;
		padding-bottom: 50px;

		align-items: center;
		position: relative;
    	height: 450px;

    	/*background: url('./img/profi-map.png') no-repeat center;*/
    	/*background-size: cover;*/
	}

	.contacts_data {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		justify-content: center;
		-ms-align-items: center;
		align-items: center;

		background: #9B0E5E;

		width: 35%;
		height: 300px;

		border-radius: 18px;
		z-index: 10;
		position: relative;

		margin-left: 25px;
	}

	.contacts_data-wrap {
		width: 80%;
	}

	.contacts_data-wrap p{
		/*! text-transform: ; */
		color: #fff !important;
	}

	.contacts .map {
		height: 100%;
		width: 100%;
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
	}

	.nameline h2 {
		color: #fff !important;
	}

	iframe {
		height: 100%;
		width: 100%;
	}



/*HUINYA VSYAKAYA*/
	/*.num { text-shadow: 0px 2px 5px #00000055; }*/

	.button,
	.contacts_data,
	.service_item:hover,
	.submit_button { box-shadow: 0px 2px 5px #00000055; }
	.button:hover { box-shadow: 0px 2px 7px #00000055; }
	.button { position: relative; }
	.button a { position: absolute; height: 100%; width: 100%; }

	.button.pchidden { display: none; }

/**/

	.footer {
		background: #9B0E5E;
		/* height: 70px; */
	}

	.twoColumn td, th {
		padding: 7px;
		text-align: center;
		width: 100%;
	}

	.twoColumn tr {
		display: flex;
	}

/*===== MEDIA =====*/


	@media screen and (max-width: 1370px) {
		.container 		{ width: 90%;}
		.header			{ height: 60vh; }
		.nav_info 		{ margin-left: 20%;}
		.nav_column:nth-child(2) { width: 70%; }
		h1 				{top: 10vh; font-size: 30px; }
		.advantage_name { font-size: 24px; }
		.advantages 	{ padding-top: 5px; }
	}

	@media screen and (max-width: 1024px) {
		.itemgroup 			{ width: 215px; }
		.advantage 			{ margin: 0; }
		.advantages 		{ padding: 10px; }
		.nav_info 			{ width: 50%; }
		.contacts .wrapper 	{ justify-content: space-around; align-items: center; position: relative; height: unset; }
		.contacts_data 		{ margin-left: unset; }
		/*.contacts .map 		{ width: 35%; position: unset; }*/
	}

	@media screen and (max-width: 992px) {
		.container 			{ width: 90%;}
		h2 					{ font-size: 18px; }

		.header				{ height: 80vh; }
		.advantage 			{ margin: 0 1%; }
		.advantage_name 	{ font-size: 20px; font-weight: 800; }

		.itemgroup 			{ width: 215px; }
		.itemgroup .num 	{ font-size: 68px; }

		.service_item:hover .sitem-description { display: none; }
		.service_item:hover 	{ background: unset; border-radius: unset; box-shadow: unset; }
 		.service_item:hover * 	{ display: unset; }
	}

	@media screen and (max-width: 769px) {
		.container 				{ width: 90%;}

		.lines 					{ background: url('./img/firstscreen-bg2.svg') no-repeat center; }

		.header					{ height: 100vh; }
		.button.pchidden 		{ display: flex; }
		.nav_info,
		.nav_logobox .phone,
		.consult_button 		{ display: none !important; }
		.nav_logobox 			{ width: 100%; }
		.nav_buttons 			{ width: 70%; }

		.social_buttons 		{ margin-top: 10px; }
		.nav_column 			{ height: unset; }
		.nav_logobox .logo 		{ height: 100%; }
		.nav_column:nth-child(2){ justify-content: right; }

		.lines 					{ height: 100%; }
		h1 						{ width: 100%; font-size: 42px; top: 8vh; }
		.first_form 			{ position: absolute; bottom: 10px; width: 100%; }
		.first_form .wrapper 	{ width: 100%; justify-content: center; flex-wrap: wrap; }
		.first_form .button 	{ width: 70%; height: 50px; font-size: 16px; margin: 5px auto; background: #fff;  }
		.first_form .button p 	{ color: #993392; }

		.service_item .icon 	{ height: 90px; width: 90px; }
		.service_item 			{ margin: 20px 3%; width: 40%; }
		.services .wrapper 		{ justify-content: space-around; }

		.advantage 				{ width: 47%; }
		.advantages .wrapper 	{ flex-wrap: wrap; }
		.advantages 			{ padding: 12px 0; }

		.second_form .wrapper 	{ flex-wrap: wrap; }
		.second_form .form, .second_form .whyus { width: 100%; }
		.itemgroup .num 		{ font-size: 57px; }
		.itemgroup p 			{ margin: 0; }
		.whyus_wrapper 			{ margin-bottom: 30px; }
		.second_form .whyus 	{ margin-top: 30px; height: unset; }

		.contacts .wrapper 		{ flex-wrap: wrap; height: 80vh; align-items: flex-start; }
		.contacts_data 			{ width: 100%; margin-top: 5vh; }
		.contacts .map 			{ width: 100%; height: 100%; border-radius: 0 0 18px 18px; overflow: hidden; }

		.address 				{ display: none; }
		.second_form .name 		{ font-size: 21px; }
		.whyus .item 			{ display: inline-block; width: 100%; margin: 20px 0; }

		.text-container 		{ width: 80%; }
		.block_form_banner .block_banner,
		.block_form_banner .second_form{
			width:100%!important;
		}
	}

	@media screen and (max-width: 415px) {

		.headermenu				{ position: fixed; }
		.txt-h					{ display: none; }
		.service_item 			{ width: 100%; height: 200px; }
		.service_item .icon 	{ height: 120px; width: 120px; }
		.second_form .nameline 	{ height: unset; }
		.contacts_data 			{ margin: 40px auto 400px auto; }
		.row:nth-child(1),
		.numbers 				{ display: none; }
		.social 				{ flex-wrap: wrap; }
		.nav_column:nth-child(1) { flex-wrap: wrap; width: 80%; }
		.nav_column:nth-child(2){ width: 20%; }
		.logo 					{ width: 100%; height: 90px; background-position: left;}
		.numbers-mob 			{ display: inline-block !important; width: 100%; }
		.numbers-mob a p		{ text-align: left; margin-right: 0; margin-left: 10px; }
		.header-buttons .button-wrapper { flex-wrap: wrap; }

		.advantage 				{ width: 100%; }
		.advantage_text 		{ font-size: 14px; }
		h1 						{ font-size: 24px; top: 2vh; }
		.second_form .name 		{ font-size: 22px; }
		.youtube_button, .facebook_button, .instagram_button { width: 28px; height: 28px; background-size: contain !important; }
		.social_buttons 		{ width: 70%; }

		.whyus .item 			{ margin: 20px 0; display: inline-block; width: 100%; }
		.whyus .itemgroup 		{ margin: 0 auto; }
		.whyus .whyus_wrapper 	{ display: inline-block; margin: 0 auto; width: 100%; margin-bottom: 30px; }

		.contacts_data-wrap p	{ font-size: 15px; }

		.text-container 		{ width: 100%; }

		.contacts .wrapper      { height: 120vh; }

		img { width: 100%; height: auto; }
	}







.button { background-size: contain !important; }
.disabledButton { background: grey !important; opacity: .5;}



input::-webkit-input-placeholder			{opacity: 1; transition: all 3s ease; vertical-align: middle; }
input::-moz-placeholder 					{opacity: 1; transition: all 3s ease; vertical-align: middle; }
input:-moz-placeholder 						{opacity: 1; transition: all 3s ease; vertical-align: middle; }
input:-ms-input-placeholder          		{opacity: 1; transition: all 3s ease; vertical-align: middle; }
textarea::-webkit-input-placeholder			{opacity: 1; transition: all 3s ease; vertical-align: middle;}
textarea::-moz-placeholder 					{opacity: 1; transition: all 3s ease; vertical-align: middle;}
textarea:-moz-placeholder 					{opacity: 1; transition: all 3s ease; vertical-align: middle;}
textarea:-ms-input-placeholder          	{opacity: 1; transition: all 3s ease; vertical-align: middle;}

input:focus::-webkit-input-placeholder 		{opacity: 0; transition: all 3s ease;}
input:focus::-moz-placeholder				{opacity: 0; transition: all 3s ease;}
input:focus:-moz-placeholder 				{opacity: 0; transition: all 3s ease;}
input:focus:-ms-input-placeholder      		{opacity: 0; transition: all 3s ease;}
textarea:focus::-webkit-input-placeholder 	{opacity: 0; transition: all 3s ease;}
textarea:focus::-moz-placeholder			{opacity: 0; transition: all 3s ease;}
textarea:focus:-moz-placeholder 			{opacity: 0; transition: all 3s ease;}
textarea:focus:-ms-input-placeholder      	{opacity: 0; transition: all 3s ease;}

.block_form_banner .second_form .form{
	width:100%;
}
.block_form_banner .second_form{
	width: 24%;
	display: inline-block;
	justify-content: center;
	align-items: center;
	background: #F1F0F6;
	border-radius: 20px;
	vertical-align: top;
	margin-top: 40px;
}
.block_form_banner .block_banner img{
	width:100%;
}
.block_form_banner .block_banner{
	display: inline-block;
	margin-top: 5px;
	width: 70%;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	margin-right: 5%;
}