.h-lines,
.v-lines {
    position: absolute;
    top: var(--horizontal-offset, 0);
    right: var(--vertical-offset, 0);
    bottom: var(--horizontal-offset, 0);
    left: var(--vertical-offset, 0);
    transition: transform .8s ease;
    will-change: transform;
    z-index: -1
}

.h-lines::before,
.v-lines::before {
    content: "";
    position: absolute;
    border: inherit
}

.h-lines {
    --vertical-offset: calc(var(--offset) * -1);
    border-top: var(--border-size) solid currentcolor;
    border-bottom: var(--border-size) solid currentcolor;
    top: calc(var(--border-size) * -1);
    bottom: calc(var(--border-size) * -1)
}

.h-lines::before {
    top: calc(var(--vertical-offset) - var(--border-size));
    bottom: calc(var(--vertical-offset) - var(--border-size));
    left: calc(var(--offset) - var(--border-size));
    right: calc(var(--offset) - var(--border-size))
}

.v-lines {
    --horizontal-offset: calc(var(--offset) * -1);
    border-left: var(--border-size) solid currentcolor;
    border-right: var(--border-size) solid currentcolor;
    right: calc(var(--border-size) * -1);
    left: calc(var(--border-size) * -1)
}

.v-lines::before {
    top: calc(var(--offset) - var(--border-size));
    bottom: calc(var(--offset) - var(--border-size));
    left: calc(var(--horizontal-offset) - var(--border-size));
    right: calc(var(--horizontal-offset) - var(--border-size))
}

.location-info {
    background-color: rgba(81,12,17,1);
    margin: 10px;
    padding: 30px;
    display: inline-block;
    position: relative;
    z-index: 10;
    text-align: center;
    width: 40%;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.location-info p.copyable{
    cursor: pointer;
}

.location-info a{
    color: white;
}

@media only screen and (max-width: 768px) {
    .location-info {
        width: 100%;
    }
}

.location-info .neela-style {
    --offset: 9px;
    --border-size: 1px;
    color: #fff;
    position: relative;
    padding: 24px 12px
}

.location-info .neela-style .h-lines {
    border-top-color: rgba(255, 255, 255, .5);
    border-bottom-color: rgba(255, 255, 255, .5)
}

.location-info .neela-style .v-lines {
    border-left-color: rgba(255, 255, 255, .5);
    border-right-color: rgba(255, 255, 255, .5)
}

.location-info h4 {
    float: none;
    text-align: left;
    margin: 0 auto 25px;
    position: relative;
    color: #fff;
    display: inline-block;
    font-family: 'Marmelad', sans-serif;
    font-weight: 700;
    font-size: 25pt
}

.location-info h4.has-icon {
    padding-left: 80px;
    padding-top: 10px
}

.location-info h4.has-icon i {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 50pt;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: .5
}

.location-info h4 small {
    display: block;
    font-weight: 400;
    font-size: 16pt
}

.location-info h5 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15pt
}

.location-info .info-map-divider {
    position: relative;
    width: 100%;
    height: 19px;
    margin: 30px 0
}

.location-info .info-map-divider::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 19px;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='19' viewBox='0 0 140 19'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23fff' stroke-width='1.5px' d='M64,2.022L71.87,9.5,64,16.976,56.132,9.5Z'/%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23fff' stroke-width='1.5px' d='M70,2.022L77.882,9.5,70,16.976,62.119,9.5Z'/%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23fff' stroke-width='1.5px' d='M77,2.022L84.869,9.5,77,16.976,69.13,9.5Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M90.014,10.017V9H389v1.017H90.014Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M-245,10.017V9H50.986v1.017H-245Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: .5
}

.location-info p {
    margin: 0;
    /*font-style: italic;*/
    font-weight: 300
}

.qr-code-image {
	max-width: 150px;
    display: block;
    margin: auto;
}

.fs-5 {
    font-size: 1.25rem!important;
}

.section-title::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 189px;
    max-width: 189px;
    height: 24px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='189' height='26' viewBox='0 0 189 26' color='000000'><path%20fill='none'%20fill-rule='evenodd'%20stroke='%23510c11'%20stroke-width='1.5px'%20d='M86.19%2C2.362L96.98%2C13%2C86.19%2C23.634%2C75.4%2C13Z'/><path%20fill='none'%20fill-rule='evenodd'%20stroke='%23510c11'%20stroke-width='1.5px'%20d='M94.985%2C2.362L105.775%2C13%2C94.985%2C23.634%2C84.2%2C13Z'/><path%20fill='none'%20fill-rule='evenodd'%20stroke='%23510c11'%20stroke-width='1.5px'%20d='M103.78%2C2.362L114.57%2C13%2C103.78%2C23.634%2C92.991%2C13Z'/><path%20fill-rule='evenodd'%20fill='%23510c11'%20d='M120%2C14V13H523v1H120Z'/><path%20fill-rule='evenodd'%20fill='%23510c11'%20d='M-331%2C14V13H69v1H-331Z'/></svg>");
    background-blend-mode: color(var(--primary));
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 768px) {
    .location-info p {
        font-size: 12px;
    }
}

#fh5co-started{
    background: var(--primary);
    /* border: var(--primary) solid 10px; */
}

#fh5co-started .overlay{
    /* background-color: rgba(81,12,17,0.7); */
}