main {
	position: relative;
	width:100%;
	z-index: 1;
	box-shadow: 0 -2px 5px #ccc;
}
	#main {
		width:100%;
		background: #fff;
	}
		#main_block {
			width:100%;
			max-width: 1200px;
			margin:0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			#main_block_content {
				width:100%;
				max-width: 1000px;
				padding: 75px 0;
			}
				.main_block_content_post {
					width:calc(32% - 20px);
					padding: 20px 10px;
					float: left;
					text-align: center;
					transition: box-shadow 0.2s;
				}
				.main_block_content_post:hover {
					box-shadow: 0 0 5px 1px #ccc;
				}
				.main_block_content_post:nth-of-type(2) {
					margin: 0 2%;
				}
					.main_block_content_post > div {
						position: relative;
						width:160px;
						height:160px;
						border-radius: 50%;
						display: block;
						margin:0 auto;
						overflow: hidden;
					}
						.main_block_content_post > div > img {
							width:120px;
							height:120px;
							padding: 20px;
						}
					.main_block_content_post > h3 {
						font:1.4em "OpenSans";
					}
					.main_block_content_post > h3:not([name="border"]) {
						margin-bottom: 20px;
					}
					.main_block_content_post > h3[name="border"]:after {
						content: '';
						width:40px;
						height:2px;
						background: #6196ad;
						display: block;
						margin:10px auto;
					}
					.main_block_content_post > p {
						font: 0.9em "OpenSans";
						width:calc(100% - 10px);
						height:75px;
						overflow: hidden;
						padding: 0 5px;
						text-align: justify;
						text-align-last: center;
						margin-bottom: 20px;
					}
					.main_block_content_post > a {
						padding: 10px 25px;
						border:none;
						font:0.9em "OpenSansSB";
						background: transparent;
						color: #6196ad;
						border:solid 2px #6196ad;
						text-decoration: none;
						display: inline-block;
						cursor:pointer;
						transition: background 0.2s, color 0.2s, transform 0.2s;
					}
					.main_block_content_post > a:hover {
						background: #6196ad;
						color: #fff;
					}
					.main_block_content_post > a:active {
						transform: scale(0.9);
					}
	#gallery {
		width:100%;
		height:400px;
		padding: 75px 0;
		background: #eee;
	}
		#gallery_block {
			width:100%;
			max-width:1000px;
			height:100%;
			margin: 0 auto;
			overflow: hidden;
		}
			.gallery_block_half {
				height:100%;
				float: left;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#gallery_block_image {
				width:400px;
				margin-right: 40px;
			}
			#gallery_block_text {
				width:calc(100% - 400px - 40px);
			}
				#gallery_block_image > div {
					position: relative;
					width:350px;
					height:350px;
					border-radius: 50%;
					margin:25px;
					overflow: hidden;
				}
					#gallery_block_image > div > img {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						min-width: 100%;
						/* max-width: 140%; */
						min-height: 100%;
						max-height: 140%;
						display: block;
					}
				
				#gallery_block_text_block {
					width:100%;
				}
					#gallery_block_text_block > h3 {
						font:2.4em "OpenSansB";
					}
					#gallery_block_text_block > span {
						font:1.4em "OpenSans";
						color: #aaa;
						display: block;
					}
					#gallery_block_text_block > span:after {
						content: '';
						width:40px;
						height:2px;
						background: #6196ad;
						margin: 15px 0;
						display: block;
					}
					#gallery_block_text_block > p {
						font:1em "OpenSans";
						margin-bottom: 20px;
					}
					#gallery_block_text_block > a {
						font:0.8em "OpenSansSB";
						width:80px;
						text-align: center;
						color: #6196ad;
						text-decoration: none;
						padding: 8px 15px;
						border:solid 2px #6196ad;
						background: transparent;
						transition: background 0.2s, color 0.2s, transform 0.2s;
						cursor: pointer;
						display: flex;
						justify-content: center;
						align-items: center;
					}
					#gallery_block_text_block > a:hover {
						background: #6196ad;
						color: #fff;
					}
					#gallery_block_text_block > a:active {
						transform: scale(0.9);
					}
	#more {
		width: 100%;
		padding: 75px 0;
	}
		#more_block {
			width:100%;
			max-width:1000px;
			margin: 0 auto;
			overflow: hidden;
		}
			.more_block_post {
				width:32%;
				float: left;
			}
			.more_block_post:nth-of-type(2) {
				margin: 0 2%;
			}
				.more_block_post > img {
					position: relative;
					width:100px;
					height: 100px;
					padding: 10px;
					border-radius: 50%;
					background: #fff;
					margin:0 auto;
					display: block;
					z-index: 1;
				}
				.more_block_post_block {
					position: relative;
					margin-top: -60px;
					padding-top: 65px;
					padding-bottom: 20px;
					width: 100%;
					background: #eee;
					border-radius: 20px;
				}
					.more_block_post_block > h3 {
						font: 1.8em "OpenSansSB";
						text-align: center;
					}
					.more_block_post_block > p {
						font:0.9em/24px "OpenSans";
						width: calc(100% - 60px);
						margin:10px 30px;
						text-align: justify;
					}
	#contact {
		width: 100%;
		padding: 75px 0;
		background: #eee;
	}
		#contact_block {
			width:100%;
			max-width:800px;
			margin: 0 auto;
		}
			#contact_block > h3 {
				font:2.4em "OpenSansB";
				text-align: center;
			}
			#contact_block > h3:after {
				content: '';
				width:40px;
				height:2px;
				background: #6196ad;
				margin: 15px auto;
				display: block;
			}
			#contact_block > p {
				font:1em "OpenSans";
				text-align: justify;
				text-align-last: center;
				margin-bottom: 20px;
			}
			#contact_block > a {
				font:0.8em "OpenSansSB";
				width:80px;
				text-align: center;
				color: #6196ad;
				text-decoration: none;
				padding: 10px 15px;
				border:solid 2px #6196ad;
				background: transparent;
				transition: background 0.2s, color 0.2s, transform 0.2s;
				cursor: pointer;
				margin:0 auto;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#contact_block > a:hover {
				background: #6196ad;
				color: #fff;
			}
			#contact_block > a:active {
				transform: scale(0.9);
			}
			
			
.overlay {
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.popup {
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    max-width: 100%;
    max-height: 100%;
}
.popup img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: red;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 50%;
    display: none;
}