ul{
    text-align: center;
}

ul li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    margin: 0px 20px 0px 20px;
}

@media (max-width: 991px){
    ul li{
        display:block;
    }
    .hidden-li{
        display:none;
    }
}

#before-after{
    position: relative;
    width: 951px;
    height: 477px;
    border: 2px solid grey;
    margin: 50px auto 0px;;
}

.view{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.view-before{
    z-index: 100;
}

.view-after{
    z-index: 200;
}

#dragme{
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: black;
    cursor: pointer;
    z-index: 300;
}

.before-us{
    margin:20px;
}
.after-us{
    margin:20px;
}
.port-text{
    text-align:center;
    font-size:16px;
}
.port-text h2{
    color: #AA945D;
    font-size:24px;
}

.port-text-bel-left{
    text-align:right;
    font-size:16px;
    color:#fff;
}
.port-text-bel-left p{
    padding-bottom:20px;
}
.port-text-bel-left h3{
    font-family: Electrolize;
    color: #AA945D;
    font-weight:600;
    font-size:22px;
    text-align:right;
}
.port-text-bel-right{
    text-align:left;
    font-size:16px;
    color:#fff;
}
.port-text-bel-right p {
    padding-bottom:20px;
}
.port-text-bel-right h3{
    font-family: Electrolize;
    color: #AA945D;
    font-weight:600;
    font-size:22px;
    text-align:left;
}
.fix-margin{
    margin-top:150px;
}

@media (max-width: 767px){
    .port-text-bel-right p,
    .port-text-bel-right h3,
    .port-text-bel-left p,
    .port-text-bel-left h3{
        text-align:center;
    }
}
.bel-ba-img{
    width:80%;
    margin:0 auto;
    box-shadow:0 0.25em 0 0 rgba(57, 62, 66, 0.3),0 4px 9px rgba(0,0,0,0.75);
    border-radius:4px;
}

.port-menu ul{
    width:100%;
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
}
.port-menu ul li{
    padding:10px;
    font-size:20px;
    font-weight: 600;
    font-family: 'Electrolize', Helvetica, Arial;
}

#croom{
     display:none;
 }
#checkout{
    display:none;
}
#confirm{
    display:none;
}
.img-center{
    margin:0 auto;
}
.bel-res p{
    padding:20px;
    font-family: 'Electrolize', Helvetica, Arial;
    font-size:18px;
}

.li-selected{
    font-weight: 600;
    color: #AA945D;
    text-shadow: 1px 1px 1px #000000;
}