*{
    margin: 0;
    padding: 0;
}
body{
    background-color: #333;
    color: #fff;
}

                        /*Navigation*/
.nav>li>a{
    text-align: center;
    font-size: 16px;
    box-shadow: 1px 0px 2px 0px #b3b3b5;
}
.navbar-default .navbar-nav>li>a {
    color: #eee;
}
.person-blog li a{
    font-size: 14px;
    padding: 10px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #3a86c7;
}

.navbar-brand{
    height: 70px;
}
.navbar-brand img{
    margin-top: -30px;
}
.navbar{
    margin-bottom: 0;
}
.navbar-default{
    box-shadow: 0px 1px 1px 1px #2f2f2f;
}
.navbar-default {
    background-color: #272a2b;
    border-color: #383434;
}
.nav{
    padding-top:10px;
}
.nav li{
    margin-right: 10px;
}

                    /*aside*/
.bg-info1{
    background-color: #272a2b;
	padding: 10px 20px;
}
#profile-pic{
    margin-top: 60px;
}
#profile-pic img{
    width: 90%;
    margin:0 auto;
    border:5px solid #fff;
}
.profile-content-box{
    margin: 10px 0 40px 0;
}
.bg-info{
    border-radius: 0 0 5px 5px;
    position: sticky;
    top: 0;
}

.border-pic{
    border-right: 7px solid #337ab7;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 40px;
    position:absolute;
    text-indent: -100000px;
}
.img-desc h3{
    font-weight: 600;
    font-size: 28px;
    color: #fff;
}
.img-desc h6{
    font-weight: 500;
    font-style: italic;
    font-size: 14px;
    color:#bbb8b8;
}
.img-desc h4{
    font-weight: 600;
    color: #dacece;
}
.bio-img-desc h4{
	font-size: 16px;
	color: #c4ddf3;
}
.bio-img-desc h3{
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}
/*=====================Bio========================*/
#bio{
    margin-top: 30px;
}
.bio-img img{
    margin: 0 auto;
    width: 20%;
    border: 3px solid #fff;
}
.bio-desc-content{
	margin-top: 40px;
	text-align: justify;
}
.bio-desc-content p{
	font-size: 16px;
	line-height: 20px;
	padding: 10px;
}

/*============gallery======================*/
#gallery .col-sm-4, #gallery .col-xs-6{
	padding-right: 0px;
    padding-left: 0px;
}
#gallery {
	padding-top: 10px;
	clear: both;
}
.img-wrapper{
	overflow: hidden;
}
.img-wrapper img:hover{
	transform: scale(1.4);
	transition: transform 0.5s ease;
}

/*==================blog========================*/
.text-padding{
	background-color: #26305612;
}
.blog{
	padding-top: 20px;
	
}
.blog h1{
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 500;
}
.blog-title-desc{
	width: 40px;
    height: 3px;
    background-color: #337ab7;
    margin: 0 auto;
    margin-bottom: 15px;
}
.blog-content{
	padding:10px;
}
.blog-title{
	color: #cac6c6;
	font-weight: 600;
	font-size: 17px;
}
#contact{
	clear: both;
}
.contact{
	padding-top: 15px;
	
}
.contact-item-heading i{
	padding: 7px;
	background-color: #337ab7;
	border-radius: 50%;
	margin-bottom: 5px;
	color: #fff;
}

.contact-area{
	padding-top: 10px;
	background-color: #2a3438;
	border-radius: 10px;
}
.contact-item {
    margin-bottom: 30px;
}
.contact-item a{
	color: #f1f1f1;
	margin-bottom: 30px;
}
.contact-item-info{
	text-transform: uppercase;
	font-size: 14px;
}

#footer {
	background-color: #272a2b;
	padding: 15px 0 5px 0;
}

#footer p {
	color: #fff;
	font-size: 16px;
}

#footer p {
	margin: 0;
	padding-top: 5px;
}
#footer p a{
	color: #f0f0f0;
}