/* Scss Document */

@import 'reset';
@import 'variables';
@import 'header';
@import 'footer';
@import 'location';
@import 'contact';

body {
	font-family: $font2;
	overflow-x: hidden;
	}
a {
	&:hover {
		cursor: pointer;
		}
	}
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	}
	
#main-bg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	img {
		max-width: 100%;
	}
}
h1.mid {
	text-align: center;
	color: #000;
	font-size: 36px;
	margin: 30px;
}
.mid-call {
	width: 90%;
	background: $blue;
	color: #fff;
	padding: 10px;
	margin: 20px auto;
	h1 {
		font-size: 24px;
		margin: 10px;
		border-bottom: 1px solid #000;
		padding-bottom: 5px;
	}
	p {
		font-size: 15px;
		margin: 5px 10px;
		padding-top: 5px;
	}
}
#part-srch-sec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: $blue;
	padding: 2rem;
	.search-sec {
		margin: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		a {
			text-decoration: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
			h1 {
			font-size: 24px;
			margin: 10px 0;
			text-align: center;
			color: #fff;
				&:hover {
					color: #eee;
				};
			}
		}
	}
}

.slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 20px 0;
	.img-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		img {
			width: 25vw;
			height: 25vw;
			margin: 10px;
			max-width: 259px;
			max-height: 259px;
		}
	}
}

main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #eee;
	padding: 2rem;
	color: $grey;
	text-align: center;
	&.left {
		text-align: left;
	}
	h1 {
		font-size: 34px;
		margin: 15px;
	}
	p {
		line-height: 1.6;
		max-width: 88ch;
		margin: 15px auto;
	}
	h2 {
		margin: 15px;
		font-size: 28px;
	}
	ul {
		li {
			line-height: 1.6;
		}
	}
}

#map {
	iframe {
		width: 100%;
		height: 450px;
	}
}

.main-gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 1rem 0;
	.gallery-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		img {
			width: 35vw;
			height: 22vw;
			margin: 10px;
			&.active {
				position: fixed;
				top: 60%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				    -ms-transform: translate(-50%, -50%);
				        transform: translate(-50%, -50%);
				height: 55vw;
				width: 75vw;
			}
		}
	}
}

@media all and (max-width: 767px) {
	#part-srch-sec {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		.search-sec {
			margin: 15px;
		}
	}
	.slider {
		.img-row {
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			img {
			width: 40vw;
			height: 40vw;
			max-width: 40vw;
			max-height: 40vw;
			}
		}
	}
	.main-gallery {
		.gallery-row {
			img {
				width: 90vw;
				height: 50vw;
				pointer-events: none;
			}
		}
	}
}