#b-content ul {
margin: 0;
padding: 0;
}

#b-content li {
float: left;
width: 100%;
padding: 0;
margin: 0 0 20px 0;
list-style: none;
}

#b-content li strong {
position: relative;
float: left;
width: 25%;
font-family: 'Cubano';
font-size: 18px;
line-height: 20px;
margin-right: 62px;
text-align: right;
}

#b-content li strong:after {
content: " ";
position: absolute;
top: 0;
right: -38px;
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

#b-content ul li strong:after {
background: #5b84e8;
}

#b-content ol li strong:after {
background: #ff6c6c;
}

#b-content ul li a {
float: left;
width: 60%;
font-size: 18px;
line-height: 20px;
color: #4d4d4d;
font-style: normal !important;
}

#b-content li em {
float: left;
width: 60%;
font-size: 18px;
line-height: 20px;
font-style: normal !important;
}

/*Grid*/

#press-grid,
#events-grid {
float: left;
width: 1000px;
margin: 30px 0 0 -240px;
}

.grid-item {
position: relative;
float: left;
width: 310px;
height: 310px;
margin: 10px;
overflow: hidden;
}

.grid-item img {
position: relative;
float: left;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none !important;
z-index: 10;
display: none;
}

.grid-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 80%;
height: 100px;
padding: 5% 10%;
background: rgba(54, 54, 54, .8);
z-index: 20;
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
overflow: hidden;
}

.grid-item.active .grid-overlay {
height: 90%;
}

.grid-overlay-header {
position: relative;
float: left;
width: 100%;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}

.grid-overlay-header-cont {
float: left;
width: 100%;
height: 100px;
}

.grid-item h4 {
float: left;
width: 100%;
font-family: 'Cubano';
font-size: 20px !important;
line-height: 20px !important;
color: #fff;
text-align: center;
padding: 0 0 5px 0;
margin: 0 !important;
}

.grid-item h5 {
float: left;
width: 100%;
font-family: 'OriyaBold';
font-size: 16px !important;
line-height: 16px !important;
color: #fff;
text-align: center;
padding: 0;
margin: 0 !important;
}

.grid-item .grid-date {
float: left;
width: 100%;
font-family: 'Oriya';
font-size: 14px;
line-height: 14px;
color: #fff;
text-align: center;
}

.grid-item .grid-date span {
float: left;
clear: left;
width: 100%;
}

.grid-item .grid-date span:nth-child(2) {
font-size: 12px;
line-height: 12px;
display: none;
}

.grid-item .grid-content {
position: relative;
float: left;
width: 100%;
max-height: 130px;
font-size: 16px;
line-height: 18px;
overflow: auto;
opacity: 0;
margin-top: 10px;
-webkit-transition: all .5s ease-out .5s;
-moz-transition: all .5s ease-out .5s;
-o-transition: all .5s ease-out .5s;
transition: all .5s ease-out .5s;
}

.grid-item .grid-content,
.grid-item a .grid-content {
color: #fff;
}

.grid-item:hover .grid-content {
opacity: 1;
}

.grid-item .grid-overlay > a {
position: relative;
left: 80px;
float: left;
margin-top: 20px;
width: auto;
padding: 2px 12px 0 12px;
font-size: 15px;
line-height: 25px;
text-align: center;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #5b84e8;
opacity: 0;
-webkit-transition: opacity .5s ease-out .5s;
-moz-transition: opacity .5s ease-out .5s;
-o-transition: opacity .5s ease-out .5s;
transition: opacity .5s ease-out .5s;
cursor: pointer;
z-index: 15;
}

.grid-item:hover .grid-overlay a {
opacity: 1;
bottom: 10px;
}