.videoTileBox {
    border-color: #dfdfdf;
    color: #dfdfdf;
}
.videoTileBox:hover {
    border-color: #464646;
    color: #464646;
}

.videoTileBox .i-gery {
    border-color: #dfdfdf;
    color: #dfdfdf;
}
.videoTileBox:hover .i-gery {
    border-color: #464646;
    color: #464646;
}

.OrgOppCard-Height {
    height: 322px;
}

.VideoTile-Height {
    height: 375px;
}

.VideoTile{
    background:#fff;
    border-radius:5px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 1px 3rem;
    box-shadow:rgba(0,0,0,0.15) 0 1px 3rem;
    position:relative;
    -webkit-transition:0.2s;
    transition:0.2s;
}
.VideoTile:hover{
    -webkit-box-shadow:rgba(0,0,0,0.50) 0 1rem 3rem !important;
    box-shadow:rgba(0,0,0,0.50) 0 1rem 3rem !important;
}

.VideoTile__ActionsToggle{
    position:absolute;
    right:1rem;
    top:1rem;
    background:#161824;
    border-radius:5px;
    width:4rem;
    height:4rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:4;
    -webkit-transition:0.2s;
    transition:0.2s;
    cursor:pointer;
    z-index: 101;
}
.VideoTile__ActionsToggle::before,.VideoTile__ActionsToggle::after{
    content:"";
    -webkit-box-flex:1;
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto
}
@media (min-width: 1200px){
    .VideoTile__ActionsToggle{
        opacity:0
    }
}

@media (min-width: 1600px){
    .VideoTile-Height {
        height: 400px;
    }
}
.-actions .VideoTile__ActionsToggle{
    opacity:1;
    z-index:10;
    right:0.25rem;
    top:0.25rem
}
.-actions .VideoTile__ActionsToggle::before{
    content:"";
    background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3C%2Fsvg%3E");
    background-size:contain;
    position:absolute;
    left:50%;
    top:50%;
    width:1.5rem;
    height:1.5rem;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.-actions .VideoTile__ActionsToggle svg{
    opacity:0
}
.VideoTile__ActionsToggle:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.VideoTile:hover .VideoTile__ActionsToggle{
    opacity:1
}

.top-round {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.bottom-round {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.bottom-round-8 {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.bottom-radius-8 {
    border-radius: 8px;
}

.bottom-border {
    border-bottom: 1px solid #dfdfdf;
}