@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

.menu-wrapper ul:after,
.menu-wrapper header:after,
.menu-wrapper #main:after {
    clear: both;
    content: "";
    display: table;
}

.menu-wrapper ul:before,
.menu-wrapper. header:before,
.menu-wrapper. #main:before {
    content: "";
    display: table;
}

.menu-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
    /* font-family: BebasNeueRegular, Arial, sans-serif; */
    font-family: 'Nunito', Arial, sans-serif;
    font-size: 16px;
}

 

.menu-wrapper #main {
    padding: 2.5em 7%;
}

.menu-wrapper #main .efx-info {
    width: 49%;
    float: left;
    padding: 2em 1em;
    font-weight: 700;
    border-radius: .2em;
}

.menu-wrapper #main .efx-info h1 {
    line-height: 1;
    display: inline-block;
    padding: .1em .2em;
    font-size: 5em;
    margin: 0;
    background: #e3e3e3;
}

.menu-wrapper  #main .efx-info p {
    margin: 0;
}

.menu-wrapper  #main #efx-name {
    color: #16A085;
    font-weight: 900;
    border-bottom: 4px solid #f5f5f5;
}
 
.menu-wrapper  nav li {
    position: relative;
    display: inline-block;
    float: left;
}

.menu-wrapper  nav li:hover {
    /* background: #333;
    color: #FFF; */
}
.menu-wrapper  nav a {
    position: relative;
    z-index: 599;
    font-size: 14px;
    color: #FFF; 
    text-decoration: none;
    display: block;
    padding: 10px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menu-wrapper  nav a i[class*="caret"] {
    color: #3b536b;
    margin-left: .15em;
}

.menu-wrapper   nav a:hover {
    color: #cf6cae;
}

.menu-wrapper  nav a:hover+ .text-apartments-red {
    color: #FFF;
}

.menu-wrapper  nav a:hover+.submenu {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
}

.menu-wrapper  nav .eiob .submenu {
    -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.2s linear;
    -moz-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.2s linear;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.2s linear;
}

.menu-wrapper  nav .ln .submenu {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.menu-wrapper  nav .ei .submenu {
    -webkit-transition: all 0.3s ease-in, opacity 0.2s linear;
    -moz-transition: all 0.3s ease-in, opacity 0.2s linear;
    transition: all 0.3s ease-in, opacity 0.2s linear;
}

.menu-wrapper nav .eo .submenu {
    -webkit-transition: all 0.3s ease-out, opacity 0.2s linear;
    -moz-transition: all 0.3s ease-out, opacity 0.2s linear;
    transition: all 0.3s ease-out, opacity 0.2s linear;
}

.menu-wrapper nav .submenu {
    display: block;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 499;
    width: 14em;
    top: 100%;
    left: 0;
    background: #333;
    color: #FFF;
    box-shadow: 0 2px 5px rgba(68, 68, 68, 0.3);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

 
.menu-wrapper nav .submenu li>.submenu {
    top: 0;
    left: 100%;
}

.menu-wrapper nav .submenu:hover {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
}

.menu-wrapper nav .submenu li {
    float: none;
    display: block;
}

.menu-wrapper nav .submenu a {
    width: 100%;
    display: block;
    font-weight: 300;
    padding: 5px 15px;
    color: #FFF;
}

.menu-wrapper nav .submenu a:hover {
    
    background: #cf6cae; 
    color: #FFF;
}

.menu-wrapper nav.rx li:hover+.submenu {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.menu-wrapper nav.rx .submenu {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.menu-wrapper nav.rx .submenu:hover {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}


/*=== Fade Dwn ===*/

.menu-wrapper nav.fd li:hover+.submenu {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.menu-wrapper nav.fd .submenu {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
}

.menu-wrapper nav.fd .submenu:hover {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.menu-wrapper nav.fu li:hover+.submenu {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.menu-wrapper nav.fu .submenu {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

.menu-wrapper nav.fu .submenu:hover {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}


/*=== Scale ===*/

.menu-wrapper nav.sc li:hover+.submenu {
    opacity: 1;
    -webkit-transform: rotateY(0deg) scale(1);
    -moz-transform: rotateY(0deg) scale(1);
    -ms-transform: rotateY(0deg) scale(1);
    -o-transform: rotateY(0deg) scale(1);
    transform: rotateY(0deg) scale(1);
}

.menu-wrapper nav.sc .submenu {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.menu-wrapper nav.sc .submenu:hover {
    -webkit-transform: rotateY(0deg) scale(1);
    -moz-transform: rotateY(0deg) scale(1);
    -ms-transform: rotateY(0deg) scale(1);
    -o-transform: rotateY(0deg) scale(1);
    transform: rotateY(0deg) scale(1);
}


/*==== Rotate ====*/

.menu-wrapper nav.rt li:hover+.submenu {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.menu-wrapper nav.rt .submenu {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-wrapper nav.rt .submenu:hover {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/*==== Move/Skew In ====*/

.menu-wrapper nav.mv li:hover+.submenu {
    -webkit-transform: translateX(0px) skewX(0deg);
    -moz-transform: translateX(0px) skewX(0deg);
    -ms-transform: translateX(0px) skewX(0deg);
    -o-transform: translateX(0px) skewX(0deg);
    transform: translateX(0px) skewX(0deg);
}

.menu-wrapper nav.mv .submenu {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-40px) skewX(-7deg);
    -moz-transform: translateX(-40px) skewX(-7deg);
    -ms-transform: translateX(-40px) skewX(-7deg);
    -o-transform: translateX(-40px) skewX(-7deg);
    transform: translateX(-40px) skewX(-7deg);
}

.menu-wrapper nav.mv .submenu:hover {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
}


/*==== Door ====*/

.menu-wrapper nav.dc li:hover+.submenu {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.menu-wrapper nav.dc .submenu {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.menu-wrapper nav.dc .submenu:hover {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.all-models-links {
    display: none;
}

.all-models-links .city-navbar a{
    color: #FFF; 
    font-weight: normal;
}

.all-models-links .city-navbar .dropdown{
    display: none;
}

/** Responsive */
@media (max-width: 768px) {

    .menu-wrapper  nav a {
        font-size: 10px;
    }

    .menu-wrapper nav li {
        width: 100%;
    }

    .menu-wrapper nav .apartments ul.submenu li ,
    .menu-wrapper nav .sub2menu ul.submenu li  {
        width: initial;
        visibility: visible;
        display: inline-block;
        min-width: 145px;
     }

    .menu-wrapper nav a{
        padding: 5px;
    }

    .menu-wrapper nav .submenu a {
        
        padding: 2px 15px; 
        font-size: 15px;
    }

    .menu-wrapper nav .submenu{
        position: static;
        height: 0;
    }

    .all-models-links{
        display: block;
        padding: 10px 0 10px 10px;
        border-top: 1px solid #fff;
        margin-top: 10px;
    }

    .menu-wrapper nav .submenu {
        visibility: visible;
    }
    
    #bs-example-navbar-collapse-1{
        max-height: inherit;
    }

    .menu li ul.submenu{
        max-height: auto !important;
        display: contents;
    }

     
}