@font-face {
    font-family: "e-Ukraine";
    src: url("fons/e-Ukraine-Light.otf");
	font-weight: 300;
}
@font-face {
    font-family: "e-Ukraine";
    src: url("fons/e-Ukraine-Regular.otf");
	font-weight: 400;
}
@font-face {
    font-family: "e-Ukraine";
    src: url("fons/e-Ukraine-Medium.otf");
	font-weight: 500;
}
@font-face {
    font-family: "e-Ukraine Head";
    src: url("fons/e-UkraineHead-NAME.otf");
	font-weight: 700;
}
body {
	margin: 0;
	background: #EDEBDE;
	overflow-x: hidden;
}

header {
	background: #332F21;
	padding: 16px 0 !important;

	.header {
		display: flex;
		justify-content: space-between;
		max-width: 1200px;
		margin: 0 auto;

		@media (width < 1680px) {
			margin-left: 30px;
			margin-right: 30px;
		}

		.hotline {
			@media (width < 680px) {
				display: none;
			}
		}
	}
}

.logo-site {
	display: flex;
	gap: 24px;
	
	@media (width < 680px) {
		margin: auto;
	}
}

.logo {
	display: flex;
	text-decoration: none;
	gap: 10px;
}

.logo {
	h1 {
		font-family: e-Ukraine;
		font-size: 17.37px;
		font-weight: 500;
		line-height: 20.85px;
		text-align: left;
		color: #fff;
		margin: 0;
		max-width: 132px;
	
		@media (width < 1400px) {
			font-size: 11px;
			line-height: 16.85px;
			max-width: 94px;
		}
		
		@media (width < 680px) {
			font-size: 12px;
			line-height: 14.85px;
			max-width: 90px;
		}
	}
}

.custom-logo {
	width: 26.96px;
	height: 31.15px;
	margin: 6px;
	
	@media (width < 1400px) {
		width: 19.96px;
		height: 23.15px;
		margin: 4px;
	}
	
	@media (width < 680px) {
		width: 20.96px;
		height: 23.15px;
		margin: 2px;
	}
}

.logo-lex {
	padding-left: 24px;
	border-left: 1px solid #5C594D;
	display: flex;
	
	img {
		@media (width < 680px) {
			width: 166px;
		}
	}
}

.logo-lexform {
	@media (width < 900px) {
		display: none;
	}
}

.hotline {
	color: #fff;
	font-family: e-Ukraine;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	text-decoration: none;
	display: flex;
	gap: 12px;
	
	@media (width < 1400px) {
		font-size: 14px;
		line-height: 17px;
	}
	
	@media (width < 1400px) {
		font-size: 12px;
		line-height: 14px;
	}
}

.hotline span {
	display: block;
	margin: auto 0;
}

.hotline span:first-child {
	width: 140px;
	
	@media (width < 1400px) {
		width: 100px;
	}
}

.hotline span:last-child {
	font-size: 48px;
	
	@media (width < 1400px) {
		font-size: 32px;
		line-height: 38px;
	}
}

#mvp-main-nav-wrap #mvp-main-nav-bot {
	display: block !important;
    height: 50px;
	
	.mvp-nav-bot-left-in {
		display: block;
		
		@media (width < 1000px) {
			display: none;
		}
	}
}

.d-title {
	background: #F6F5EC;
	
	.d-post-cat-link {
		display: flex;
		max-width: 1200px;
		margin: 0 auto;
		padding: 51px 0;
		color: #332F21;
		font-family: Fira Sans;
		font-size: 29px;
		font-weight: 600;
		line-height: 34.82px;
		text-align: left;
		text-transform: uppercase;
		
		.d-post-cat {
			@media (width < 680px) {
				margin: 0 4.1666666666%;
			}
		}
		
		@media (width < 1260px) {
			margin: 0 1.666666666%;
			width: 96.666666666%;
		}
		
		@media (width < 680px) {
			font-size: 18px;
			line-height: 21.82px;
			text-align: center;
			width: 100%;
			margin: auto;
			display: block;
		}
	}
}

#mvp-main-nav-wrap {
	margin-bottom: 50px;
}

#mvp-main-nav-bot-cont.left {
  background: none;
}

