html
{
	body
	{
		letter-spacing: 2px;
	}
}


#head
{
	display: flex;
	align-items:center;
	@media(min-width:1200px)
	{
		padding-top:50px;
		padding-bottom:50px;
	}
	@media(max-width:1199px)
	{
		padding:0;

	}

	#logo
	{
		picture
		{
			display: block;
			img
			{
				display: block;
				width: 100%;
			}
		}
		@media(min-width:1200px)
		{
			width:5.2vw;
		}
		@media(max-width:1199px)
		{
			width:60px;
			order:1;
		}
	}

	#main-menu
	{
		@media(min-width:1200px)
		{
			flex:1;
			ul
			{
				display: flex;
				li
				{
					a
					{
						transition-duration:.5s;
						color:#333;
						font-size:0.83vw;
						display: block;
						padding:0.52vw 1.04vw;
						&:hover
						{
							color:$main-color;
						}
					}
				}
			}
			button
			{
				display: none;
			}
		}
		@media(max-width:1199px)
		{
			order:0;
			ul
			{
				position: absolute;
				left:0px;
				top:60px;
				background-color: #fff;
				width:100%;
				z-index:1000;
				border-top:1px solid #333;
				display: none;
				li
				{
					border-bottom: 1px solid #333;
					a
					{
						display: block;
						line-height:60px;
						color:#333;
						text-align: center;
					}
				}
			}
			button
			{
				display: block;
				width:60px;
				height:60px;
				border:0px;
				margin:0px;
				padding:0px;
				background-color: #333;
				color:#fff;
				font-size:20px;
				cursor: pointer;
			}
		}
	}
	@media(max-width:1199px)
	{
		&.active
		{
			#main-menu
			{
				ul
				{
					display: block;
				}
			}
		}
	}

	#tool-menu
	{
		display: flex;
		li
		{
			a
			{
				transition-duration:.5s;
				display: block;
				color:#333;
				&:hover
				{
					color:$main-color;
				}
			}
		}
		@media(min-width:1200px)
		{
			li
			{
				a
				{
					font-size:0.83vw;
					padding:0.52vw 1.04vw;
					
				}
			}
		}
		@media(max-width:1199px)
		{
			order:2;
			flex:1;
			justify-content:flex-end;
			li
			{
				a
				{
					padding-left:10px;
					font-size:14px;
				}
			}
		}
	}
}
/*
#head
{

	@media(min-width:1200px)
	{
		display: flex;
		align-items:center;
		padding-top:50px;
		padding-bottom:50px;
	}
	@media(max-width:11199px)
	{
		padding:0px;
				display: flex;
				align-items:center;
	}
	ul
	{
		li
		{
			a
			{
				text-decoration:none;
				transition-duration:.5s;
				color:#000;
				&:hover
				{
					color:$main-color;
				}
			}
		}
	}


	#logo
	{
		img
		{
			display: block;
			width: 100%;;
		}
		@media(min-width:1200px)
		{
			width:100px;
//			display: block;
		}
	}

	#main-menu
	{
		@media(min-width:1200px)
		{
			flex:1;
			ul
			{
				display: flex;
				margin-left:30px;
				li
				{
					padding-right:0;
					a
					{
						display: block;
						padding:10px;
						font-size:0.833vw;
					}
				}
			}
			button
			{
				display: none;
			}
		}
	}

	#tool-menu
	{
		@media(min-width:1200px)
		{
			display: flex;
			width:calc(50% - 87px);
			justify-content:flex-end;
			li
			{
				padding-left:50px;
			}
		}
	}
}

#head
{
		@media(max-width:1199px)
		{
				
				#logo
				{
						order:1;
						picture
						{
								display: block;
								width: 60px;
								img
								{
										width: 100%;
										display: block;
								}
						}
				}
				#main-menu
				{
						order:0;
						ul
						{
								display: none;
						}
						button
						{
								width:60px;
								height:60px;
								padding:0px;
								border:0px;
								background: $main-color;
								margin:0px;
								border-right:1px solid #fff;
								color:#fff;
								cursor: pointer;
						}
				}

				#tool-menu
				{
						order:2;
						display: flex;
						justify-content:flex-end;
						flex:1;
						li
						{
								a
								{
										i
										{
												width: 60px;
												height: 60px;
												display: block;
												line-height: 60px;
												text-align: center;
										}
										span
										{
												display: none;
												&.show
												{
														line-height: 60px;
														display: block;
												}
										}
								}
						}
				}
				&.active
				{
						#main-menu
						{
								ul
								{
										display: block;
										position: absolute;
										top:50px;
										width:100%;
										z-index:1000;
										background: #fff;
										border-top:1px solid $main-color;
										border-bottom:1px solid $main-color;
										li
										{
												border-bottom:1px solid #f1f1f1;
												&:last-child
												{
														border-bottom: 0px;
												}
												a
												{
														display: block;
														text-align: center;
														padding:20px 0;
												}
										}
								}
						}
				}
		}
}
*/
#body
{
		padding-bottom:100px;
		header
		{
				.breadcrumb
				{
						margin-bottom:30px;
						display: flex;
						flex-wrap: wrap;
						color:#9E9E9E;
						font-size:13px;
						@media(max-width:1199px)
						{
								padding-top:30px;
						}
						li
						{
								line-height: 1.2rem;
								&::after
								{
										content:' > ';
										padding-left: 3px;
										padding-right: 3px;
								}
								a
								{
										color:#9E9E9E;
										transition-duration:0.5s;
										&:hover
										{
												color:$main-color;
										}
								}
								&:last-child
								{
										&::after
										{
												display: none;
										}
								}
						}
				}
				h1
				{
						font-size:1.6em;
						font-weight: 600;
						margin-bottom: 30px;
						line-height: 2rem;

				}
		}

}

