SIMPLIFIED & STREAMLINED

Using technology to help with many sections of the production helps everyone focus on things that have a direct impact on the creative.

WE LET TECHNOLOGY TO DO WHAT IT DOES BEST,
SO OUR CREATIVE TEAM CAN DO WHAT THEY DO BEST.

Video production should be a creative process, not an office job.
We utilize technology to dramatically reduce the time-consuming and repetitive tasks of the video production process. This allows our creative team to focus their complete attention on bringing your creative vision to life.

Reduced Cost - Many of the cost that goes in video production is for planning and scheduling the shoot. By automating these tasks, we reduce the cost of video making and pass that savings on to our clients.

Quick Turnaround - By improving the whole video production process we have eliminated a lot of unnessary back and forth and waiting. This speeds up the process dramatically, allowing us to shorten the time from idea to completion.

Focused Creative Process - We want our creative talent to only focus on things that directly impact the quality of your video and not waste time on secretarial work to put a shoot together.

.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;
}

LiveShoot

SIMPLIFIED & STREAMLINED

Using technology to help with many sections of the production helps everyone focus on things that have a direct impact on the creative.

WE LET TECHNOLOGY TO DO WHAT IT DOES BEST,
SO OUR CREATIVE TEAM CAN DO WHAT THEY DO BEST.

Video production should be a creative process, not an office job.
We utilize technology to dramatically reduce the time-consuming and repetitive tasks of the video production process. This allows our creative team to focus their complete attention on bringing your creative vision to life.

Reduced Cost - Many of the cost that goes in video production is for planning and scheduling the shoot. By automating these tasks, we reduce the cost of video making and pass that savings on to our clients.

Quick Turnaround - By improving the whole video production process we have eliminated a lot of unnessary back and forth and waiting. This speeds up the process dramatically, allowing us to shorten the time from idea to completion.

Focused Creative Process - We want our creative talent to only focus on things that directly impact the quality of your video and not waste time on secretarial work to put a shoot together.

REQUEST A DEMO

SIMPLIFIED & STREAMLINED

Using technology to help with many sections of the production helps everyone focus on things that have a direct impact on the creative.

WE LET TECHNOLOGY TO DO WHAT IT DOES BEST, SO OUR CREATIVE TEAM CAN DO WHAT THEY DO BEST.

Video production should be a creative process, not an office job. We utilize technology to dramatically reduce the time-consuming and repetitive tasks of the video production process. This allows our creative team to focus their complete attention on bringing your creative vision to life.

Reduced Cost - Many of the cost that goes in video production is for planning and scheduling the shoot. By automating these tasks, we reduce the cost of video making and pass that savings on to our clients.

Quick Turnaround - By improving the whole video production process we have eliminated a lot of unnessary back and forth and waiting. This speeds up the process dramatically, allowing us to shorten the time from idea to completion.

Focused Creative Process - We want our creative talent to only focus on things that directly impact the quality of your video and not waste time on secretarial work to put a shoot together.

REQUEST A DEMO

WE LET TECHNOLOGY TO DO WHAT IT DOES BEST,
SO OUR CREATIVE TEAM CAN DO WHAT THEY DO BEST.

Video production should be a creative process, not an office job.
We utilize technology to dramatically reduce the time-consuming and repetitive tasks of the video production process. This allows our creative team to focus their complete attention on bringing your creative vision to life.