body{
  position: relative;
}
.massiveImages {
  height: 100vh !important;
  width: auto !important;
  overflow: hidden !important;
}

.massiveImages img {
  height: 100% !important;
  width: auto !important;
  max-width: none !important;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
 
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fefefe;
    /* margin: auto; */
    padding: 0;
    width: 80%;
    height: 100%;
    /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); */
    /* -webkit-animation-name: animatetop; */
    /* -webkit-animation-duration: 0.4s; */
    /* animation-name: animatetop; */
    /* animation-duration: 0.4s; */
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: rgb(0, 0, 0);
  float: left;
  font-size: 28px;
  font-weight: bold;
  padding-left: 20px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.videoModal {
    display: none;
    position: fixed;
    z-index: 99;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.video-contact {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 70%;
}



/* 

*/

#modal h5{
	background:#0098DA;
	color:#fff;
	padding:10px;
 margin-top:0px;
	border-radius:3px;
  font-family:"Lucida sans unicode";
}
#modal {
    display: none;
    position: fixed;
    background-color: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    width: 80%;
    height: 600px;
  }
.modal-bg{
  display:none;
	cursor:pointer;
	position:fixed;
 left:0;right:0;
 top:0;bottom:0;
	z-index:100;
	background-color:rgba(44, 51, 53, 0.5);
}

.button{
	font-size:15px;
	background:transparent;
	border-radius:5px;
  border-bottom:3px solid transparent;
	padding:10px 10px 7px;
	color:#001df7;
}

.close{
  float:right;
  text-decoration:none;
  font-family:'arial';
  font-size:22px;
  margin: 3px 8px 0 0;
}