.mvp-nav-menu ul li a font {
    color: #6B4B19;
}

#mvp-content-main {
	background: #F6F5EC;
	display: table-cell;
	padding: 50px 64px;
	border-radius: 16px;
	
	.brand-description {
		max-height: 60px;
		overflow: hidden;
		position: relative;
		transition: max-height .2s ease-in-out;
		
		&.expanded {
			max-height: 5000px;
		}
	}
	
	.readmore-toggle {
		color: #000;
		cursor: pointer;
		display: block;
		margin-top: 20px;
		position: relative;
		text-align: right;
		color: #6b4b19;
		
		&:before {
			background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #F6F5EC);
			content: "";
			display: block;
			height: 70px;
			left: 0;
			position: absolute;
			top: -70px;
			width: 100%;
		}
	}
	
	p {
		@media (width < 950px) {
			font-size: 17px;
		}
		
		@media (width < 600px) {
			font-family: Roboto;
			font-size: 14px;
			font-weight: 400;
			line-height: 16.41px;
			text-align: left;
		}
	}
				
	@media (width < 950px) {
		padding: 35px;
	}
}

#mvp-content-main p, .mvp-post-add-main p {
  font-size: 17.8px;
  line-height: 27px;
  margin-bottom: 24px;
}

.documents #mvp-content-main p a, .documents #mvp-content-main ul a, .documents #mvp-content-main ol a, .documents .mvp-post-add-main p a, .documents .mvp-post-add-main ul a, .documents .mvp-post-add-main ol a {
  box-shadow: inset 0 0 0 #7ac04400;
}

.documents #mvp-content-main p a:hover, .documents #mvp-content-main ul a:hover, .documents #mvp-content-main ol a:hover, .documents .mvp-post-add-main p a:hover, .documents .mvp-post-add-main ul a:hover, .documents .mvp-post-add-main ol a:hover {
  background: none;
  text-decoration: none;
}

.documents #mvp-content-main p a:hover u, .documents #mvp-content-main ul a:hover u, .documents #mvp-content-main ol a:hover u, .documents .mvp-post-add-main p a:hover u, .documents .mvp-post-add-main ul a:hover u, .documents .mvp-post-add-main ol a:hover u {
  text-decoration: none;
}

