/* CSS Document */

.is-style-mary-spacer-triangle-top {
	position: relative;
	z-index: 0;
	height: 20vw !important;
	margin-top: -15vw !important;
}

.is-style-mary-spacer-triangle-top::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20vw;
  background: #000;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  z-index: 0;
}

.is-style-mary-spacer-triangle-top > * {
  position: relative;
  z-index: 1;
}

.is-style-mary-spacer-triangle-bottom {
	position: relative;
	z-index: 0;
	height: 20vw !important;
	margin: 0 !important;
}

.is-style-mary-spacer-triangle-bottom::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20vw;
  background: #000;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  z-index: 0;
}

.is-style-mary-spacer-triangle-bottom > * {
  position: relative;
  z-index: 1;
}


.is-style-mary-image-first {
	position: relative;
	z-index: 10;
	width: 100%;
	max-width: 800px;
	height: auto;
	padding: 20px;
	margin: 0 auto 0 auto;

}

.is-style-mary-image-first img {
	position: relative;
	width: 100%;
	max-width: 800px;
	height: auto;
	border-radius: 50px;
}

.is-style-mary-group-container {
  display: flex;
  flex-direction: column; /* only 1 colunn */
  justify-content: center;  /* horizontally centre */
  width: 100%;
  color: #FFF;
  background: #000;	
  margin: 0 !important;

}

.is-style-mary-group-container-white {
  display: flex;
  flex-direction: column; /* only 1 colunn */
  justify-content: center;  /* horizontally centre */
  width: 100%;
  color: #000;
  margin: 0 !important;

}

.is-style-mary-group-content {
	display: block;
	width: 100%;
	max-width: 800px;
	padding: 50px;
	text-align: center;
}

.is-style-mary-group-content a,
.is-style-mary-group-content a:active,
.is-style-mary-group-content a:visited {
	color: #FFF;
}


.is-style-mary-group-gallery {
	display: block;
	width: 100%;
	max-width: 800px;
	text-align: center;
	padding: 100px 20px 100px 20px;
}


.is-style-mary-group-box {
	display: block;
	z-index: 5;
	width: calc(100% - 40px);
	max-width: 800px;
	margin: 20px;
	text-align: center;
	background: #B60209;
	border-radius: 50px;
	padding: 50px;
	font-size: 1.5em;
}

.is-style-mary-group-box-contact-top {
	display: block;
	z-index: 5;
	width: calc(100% - 40px);
	max-width: 800px;
	margin: 20px;
	margin-top: -10vw !important;
	text-align: center;
	background: #B60209;
	border-radius: 50px 50px 0 0;
	padding: 50px;
	font-size: 1.5em;
}

.is-style-mary-group-box-contact-top a,
.is-style-mary-group-box-contact-top a:active,
.is-style-mary-group-box-contact-top a:visited {
	color: #FFF;
}

.is-style-mary-group-box-contact-bottom {
	display: block;
	z-index: 5;
	width: calc(100% - 40px);
	max-width: 800px;
	margin: 0 20px 0 20px !important;
	text-align: center;
	background: #FFF;
	color: #B60209;
	border-radius: 0 0 50px 50px;
	padding: 50px;
	font-size: 1.5em;
}

.is-style-mary-cover-contact {
	width: 200px;
	height: 200px;
	margin-top: -170px !important;
	border-radius: 50%;
}