.elementor-11277 .elementor-element.elementor-element-fec15b9{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.75;}.elementor-11277 .elementor-element.elementor-element-fec15b9:not(.elementor-motion-effects-element-type-background), .elementor-11277 .elementor-element.elementor-element-fec15b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://renniksoholt.com/wp-content/uploads/2018/03/animations.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11277 .elementor-element.elementor-element-fec15b9::before, .elementor-11277 .elementor-element.elementor-element-fec15b9 > .elementor-background-video-container::before, .elementor-11277 .elementor-element.elementor-element-fec15b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-11277 .elementor-element.elementor-element-fec15b9 > .elementor-background-slideshow::before, .elementor-11277 .elementor-element.elementor-element-fec15b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11277 .elementor-element.elementor-element-fec15b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11277 .elementor-element.elementor-element-4c10a62 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:400;color:#FFFFFF;}.elementor-11277 .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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for heading, class: .elementor-element-4c10a62 */.elementor-11277 .elementor-element.elementor-element-4c10a62{
        text-shadow: 3px 3px 5px #000;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-648946f */.grid {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    grid-auto-rows: 150px;
    grid-auto-flow: row dense;
}

.item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    background: #0c9a9a;
    color: #fff;
    grid-column-start: auto;
    grid-row-start: auto;
    color: #fff;
    /*background: url("https://i.vimeocdn.com/video/681514047_780x439.webp");*/
    background-size:cover !important;
    background-position: center center !important;
    box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4);
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
    counter-increment: item-counter;
}

.item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.2;
    transition: opacity 0.3s ease-in-out;
}

.item:hover .item-details-left {
    opacity:1;
    left:0; 
    transition: all 1s;
    -webkit-transition: all 1s;
}
.item:hover .item-details-right {
    opacity:1;
    right:0; 
    transition: all 1s ;
    -webkit-transition: all 1s;
}

.item:hover:after {
    opacity: 0.6;
}

.item-medium {
    grid-row-end: span 5;
}

.item-large {
    grid-row-end: span 3;
}

.item-full {
    grid-column-end: auto;
}

@media screen and (min-width: 768px) {
    .item-full {
        grid-column: 1/-1;
        grid-row-end: span 2;
    }
}

.item-details {
    opacity:0;
    position: absolute;
    
    transition: all 1s;
    -webkit-transition: all 1s;
    z-index: 1;
    padding: 15px;
    color: #444;
    background: rgba(1 ,1,1,0.1);
    letter-spacing: 1px;
    color: #FFF;
    text-shadow: 3px 3px 5px #000;
}

.item-details-left{
    left:-100%;
}
.item-details-right{
    right:-100%;
}

.item-details:before {
    display:none; /* remove in case you want numbers for each video*/
    content: counter(item-counter);
    font-weight: bold;
    font-size: 1.1rem;
    padding-right: 0.5em;
    color: #444;
}

.vp-a {
    width: 100%;
    height: 100%;
    z-index: 99999;
}

/* Images for the grid*/
/* use the category class + nth-child(counter)*/



/*animations*/
.animations{
    background:url("/wp-content/uploads/2018/03/an1.jpg");
}

.animations:nth-child(2){
     background: url("/wp-content/uploads/2018/05/animation2.jpg");
}







@media screen and (max-width: 1238px) {
    .item-details-left {
        opacity: 1;
        left: 0;
    }
    .item-details-right {
        opacity:1;
        left:0; 
    }
    
}


@media screen and (max-width: 767px) {
    .item-details-left {
        opacity: 1;
        left: 0;
    }
    .item-details-right {
        opacity:1;
        right:0; 
    }
    .item-medium {
    grid-row-end: span 2;
}
    .item {
        grid-column-end: 1;
    }
    
    .empty-space-row{
        height:68px;
    }
    
}/* End custom CSS */