.documents {
	.mvp-main-blog-cont {
		margin-bottom: clamp(62px, 8vw, 109px);
		
		.documents-top {
			display: flex;
			justify-content: space-between;
			margin: 40px 0;
			position: relative;
			
			.logo-lex {
				padding: 0;
				border: 0;
			
				@media (width < 1000px) {
					position: absolute;
					bottom: -90px;
					left: 0;
					right: 0;
					justify-content: center;
					height: 50px;
				}
			}
			
			.text {
				color: #232323;
				font-family: Fira Sans;
				font-size: 24px;
				font-weight: 500;
				line-height: 28.8px;
				text-align: right;
				/*max-width: 466px;*/
				margin: auto 0;
			
				@media (width < 1000px) {
					text-align: center;
					width: 100%;
					max-width: 100%;
				}
			}
			
		}
		
		.mvp-main-box {
			margin: 0;
			width: 100%;
		}
		
		#mvp-content-main ul li, #mvp-content-main ol li {
			color: #000;
			font-size: 1.1rem;
			font-weight: 400;
			line-height: 1.55;
			padding: 0;
			
			@media (width < 899px) {
				font-size: 1rem;
			}
		}
		
		.mvp-main-blog-out {
			margin-top: 100px;
			display: flex;
			gap: 40px;
			
			@media (width < 950px) {
				margin-top: 50px;
				flex-flow: column;
			}
			
			#mvp-side-wrap {
				box-shadow: 0px 12px 39.5px 0px #3A3A3A1A;
				background: #F6F5EC;
				padding: 24px 14px;
				margin-left: 0;
				position: relative;
				min-width: 292px;
				
				@media (width < 950px) {
					width: calc(100% - 30px);
				}
				
				.searchandfilter {
					position: relative;
					display: flex;
					flex-flow: wrap;
					gap: 15px;
					
					& > div {
						width: 100%;
						
						& > ul {
							width: 100%;
						}
					}
					
					&:before {
						content: "";
						background: url('img/search.svg') no-repeat;
						background-position: 4px;
						width: 20.24px;
						height: 20.24px;
						display: block;
						position: absolute;
						top: 12px;
						left: 11px;
					}
						
					& > input {
						width: 100%;
						padding: 11px 11px 11px 47px;
						font-family: Roboto;
						font-size: 14px;
						font-weight: 500;
						line-height: 16.41px;
						border: 1px solid #6B4B1940;
						box-shadow: 0px 12px 39.5px 0px #3A3A3A1A;
						background: #F6F5EC;
					}
						
					& > input:placeholder {
						width: 100%;
						padding: 11px 11px 11px 57px;
						font-family: Roboto;
						font-size: 14px;
						font-weight: 500;
						line-height: 16.41px;
						color: #3A3A3A59;
					}
				}
				
				h3 {
					font-family: Roboto;
					font-size: clamp(18px, 8vw, 16px);
					font-weight: 600;
					line-height: clamp(18.75px, 8vw, 21.09px);
					text-align: left;
					color: #3A3A3A;
					
					span {
						font-family: Roboto;
						font-size: 14.01px;
						font-weight: 600;
						line-height: 16.42px;
						text-align: left;
					}
				}
				
				.filter-active {
					display: flex;
					width: 100%;
					gap: 14px;
					flex-flow: inherit;
					
					span {
						background: #7AC043;
						padding: 6px 11px;
						font-family: Roboto;
						font-size: 14px;
						font-weight: 500;
						line-height: 16.41px;
						text-align: left;
						color: #fff;
						display: flex;
						gap: 8px;
						cursor: pointer;
						border-radius: 4px;
						
						svg {
							margin: auto;
						}
					}
				}
				
				ul li.hover-search {
					display: none;
				}
				
				ul li {
					width: 100%;
				}
				
				h4 {
					font-family: Roboto;
					font-size: clamp(18px, 8vw, 16px);
					font-weight: 500;
					line-height: clamp(18.75px, 8vw, 21.09px);
					text-align: left;
					position: relative;
				}
				
				.clear-filter {
					position: absolute;
					top: 58px;
					right: 0;
					font-family: Roboto;
					font-size: clamp(16px, 8vw, 12px);
					font-weight: 700;
					line-height: clamp(18.75px, 8vw, 14.06px);
					text-align: center;
					color: #7AC043;
				}
				
				.check {
					border-bottom: 0.7px solid #E3E3E5;
					padding: 0;
					
					&.no-b {
						border-bottom: 0;
					}
					
					h4::after {
						content: url("img/arrow-a.svg");
						position: absolute;
						transition: 0.3s;
						right: 0;
						top: 50%;
						transform: translate(0, -50%) rotate(180deg);
						transition: all 0.3s ease-in-out;
					}
					
					h4.active::after {
						transition-duration: 300ms;
						transform: rotate(0deg);
					}
					
					.checkbox {
						flex-flow: column;
						gap: 20px;
						padding-bottom: 20px;
						-webkit-transition: height .2s linear, opacity .2s linear;
						transition: height .2s linear, opacity .2s linear;
						display: flex;
						opacity: 1;
						height: auto;
						
						label {
							input {
								display: none;
							}
							
							span {
								display: flex;
								gap: 15px;
								position: relative;
								padding-left: 26px;
								justify-content: center;
								flex-direction: column;
							}
							
							span:before {
								content: "";
								background: #F7F7F7;
								border: 0.81px solid #EDEDED;
								width: 19.35px;
								height: 19.35px;
								border-radius: 2.42px;
								display: block;
								position: absolute;
								left: 0;
							}
							
							input:checked + span:after {
								content: "";
								background: url('img/check.svg') no-repeat #7ac043;
								background-position: 4px;
								border: 0.81px solid #EDEDED;
								width: 19.35px;
								height: 19.35px;
								border-radius: 2.42px;
								display: block;
								position: absolute;
								left: 0;
							}
						}
						
						&.active {
							display: none;
							opacity: 0;
							height: 0;
						}
					}
				}
			}
		}
	}
	
	.mvp-main-blog-in {
		margin: 0;
		width: 100%;
		display: flex;
		flex-flow: column;
		gap: 25px;
	}
	
	.document-item {
		width: 100%;
		background: #FFFFFF;
		box-shadow: 0px 12px 39.5px 0px #3A3A3A1A;
		
		@media (width < 950px) {
			box-shadow: none;
			background: none;
		}
		
		thead {
			background: #EFDBB2;
			border-bottom: 1px solid #6B4B19;
			
			@media (width < 950px) {
				display: none;
			}
			
			th {
				&:first-child {
					padding: 22px 22px 22px 58px;
				}
				&:last-child {
					padding: 22px 58px 22px 5px;
				}
				
				padding: 22px 5px;
				font-family: Montserrat;
				font-size: 14px;
				font-weight: 600;
				line-height: 20px;
				text-align: left;
				color: #3A3A3A;
			}
		}
		
		tbody {
			background: #F6F5EC;

			@media (width < 950px) {
				display: flex;
				flex-flow: column;
				gap: 25px;
			}
			
			tr {
				border-bottom: 1px solid #6B4B1926;
				
				@media (width < 950px) {
					display: flex;
					flex-flow: column;
					background: #FFFFFF;
					box-shadow: 0px 12px 39.5px 0px #3A3A3A1A;
					border-bottom: 0;
					padding: 24px 14px;
				}
				
				td {
					&:first-child {
						padding: 22px 22px 22px 58px;
					
						@media (width < 950px) {
							padding: 13px 0;
						}
					}
					&:last-child {
						@media (width < 950px) {
							border-bottom: 0;
						}
					}
				
					padding: 22px 5px;
					vertical-align: middle;
					font-family: Montserrat;
					font-size: 14px;
					font-weight: 500;
					line-height: 20px;
					text-align: left;
					color: #3A3A3A;
					
					@media (width < 950px) {
						border-bottom: 1px solid #E3E3E5;
						padding: 13px 0;
						display: flex;
					}
					
					span {
						padding: 4px 8px;
						font-family: Roboto;
						font-size: 14px;
						font-weight: 500;
						line-height: 16.41px;
					}
					
					.title {
						display: none;
						line-height: 20.41px;
					
						@media (width < 950px) {
							display: block;
							min-width: 100px;
							max-width: 100px;
						}
					}
					
					.editors {
						display: flex;
						flex-flow: column;
						
						@media (width < 950px) {
							flex-flow: inherit;
							gap: 38px;
						}
					}
					
					a {
						color: #3A3A3A;
					}
				}
			}
		}
		
		tfoot {
			background: #F6F5EC;
			
			.paginate-list {
				display: flex;
				justify-content: space-between;
				
				@media (width < 950px) {
					justify-content: center;
					flex-flow: column;
					flex-direction: column-reverse;
				}
				
				.pagination_block {
					padding: 22px 22px 22px 58px;
					
					@media (width < 950px) {
						padding: 22px 0;
						margin: 0 auto;
					}
					
					.pagination {
						display: flex;
						gap: 34px;
						
						a, span {
							font-family: Roboto;
							font-size: 14px;
							font-weight: 500;
							line-height: 16.41px;
							text-align: left;
							color: #3A3A3A;
							border: 0;
							padding: 2px 6px;
							border-radius: 4px;
							margin: 0;
							background: none;
							
							&.active {
								background: #7AC043;
								color: #FFFFFF;
							}
						
							&:hover {
								background: #7AC043;
								color: #FFFFFF;
							}
						}
					}
				}
				
				.posts-per-page {
					padding: 22px 58px 22px 22px;
					margin: 0 0 0 auto;
					
					@media (width < 950px) {
						padding: 22px 0;
						margin: 0 auto;
					}
					
					.control-label, .form-control, option {
						font-family: Roboto;
						font-size: 14px;
						font-weight: 500;
						line-height: 16.41px;
						text-align: left;
						color: #3A3A3A;
					}
					
					.form-control {
						border-radius: 2px;
						border: .81px solid #EDEDED;
						background: #F7F7F7;
					}
				}
			}
		}
	}
}

				
.apply-filters {
	background: #6b4b19;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 600 !important;
	line-height: 16.41px;
	text-align: center;
	color: #FFF !important;
	padding: 15px !important;
	border: 0;
	width: 100%;
	margin-top: 30px;
	display: block;
	text-transform: uppercase;
}

