.cover_col
{
    width: 100%;
    overflow: hidden;226
    border-radius: 10px;
    padding: 0px !important;
}
.img-wrapper {
  position: relative;
 }

/*
.row{
    padding: 10px !important;
}
*/

.img_style{
    max-width: 100%;
    width:inherit;
    max-height: 100%;
    height: 500px;
}





/*

.img-overlay{
    background-color: orange;
 position: absolute;
 
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay:before {
  content: ' ';
  display: block;

  height: 30%;
}
*/


/* tabs */


#exTab1 .tab-content {
  color : white;
  padding : 5px 15px;
}



/*
.info_style
{
    padding-top: 10px;
}
*/
/*
.text_style
{
    padding-left: 10px;
}
*/
.icon_div
{
    display: inline-block;
    text-align: center;
    width: 11%; 
    vertical-align: top;
    margin-top: 8px;
}
.custom-icon-text
{
    display: inline-block;
    width: 87%;
}
/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;

}

#user_name
{
/*     -webkit-text-stroke: 0.90px black;*/
    text-decoration: none !important;
    font-size: 24px;
    font-weight: bold;
}
.nav-tabs>li>a
{
    color: black !important;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
 
  padding : 5px 15px;
}


/* end of tab */

/* cover image style */


.panel-body {
    background:#fff;
}

.cover-photo {
    position: relative;
}

a:hover{
    text-decoration:none;    
}

.fb-timeline-img img {
    width: 100%;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.profile-thumb img {
    width: 140px;
    height: 140px;
/*
    margin-top: -119px;
    margin-left: 25px;
*/
/*    border: 2px solid #fff;*/
}

.profile-info .panel-footer ul li a {
    color: #7a7a7a;
}

.profile-thumb {
    float: left;
    position: relative;
}

.p-text-area, .p-text-area:focus {
    border: none;
    font-weight: 300;
    box-shadow: none;
    color: #c3c3c3;
    font-size: 16px;
}


.fb-user-mail {
    margin: 10px 0 0 20px;
    display: inline-block;
}


.fb-name  {
    bottom: -1px;
    left: 0px;
    position: absolute;
    background-color: rgba(24,23,23,0.473);
    width: 100%;
    height: 60px;
}

.fb-name h2 a {
    color: #FFFFFF;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    font-size: 25px;
}

.cover_img
{
    opacity: 1;
}
.profile-name-author
{
    margin-left: 175px;
    margin-top: 10px;
}
/*  end of cover image style  */

.author-aboutus
{
    height:auto;
    background-color: #fff;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px;
}
.custom-about-heading
{
    padding:10px 0px 0px 10px;
    margin-top: 0px;
}
#about_expend
{
    padding: 0px 10px 0px 10px;
    /* background-color: greenyellow; */
    /* transition: 3s ease-out; */
    border-radius: 10px;
   
    max-height: 100px;
    
    /* height: 100px; */
    overflow: hidden;
}
.about-more-button
{
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

/* news icon style */
.profile-news-icon 
{
    color: #ffa500;
    padding-left: 8px;
    font-size: 44px;
    position: relative;
 -webkit-animation-name: service;
-webkit-animation-duration: 2s;
   animation-name: service;
   animation-duration: 3s;
   animation-iteration-count: infinite;
}
@keyframes service {
    0%   {color:#000;}
    25%  {color:#ffa500;}
    50%  {color:#000;}
    75%  {color:#ffa500;}
    100% {color:#000; }
}

.custon-icon-gap
{
    margin-right: 5px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
    color: #ffa500 !important; 
}
.custon-icon-color
{
    color: #ffa500 !important; 
    font-size: 18px !important;
}
.profile-graph
{
    margin-top: 10px;
}
.border_radius2
{
        border-radius: 10px;
    height: auto;
    padding: 5px;
    margin-top: 10px;
}
 .border_radius
    {
    border-radius: 10px;
    height: auto;
    padding: 5px;
/*    border: 1px solid #a5a5a5;*/
    
}

/* end of news icon style */
.sidehead
{
    width: auto;
}
@media (max-width: 768px)
{
    .custom-paging
    {
        text-align: center;
    }
}