.container {
	width: 100%;
	position: relative;
	max-width: none;
	margin-left: 0;
}
.hidden {
	position: fixed;
	z-index: -1500;
}
.parallax-mirror {
    z-index:1
}
.parallax-window {
	background: transparent;
	min-height: 80vh;
}
.tagbox {
	display: flex;
	height: 20vh;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: auto;
	justify-content: space-evenly;
	margin: 0 auto;
	padding-top: 6vh;
	background-color: #F4f4f4;
	max-width: none;
}
.tag {
	font-family: 'Lato';
	font-size: 4.3em;
	font-variant-caps: all-small-caps;
	font-weight: 300;
	margin: 0;
	color: #333;
}
.tagbox p {
	color: #BAA254;
}
.tagbox a {
	text-decoration: none;
}
.tagbox p::after {
	content: '';
    display: block;
	transform: scaleX(0); 
    height: 2px;
    background: #BAA254;
    transition: transform .3s ease-in-out;
    transform-origin: 0% 50%;
}
.tagbox p:hover::after{
	transform: scaleX(1);
	transform-origin: 100% 50%;
}

/*Sections*/

section {
	height: 100vh;
	background-color: #373737;
	color: white;
	font-family: 'Lato';
	display: flex;
}

section p {
	text-align: justify;
	font-size: 1.3em;
	font-weight: 300;
}

.moha h1 {
	font-weight: bolder;
	color: #D2BA6A;
	margin-bottom: 20px;
}
.moha h1::after {
    content: '';
    display: block;
	transform: scaleX(1); 
    height: 2px;
    background: #BAA254;
}
div.seven {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding: 0px 30px;
}
.moha .five {
	display: flex;
	height: 100%;
	background: url('../images/sketch.jpg')no-repeat center;
	background-size: cover;
}
.temple {
	justify-content: flex-end;
	margin: 0 auto;
	/*background: url('../images/guru.jpg')no-repeat center;
	background-size: cover;
	background-attachment: fixed;*/
}
.temple .columns {
	text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding: 0px 30px;
	z-index: 1;
}
.temple h2 {
	font-variant-caps: all-small-caps;
	padding-right: 1em;
	line-height: 112px;
}
.temple h5 {
	padding-right: 1.8em;
}
.temple h5::before {
	content: '';
    display: block;
	transform: scaleX(1); 
    height: 1px;
    background: white;
    margin-bottom: 10px;
}
.temple .line1 {
	font-size: 3em;
	font-weight: 200;
}
.temple .line2 {
	font-size: 2.5em;
	font-weight: 800;
	letter-spacing: 2px;
}
.temple .line3 {
	font-size: 2.6em;
	font-weight: 300;
	line-height: 87px;
}
.overlay {
	height: 100vh;
	width: 100%;
	transition: opacity .3s ease-in-out;
	position: absolute;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.75)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );
}
.overlay-right {
	height: 100vh;
	width: 100%;
	transition: opacity .3s ease-in-out;
	position: absolute;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-gradient(right top, left top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.75)));
	background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -o-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -ms-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );
}
.gallery .overlay {
	width: 50%;
}

.spec {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;
	text-align: center;
	background: rgba(0,0,0,.8);
	min-height: 110vh;
}
#table h2{
	color: white;
	text-align: center;
	margin: 1em;
}
.cards {
	width: 100%;
	display: flex;
	justify-content: center;
}
.card img {
	border: 4px solid #BAA254;
	border-radius: 50%;
	transition: .2s padding ease-in-out;
	margin-bottom: 2em;
}
.card img:hover {
	padding: .6em;
}
.card p {
	font-size: 1.1em;
	text-align: center;
}
.card {
	margin: 0 3em;
	max-width: 10%;
}
#table {
	margin: 0 auto;
	padding: 3em;
	transition: 2s height ease-in-out;
	background: #373737;
	background-size: cover;
	background-attachment: fixed;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}
#table h3,.spec h3 {
	font-size: 4em;
	font-weight: 400;
	color: white;
}
#table h3::after,.spec h3::after {
	content: '';
    display: block;
	transform: scaleX(1); 
    height: 2px;
    background: #BAA254;
}
#table table {
	width: 80%;
	margin: 1em auto;

}
.no-border {
	border: none;
}
tr {
	transition: color .2s ease-in-out;
}
tr:hover {
	color: #baa354;
}
.location {
	min-height: 50vh;
	flex-flow: row;
}
iframe {
	height: 100%;
	width: 100%;
}

.gallery {
	flex-direction: row;
	padding: 2em 0;
}
.my-gallery figure {
	margin-bottom: 3em;
}
.half {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 2em;
}
.half h5 {
	z-index: 2;
	font-size: 3.8em;
	font-weight: 500;
	transition: font-size .3s ease-in-out;
	font-variant-caps: all-small-caps;
}
.half:hover > h5 {
	font-size: 3.8em;
}
.half:hover > .overlay {
	opacity: .0;
}
.half h5::after {
	content: '';
    display: block;
	transform: scaleX(0); 
    height: 2px;
    background: #BAA254;
    transition: transform .3s ease-in-out;
    transform-origin: 0% 50%;
}
.half h5:hover::after{
	transform: scaleX(1);
	transform-origin: 100% 50%;
}

