/** top menu navigate style **/

nav.navbar{overflow: hidden;}
.fix-profile .avatar img{
    max-width: 40px;
    box-shadow: none;
}
.fix-profile {
    padding-top: 5px;
    position: relative;
    -webkit-transition: all 400ms ease-out 0s;
    -moz-transition: all 400ms ease-out 0s;
    -o-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
   
}
.fix-profile .avatar,.fix-profile .name{float: left;}
.fix-profile .name .title{font-size: 18px;
    vertical-align: top;
    padding-left: 12px;
    margin-top: 0px;}
.fix-profile .name small
    {
            margin-left: 11px;
    margin-top: -4px;
    display: block;
    }
.fix-profile .name small i{
    font-size: 13px;
}

nav.navbar.navbar-transparent.navbar-fixed-top.navbar-color-on-scroll .fix-profile{ left: 40px;  bottom: -60px; 
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
   
}
nav.navbar.navbar-fixed-top.navbar-color-on-scroll .fix-profile{
    left: 5px;
   bottom: 0px;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
}
nav.navbar.navbar-fixed-top.navbar-color-on-scroll.navbar-transparent{box-shadow: none;}
nav.navbar.navbar-fixed-top.navbar-color-on-scroll{
    box-shadow: 0px 0px 37px 0px #6c7c83;
}



/* profile style */

.profile{
  position: absolute;
      top: -101px;
      color: #fffefe;
}
.profile .avatar,.profile .name{float: left; text-align: left;margin-left: 20px;}
.name i.material-icons {
    font-size: 17px;
    position: relative;
    top: 2px;
}
.name h6{
    margin-top: 0px;}

/* leftsidebar menu style */
div#sidebar.fix-sidebar{
    position: fixed;
}
.menu__wrapper {
    position: relative;
    top: 0;
    bottom: 0;
    height: auto;
    overflow: visible;
    width: 200px;
    margin-top: 100px;
    padding: 15px 0;
    z-index: 20;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.menu__items {
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid hsla(210,8%,66%,.2);
}
.menu__item {
    list-style: none;
    padding: 0 0 0 30px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
    text-transform: normal;
    text-align: left;
}
.menu__item.menu__item--active, .menu__item:focus, .menu__item:hover {
    background-color: #e4e8eb !important;
}
.menu__item a {
    font-size: 13px !important;
    font-weight: 400;
    display: block;
    text-decoration: none;
}
.menu__item i,.menu__wrapper .btn .material-icons {
    margin-right: 30px;
    font-size: 24px;
    float: left;
    width: 24px;
    height: 24px;
}
.menu__item a, .menu__item i {
    line-height: 45px;
    color: #6c7c83;
}
.menu_heading {
    color: #6c7c83;
    text-transform: uppercase;
    font-size: 11px;
    padding-left: 30px;
}

/** right details */
.my-details{
  margin-top: 70px;
}
.p-top10{
    padding-top: 10px;
}
.align-right{
    text-align: right;
}
.section-portfolio {
    padding-top: 40px;
    float: left;
}
.card.more {
    padding-bottom: 20px;
}
.card.more a {
    text-align: center;
    text-decoration: none;
    display: block;
}
.card.more i {
    font-size: 53px;
    color: #6c7c83;
}
.viewers {
    text-align: left;
    padding-left: 28px;
}
.viewers h2{margin-bottom: 0px;}



/*** footer contcat section **/
.section-contact {
    background: #fff;
    color: #000;
}
.section-contact h2{
    color: #555;
}
.footer a{color: #fff; text-decoration: underline;}

span.tag {
    padding: 3px 15px;
    display: block;
    background: #6c7c83;
    border-radius: 90px;
    color: #fff;
}