/*----- home -----*/
#socials{
    margin-bottom: 20px;
}

#socials a{
    font-size: 40px;
    color: #444444;
    margin-right: 10px;

    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

#socials a:hover{
    color: #92785a;
}

#socials > div{
    font-size: 20px;
}

#side-ad {
    background-color: #a5a5a5;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 20px;
}

#latest{
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
}

#latest .thumb:before{
    font-size: 100px;
    top: 25%;
}


#latest .player-footer i.fa{
    font-size: 50px;
    padding: 5px 15px;
}


#latest .player-footer >div{
    padding: 20px;
}

#latest .player-footer .title{
    font-size: 15px;
}



.video{
    position: relative;
    margin-bottom: 20px;
}

.video .thumb:before{
    width: 100%;

    position: absolute;
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 60px;
    color: rgba(255,255,255,0.7);
    text-align: center;
    top: 25%;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;

}

.video .thumb img{
    opacity: 0.7;
    width: 100%;
}

.video:hover .thumb img{
    opacity: 1;
}
.video:hover .thumb:before{
    color: rgba(255,255,255,0.9);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);

}


.video .player-footer{
    background-color: black;
    color: #ffffff;
}

.video .player-footer i.fa{
    font-size: 30px;
    background-color: #59b048;
    color: #ffffff;
    padding: 5px 10px;
    float: right;

    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.video:hover .player-footer i.fa{
    background-color: #448844;
}

.video .player-footer >div{
    display: inline-block;
    padding: 10px;
}

.video .player-footer .title{
    font-size: 13px;
    font-family: Verdana;
    font-weight: bold;
}

.video:hover .player-footer .title{
    text-decoration: underline;
}

.episode .player-footer i.fa{
    font-size: 50px;
    padding: 5px 15px;
}


.episode .player-footer >div{
    padding: 20px;
}

.episode .player-footer .title{
    font-size: 15px;
}

.face{
    display: inline-block;
    margin: 0 10px 20px 0;
    text-align: center;
    font-size: 12px;
    opacity: 0.7;
    position: relative;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    width: 101px;
    white-space: nowrap;
}

.face:nth-child(10n+10){
margin-right: 0;
}
.face a{
    color: #bb9368 !important;
}

.face:hover{
    opacity: 1;
}
.face img{
    border: 2px solid #a5a5a5;
}

.face .team{
    position: absolute;
    bottom: 96px;
    width: 100%;
}
.face .team span{
    background-color: rgba(72, 123, 71, 0.77);
    color: #FFECEC;
    padding: 3px;
    border-radius: 5px;
}

.face .elim-x{
    position: absolute;
    top: 20px;
    left: 18px;
}
.face .elim-x img{
    border: none;
}
.news{
    margin-bottom: 20px;
    background-color: rgba(0,0,0,0.1);
    padding: 10px;

    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.news:hover{
    background-color: rgba(0,0,0,0.2);
}

.news > a{
    display: block;
}


.news .thumb img{
    vertical-align: bottom;
    width: 100%; 
}

.news .thumb{
    display: inline-block;
    width: 180px;
}
.news .news-footer{
    padding: 0 10px;
    vertical-align: top;
    color: #ffffff;
    box-sizing: border-box;
    display:inline-block ;
    width: 82%;
    width: calc(100% - 185px);
}

.news .news-footer .title{
    font-weight: bold;
    font-family: Verdana;
    font-size: 18px;
}

.news .news-footer .brief{
    color: #CCCCCC;
}


.news:hover .news-footer .title{
    text-decoration: underline;
}

.news .news-footer .date{
    color: #ababab;
    font-size: small;
    display: none;
}

#social-feeds > div{
    margin-bottom: 20px;
}

#social-feeds #instafeed > div:first-child{
    padding: 5px;
    background-color: #054786;
    color: #ffffff;
}

#social-feeds #instafeed > div:first-child > div{
    width: 49%;
    display: inline-block;
}
#social-feeds #instafeed{
    border: solid 1px #054786;
    background-color: #CCCCCC;
}

#social-feeds #instafeed i.fa{
    font-size: 30px;
    color: #ffffff;
}
#social-feeds #instafeed i.fa:hover{
    color: #CCCCCC;
}

.photo{
    margin-bottom: 30px;
    position: relative;

}

.photo a{
    display: block;
}
.photo img{
    border-radius: 10px;
}
.photo .thumb{
    opacity: 0.8;
}

.photo:hover .thumb{
    opacity: 1;
}
.photo .thumb:before{
    width: 100%;

    position: absolute;
    content: "\f03e";
    font-family: FontAwesome;
    font-size: 50px;
    color: rgba(255,255,255,0.7);
    text-align: center;
    top: 30%;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;

}

.photo:hover .thumb:before{
    color: rgba(255,255,255,0.9);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}