#nav{
    background:#fff;
    border-radius:100px;
    box-shadow:0 0 15px 0 rgba(0,0,0,.3);
    margin:-20px auto 0;
    padding:15px;
    position:relative;
    width:1170px;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
#nav .logo{
    color:#3e6edf;
    font-size:30px
}
#nav .logo img{
    width: 100px;
}
#nav.navbar-fixed-top{
    border-radius:0;
    margin-top:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:20
}
#nav .section-scroll-arrow{
    background:#3e6edf;
    border-radius:50%;
    bottom:-20px;
    box-shadow:0 5px 15px 0 rgba(0,0,0,.3);
    color:#fff;
    cursor:pointer;
    height:40px;
    left:50%;
    margin:0 auto;
    padding:12px;
    position:absolute;
    text-align:center;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:40px
}
#nav ul.main-menu{
    list-style:none;
    margin-top:15px;
    padding:0
}
#nav ul.main-menu>li{
    display:inline-block;
    float: right;
}
#nav ul.main-menu>li>a{
    border:1px solid transparent;
    border-radius:20px;
    color:#7d7d7d;
    font-size:13px;
    padding:5px 20px;
    text-decoration:none;
    text-transform:uppercase;
    display:inline-block
}
#nav ul.main-menu>li.current a,#nav ul.main-menu>li>a:hover{
    border:1px solid #ebebeb
}
@media only screen and (max-width:1200px){
    #nav{
        border-radius:0;
        width:100%
    }
}
@media only screen and (max-width:991px){
    #nav .navbar-header{
        float:none
    }
    #nav .navbar-toggle{
        display:block
    }
    #nav .navbar-collapse{
        border-top:1px solid transparent;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
    }
    #nav .navbar-collapse.collapse{
        display:none!important
    }
    #nav ul.main-menu>li{
        display:block;
        padding:3px 0;
        text-align:center;
        width: 100%;
    }
    #nav .navbar-collapse.collapse.in{
        display:block!important
    }
    #nav .navbar-toggle .icon-bar{
        background:#fff;
        border-radius:1px;
        display:block;
        height:3px;
        width:22px
    }
    #nav .navbar-toggle{
        background-color:#3e6edf
    }
    #nav .main-menu.pull-right{
        float:none!important
    }
}


#naive-footer{
    background:#2c3344;
    color:#8591ad;
    padding:60px 0
}
#naive-footer .col-sm-6.pull-right{
    text-align:right
}
#naive-footer .social>ul>li>a{
    background:#434d65;
    border-radius:50%;
    display:block;
    height:40px;
    padding:10px;
    text-align:center;
    width:40px;
    color:#f6f7fe;
    position:relative
}
#naive-footer .social>ul>li>a:hover{
    background:#3e6edf;
    color:#fff
}
#naive-footer .social>ul>li>a:hover::after{
    border:1px solid #404a61;
    border-radius:50%;
    content:"";
    height:50px;
    left:-5px;
    position:absolute;
    top:-5px;
    width:50px
}
#naive-footer .copy-right{
    text-align: right;
}
#naive-footer .copy-right a{
    padding-left:10px;
}
@media screen and (max-width:767px){
    #naive-footer .col-sm-6.pull-right{
        float:none!important;
        text-align:center
    }
    #naive-footer .social>ul>li{
        margin-bottom:10px
    }
    #naive-footer .copy-right{
        text-align: center;
    }
}