LiveShoot (NEW) - LiveShoot

LIVESHOOT

YOUR MARKETING
VIDEOS,
MADE EASY.

YOUR MARKETING
VIDEOS,
MADE EASY

Get the Videos Your Company Needs, Without Dealing with Messy Production

Schedule a Demo

Challenges of Video Production Is the Reason Why Videos You Need Is out of Reach

Cost of Production

Nothing bursts the creative idea bubble like finding out the true cost of production. Casting, locations, crew, gear, all cost money. But many of the expenses don’t even contribute to the creative idea, such as catering, permits, etc.

Complex Process

It takes a team of professionals with different disciplines to deal with many parts of the video production process. Hiring and managing the producer, casting director, location scout, director of photography, etc. is a huge task.

Slow Turn-Around

It takes more than a month or two to go from the birth of your creative idea to the shoot day. Finding the talent, the shoot location, developing the script, storyboards, etc. is time-consuming and not friendly with today's fast-paced digital environment.

LiveShoot gives you the High Production Value,
Without the Hard Production Process.

LiveShoot reinvents video production by streamlining the entire process and making it 100% location independent. Now you can get the highly-produced videos your company needs. You have100% control over the creative process without getting entangled with any of the complicated and costly video production processes.

“A regular commercial shoot vs. LiveShoot, I would hands-down say LiveShoot. The cost and the ease of the process for LiveShoot are so much easier. I’ve been on commercial shoots and they are a “challenge...”

Jeff Faehnle

Social Media Strategist

.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, .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:680px;
    height:680px;
    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;
}