.about {
	background: #f4f4f4;
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80vh;
}
.about h3 {
	color: #BAA254;
	font-weight: 400;
	font-size: 4em;
}
.directors {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.directors div {
	flex-direction: column;
	max-width: 20%;
}
.directors p {
	text-align: center;
}
.directors img {
	max-width: 100%;
}

.about .columns {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-direction: column;
	height: 100%;
}
.links {
	margin-right: 1em;
}
/*Gallery*/
.modal {
	display: none;
}

/*Contact*/
.contact {
	align-items: center;
	justify-content: center;
}
.info {
	text-align: right;
}
.form {
	justify-content: center;
	background-color: #373737;
	align-items: center;
	box-shadow: inset 2px 0px 17px #111;
}
#Email-error {
	display: inline-block;
}
form.c {
	max-width: 70%;
	margin: 0 auto;
	/*display: none;*/
}
form.cdo > * {
	margin: 1em 0;
}
.confirmation {
	font-size: 2em;
	display: none;
}

.info h4 {
	font-weight: 500;
	text-align: justify-all;
	flex-basis: 100%;
	flex-shrink: 0;
	line-height: 0.95;
	margin-right: 1em;
}
.info .l1 {
	font-size: 4em;
	font-weight: 200;
}
.info .l2 {
	font-size: 6em;
}
section.contact {
	align-items: center;
	background: #BAA254;
	justify-content: center;
}
textarea.input{
	background:none;
	border-style: none;
	border-radius: 0px;
	border-bottom: solid 2px #BAA254;
	color: white;
	transition: .3s border-bottom ease-in-out;
	min-width: 100%;
	max-width: 100%;
}
textarea.input:focus {
	border-style: none;
	border-bottom: solid 2px white;
}
input.input{
	background:none;
	border-style: none;
	border-radius: 0px;
	border-bottom: solid 2px #BAA254;
	color: white;
	transition: .3s border-bottom ease-in-out;
	min-width: 100%;
	max-width: 100%;
}
input.input:focus {
	border-style: none;
	border-bottom: solid 2px white;
}
input.button {
	border: solid white 2px;
	color: white;
	transition: all .2s ease-in-out;	
	border-radius: 6px;
}
input.button:hover {
	border: solid white 2px;
	color: #BAA254;
	background-color: white;
	border-radius: 6px;
}

form .error {
	font-family: 'Lato';
	font-weight: lighter;
	color: #ffffff;
}
.download {
	align-self: flex-end;
	color: #BAA254;
	border: none;
	max-width: none;
	transition: background-color .3s ease-in-out;
	margin-top: 2em;
}
.download:hover {
	color: #baa254;
	background-color: white;
}
.map {
	background: url('../images/map.jpg')no-repeat;
	height: 100%;
	background-size: contain;
	background-position: center;
}
.map img {	
	max-height: 100%;
	visibility: hidden;
}

@media (max-width: 1090px)  {
	.card {
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		max-width: 100%;
		display: flex;
	}
	.card img {
		max-width: 30%;
		float: left;
	}
	.card p {
		float: right;
		text-align: right;
	}
	section,.gallery,#table {
		padding: 5em 0px;
		flex-direction: column;
		height: inherit;
	}
	.overlay {
		display: none;
	}
	.half {
		width: 100%;
	}
	.temple h2, h5 {
		text-align: center;
		padding: 0;
	}
	.info h4 {
		text-align: left;
	}
	.info {
		padding: 1em 0em;
	}
	.contact {
		padding: 0;
	}
	div.form {
		padding: 3em 0em;
	}
	form {
		max-width: 90%;
	}
	.cards {
		flex-direction: column;
		align-items: center;
		padding: 1em 0em;
	}
	#table {
		padding: 5em 0;
	}
	#table h3 {
		font-size: 2em;
		text-align: center;
	}
  	.tag {
  		font-size: 2.0em;
  		text-align: center;
  	}
  	.moha .five {
  		display: none;
  	}
  	.moha p,.about p {
  		font-size: 1.1em;
  		padding: 0 1em;
  	}
  	.moha {
  		text-align: center;
  	}
  	.gallery {
  		width: 100%;
  	}
  	.half {
  		padding: 0;
  	}
  	.tagbox p {
  		font-size: .7em;
  	}
  	.tagbox {
  		height: 5em;
  	}
  	.hero {
  		max-height: 50vh;
		background-position: top;
		background-size: 214vw;
		background-repeat: no-repeat;
  	}
  	.container {
  		width: 100%;
  		padding: 0 0;
  	}
  	iframe {
  		min-height: 60vh;
  	}
  	.location {
  		background: #fff2df;
  		align-items: center;
  		flex-direction: column;
  	}
  	div.addresses {
  		flex-direction: column;
  		width: 70%;
  	}
  	.addresses div {
  		width: 100%;
  		justify-content: flex-start;
  	}
  	.addresses .digital {
  		width: 100%;
  		align-items: flex-start;
  	}
  	div.copy {
  		flex-direction: column;
  		justify-content: space-between;
  		opacity: 1;
  	}
  	.footer-logo {
  		margin-bottom: 2em;
  	}

  	.directors div {
		max-width: 40%;
	}
	.download {
		margin: 0;
	}
	.location {
		/*flex-direction: column;*/
	}
	.map img {
		max-width: 80%;
		margin: 0 auto;
	}
}