.documents-single {
	.mvp-main-blog-cont {
		margin-bottom: clamp(42px,8vw,68px);
			
		span.mvp-post-cat {
			background: #332F21;
		}
		
		.entry-title {
			font-family: Fira Sans;
			font-size: 20px;
			font-weight: 500;
			line-height: 24px;
			text-align: left;
			margin-top: 24px;
			margin-bottom: 40px;
		}
		
		.mvp-main-blog-out {
			margin-top: 32px;
			display: block;
				
			@media (width < 950px) {
				margin-top: 0;
			}
			
			#mvp-side-wrap {
				margin-left: 40px;
				margin-right: 0;
				float: right;
				gap: 24px;
				display: flex;
				flex-flow: column;
				
				@media (width < 950px) {
					flex-flow: wrap;
					margin-top: 0;
				}
				
				@media (width < 700px) {
					flex-flow: column;
				}
				
				.info-item {
					border-bottom: 1px solid #E3E3E5;
					padding-bottom: 24px;
					
					&:last-child {
						border-bottom: 0;
						padding-bottom: 0;
						
						@media (width < 950px) {
							width: 100%;
						}
					}
					
					@media (width < 950px) {
						border-bottom: 0;
						padding-bottom: 0;
						width: calc(25% - 18px);
					}
					
					@media (width < 700px) {
						border-bottom: 1px solid #E3E3E5;
						padding-bottom: 24px;
						width: 100%;
					}
					
					h4 {
						font-family: Roboto;
						font-size: 16px;
						font-weight: 500;
						line-height: 18.75px;
						text-align: left;
						color: #3A3A3A;
						margin-bottom: 24px;
					}
					
					.item-cont {
						display: flex;
						flex-flow: column;
						gap: 14px;
						
						span, a {
							display: flex;
							flex-wrap: wrap;
							position: relative;
							padding-left: 26px;
							justify-content: center;
							flex-direction: column;
							
							&:before {
								content: "";
								background: #7AC043;
								width: 10px;
								height: 10px;
								border-radius: 50%;
								display: block;
								margin: auto 16px auto 0;
								position: absolute;
								left: 0;
							}
						}
						
						a {
							text-decoration: underline;
						}
					}
						
					.apply-filters {
						margin: 0;
						width: calc(100% - 30px);
						text-transform: uppercase;
					}
				}
			}
			
			.mvp-main-blog-in {
				float: left;
				width: calc(100% - 517px);
				
				@media (width < 950px) {
					width: 100%;
					margin-top: 50px;
					display: block;
				}
				
				#mvp-content-main {
					background: #fff;
				}
			}
		}
	}
}


