.elementor-11243 .elementor-element.elementor-element-9a33c8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-648946f */div.boxes-container{margin:0;}
    .first-column, .second-column, .inner-column div{float: left; display: inline-block;}
    .first-column {width: 33.33%}
    .second-column {width: 66.66%}
    
     a .box-overlay{height: 100%; width: 100%; background-color:rgba(0,0,0,.40);}
    a:hover .box-overlay{height: 100%; width: 100%; background-color:rgba(0,0,0,0); transition:.3s;}
    a:hover .box-overlay{background-color:rgba(0,0,0,.75); transition:.3s; }
    
    div[class^="link-box"]:hover{filter: grayscale(0); transition:.6s;}
    div[class^="link-box"]{
        position:relative;
        /*filter: grayscale(100);*/
        background-size: cover;
        background-position: center;
        transition:.6s;
        }
    
    .inner-column {width: 100%; height: 67vh;}
    .link-box1 {width: 100%; height: 50vh;}
    .link-box2 {width: 100%; height: 33vh;}
    .link-box3 {width: 100%; height: 50vh;}
    .link-box4 {width: 50%; height: 100%;}
    .link-box5 {width: 50%; height: 50%;}
    .link-box6 {width: 50%; height: 50%;}
    
     .link-box1 {background-image: URL(/wp-content/uploads/2018/03/digital.jpg);}
    .link-box2 {background-image: URL(/wp-content/uploads/2018/03/documentary.jpg);}
    .link-box3 {background-image: URL(/wp-content/uploads/2018/03/vr1.jpg);}
    .link-box4 {background-image: URL(/wp-content/uploads/2018/03/international.jpg);}
    .link-box5 {background-image: URL(/wp-content/uploads/2018/03/animations.jpg);}
    .link-box6 {background-image: URL(/wp-content/uploads/2018/03/television.jpg);}
    
    
    a h2.box-title{
        position: absolute;
        display:block;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        color: #ededed;
        font-size: 3rem;
        line-height: 3rem;
        font-weight: 400;
        text-align: center;
        transition:.6s;
        filter: drop-shadow(2px 2px 2px rgba(0,0,0,.5));
}
    a:hover h2.box-title {display: block;}

@media only screen and (max-width: 1239px){
    .first-column, .second-column, .link-box4{width:100%;}
    div[class^="link-box"]{height:16.66vh;}
    a .box-overlay{height: 100%; width: 100%; background-color:rgba(0,0,0,.50);}
    .inner-column {width: 100%; height: 100%;}
    .link-box5 {width: 100%; height: 100%;}
    .link-box6 {width: 100%; height: 100%;}
    a h2.box-title{display:block; font-size: 1.5rem;}
    #Top_bar { background: #100f0f !important;}
    .empty-space-rows{display:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a33c8b */#myheader{
    position: relative;
    background-color:#182225;
}/* End custom CSS */