.slope-pattern-001 {
    position: relative;
}

.slope-pattern-001:before {
    position: absolute;
    content:"";
    width: 1932px;
    height: 100px;
    background: url(/images/0-exilian/pattern/01.png);
    top: -80px;
    LEFT: 0px;
    right: 0px;
    margin: auto;
    z-index: 9 !important;
}

@media(max-width:991px){
.slope-pattern-001:before {
    position: absolute;
    content:"";
    width: 1932px;
    height: 50px;
    background: url(/images/0-exilian/pattern/01.png);
    top: -50px;
}}


.slope-pattern-002 {
    position: relative;
}
.slope-pattern-002:before {
    position: absolute;
    content:"";
    width: 1932px;
    height: 100px;
    background: url(/images/0-exilian/pattern/02.png);
    top: 0px;
    LEFT: 0px;
    right: 0px;
    margin: auto;
}


.border-img-001 {
    position: relative;
}

.border-img-001:before{
    position:absolute;
    content:"";
    width: 40%;
    height: 35%;
    background: #6e0101;
    border-radius: 0px;
    right: -15px;
    bottom: -15px;
}
.border-img-001:hover:before {
    right: -8px;
    bottom: -8px;
}


.project-colum-001 {
    position: relative;
}

.project-colum-001:before{
    position:absolute;
    content:"";
    width: 48%;
    height: 42%;
    background: transparent;
    border-radius: 0px;
    left: -15px;
    border: 4px solid #fff;
    top: -15px;
    opacity: 0%;
    transition: 0.3s;
}

.project-colum-001:hover:before {
    border: 3px solid #fff;
    opacity: 100%;
}

.contact-border-001 {
    position: relative;
}

.contact-border-001:before {
    position: absolute;
    content: "";
    background: #3c0303;
    width: 3px;
    height: 90%;
    top: 0px;
    bottom:0px;
    right: -30px;
    margin: auto;
}
@media(max-width:991px){
  .contact-border-001:before {
    display:none;
  }}


.map-border-001 {
    background: #000000c9 !important;
    border: 1px solid #8b292c;
    padding: 40px 20px !important;
}