footer {
	background: #332F21;
	padding: 62px 0 !important;
	
	.footer {
		max-width: 1620px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		padding-bottom: 32px;
		border-bottom: 1px solid #5C594D;
		
		@media (width < 1680px) {
			margin-left: 30px;
			margin-right: 30px;
		}
		
		@media (width < 900px) {
			border-bottom: 0;
			padding-bottom: 0;
		}
		
		@media (width < 540px) {
			flex-flow: column;
			padding-bottom: 0;
			border-bottom: 0;
		}
		
		.logo-site {
			@media (width < 900px) {
				margin: auto;
			}
			
			@media (width < 540px) {
				justify-content: center;
			}
			
			.custom-logo {
				width: 26.96px;
				height: 31.15px;
				margin: 6px;
				
				@media (width < 540px) {
					width: 20.07px;
					height: 23.19px;
				}
			}
			
			.logo-lex {
				padding-left: 50px;
				padding-right: 20px;
			}
			
			h1 {
				font-size: 17.37px;
				line-height: 20.85px;
				max-width: 132px;
				
				@media (width < 540px) {
					font-size: 12.96px;
					line-height: 15.53px;
					max-width: 108px;
				}
			}
		}
		
		.hotline {
			@media (width < 900px) {
				display: none;
			}
		}
	}
	
	.footer-to {
		max-width: 1620px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-flow: row-reverse;
		padding-top: 32px;
		
		@media (width < 1680px) {
			margin-left: 30px;
			margin-right: 30px;
		}
		
		@media (width < 900px) {
			flex-flow: column-reverse;
		}
		
		.info-footer {
			.hotline {
				display: none;
				
				@media (width < 900px) {
					display: flex;
				}
				
				@media (width < 540px) {
					justify-content: center;
				}
				
				span {
					font-size: 20px;
					font-weight: 500;
					line-height: 24px;
					width: 140px;
				}
				
				span:last-child {
					font-size: 48px;
					font-weight: 500;
					line-height: 24px;
				}
			}
			
			@media (width < 900px) {
				display: flex;
				justify-content: space-between;
			}
			
			@media (width < 540px) {
				flex-flow: column-reverse;
			}
		
			.info-to {
				display: flex;
				flex-flow: column;
				margin: auto 0;
					
				@media (width < 540px) {
					margin-bottom: 32px;
				}
			
				#open-block {
					border: 2px solid rgb(237, 235, 222);
					border-radius: 8px;
					background: none;
					padding: 10px 48px;
					color: rgb(255, 255, 255);
					font-family: e-Ukraine;
					font-size: 24px;
					font-weight: 700;
					line-height: 29px;
					
					@media (width < 900px) {
						font-size: 24px;
						line-height: 29px;
					}
				}
				
				#legal-disclaimers {
					color: rgb(237, 235, 222);
					font-family: e-Ukraine;
					font-size: 17px;
					font-weight: 300;
					line-height: 17px;
					text-align: center;
					margin-top: 17px;
					cursor: pointer;

					@media (width < 1080px) {
						font-size: 14px;
					}
				}
			}
		}
		
		.info {
			margin-left: 212px;
			display: flex;
			gap: 52px;
			
			@media (width < 900px) {
				flex-flow: column;
			}
			
			@media (width < 540px) {
				padding-top: 32px;
				border-top: 1px solid #5C594D;
			}
			
			.logo-lex {
				display: none;
				
				@media (width < 900px) {
					display: block;
					border: 0;
					padding: 0;
					margin: auto;
				}
			}
			
			.info-item { 
				display: flex;
				flex-flow: column;
				gap: 52px;
				
				@media (width < 900px) {
					flex-flow: wrap;
					justify-content: center;
					padding-bottom: 32px;
					border-bottom: 1px solid #5C594D;
				}
			}
			
			& > .menu-item {
				padding-left: 60px;
				border-left: 1px solid #5C594D;
				
				@media (width < 900px) {
					border-left: 0;
					border-bottom: 1px solid #5C594D;
					padding-left: 0;
					padding-bottom: 60px;
					margin-bottom: 60px;
				}
				
				.menu {
					max-width: 364px;
					display: flex;
					flex-wrap: wrap;
					gap: 40px 0;
					
					@media (width < 900px) {
						margin: auto;
					}
					
					.menu-item {
						width: 50%;
										
						a {
							text-transform: uppercase;
							color: #FFFFFF;
							font-family: Roboto;
							font-size: 14px;
							font-weight: 500;
							line-height: 14px;
							text-align: center;
						}
						
						@media (width < 900px) {
							text-align: center;
						}
						
						@media (width < 540px) {
							width: 100%;
						}
					}
				}
			}
			
			.item {
				position: relative;
				display: flex;
				
				&::before {
					content: url("img/Social-media-button.svg");
					position: absolute;
				}
				
				&.socs::before {
					content: '';
					display: none;
				}
				
				&.socs {
					gap: 16px;
				}
				
				.content {
					margin-left: 72px;
					text-decoration: none;
					color: rgb(237, 235, 222);
					font-family: e-Ukraine;
					font-size: 14px;
					font-weight: 300;
					line-height: 17px;
					max-width: 156px;
					
					@media (width < 1080px) {
						font-size: 12px;
						line-height: 14px;
						margin-left: 62px;
					}
					
					.title {
						font-family: e-Ukraine;
						font-size: 20px;
						font-weight: 500;
						line-height: 24px;
						margin-bottom: 8px;
						
						@media (width < 1080px) {
							font-size: 16px;
							line-height: 19px;
							margin-bottom: 6px;
						}
					}
				}
				
				.link-icon {
					.facebook {
						content: url("img/facebook.svg");
			
						@media (width < 1080px) {
							width: 48px;
							height: 48px;
							display: block;
						}
					}
					
					.x {
						content: url("img/x.svg");
			
						@media (width < 1080px) {
							width: 48px;
							height: 48px;
							display: block;
						}
					}
					
					.instagram {
						content: url("img/instagram.svg");
			
						@media (width < 1080px) {
							width: 48px;
							height: 48px;
							display: block;
						}
					}
					
					.youtube {
						content: url("img/youtube.svg");
			
						@media (width < 1080px) {
							width: 48px;
							height: 48px;
							display: block;
						}
					}
				}
			}
			
			@media (width < 1000px) {
				margin-left: 0;
			}
		}
	}
}

