UNLOCKING YOUR LOCATION'S LIMITATIONS

You get the real world benefits of video production, Without the Real-World Limitations.

JUMP INTO THE DIRECTOR’S SEAT
WITHOUT EVER LEAVING YOUR DESK.

More creative control than ever before.
We are the first complete remote solution to live-action video production. Enjoy full control over the creative process, no matter where you are in the world.

Accessibility - You are no longer limited to local talent or capabilities. LiveShoot has sourced the best professionals in the industry, now at your disposal.

Time Saving - With the help of our platform, all your interaction with LiveShoot happens online. This dramatically reduces your time spent on unnecessary meetings, travel, and other parts of production, at the same time giving you more creative control.

Global Collaboration - You don't need to rely on the talent that is geographically closest to you. Now you can work with the industry's best creative teams, actors, and studios.

.text_red_underline {
    border-bottom:3px solid red;
}
.explainer-popup-row .td-fix-index {
    /* fix youtube popup position:fix */
    transform: none;
}
.header-search-wrap {
    display:none;
}

.home .td-header-logo, .home .td-sticky-mobile {
    display: none;
}

.td-header-menu-wrap.td-affix  {
    box-shadow: 4px 4px 100px rgba(66, 110, 122, 0.46);
    transform: translate3d(0px, -48px, 0px);
}
/* HERO SECTION */
.lshero {
    display: grid;
    min-height: 100vh;
    padding:0;
    font-family: Roboto, sans-serif;
    grid-template-columns: repeat(auto-fit,  minmax(300px, 1fr));
    grid-template-rows: auto;
    box-sizing: border-box;
    grid-gap: 50px;
}

.lshero .logo {
    align-self: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.lshero .logo .container {
    position:relative;
    overflow:hidden;
    display:block;
}

.lshero.playing .logo .container {
    overflow:initial;
}

.lshero .maskedshapes path {
    transition: all 1s ease;
    opacity: 0;
}

.lshero .show .maskedshapes path {
    opacity: 1;
}

.lshero .logoshapes path {
    transition: all 1s ease;
    fill: rgba(200,200,200,1);
}

.lshero #explainerVideo {
    left:0%;
    top:0%;
    width:100%;
    height:auto;
    opacity:0;
    /* box-shadow: 0 0 50px rgba(66, 110, 122, 0.46); */
    transition: opacity 1s ease;
    display:none;
    /* transition-delay:s */
}

.lshero.playing #explainerVideo {
    display:block;
    opacity:1
}

.lshero .logo .container:before {
    content: "";
    display: inline-block;
    width:0;
    height: 0;
    padding-bottom: 100%;
}

.lshero .controls {
    margin-top:50px;
    display:flex;
    align-items: center
}

.lshero .controls > div {
    flex:1;
}
/*
.vidcontainer:before {
    background-image: url(/wp-content/uploads/2018/07/colorbar.svg);
    background-size:cover;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1001;
}
*/

.lshero .logo .bgvideo {
    position:absolute;
    width: 100%;
    height: auto;
    z-index: -1000;
    object-fit: cover;
    object-position: 50% 50%;
    opacity:1;
    transition: opacity 1s ease;
}

.lshero.startPlaying .logo .bgvideo,
.lshero.playing .logo .bgvideo,
.lshero.stopPlaying .logo .bgvideo {
    opacity:0;
}

.lshero .logo .vidcontainer {
    position:absolute;
    top:0%;
    left:0;
    width:100%;
    height:100%;
}
.lshero-btn.ryv-popup {
    display:none;
}
@media (max-width: 425px) {
  .lshero .logo {
      display:none;
  }
  .lshero .company-name {
      display:none;
  }
  .lshero .logo .vidcontainer {
      display:none;
  }
  
}
.lshero .logo .vidcontainer:after {
position:absolute;
top:0;
right:0;
width: 100%;
height: 100%;
content: '';
}

.lshero .logo .svglogo {
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    transition: opacity .5s ease;
}

.lshero svg {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit:include;
}

.lshero svg > rect {
    fill: white;
    -webkit-mask: url(#mask);
    mask: url(#mask);
}
.lshero svg mask #videoMask, .lshero.stopPlaying svg mask #videoMask {
    transition: all .5s ease-in;
    x:350px;
    y:350px;
    width:0px;
    height:0px;
    rx:100;
    ry:100;
}

.lshero.playing svg mask #videoMask {
    x:10px;
    y:10px;
    width:280px;
    height:280px;
    rx:15;
    ry:15;
}

