/* html{overflow-y: auto;} */
#gridcontainer{height:calc(100vh - 100px);overflow-y: auto!important;padding-top:8px;padding-bottom: 8px};
#PortfolioTabs li.active a i.fa{color: #000000 !important;text-shadow:0px 0px 2px gray;}
#PortfolioTabs li a i.fa{color: gray !important;}
.nav-tabs{background-color: #F0F0F0;border-radius:8px;box-shadow: 0px 0px 3px gray;position: fixed;width:100%;z-index: 1000;top:0px;margin: 0px!important;}
h5 {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
    margin: 0;
}

.card {
font-size: 1em;
overflow: hidden;
padding: 0;
border: none;
border-radius: .28571429rem;
box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.card-block {
font-size: 1em;
position: relative;
margin: 0;
padding: 1em;
border: none;
border-top: 1px solid rgba(34, 36, 38, .1);
box-shadow: none;
height: 270px;
background-color: #FAFAFA;
}

.card-img-top {
display: block;
padding: 8px;
height: 180px;
border-radius: 7px!important;

}
.card-img-top img{border-radius: 5px;}
.card-title {
font-size: 1.28571429em;
font-weight: 700;
line-height: 1.2857em;
}
#gridcontainer div.row{margin-top: 25px;margin-bottom: 25px;}

.center-img-box{display: block;margin-left: auto;margin-right: auto;border-radius:5px;padding: 5px;margin-top: 10px;margin-bottom: 10px;}
.card-text {
clear: both;
margin-top: .5em;
color: rgba(0, 0, 0, .68);
text-align: left;
height: 150px;
overflow-y: auto;
}
.card-title span{font-weight: normal!important;font-size: 14px!important;color: gray;}

.card-footer {
font-size: 1em;
position: static;
top: 0;
left: 0;
max-width: 100%;
padding: .75em 1em;
color: rgba(0, 0, 0, .4);
border-top: 1px solid rgba(0, 0, 0, .05) !important;
background-color: #ECECEC;
min-height: 280px;
}

.card-inverse .btn {
border: 1px solid rgba(0, 0, 0, .05);
}

.socialDiv2 a{display: inline-block;margin-left: 10px;margin-right: 10px;}
.socialDiv2 a img{height:20px;width:20px;vertical-align: middle;}

.profile {
position: absolute;
top: -12px;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
width: 25px;
height: 25px;
margin: 0;
box-shadow: 0px 0px 3px gray;
border: 1px solid #fff;
border-radius: 50%;
}
.profilenbns {
    position: absolute;
    top: -12px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    margin: 0;
    }
.cardtopbar{height: 200px !important;display: flex;flex-direction: column;justify-content: center;}
.profile2 {
    position: absolute;
    top: -12px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    margin-left: 30px;
    padding:2px;
    border: 1px solid #fff;
    }
.profile-avatar {
    display: block;
    width: 100%;
    height: 100%;
}

.profile-inline {
position: relative;
top: 0;
display: inline-block;
}

.profile-inline ~ .card-title {
display: inline-block;
margin-left: 4px;
vertical-align: top;
}

.text-bold {
font-weight: 700;
}
.figureImg{height:27px;width: 27px;margin:5px;}
.mt60{margin-top:60px}
#sky9footer{color:grey;background-color:#E4E4E4;padding:10px;box-shadow: 0px 0px 4px grey;z-index: 10000;}
#sky9footer .col-md-5{text-align: left;}
#sky9footer .col-md-7{text-align: right;}
.table{margin-bottom: 0px!important;}
#sky9footer .col-md-7{text-align:right;}

#book.active {
  display: flex;
}

/* #PORTFOLIO 1 GRID #NEW
=====================================================*/
.port-item {
  margin-bottom: 25px;
}
.port-filter{
	list-style: none;
	padding: 0;
	margin: 0 0 45px 0;
	font-size: 13px;
	text-transform: uppercase;
	/* text-align: center; */
	letter-spacing: 2px;
	color: #555;
	cursor: default;
}
.wow:first-child {
  visibility: hidden;
}
.port-filter a{
	display: inline-block;
	margin: 0 21px;
  margin-bottom:5px;
	color: #999;
	text-decoration: none;
  border-bottom: 1px solid transparent;
	
	-webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	
	cursor: pointer;
}
.port-filter a:hover{
	color: #101010;
	text-decoration: none;
}
.port-filter a.active{
	color: #101010;
  border-color:#101010;
	cursor: default;
}
.port-filter a.active:hover{
	color: #101010;
}

.custom-link {
    color: black;
    text-decoration: underline;
  }

.custom-link:hover {
    color: blue;
    text-decoration: underline;
  }

@media (max-width:900px){
    #sky9footer .col-md-5,#sky9footer .col-md-7{text-align: center!important;}
    #sky9footer .col-md-7{font-size:11px;padding-top:5px;}
    #sky9footer{height:130px!important;}
    #gridcontainer div.row{margin-top: 0px;margin-bottom: 0px;}
    /* #gridcontainer div.col-lg-3{margin-top:25px;margin-bottom: 25px;} */
    #gridcontainer{height:calc(100vh - 110px)}
}