@media (max-width: 1080px) {
	footer {
		.footer-to {
			.info {
				.item {
					&::before {
						width: 48px;
						height: 48px;
						display: flex;
					}
				}
			}
		}
	}
}


.question-pop-up {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1043;
	outline: none !important;
	-webkit-backface-visibility: hidden;
	position: fixed;
	overflow: hidden auto;
	display: none;
	
	&.pop-up {
		background: rgba(35, 35, 35, 0.5);
		display: block;
		backdrop-filter: blur(7px);
		z-index: 1112;
	}
	
	.bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1113;
		cursor: pointer;
	}
	
	.form-show {
		display: none;
		
		&.active-demo {
			display: flex;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			position: absolute;
			padding: 18px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		.q-form {
			position: relative;
			max-width: 800px;
			margin: 0 auto;
			margin: 20px auto;
			height: max-content;
			z-index: 2;
			
			@media (width < 550px) {
				left: 0;
				top: 0;
				transform: none;
				position: relative;
				margin: 0 auto;
			}
			
			h2 {
				font-size: 24px;
				margin-bottom: 30px;
			}
			
			#close-block, #close-block-text, #close-block-text-to {
				position: absolute;
				right: 20px;
				top: 20px;
				cursor: pointer;
			}
			
			p, a, img {
				margin: 0;
				padding: 0;
				border: 0;
				font-size: 100%;
				font: inherit;
				vertical-align: baseline;
			}
			
			.constant {
				border-radius: 15px;
				background: #F6F6F6;
				box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.30);
				padding: 32px;
				max-width: 449px;
				
				p {
					font-family: e-Ukraine;
					font-size: 18px;
					font-weight: 300;
					line-height: 26px;
					text-align: left;
					margin-bottom: revert;
					
					@media (width < 540px) {
						font-size: 14px;
						line-height: 24px;
					}
				}
			}
			
			.inputs {
				width: 100%;
				
				.field {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					align-items: stretch;
					margin-bottom: 30px;
					
					label {
						font-family: e-Ukraine;
						font-size: 17.37px;
						font-weight: 500;
						font-size: 14px;
						line-height: 20px;
						color: #91939D;
						margin-bottom: 5px;
					}
					
					input, textarea {
						min-height: 70px;
						width: 100%;
						max-width: 450px;
						background: #fff;
						border: 1px solid #DADBDF;
						box-sizing: border-box;
						border-radius: 4px;
						outline: none;
						padding-left: 20px;
						font-family: e-Ukraine;
						font-size: 17.37px;
						font-weight: 500;
						line-height: 20.85px;
						line-height: 24px;
						color: #232323;
					}
					
					textarea {
						height: 120px;
						padding: 15px 20px;
					}
				}
			}
			
			.contact_us {
				display: flex;
				align-content: center;
				justify-content: space-between;
					
				@media (width < 540px) {
					flex-flow: column;
					gap: 32px;
					text-align: center;
				}
				
				span {
					font-family: e-Ukraine;
					font-size: 17.37px;
					font-weight: 500;
					line-height: 120%;
					color: #232323;
				}
			}
		}
	}
	
	#question-block-text, #question-block-text-to {
		.q-form {
			max-width: 1200px;
			
			.constant {
				max-width: 1200px;
			}
		}
	}
}

.wpcf7 {
	.screen-reader-response {
		position: absolute;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		clip-path: inset(50%);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		word-wrap: normal !important;
	}
					
	p {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.wpcf7-submit.primery {
	width: 100%;
}