.fixed-nav {
    position:fixed;
    top:0;
    width:100%;
    display:none;
    overflow:hidden;
    background-color: transparent;
    background: #000000;
    border-color: transparent;
    z-index: 10;
}
ul {
    margin:0;
    padding:0;
    text-decoration:none;
    list-style:none;
}
li {
    padding:0;
    margin:0;
}
.customNav {
    text-align:center;
    width:100%;
    position:relative;
    /*height:auto;*/
    height:45px;
    overflow:hidden;
    background-color: transparent;
    background: #000000;
    border-color: transparent;
}
.customNav ul {
    text-align:center;
}
.customNav ul li {
    display:inline-block;
}
.customNav ul li a {
    color:#fff;
    display:inline-block;
    padding:1em 3em;
    text-decoration:none;
    /*border-bottom:2px solid #fff;*/
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
    font-size:16px;
}

.logo-nav {
    margin-top:-13px;
    margin-left:94px;
}

.logo-nav-fixed {
    margin-top:4px;
    margin-bottom:6px;
    margin-left:142px;
}

.customNav ul li a:hover {
    color: #ec7174;
}

.footer-nav li{
    text-align: left!important;
}

.footer-nav li{
    font-size:14px!important;
}
/*styling open close button*/
.button {
    display:inline;
    position:absolute;
    right:50px;
    top:1px;
    z-index:999;
    font-size:30px;
}
.button a {
    text-decoration:none;
}
.btn-open:after {
    color:#fff;
    content:"\f0c9";
    font-family:"FontAwesome";
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
    color:#ec7174;
}
.btn-close:after {
    color:#fff;
    content:"\f00d";
    font-family:"FontAwesome";
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
    color: #ec7174;
}
/*overlay*/
.overlay {
    display:none;
    position:fixed;
    top:0;
    height:100%;
    width:100%;
    background:#333;
    overflow:auto;
    z-index:99;
}
.wrap {
    color:#e9e9e9;
    text-align:center;
    max-width:90%;
    margin:0 auto;
}
.wrap ul.wrap-top-nav{
    /*padding:40px 0px 40px;*/
    padding:15px 0px 15px;
    border-bottom:1px solid #575757;
}
.wrap-top-nav li{
    text-align: left;
}
.wrap ul.wrap-nav-1 {
    border-bottom: 1px solid #575757;
}
.wrap ul.wrap-nav {
    text-transform:capitalize;
    padding:70px 0px 70px;
}
.footer-nav{
    text-transform: none !important;
}

.wrap ul.wrap-nav li {
    font-size:20px;
    display:inline-block;
    vertical-align:top;
    width:15%;
    /*width:24%;*/
    position:relative;
}
.wrap ul.wrap-nav li a {
    color:#f0f0f0;
    display:block;
    padding:8px 0;
    text-decoration:none;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
    color:#ec7174;
}
.wrap ul.wrap-nav ul {
    padding:20px 0;
}
.wrap ul.wrap-nav ul li {
    display:block;
    font-size:13px;
    width:100%;
    color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
    color:#f0f0f0;
}
.wrap ul.wrap-nav ul li a:hover {
    color:#ec7174;
}
.social {
    font-size:25px;
    padding:20px;
}
.social p {
    margin:0;
    padding:20px 0 5px 0;
    line-height:30px;
    font-size:13px;
}
.social p a {
    color:#ec7174;
    text-decoration:none;
    margin:0;
    padding:0;
}
.social-icon {
    width:80px;
    height:50px;
    background:#e9e9e9;
    color:#333;
    display:inline-block;
    margin:0 20px;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}
.social-icon:hover {
    background:#ec7174;
    color:#f0f0f0;
}
.social-icon i {
    margin-top:12px;
}
@media screen and (max-width:48em) {
    .wrap ul.wrap-nav>li {
        width:100%;
        padding:20px 0;
        border-bottom:1px solid #575757;
    }
    .wrap ul.wrap-nav {
        padding:30px 0px 0px;
    }
    .customNav ul {
        opacity:0;
        visibility:hidden;
    }
    .social {
        color:#c1c1c1;
        font-size:25px;
        padding:15px 0;
    }
    .social-icon {
        width:100%;
        height:50px;
        background:#fff;
        color:#333;
        display:block;
        margin:5px 0;
    }
}
.content {
    width:100%;
    margin-top:200px;
    font-size:20px;
    color:#333;
    text-align: center;
}