/* SLIDE SHADE STARTS HERE */
.lshade {
visibility: hidden;
transition: 1s ease;
position: fixed;
opacity: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.8);
z-index: 12;
}
/* SLIDE SHADE ENDS HERE */
/* LOCATION SLIDE STARTS HERE */
.loc-slide {
height: 100%;
width: 100%;
opacity: 0;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
position: fixed;
z-index: 20;
top: 0;
left: 100%;
background-color: #ffffff;
transition: 0.5s;
overflow-x: hidden;
}

.lslidetop { padding: 40px 5%; margin: 0; }
.lslideclosebtn { font-size: 20pt; text-align: right; padding-right: 0px; cursor: pointer; }
.lslideclosebtn a { text-decoration: none; transition: 0.2s; color: #000000; }
.lslideclosebtn a:hover, .closebtn a:focus { color: #666666; }

.lslidehead {
margin: 0;
padding: 20px 0px 10px 0px;
vertical-align: top;
text-decoration: none;
font-size: 28pt;
line-height: 30pt;
letter-spacing: -1px;
transition: 0.3s;
color: #000000;
}

.lslidetitle { font-size: 15pt; line-height: 19pt; color: #000000; vertical-align: top; margin: 0; padding: 0; }
.lslidetitle a:link { color: #000000; text-decoration: underline; }
.lslidetitle a:visited { color: #000000; text-decoration: none; }
.lslidetitle a:hover { color: #666666; text-decoration: none; }

.lslidegrid { width: 100%; padding: 0 0 50px 0; margin: 0; }

.lslidepic {
vertical-align: top;
padding: 0;
margin: 0 auto;
width: 90%;
}

.iframe-container {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
border-radius: 15px;
}

.resp-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
/* LOCATION SLIDE ENDS HERE */