* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: var(--primary-color);
}

h1 {
	font-weight: 300;
	font-size: 60px;
	line-height: 1.2;
	margin-bottom: 15px;
}

.showcase {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 0 20px;
}

.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--primary-color) url('./https://traversymedia.com/downloads/cover.jpg') no-repeat center
		center/cover;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.video-container:after {
	content: '';
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
}

.content {
	z-index: 2;
}

.btn {
	display: inline-block;
	padding: 10px 30px;
	background: var(--primary-color);
	color: #fff;
	border-radius: 5px;
	border: solid #fff 1px;
	margin-top: 25px;
	opacity: 0.7;
}

.btn:hover {
	transform: scale(0.98);
}

#about {
	padding: 40px;
	text-align: center;
}

#about p {
	font-size: 1.2rem;
	max-width: 600px;
	margin: auto;
}

#about h2 {
	margin: 30px 0;
	color: var(--primary-color);
}

.social a {
	margin: 0 5px;
}





body {
  font-family: sans-serif;
  background: #f2f2f2;
   margin: 0 auto;
}
content {
  width: 400px;
    margin: 0 auto;
}
child-page-listing {
   margin: 0 auto;
}
img {
  width: 600px; /* need to overwrite inline dimensions */
  height: auto;
}
h2 {
  margin-bottom: 2em;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 3em;
  max-width: 2000px;
  align-content: center;
}

/* home page banner */
.image{
  width: 100%;
  max-width: 1000px;
  animation: up-down 1.4s infinite ease-in-out alternate;
}

.text-block {
  position: absolute;
  bottom: 50%;
  right: 45%;
  color: white;
  padding-left: x;
  padding-right: 20px;
  font-size: 25px;
}

@keyframes up-down{
  from{
    transform: translatey(0px);
  }
  to{
    transform: translatey(-10px);
  }
}


/* hover styles */
.location-listing {
  position: relative;
}

.location-image {
  line-height: 0;
  overflow: hidden;
}

.location-image img {
  filter: blur(0px);
  transition: filter 0.3s ease-in;
  transform: scale(1.1);
}

.location-title {
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .5s;
  background: rgba(0,71,187,0.4);
  color: white;

  /* position the text in t’ middle*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.location-listing:hover .location-title {
  opacity: 1;
}

.location-listing:hover .location-image img {
  filter: blur(2px);
}


/* for touch screen devices */
@media (hover: none) {
  .location-title {
    opacity: 1;
  }
  .location-image img {
    filter: blur(2px);
  }
}




.cover-header {
	display: none;
}

.MET-section-title {
    letter-spacing: 3px;
    font-family: "Helvetica Now Display Light";
    margin-top: 3rem;
    margin-bottom: 0;
}

.MET-big-tagline {
    position: absolute;
    bottom: 0;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    font-size: 13pt;
    line-height: 150%;
    margin-bottom: 0;
}

h1.entry-title,
h2.entry-title {
	display: none;
}

.MET-home-bottom-slider {
	font-family: "Helvetica Now Display Light";
	letter-spacing: 1px;
	text-align: left;
	padding: 2rem;
}

#sample_slider_slide03 {
	padding: 6rem;
}

.MET-tile-3-middle-slider {
	font-family: "Helvetica Now Display Light";
	font-size: 3.57rem;
	line-height: 1.2;
	letter-spacing: 3.65pt;
	color: #1F3B90;
	padding: 2% 0;
}

.MET-content-3-middle-slider{
	font-family: "Helvetica Now Display Light";
	font-size: 1.41rem;
	line-height:1.65;
	letter-spacing:0.85pt;
	padding-top: 2%;
}

@media (max-width: 999px) {
	.MET-big-tagline {
		position: relative;
		padding: 0 0 7% 0;
		text-align-last: left;
		margin-left: 25%;
	}

	.MET-home-bottom-slider {
		font-size: 17pt;
	    float: none;
	    max-width: 100%;
	    padding: 1rem;
	}

	.MET-section-title {
	    margin-top: 1rem;
	}

	.entry-content {
		padding-bottom: 10%;
	}

	.MET-top-slider-text-1 {
		position: absolute;
    	top: 50%;
    	left: 50%;
    	padding: 0;
	}

	.MET-middle-slider {
		margin: 4rem 0;
	}
}

@media (max-width: 767px) {
	#sample_slider_slide03,
	#sample_slider_slide02,
	#sample_slider_slide01 {
		margin: 0 !important;
	}

	.MET-left-padded {
		padding-left: 20%;
		padding-bottom: 10%;
	}

	.MET-section-title {
	    font-size: 21.74pt;
	    padding-left: 0;
	}
}

@media (max-width: 500px) {

	.MET-big-tagline {
    	margin-bottom: 2rem;
	}

	.MET-left-padded {
		padding-left: 5%;
	}

	.MET-top-slider-text-1 {
	    position: absolute;
	    top: 45%;
	    left: 25%;
	}
}

