#portfolio, #footer-outer {
    z-index: 9;
}
#filters {
    z-index: 1000;
}
/* ========== Menu ========== */
.lines-menu {
    font-size: 16px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: default;
}
/* ========== Main Links ========== */
.lines-menu ul {
    display: inline-block!important;
    margin: 0;
    padding: 0;
    list-style: none;
}
.lines-menu li {
    display: inline-block!important;
    position: relative;
    margin: 0 5px;
}
.lines-menu > ul> li:last-child {
    display: none!important;
}
.lines-menu .menu-split-line {
    width: 8px;
    height: 1px;
    margin-top: -6px;
    float: left;
    background: #444;
}
.lines-menu a {
    display: block;
    height: 34px;
    position: relative;
    padding: 0 15px!important;
    line-height: 34px!important;
    color: #fff!important;
    text-decoration: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.lines-menu a {
	line-height: 36px;
}}
/* ========== Lines ========== */
.lines-menu .menu-line {
    position: absolute;
    background: #fff;
    -webkit-transition: width 220ms ease-out 20ms, height 220ms ease-out 20ms;
    -moz-transition: width 220ms ease-out 20ms, height 220ms ease-out 20ms;
    -o-transition: width 220ms ease-out 20ms, height 220ms ease-out 20ms;
    transition: width 220ms ease-out 20ms, height 220ms ease-out 20ms;
    visibility: visible;
}
.lines-menu .line-top,
.lines-menu .line-bottom {
    width: 0;
    height: 1px;
}
.lines-menu .line-left,
.lines-menu .line-right,
.lines-menu .line-connect-v {
    width: 1px;
    height: 0;
}
.lines-menu .line-top    { top:    0; }
.lines-menu .line-bottom { bottom: 0; }
.lines-menu .line-left   { left:   0; }
.lines-menu .line-right  { right:  0; }
.lines-menu .line-p-top    { top:    0; }
.lines-menu .line-p-bottom { bottom: 0; }
.lines-menu .line-p-left   { left:   0; }
.lines-menu .line-p-right  { right:  0; }
.lines-menu .line-p-auto   { margin: auto; }
.lines-menu .line-p-top-extend    { top:    -19%; }
.lines-menu .line-p-bottom-extend { bottom: -19%; }
.lines-menu .line-p-left-extend   { left:   -6%;  }
.lines-menu .line-p-right-extend  { right:  -6%;  }
.lines-menu .line-connect-v {
    left: 0;
    right: 0;
    margin: 0 auto;
}
/* ========== Lines on Mouse Hover ========== */
.lines-menu ul:hover .active-menu-link > .line-top,
.lines-menu ul:hover .active-menu-link > .line-bottom {
    width: 0;
}
.lines-menu ul:hover .active-menu-link > .line-left,
.lines-menu ul:hover .active-menu-link > .line-right {
    height: 0;
}
.lines-menu .active-menu-link > .line-top,
.lines-menu .active-menu-link > .line-bottom,
.lines-menu li:hover a > .line-top,
.lines-menu li:hover a > .line-bottom,
.lines-menu li:hover .active-menu-link > .line-top,
.lines-menu li:hover .active-menu-link > .line-bottom {
    width: 100%;
}
.lines-menu .active-menu-link > .line-left,
.lines-menu .active-menu-link > .line-right,
.lines-menu li:hover a > .line-left,
.lines-menu li:hover a > .line-right,
.lines-menu li:hover .active-menu-link > .line-left,
.lines-menu li:hover .active-menu-link > .line-right {
    height: 100%;
}
.lines-menu li:hover .line-connect-v {
    height: 20px;
}
.lines-menu .active-menu-link > .line-h-extend,
.lines-menu li:hover a > .line-h-extend,
.lines-menu li:hover .active-menu-link > .line-h-extend {
    width: 106%;
}
.lines-menu .active-menu-link > .line-v-extend,
.lines-menu li:hover a > .line-v-extend,
.lines-menu li:hover .active-menu-link > .line-v-extend {
    height: 118%;
}
.lines-menu .active-menu-link > .line-p-top-extend,
.lines-menu .active-menu-link > .line-p-bottom-extend,
.lines-menu li:hover a > .line-p-top-extend,
.lines-menu li:hover a > .line-p-bottom-extend,
.lines-menu li:hover .active-menu-link > .line-p-top-extend,
.lines-menu li:hover .active-menu-link > .line-p-bottom-extend {
    height: 138%;
}
.lines-menu .active-menu-link > .line-p-left-extend,
.lines-menu .active-menu-link > .line-p-right-extend,
.lines-menu li:hover a > .line-p-left-extend,
.lines-menu li:hover a > .line-p-right-extend,
.lines-menu li:hover .active-menu-link > .line-p-left-extend,
.lines-menu li:hover .active-menu-link > .line-p-right-extend {
    width: 112%;
}
/* ========== Dropdown Menu ========== */
.lines-menu .dd-menu-body {
    position: relative;
    left: 50%;
    display: none;
    visibility: hidden;
    opacity: 0;
    padding-top: 20px;
    z-index: 99;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: visibility 230ms ease-out 20ms, opacity 230ms ease-out 20ms;
    -moz-transition: visibility 230ms ease-out 20ms, opacity 230ms ease-out 20ms;
    -o-transition: visibility 230ms ease-out 20ms, opacity 230ms ease-out 20ms;
    transition: visibility 230ms ease-out 20ms, opacity 230ms ease-out 20ms;
}
.lines-menu .dd-menu {
    position: relative;
    padding: 8px 0;   
}
.lines-menu .dd-menu-body.active {
    visibility: visible;
    opacity: 1;
    display: block;
}
/* ========== Links in Dropdown Menu ========== */
.lines-menu .dd-menu ul {
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex;
    flex-wrap: wrap;
}
.lines-menu .dd-menu li {
    width: 20%;
    float: none;
    margin: 0;
    text-align: center;
    /* flex: 1; */
}
.lines-menu .dd-menu a {
    display: inline;
    position: relative;
    padding: 8px 18px;
    font-size: 16px;
    color: #fff!important;
    text-transform: none;
    letter-spacing: 0.5px;
}
.lines-menu a.active-menu-link + span {
    height: 20px!important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.lines-menu .dd-menu a {
	line-height: 34px;
}}
.lines-menu .dd-menu a:before,
.lines-menu .dd-menu a:after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background: #ed3237;
    -webkit-transition: width 200ms ease-out;
    -moz-transition: width 200ms ease-out;
    -o-transition: width 200ms ease-out;
    transition: width 200ms ease-out;
}
.lines-menu .dd-menu a:after {
    left: auto;
    right: 0;
}
/* ========== Lines in Dropdown Menu ========== */
.lines-menu .dd-menu .line-p-top-extend    { top:    -6%; }
.lines-menu .dd-menu .line-p-bottom-extend { bottom: -6%; }
.lines-menu .dd-menu .line-p-left-extend   { left:   -6%; }
.lines-menu .dd-menu .line-p-right-extend  { right:  -6%; }
.lines-menu .dd-menu .line-connect-h {
    width: 0;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #000;
    -webkit-transition: width 200ms ease-out, right 200ms ease-out;
    -moz-transition: width 200ms ease-out, right 200ms ease-out;
    -o-transition: width 200ms ease-out, right 200ms ease-out;
    transition:  width 200ms ease-out, right 200ms ease-out;
}
/* ========== Lines & Links in Dropdown Menu on Mouse Hover ========== */
.lines-menu > .dd-menu-body.active > .dd-menu > .line-top,
.lines-menu > .dd-menu-body.active > .dd-menu > .line-bottom {
    width: 100%;
}
.lines-menu > .dd-menu-body.active > .dd-menu > .line-left,
.lines-menu > .dd-menu-body.active > .dd-menu > .line-right {
    height: 100%;
}
.lines-menu > .dd-menu-body.active > .dd-menu > .line-h-extend {
    width: 105%;
}
.lines-menu > .dd-menu-body.active > .dd-menu > .line-v-extend {
    height: 106%;
}
.lines-menu > .dd-menu-body.active > .dd-menu > .line-p-top-extend,
.lines-menu > .dd-menu-body.active > .dd-menu > .line-p-bottom-extend {
    height: 112%;
}
.lines-menu > .dd-menu-body.active > .dd-menu > .line-p-left-extend,
.lines-menu > .dd-menu-body.active > .dd-menu > .line-p-right-extend {
    width: 110%;
}
.lines-menu li > .line-connect-h {
    width: 20px;
    right: -20px;
}
.lines-menu .dd-menu a:hover:after,
.lines-menu .dd-menu a:hover:before,
.lines-menu .dd-menu a.active:after,
.lines-menu .dd-menu a.active:before {
    width: 10px;
}
/* ========== Dropdown Menu Level 2+ ========== */
.lines-menu .dd-menu-body .dd-menu-body {
    top: -8px;
    left: 100%;
    padding: 0 0 0 20px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
    /* ========== Menu Responsive ========== */
    .lines-menu-responsive {
        display: none;
    }

@media only screen and (max-width: 1000px) {

    /* ========== Menu ========== */
    .lines-menuu {
        display: none;
    }
    /* ========== Menu Responsive ========== */
    .lines-menu-responsive {
        display:block;
        width: 60%;
        margin: 0 auto;
        text-align: left;
        border-radius: 0;
        overflow: hidden;
    }
    .lines-menu-responsive .menu-line,
    .lines-menu-responsive .menu-split-line {
        display: none;
    }
    .menu-responsive-header {
        height: 56px;
        color: #fff;
        background: #eb3237;
        overflow: hidden;
    }
    .menu-responsive-title {
        float: left;
        margin: 16px 0 0 12px;
        font-size: 17px;
        letter-spacing: 1px;
    }
    .lines-menu-responsive .toggle-menu {
        display: block;
        width: 50px;
        height: 100%;
        float: right;
        background: url("") no-repeat center;
        background-size: contain;
        border: none;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .lines-menu-responsive .toggle-menu-clicked {
        background-color: #d82f34;
    }
    .lines-menu-responsive ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #ffffff;
        overflow: hidden;
    }
    .lines-menu-responsive > ul {
        display: none;
    }
    .lines-menu-responsive li {
        width: 100%;
        position: relative;
        float: left;
    }
    .lines-menu-responsive a {
        display: block;
        height: 50px;
        padding: 0 22px!important;
        font-size: 15px;
        line-height: 50px;
        color: #000!important;
        text-decoration: none;
        border-top: 1px solid #222;
    }
    .lines-menu-responsive .plus-sign {
        width: 50px;
        height: 50px;
        position: absolute;
        right: 0;
        top: 1px;
        font-size: 15px;
        line-height: 50px;
        color: #000;
        text-align: center;
        background: #efefef;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .lines-menu-responsive .active-menu-link {
        color: #fff;
    }
    /* ========== Dropdown Menu ========== */
    .lines-menu-responsive .dd-menu-body {
        display: none;
    }
    .lines-menu-responsive .dd-menu-body a {
        padding-left: 40px;
        background: #efefef;
    }
    /* ========== Dropdown Menu Level 2+ ========== */
    .lines-menu-responsive .dd-menu-body .dd-menu-body a {
        padding-left: 60px;
    }
    .lines-menu-responsive .dd-menu-body .dd-menu-body .dd-menu-body a {
        padding-left: 80px;
    }
    .lines-menu .dd-menu li {
        width: 50%;
    }
    .lines-menu li {
        width: 46%;
        text-align: center;
    }
    .lines-menu .line-connect-v {
        display: none;
    }
    nav.lines-menu > ul > li:nth-child(2n) {
        display: none!important;
    }
}
@media only screen and (max-width: 690px) {
    /* ========== Menu Responsive ========== */
    .lines-menu-responsive { width: 84%; }
    .lines-menu .dd-menu a {
        font-size: 13px;
    }
}