.lshero svg .logoshapes, .lshero.stopPlaying svg .logoshapes {
    opacity:1;
}

.lshero.playing svg .logoshapes {
    opacity:0
}

.lshero .info {
    max-width: 500px;
    align-self: center;
    min-width: 300px;
    justify-self: center;
}

.lshero .company-name {
    font-weight: 700;
    color: red;
    font-size:2em;
}

.lshero .slogan {
    z-index: 9;
    white-space: normal;
    font-size: 100px;
    line-height: 90px;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
    font-family: Anton;
    margin: 100px 0px 20px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    position: relative;
}

@media (max-width: 1024px) {
  .lshero .slogan {
    font-size: 60px;
    line-height:60px;
  }
}

@media (max-width: 320px) {
  .lshero .slogan {
    font-size: 45px;
    line-height:43px;
  }
  .lshero .info2 {
      font-size:1.1em !important;
  }
}
.lshero .slogan-after {
    display:inline;
    transition: text-shadow 1s ease;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    text-shadow: 4px 4px 100px rgba(66, 110, 122, 1);
    z-index:-1;
}

.lshero .lshero-btn {
    font-family: Anton;
    font-size: 1.5em;
    cursor: pointer;
    display: inline-flex;
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    flex: unset !important;
    color: rgba(255,0,0,.6)
}
.lshero .lshero-btn.ryv-popup {
    margin-right:10px;
    display: none
}
.lshero.playing #playBtn {
    color:#f00;
}
.lshero .lshero-btn:hover {
    color:rgba(255,0,0,1);
}

.lshero .info2 {
    white-space: normal;
    font-size:1.5em;
    color: #45545D;
}

#inforow > .td-element-style {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eceff1+0,ffffff+85 */
background: #eceff1; /* Old browsers */
background: -moz-linear-gradient(left, #eceff1 0%, #ffffff 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #eceff1 0%,#ffffff 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #eceff1 0%,#ffffff 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceff1', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.tdm-title-sub {
    background: red;
    display:inline-block;
    padding:5px 10px
}
.top-form {
  min-width:300px;
  background-color:rgba(0,0,0,.4);
}
.top-form .form-section {
    background: rgba(255,255,255,.8) !important;
}
.top-form .form-section form [class^=col-] {
    padding-bottom:8px;
    padding-top:8px;
}
.top-form .form-section form [class^=col-],
.wpcf7-form [class^=col-] {
    padding-bottom:8px;
    padding-top:8px;
}
.top-form input[type]:not([type='submit']):not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='file']),
.wpcf7-form input[type]:not([type='submit']):not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='file']) {

font-size:18px;
    border-radius:0;
}

input[type]:not([type='submit']):not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='file']), .wpcf7-form input[type]:not([type='submit']):not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='file']) {
    font-size: 18px;
    border-radius: 0;
}

.wpcf7 {
    padding: 20px !important;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(255,255,255,.1);
    box-shadow: 0 0 200px rgba(0,0,0,.3);
}

.wpcf7 .wpcf7-submit {
    font-size: 20px;
    background-color: rgba(255,0,0,.5);
    border-radius: 5px;
}

.wpcf7 .wpcf7-submit:hover {
    background-color: rgba(255,255,255,.5);
}
textarea, select, input[type]:not([type='submit']):not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='file']) {
    display: block;
    width: 100%;
    height: 48px;
    margin-bottom: 24px;
    padding: 0 12px;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #4c4c4c;
    font-size: 23px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

.tdm-title {
    color: #45545D;
}
.td-page-content, .td-post-content, .wpb_text_column, .td_block_text_with_title, .woocommerce #tab-description, .mce-content-body {
color: #45545D    
}

.custom-footer-menu #menu-footer {
    margin: 0;
}
.custom-footer-menu #menu-footer li {
    display:inline-block;
    padding:0 10px;
}

.white--text {
    color:white;
    
}

.watch-btn a {
    height:auto;
}

.rowDifLoc {
   text-align: center;
}

.scroll {
    margin: 0;
    padding: 0;
}
body {background-color:#000;
}
.block {   
    overflow: hidden;
  width: auto;
  margin: 50px auto;
}
.animation {
  width: auto;
  height: 100px;
  font-size: 0px;
}
.animation div {
  display: inline-block;
  width: auto;
  float: none;
  padding: 0 10px;
}