@media (min-width: 1000px) {

	.MET-home-bottom-slider {
		font-size: 17pt;
		max-width: 50%;
		float: left;
	}

	.MET-top-slider-text-1 {
		position: absolute;
    	top: 50%;
    	left: 55%;
	}
}

@media (max-width: 380px) {
	#sample_slider_slide03 {
	    padding: 1.5rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3rem;

	}

	.MET-content-3-middle-slider {
		font-size: 1.2rem;
	}

	.MET-big-tagline {
	    margin-left: 20%;
	}
}

@media (min-width: 381px) and (max-width: 415px) {
	#sample_slider_slide03 {
	    padding: 2.8rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3.4rem;

	}

	.MET-content-3-middle-slider {
		font-size: 1.2rem;
	}
}

@media (min-width: 416px) and (max-width: 534px) {
	#sample_slider_slide03 {
	    padding: 4rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3.5rem;

	}

	.MET-content-3-middle-slider {
		font-size: 1.5rem;
	}
}

@media (min-width: 535px) and (max-width: 641px) {
	#sample_slider_slide03 {
	    padding: 6rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 5rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.7rem;
	}

	.MET-top-slider-text-1 {
		left: 25% !important;
	}
}

@media (min-width: 642px) and (max-width: 767px) {
	#sample_slider_slide03 {
	    padding: 4rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 2.5rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.5rem;
	}
}

@media (min-width: 1220px) {
	.entry-content {
	    position: absolute;
    	bottom: 0;
	}
}

@media (min-width: 642px) and (max-width: 769px) {
	#sample_slider_slide03 {
		padding: 2.2rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.2rem;
	}

	.MET-section-title {
	    font-size: 21pt;
	    padding-top: 1rem;
	}

	.MET-top-slider-text-1 {
		position: absolute;
    	top: 50%;
    	left: 25%;
    	padding: 0;
	}
}

@media (min-width: 770px) and (max-width: 824px) {
	#sample_slider_slide03 {
		padding: 2.7rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3.5rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.2rem;
	}
}

@media (min-width: 825px) and (max-width: 961px) {
	#sample_slider_slide03 {
		padding: 3rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3.5rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.5rem;
	}
}

@media (min-width: 962px) and (max-width: 1023px) {
	#sample_slider_slide03 {
		padding: 2.7rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.1rem;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.MET-section-title {
		font-size: 33pt;
		margin-top: 4rem;
	}

	#slider_219 {
		padding-top: 20%;
	}
}

@media (min-width: 1024px) and (max-width: 1199px) {
	#sample_slider_slide03 {
		padding: 2.4rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.5rem;
	}
}

@media (min-width: 1200px) and (max-width: 1455px) {
	#sample_slider_slide03 {
		padding: 3rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3.4rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.3rem;
	}
}

@media (min-width: 1456px) and (max-width: 1922px){
	#sample_slider_slide03 {
		padding: 4rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 3rem;
		padding-bottom: 1rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.8rem;
	}
}

@media (min-width: 1456px) and (max-width: 1661px){

	.MET-content-3-middle-slider {
		font-size: 1.5rem;
	}
}

@media (min-width: 1662px) and (max-width: 1771px){

	.MET-content-3-middle-slider {
		font-size: 1.7rem;
	}
}

@media (min-width: 1772px) and (max-width: 1922px){

	.MET-content-3-middle-slider {
		font-size: 1.8rem;
	}
}

@media (min-width: 1923px){
	#sample_slider_slide03 {
		padding: 6rem !important;
	}

	.MET-tile-3-middle-slider {
		font-size: 5rem;
		padding-bottom: 1rem;
	}

	.MET-content-3-middle-slider {
		font-size: 1.8rem;
	}

	.MET-section-title {
		margin-top: 3rem;
	}
}

.white #sample-slider .owl-carousel .sa_owl_theme .owl-loaded .owl-nav button.owl-prev,
.white #sample-slider .owl-carousel .sa_owl_theme .owl-loaded .owl-nav button.owl-next {
	background-color: rgba(255,255,255,0)!important;
}

@media (min-width: 1000px) and (max-width: 1700px) {
	.MET-home-bottom-slider {
		font-size: 15pt;
	    max-width: 75%;
	    padding-top: 5rem;
	}
}

.image{
  width: 100%;
  max-width: 1000px;
  animation: up-down 1.4s infinite ease-in-out alternate;
}

.text-block {
  position: absolute;
  bottom: 50%;
  right: 45%;
  color: white;
  padding-left: x;
  padding-right: 20px;
  font-size: 25px;
}

@keyframes up-down{
  from{
    transform: translatey(0px);
  }
  to{
    transform: translatey(-10px);
  }
}