/**/
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
  max-width: none; }

.wrap {
  max-width: none; }
/**/
.ftv-mockup-wrap:after {
  content: "";
  display: block;
  clear: both; }
  .ftv-mockup-wrap .mockup-area, .ftv-mockup-wrap .video-area, .ftv-mockup-wrap .video-area-outdoor, .ftv-mockup-wrap .video-area-indoor, .ftv-mockup-wrap .video-area-sling {
    float: left; }
  .ftv-mockup-wrap .mockup-area {
    width: 50%;
    margin-bottom: 100px; }
  .ftv-mockup-wrap .ftv-filter {
    margin-bottom: 10px; }
    .ftv-mockup-wrap .ftv-filter a {
      text-decoration: none;
      box-shadow: none; }
      .ftv-mockup-wrap .ftv-filter a:not(:last-child) {
        margin-right: 5%; }
      .ftv-mockup-wrap .ftv-filter a.is-current {
        box-shadow: 0 2px 0 0 #333;
        color: #8e8a76; }
  .ftv-mockup-wrap .video-area {
    width: 50%; }
    .ftv-mockup-wrap .video-area .video-grid-container.ftv-grid-col-3:after {
      content: "";
      display: block;
      clear: both; }
      .ftv-mockup-wrap .video-area .video-grid-container.ftv-grid-col-3 .video-item {
        width: 50%;
        width: calc(100% / 3);
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        box-sizing: border-box; }
        .ftv-mockup-wrap .video-area .video-grid-container.ftv-grid-col-3 .video-item .inner img {
          width: 100%; }
  .ftv-mockup-wrap .video-area-outdoor {
    width: 50%; }
    .ftv-mockup-wrap .video-area-outdoor .video-grid-container.ftv-grid-col-3:after {
      content: "";
      display: block;
      clear: both; }
      .ftv-mockup-wrap .video-area-outdoor .video-grid-container.ftv-grid-col-3 .video-item {
        width: calc(100% / 3);
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        box-sizing: border-box; }
        .ftv-mockup-wrap .video-area-outdoor .video-grid-container.ftv-grid-col-3 .video-item .inner img {
          width: 100%; }
  .ftv-mockup-wrap .video-area-indoor {
    width: 50%; }
    .ftv-mockup-wrap .video-area-indoor .video-grid-container.ftv-grid-col-3:after {
      content: "";
      display: block;
      clear: both; }
      .ftv-mockup-wrap .video-area-indoor .video-grid-container.ftv-grid-col-3 .video-item {
        width: calc(100% / 3);
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        box-sizing: border-box; }
        .ftv-mockup-wrap .video-area-indoor .video-grid-container.ftv-grid-col-3 .video-item .inner img {
          width: 100%; }
  .ftv-mockup-wrap .video-area-sling {
    width: 50%; }
    .ftv-mockup-wrap .video-area-sling .video-grid-container.ftv-grid-col-3:after {
      content: "";
      display: block;
      clear: both; }
      .ftv-mockup-wrap .video-area-sling .video-grid-container.ftv-grid-col-3 .video-item {
        width: calc(100% / 3);
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        box-sizing: border-box; }
        .ftv-mockup-wrap .video-area-sling .video-grid-container.ftv-grid-col-3 .video-item .inner img {
          width: 100%; }
/*Filter Ftrainer Video*/
.filter-posttype {
  display: -webkit-box;
  list-style: none;
  margin-top: 50px;
  margin: auto;
  width: 60%;
  top: 30px;
  position: relative;
  line-height: 56px; }
  .filter-posttype li {
    margin-right: 2%; }
    .filter-posttype li a {
      padding: 10px;
      border: 1px solid;
      border-bottom: none; }

.overley-dark {
  position: relative; }
  .overley-dark:before {
    content: '';
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8; }

.ftv-logo {
  width: 45%;
  text-align: center; }
  .ftv-logo img {
    width: 80%; }

.ftv-filter {
  padding: 0 10px; }

.ftv-mockup-wrap .ftv-filter {
  margin-top: -44px; }

.panel-content .wrap {
  padding-bottom: 20px; }

.canvas-container {
  margin: auto; }

.mockup-bg {
  width: 80%;
  margin: auto; }

@media all and (max-width: 1210px) and (min-width: 991px) {
  .ftv-mockup-wrap .ftv-filter a:not(:last-child) {
    margin-right: 2%; } }

@media screen and (max-width: 991px) {
  .ftv-mockup-wrap .video-area, .ftv-mockup-wrap .video-area-sling, .ftv-mockup-wrap .video-area-outdoor, .ftv-mockup-wrap .video-area-indoor {
    width: 100%; }

  .mockup-bg {
    width: 100%; }

  .ftv-mockup-wrap .mockup-area {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .ftv-mockup-wrap .mockup-area, .filter-posttype {
    width: 100%;
    display: block; }

  .ftv-mockup-wrap .video-area .video-grid-container.ftv-grid-col-3 .video-item {
    width: calc(100% / 2); }

  .canvas-container, .ftv-canvas-mockup {
    width: 100% !important;
    height: auto !important;
    position: relative !important; }

  .upper-canvas {
    position: absolute !important; }

  .ftv-logo {
    width: 100%; }
    .ftv-logo img {
      width: 100%; } }