#foot-contact
{
		text-align: center;
//    background: #F9F6EA;
		padding-top:100px;
		padding-bottom:100px;
		border-bottom: 1px solid #E0E0E0;
		h3
		{
//        font-weight: 600;
				font-size:1.5em;
				margin-bottom:20px;
		}
		p
		{
				line-height: 150%;
				margin-bottom: 20px;
		}
		a
		{
				color:$main-color;
				letter-spacing: 5px;
		}
}

#foot
{
//    background: #F9F6EA;
		padding-top:50px;
		padding-bottom:50px;

		.left
		{
				h5
				{
						font-size:1.1em;
						margin-bottom: 20px;
				}
				ul.contact-menu
				{
						margin-bottom:10px;
						li
						{
								padding:5px 0;
								a
								{
										color:#222;
								}
						}
				}
				ul.socil-menu
				{
						display: flex;
						li
						{
								a
								{
										display: block;
										padding:10px;
										color:#222;
								}
						}
				}
		}
		.right
		{
				.foot-menu
				{
						display: flex;
						justify-content:flex-end;
						li
						{
								a
								{
										color:#222;
										padding-left: 10px;
								}
						}
				}
				.copyright
				{
						color:#ccc;
						font-size:12px;
						a
						{
								color:#ccc;
						}
				}
		}
		@media(min-width:980px)
		{
				display: flex;
				.left,.right
				{
						width:50%;
				}
				.right
				{
						position: relative;
						p.copyright
						{
								position: absolute;
								right:0px;
								bottom:0px;
						}
				}
		}
		@media(max-width:979px)
		{
				padding-bottom:0px;
				.left
				{
						ul.socil-menu
						{
								display: flex;
								justify-content:center;
								margin-bottom: 20px;
						}
				}
				.right
				{
						ul.foot-menu
						{
								margin-bottom:10px;
								justify-content:flex-start;
								flex-wrap: wrap;
								li
								{
										width: 50%;
										a
										{
												padding:10px;
												display: block;
												text-align: center;
										}
								}
						}
						.copyright
						{
								text-align: center;
						}
				}
		}
}