@charset "UTF-8";
/*!
	Theme Name: Semplice Child Theme
	Description: Child Theme for Semplice
	Author: Semplicelabs
	Template: semplice4
*/
/* Custom CSS Start */
.container-fluid, .container, .admin-container {
  margin-right: auto;
  margin-left: auto;
  padding: 0 rem(30); }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .container-fluid, .container, .admin-container {
      padding: 0 rem(20); } }
  @media screen and (max-width: 543px) {
    .container-fluid, .container, .admin-container {
      padding: 0 rem(20); } }

.container {
  max-width: 1230px;
  width: 100%; }

.row, .grid-row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: rem(-15);
  margin-right: rem(-15); }

.admin-container {
  max-width: 1230px;
  width: 100%;
  padding: 0 rem(30); }

.admin-row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: rem(-15);
  margin-right: rem(-15); }

.column, .grid-column, .admin-column {
  padding-left: rem(15);
  padding-right: rem(15); }

.remove-gutter {
  padding: 0; }
  .remove-gutter .row {
    margin: 0; }
  .remove-gutter .column, .remove-gutter .grid-column {
    padding: 0; }

[data-breakpoint="xs"] [data-xs-width='1'] {
  width: 8.33333%;
  max-width: 8.33333%;
  flex: 0 0 auto;
  flex-basis: 8.33333%; }

[data-breakpoint="xs"] [data-xs-width='2'] {
  width: 16.66667%;
  max-width: 16.66667%;
  flex: 0 0 auto;
  flex-basis: 16.66667%; }

[data-breakpoint="xs"] [data-xs-width='3'] {
  width: 25%;
  max-width: 25%;
  flex: 0 0 auto;
  flex-basis: 25%; }

[data-breakpoint="xs"] [data-xs-width='4'] {
  width: 33.33333%;
  max-width: 33.33333%;
  flex: 0 0 auto;
  flex-basis: 33.33333%; }

[data-breakpoint="xs"] [data-xs-width='5'] {
  width: 41.66667%;
  max-width: 41.66667%;
  flex: 0 0 auto;
  flex-basis: 41.66667%; }

[data-breakpoint="xs"] [data-xs-width='6'] {
  width: 50%;
  max-width: 50%;
  flex: 0 0 auto;
  flex-basis: 50%; }

[data-breakpoint="xs"] [data-xs-width='7'] {
  width: 58.33333%;
  max-width: 58.33333%;
  flex: 0 0 auto;
  flex-basis: 58.33333%; }

[data-breakpoint="xs"] [data-xs-width='8'] {
  width: 66.66667%;
  max-width: 66.66667%;
  flex: 0 0 auto;
  flex-basis: 66.66667%; }

[data-breakpoint="xs"] [data-xs-width='9'] {
  width: 75%;
  max-width: 75%;
  flex: 0 0 auto;
  flex-basis: 75%; }

[data-breakpoint="xs"] [data-xs-width='10'] {
  width: 83.33333%;
  max-width: 83.33333%;
  flex: 0 0 auto;
  flex-basis: 83.33333%; }

[data-breakpoint="xs"] [data-xs-width='11'] {
  width: 91.66667%;
  max-width: 91.66667%;
  flex: 0 0 auto;
  flex-basis: 91.66667%; }

[data-breakpoint="xs"] [data-xs-width='12'] {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  flex-basis: 100%; }

[data-breakpoint="xs"] [data-column-mode-xs="single"] .column, [data-breakpoint="xs"] [data-column-mode-xs="single"] .masonry-item {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  flex-basis: 100%; }

[data-breakpoint="sm"] [data-sm-width='1'] {
  width: 8.33333%;
  max-width: 8.33333%;
  flex: 0 0 auto;
  flex-basis: 8.33333%; }

[data-breakpoint="sm"] [data-sm-width='2'] {
  width: 16.66667%;
  max-width: 16.66667%;
  flex: 0 0 auto;
  flex-basis: 16.66667%; }

[data-breakpoint="sm"] [data-sm-width='3'] {
  width: 25%;
  max-width: 25%;
  flex: 0 0 auto;
  flex-basis: 25%; }

[data-breakpoint="sm"] [data-sm-width='4'] {
  width: 33.33333%;
  max-width: 33.33333%;
  flex: 0 0 auto;
  flex-basis: 33.33333%; }

[data-breakpoint="sm"] [data-sm-width='5'] {
  width: 41.66667%;
  max-width: 41.66667%;
  flex: 0 0 auto;
  flex-basis: 41.66667%; }

[data-breakpoint="sm"] [data-sm-width='6'] {
  width: 50%;
  max-width: 50%;
  flex: 0 0 auto;
  flex-basis: 50%; }

[data-breakpoint="sm"] [data-sm-width='7'] {
  width: 58.33333%;
  max-width: 58.33333%;
  flex: 0 0 auto;
  flex-basis: 58.33333%; }

[data-breakpoint="sm"] [data-sm-width='8'] {
  width: 66.66667%;
  max-width: 66.66667%;
  flex: 0 0 auto;
  flex-basis: 66.66667%; }

[data-breakpoint="sm"] [data-sm-width='9'] {
  width: 75%;
  max-width: 75%;
  flex: 0 0 auto;
  flex-basis: 75%; }

[data-breakpoint="sm"] [data-sm-width='10'] {
  width: 83.33333%;
  max-width: 83.33333%;
  flex: 0 0 auto;
  flex-basis: 83.33333%; }

[data-breakpoint="sm"] [data-sm-width='11'] {
  width: 91.66667%;
  max-width: 91.66667%;
  flex: 0 0 auto;
  flex-basis: 91.66667%; }

[data-breakpoint="sm"] [data-sm-width='12'] {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  flex-basis: 100%; }

[data-breakpoint="sm"] [data-column-mode-sm="single"] .column, [data-breakpoint="sm"] [data-column-mode-sm="single"] .masonry-item {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  flex-basis: 100%; }

[data-breakpoint="md"] [data-md-width='1'] {
  width: 8.33333%;
  max-width: 8.33333%;
  flex: 0 0 auto;
  flex-basis: 8.33333%; }

[data-breakpoint="md"] [data-md-width='2'] {
  width: 16.66667%;
  max-width: 16.66667%;
  flex: 0 0 auto;
  flex-basis: 16.66667%; }

[data-breakpoint="md"] [data-md-width='3'] {
  width: 25%;
  max-width: 25%;
  flex: 0 0 auto;
  flex-basis: 25%; }

[data-breakpoint="md"] [data-md-width='4'] {
  width: 33.33333%;
  max-width: 33.33333%;
  flex: 0 0 auto;
  flex-basis: 33.33333%; }

[data-breakpoint="md"] [data-md-width='5'] {
  width: 41.66667%;
  max-width: 41.66667%;
  flex: 0 0 auto;
  flex-basis: 41.66667%; }

[data-breakpoint="md"] [data-md-width='6'] {
  width: 50%;
  max-width: 50%;
  flex: 0 0 auto;
  flex-basis: 50%; }

[data-breakpoint="md"] [data-md-width='7'] {
  width: 58.33333%;
  max-width: 58.33333%;
  flex: 0 0 auto;
  flex-basis: 58.33333%; }

[data-breakpoint="md"] [data-md-width='8'] {
  width: 66.66667%;
  max-width: 66.66667%;
  flex: 0 0 auto;
  flex-basis: 66.66667%; }

[data-breakpoint="md"] [data-md-width='9'] {
  width: 75%;
  max-width: 75%;
  flex: 0 0 auto;
  flex-basis: 75%; }

[data-breakpoint="md"] [data-md-width='10'] {
  width: 83.33333%;
  max-width: 83.33333%;
  flex: 0 0 auto;
  flex-basis: 83.33333%; }

[data-breakpoint="md"] [data-md-width='11'] {
  width: 91.66667%;
  max-width: 91.66667%;
  flex: 0 0 auto;
  flex-basis: 91.66667%; }

[data-breakpoint="md"] [data-md-width='12'] {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  flex-basis: 100%; }

[data-breakpoint="lg"] [data-lg-width='1'] {
  width: 8.33333%;
  max-width: 8.33333%;
  flex: 0 0 auto;
  flex-basis: 8.33333%; }

[data-breakpoint="lg"] [data-lg-width='2'] {
  width: 16.66667%;
  max-width: 16.66667%;
  flex: 0 0 auto;
  flex-basis: 16.66667%; }

[data-breakpoint="lg"] [data-lg-width='3'] {
  width: 25%;
  max-width: 25%;
  flex: 0 0 auto;
  flex-basis: 25%; }

[data-breakpoint="lg"] [data-lg-width='4'] {
  width: 33.33333%;
  max-width: 33.33333%;
  flex: 0 0 auto;
  flex-basis: 33.33333%; }

[data-breakpoint="lg"] [data-lg-width='5'] {
  width: 41.66667%;
  max-width: 41.66667%;
  flex: 0 0 auto;
  flex-basis: 41.66667%; }

[data-breakpoint="lg"] [data-lg-width='6'] {
  width: 50%;
  max-width: 50%;
  flex: 0 0 auto;
  flex-basis: 50%; }

[data-breakpoint="lg"] [data-lg-width='7'] {
  width: 58.33333%;
  max-width: 58.33333%;
  flex: 0 0 auto;
  flex-basis: 58.33333%; }

[data-breakpoint="lg"] [data-lg-width='8'] {
  width: 66.66667%;
  max-width: 66.66667%;
  flex: 0 0 auto;
  flex-basis: 66.66667%; }

[data-breakpoint="lg"] [data-lg-width='9'] {
  width: 75%;
  max-width: 75%;
  flex: 0 0 auto;
  flex-basis: 75%; }

[data-breakpoint="lg"] [data-lg-width='10'] {
  width: 83.33333%;
  max-width: 83.33333%;
  flex: 0 0 auto;
  flex-basis: 83.33333%; }

[data-breakpoint="lg"] [data-lg-width='11'] {
  width: 91.66667%;
  max-width: 91.66667%;
  flex: 0 0 auto;
  flex-basis: 91.66667%; }

[data-breakpoint="lg"] [data-lg-width='12'] {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  flex-basis: 100%; }

[data-breakpoint="xl"] [data-xl-width='1'] {
  width: 8.33333%;
  max-width: 8.33333%;
  flex: 0 0 auto;
  flex-basis: 8.33333%; }

[data-breakpoint="xl"] [data-xl-width='2'] {
  width: 16.66667%;
  max-width: 16.66667%;
  flex: 0 0 auto;
  flex-basis: 16.66667%; }

[data-breakpoint="xl"] [data-xl-width='3'] {
  width: 25%;
  max-width: 25%;
  flex: 0 0 auto;
  flex-basis: 25%; }

[data-breakpoint="xl"] [data-xl-width='4'] {
  width: 33.33333%;
  max-width: 33.33333%;
  flex: 0 0 auto;
  flex-basis: 33.33333%; }

[data-breakpoint="xl"] [data-xl-width='5'] {
  width: 41.66667%;
  max-width: 41.66667%;
  flex: 0 0 auto;
  flex-basis: 41.66667%; }

[data-breakpoint="xl"] [data-xl-width='6'] {
  width: 50%;
  max-width: 50%;
  flex: 0 0 auto;
  flex-basis: 50%; }

[data-breakpoint="xl"] [data-xl-width='7'] {
  width: 58.33333%;
  max-width: 58.33333%;
  flex: 0 0 auto;
  flex-basis: 58.33333%; }

[data-breakpoint="xl"] [data-xl-width='8'] {
  width: 66.66667%;
  max-width: 66.66667%;
  flex: 0 0 auto;
  flex-basis: 66.66667%; }

[data-breakpoint="xl"] [data-xl-width='9'] {
  width: 75%;
  max-width: 75%;
  flex: 0 0 auto;
  flex-basis: 75%; }

[data-breakpoint="xl"] [data-xl-width='10'] {
  width: 83.33333%;
  max-width: 83.33333%;
  flex: 0 0 auto;
  flex-basis: 83.33333%; }

[data-breakpoint="xl"] [data-xl-width='11'] {
  width: 91.66667%;
  max-width: 91.66667%;
  flex: 0 0 auto;
  flex-basis: 91.66667%; }

[data-breakpoint="xl"] [data-xl-width='12'] {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  flex-basis: 100%; }

[data-xl-width='1'] {
  width: 8.33333%;
  max-width: 8.33333%;
  flex: 0 0 auto;
  flex-basis: 8.33333%; }

[data-xl-width='2'] {
  width: 16.66667%;
  max-width: 16.66667%;
  flex: 0 0 auto;
  flex-basis: 16.66667%; }

[data-xl-width='3'] {
  width: 25%;
  max-width: 25%;
  flex: 0 0 auto;
  flex-basis: 25%; }

[data-xl-width='4'] {
  width: 33.33333%;
  max-width: 33.33333%;
  flex: 0 0 auto;
  flex-basis: 33.33333%; }

[data-xl-width='5'] {
  width: 41.66667%;
  max-width: 41.66667%;
  flex: 0 0 auto;
  flex-basis: 41.66667%; }

[data-xl-width='6'] {
  width: 50%;
  max-width: 50%;
  flex: 0 0 auto;
  flex-basis: 50%; }

[data-xl-width='7'] {
  width: 58.33333%;
  max-width: 58.33333%;
  flex: 0 0 auto;
  flex-basis: 58.33333%; }

[data-xl-width='8'] {
  width: 66.66667%;
  max-width: 66.66667%;
  flex: 0 0 auto;
  flex-basis: 66.66667%; }

[data-xl-width='9'] {
  width: 75%;
  max-width: 75%;
  flex: 0 0 auto;
  flex-basis: 75%; }

[data-xl-width='10'] {
  width: 83.33333%;
  max-width: 83.33333%;
  flex: 0 0 auto;
  flex-basis: 83.33333%; }

[data-xl-width='11'] {
  width: 91.66667%;
  max-width: 91.66667%;
  flex: 0 0 auto;
  flex-basis: 91.66667%; }

[data-xl-width='12'] {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  flex-basis: 100%; }

@media screen and (min-width: 992px) and (max-width: 1169px) {
  [data-lg-width='1'] {
    width: 8.33333%;
    max-width: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%; }
  [data-lg-width='2'] {
    width: 16.66667%;
    max-width: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%; }
  [data-lg-width='3'] {
    width: 25%;
    max-width: 25%;
    flex: 0 0 auto;
    flex-basis: 25%; }
  [data-lg-width='4'] {
    width: 33.33333%;
    max-width: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%; }
  [data-lg-width='5'] {
    width: 41.66667%;
    max-width: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%; }
  [data-lg-width='6'] {
    width: 50%;
    max-width: 50%;
    flex: 0 0 auto;
    flex-basis: 50%; }
  [data-lg-width='7'] {
    width: 58.33333%;
    max-width: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%; }
  [data-lg-width='8'] {
    width: 66.66667%;
    max-width: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%; }
  [data-lg-width='9'] {
    width: 75%;
    max-width: 75%;
    flex: 0 0 auto;
    flex-basis: 75%; }
  [data-lg-width='10'] {
    width: 83.33333%;
    max-width: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%; }
  [data-lg-width='11'] {
    width: 91.66667%;
    max-width: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%; }
  [data-lg-width='12'] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    flex-basis: 100%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  [data-md-width='1'] {
    width: 8.33333%;
    max-width: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%; }
  [data-md-width='2'] {
    width: 16.66667%;
    max-width: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%; }
  [data-md-width='3'] {
    width: 25%;
    max-width: 25%;
    flex: 0 0 auto;
    flex-basis: 25%; }
  [data-md-width='4'] {
    width: 33.33333%;
    max-width: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%; }
  [data-md-width='5'] {
    width: 41.66667%;
    max-width: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%; }
  [data-md-width='6'] {
    width: 50%;
    max-width: 50%;
    flex: 0 0 auto;
    flex-basis: 50%; }
  [data-md-width='7'] {
    width: 58.33333%;
    max-width: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%; }
  [data-md-width='8'] {
    width: 66.66667%;
    max-width: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%; }
  [data-md-width='9'] {
    width: 75%;
    max-width: 75%;
    flex: 0 0 auto;
    flex-basis: 75%; }
  [data-md-width='10'] {
    width: 83.33333%;
    max-width: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%; }
  [data-md-width='11'] {
    width: 91.66667%;
    max-width: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%; }
  [data-md-width='12'] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    flex-basis: 100%; } }

@media screen and (min-width: 544px) and (max-width: 767px) {
  [data-sm-width='1'] {
    width: 8.33333%;
    max-width: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%; }
  [data-sm-width='2'] {
    width: 16.66667%;
    max-width: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%; }
  [data-sm-width='3'] {
    width: 25%;
    max-width: 25%;
    flex: 0 0 auto;
    flex-basis: 25%; }
  [data-sm-width='4'] {
    width: 33.33333%;
    max-width: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%; }
  [data-sm-width='5'] {
    width: 41.66667%;
    max-width: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%; }
  [data-sm-width='6'] {
    width: 50%;
    max-width: 50%;
    flex: 0 0 auto;
    flex-basis: 50%; }
  [data-sm-width='7'] {
    width: 58.33333%;
    max-width: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%; }
  [data-sm-width='8'] {
    width: 66.66667%;
    max-width: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%; }
  [data-sm-width='9'] {
    width: 75%;
    max-width: 75%;
    flex: 0 0 auto;
    flex-basis: 75%; }
  [data-sm-width='10'] {
    width: 83.33333%;
    max-width: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%; }
  [data-sm-width='11'] {
    width: 91.66667%;
    max-width: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%; }
  [data-sm-width='12'] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    flex-basis: 100%; }
  [data-column-mode-sm="single"] .column, [data-column-mode-sm="single"] .masonry-item {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    flex-basis: 100%; } }

@media screen and (max-width: 543px) {
  [data-xs-width='1'] {
    width: 8.33333%;
    max-width: 8.33333%;
    flex: 0 0 auto;
    flex-basis: 8.33333%; }
  [data-xs-width='2'] {
    width: 16.66667%;
    max-width: 16.66667%;
    flex: 0 0 auto;
    flex-basis: 16.66667%; }
  [data-xs-width='3'] {
    width: 25%;
    max-width: 25%;
    flex: 0 0 auto;
    flex-basis: 25%; }
  [data-xs-width='4'] {
    width: 33.33333%;
    max-width: 33.33333%;
    flex: 0 0 auto;
    flex-basis: 33.33333%; }
  [data-xs-width='5'] {
    width: 41.66667%;
    max-width: 41.66667%;
    flex: 0 0 auto;
    flex-basis: 41.66667%; }
  [data-xs-width='6'] {
    width: 50%;
    max-width: 50%;
    flex: 0 0 auto;
    flex-basis: 50%; }
  [data-xs-width='7'] {
    width: 58.33333%;
    max-width: 58.33333%;
    flex: 0 0 auto;
    flex-basis: 58.33333%; }
  [data-xs-width='8'] {
    width: 66.66667%;
    max-width: 66.66667%;
    flex: 0 0 auto;
    flex-basis: 66.66667%; }
  [data-xs-width='9'] {
    width: 75%;
    max-width: 75%;
    flex: 0 0 auto;
    flex-basis: 75%; }
  [data-xs-width='10'] {
    width: 83.33333%;
    max-width: 83.33333%;
    flex: 0 0 auto;
    flex-basis: 83.33333%; }
  [data-xs-width='11'] {
    width: 91.66667%;
    max-width: 91.66667%;
    flex: 0 0 auto;
    flex-basis: 91.66667%; }
  [data-xs-width='12'] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    flex-basis: 100%; }
  [data-column-mode-xs="single"] .column, [data-column-mode-xs="single"] .masonry-item {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    flex-basis: 100%; } }

/**
 * selectize.css (v0.12.4)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff; }

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden; }

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important; }

.selectize-dropdown-header-close:hover {
  color: #000000; }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none; }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none; }

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important; }

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05); }

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none; }

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff; }

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px; }

.selectize-control {
  position: relative; }

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block; }

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px; }

.selectize-input.full {
  background-color: #ffffff; }

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important; }

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0; }

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca; }

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff; }

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.selectize-input > input::-ms-clear {
  display: none; }

.selectize-input > input:focus {
  outline: none !important; }

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left; }

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0; }

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden; }

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px; }

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none; }

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default; }

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68; }

.selectize-dropdown .active.create {
  color: #495c68; }

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5); }

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch; }

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer; }

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text; }

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent; }

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent; }

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto; }

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important; }

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa; }

span.tooltips {
  color: #000 !important;
  display: inline !important;
  margin-left: -9px;
  position: relative;
  text-decoration: none !important; }

span.tooltips span.tooltip {
  position: absolute;
  width: 259px;
  color: #fff;
  background: #000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 4px;
  font-size: 10px !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif !important; }

span.tooltips span.tooltip:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent; }

span:hover.tooltips span.tooltip {
  visibility: visible;
  opacity: 1;
  bottom: 66px;
  left: 50%;
  margin-left: -133px;
  z-index: 999; }

dl dt, h1, h2, h3, h4, h5, h6 {
  font-weight: normal !important; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/* * * * * * * * *
 * Main Menu
 * * * * * * * * */
/* Shadow */
header {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); }

/* Hamburger Menu : Hide box shadow */
#overlay-menu header {
  box-shadow: none; }

/* Desktop Menu */
@media (min-width: 991px) {
  .menu-item {
    border-color: transparent !important; }
  .menu-item :hover {
    border-color: #000 !important; }
  /* Menu Item Dividers */
  li.menu-item-22:after,
  li.menu-item-1712:after,
  li.menu-item-1464:after,
  li.menu-item-213:after {
    content: '/';
    font-family: 'Avenir Next Regular';
    font-size: 12px;
    font-weight: normal;
    padding-left: 18px;
    padding-right: 18px; }
  .menu-item-130 {
    padding-right: 18px; }
  /* Highlight Get Semplice */
  .menu-item-75 {
    background: #ffd300;
    padding: 33px 20px; }
  .menu-item-75:hover {
    background: #000;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear; }
    .menu-item-75:hover a span {
      border-color: transparent !important;
      color: #fff !important; } }

.current-menu-item a span {
  border-color: transparent !important; }

/* Mobile Menu */
@media (max-width: 991px) {
  ul#menu-semplice-menu-3 {
    padding: 0; }
  li.menu-item {
    border-top: 1px solid #e0e0e0; }
    li.menu-item:last-of-type {
      border-bottom: 1px solid #e0e0e0; }
  /* Hamburger Menu Hover */
  #overlay-menu li.menu-item:hover {
    background: #f9f9f9;
    cursor: pointer; } }

/* * * * * * * * *
 * Footer
 * * * * * * * * */
/* Footer Logo */
#content_2k11usfub p:before {
  content: url(images/footer_logo.png);
  position: relative;
  top: 7px;
  margin-right: 10px; }

/* Mobile Footer */
@media (max-width: 990px) {
  div#row_baacd5295 {
    display: block; }
    div#row_baacd5295 a {
      line-height: 44px;
      display: block;
      border-bottom: 1px solid #e6e6e6; }
    div#row_baacd5295 br {
      display: none; }
  #column_ff55c67c6,
  #column_952b0da4b,
  #column_3d431c400,
  #column_d7d4faccd {
    width: 100%;
    max-width: 100%; }
  #column_d7d4faccd {
    margin-top: 40px; }
  #content-148 #section_tigbpr4ky {
    padding-bottom: 20px !important; } }

/* Newsletter Signup Form */
form {
  position: relative;
  margin-top: -5px; }
  form input {
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    border: 1px solid #dbdbdb;
    background: #fff;
    color: #000;
    -webkit-appearance: none;
    font-family: "Maison Neue Book","Helvetica Neue",Arial,sans-serif;
    font-weight: 300;
    width: 100%;
    font-size: 13px;
    line-height: 50px;
    padding-left: 15px;
    letter-spacing: 1px;
    height: 50px; }
    form input:focus {
      -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
      box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
      outline: 0; }
  form .submit-button {
    width: 50px;
    height: 50px;
    background: url(images/newsletter.png) top #ffd300;
    position: absolute;
    text-indent: -5000px;
    border: none;
    right: 0;
    cursor: pointer;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    top: 0; }
    form .submit-button:hover {
      background-color: #333333;
      background-position: bottom; }

/* * * * * * * * *
 * Home Page
 * * * * * * * * */
/* See More Button */
.see-more {
  display: none;
  margin: 0 auto;
  width: 67px; }
  .see-more a {
    width: 67px;
    height: 67px;
    border-radius: 34px;
    background: url(images/see_more.png) center -2px;
    border: 2px solid #222222;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    display: block;
    margin: 90px 0px 135px; }
    .see-more a:hover {
      background-position: center -70px;
      background-color: #222222; }

@media screen and (min-width: 1200px) {
  .see-more {
    display: block; } }

/* Grid */
ul.grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.grid li {
    flex-basis: 33%;
    text-align: center; }
    @media (max-width: 543px) {
      ul.grid li {
        flex-basis: 50%; } }
  @media (min-width: 767px) and (max-width: 990px) {
    ul.grid li:nth-child(4),
    ul.grid li:nth-child(5),
    ul.grid li:nth-child(6) {
      padding-top: 20px; } }
  @media (min-width: 991px) and (max-width: 1168px) {
    ul.grid li {
      flex-basis: 16.66%; } }
  @media screen and (min-width: 1169px) {
    ul.grid li {
      flex-basis: 16.66%; } }

/* Big S */
.big-s .the-s {
  margin-bottom: -10px; }

.big-s .shadow {
  margin-left: 120px; }

/* Big S : Background */
#content-148 #section_u0kjsrt79 {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 90%, #f2f1f1 90%, #f2f1f1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 90%, #f2f1f1 90%, #f2f1f1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 90%, #f2f1f1 90%, #f2f1f1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

@media (min-width: 1169px) {
  #content-148 #section_u0kjsrt79 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 90%, #f2f1f1 90%, #f2f1f1 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 90%, #f2f1f1 90%, #f2f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 90%, #f2f1f1 90%, #f2f1f1 100%); } }

@media (min-width: 991px) and (max-width: 1168px) {
  #content-148 #section_u0kjsrt79 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 94%, #f2f1f1 94%, #f2f1f1 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 94%, #f2f1f1 94%, #f2f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 94%, #f2f1f1 94%, #f2f1f1 100%); }
  .big-s .shadow {
    margin-left: 80px; } }

@media (min-width: 850px) and (max-width: 990px) {
  #content-148 #section_u0kjsrt79 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 94%, #f2f1f1 94%, #f2f1f1 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 94%, #f2f1f1 94%, #f2f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 94%, #f2f1f1 94%, #f2f1f1 100%); }
  .big-s .shadow {
    margin-left: 50px; } }

@media (max-width: 849px) {
  #content-148 #section_u0kjsrt79 {
    background: #ffffff; }
  .big-s .shadow {
    margin-left: 30px; } }

@media (max-width: 767px) {
  #content-148 #section_u0kjsrt79 {
    background: #ffffff; }
  .big-s .shadow {
    margin-left: 15%; }
  img.the-s {
    width: 65%;
    margin-left: 10%; } }

@media (max-width: 630px) {
  .big-s .shadow {
    margin-left: 12%; } }

@media (max-width: 550px) {
  .big-s .shadow {
    margin-left: 4%; } }

/* Button Hover */
div#content_om6i00m0p .ce-button a:hover {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important; }

/* Showcase Home */
@media (max-width: 767px) {
  #section_jmcxplktf .content-wrapper {
    width: 570px;
    margin: 0 auto; }
  #section_jmcxplktf .column .content-wrapper {
    width: auto !important; } }

.showcase-home-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease; }
  @media (max-width: 543px) {
    .showcase-home-hover {
      display: none; } }
  @media (min-width: 543px) and (max-width: 766px) {
    .showcase-home-hover {
      display: none; } }

.view-in-showcase {
  font-size: 12px;
  font-family: "Maison Neue Demi","Helvetica Neue",Arial,sans-serif !important;
  text-transform: uppercase;
  line-height: 50px;
  background: transparent;
  text-align: center;
  letter-spacing: 2px;
  display: inline-block;
  border: 2px solid white;
  color: white;
  width: 240px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -120px;
  cursor: pointer; }

.view-in-showcase:hover {
  color: #ffd300;
  border-color: #ffd300; }

.thumb:hover .showcase-home-hover {
  opacity: 1; }

/* Home Page : No Templates */
@media (max-width: 991px) {
  #section_3vrlp0suk .ce-image {
    margin: 0 auto;
    width: 131px; }
  #section_3vrlp0suk #column_ic03a5vt3,
  #section_3vrlp0suk #column_5duoy0xsx,
  #section_3vrlp0suk #column_lwabfaidm {
    margin-bottom: 20px; }
  #section_3vrlp0suk [data-breakpoint=md] [data-md-width='2'], [data-breakpoint=lg] [data-lg-width='2'], [data-breakpoint=xl] [data-xl-width='2'], [data-xl-width='2'] {
    width: 33%;
    max-width: 33%;
    flex: 0 0 auto;
    flex-basis: 33%; } }

/* Home Page : Facts */
div#column_hbghc96cw .content-wrapper,
div#content_zke8bxkc0 {
  border: 1px solid #dedede; }

@media (max-width: 767px) {
  div#column_hbghc96cw .content-wrapper {
    background: #fff; }
  #column_hbghc96cw .content-wrapper {
    display: flex;
    padding-bottom: 20px; }
  #content_4vu9r6cq9,
  #content_uzavbtcet {
    width: auto; }
  #content_4vu9r6cq9 {
    order: 2;
    padding-left: 80px; } }

/* Home Page : Branding */
.branding-bar {
  display: block;
  background: #ff9b00;
  width: 90px;
  height: 10px; }

.branding-numbers-1,
.branding-numbers-2,
.branding-numbers-3 {
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  border: 2px solid #fff;
  font-family: "Maison Neue Bold","Helvetica Neue",Arial,sans-serif;
  font-size: 12px;
  text-align: center;
  line-height: 42px;
  margin-right: 10px !important; }

.branding-numbers-1 {
  background-color: #ff9b00;
  border-color: #ff9b00; }

/* Tweets */
.twitter-reviews iframe {
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 767px) {
  #twitter-reviews-1 .column,
  #twitter-reviews-2 .column,
  #twitter-reviews-3 .column {
    float: left; } }

@media (max-width: 766px) {
  twitterwidget {
    margin: 0 auto; } }

#twitter-reviews-2,
#twitter-reviews-3 {
  display: none; }

div#content_xncle2mqg {
  display: flow-root; }

/* Tweets : Dots */
.dots {
  width: 54px;
  margin: 0 auto; }

.dots .dot {
  float: left;
  padding: 10px 5px;
  cursor: pointer; }

.dots .dot a {
  width: 8px;
  height: 8px;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  border-radius: 4px;
  background: #b8b8b8;
  display: block; }

.dots .active-dot a,
.dots .dot a:hover {
  background: #000; }

/* Tweaks */
#content-148 #content_shpi7wfkk {
  padding-top: 0 !important; }

/* * * * * * * * *
 * /video-tutorials
 * * * * * * * * */
#content-78.content-container .container {
  padding: 0; }

#content-78.content-container section {
  padding-left: 30px;
  padding-right: 30px; }

@media (min-width: 991px) {
  .video-content-overview:hover,
  .video-admin-overview:hover,
  .video-new-project:hover,
  .video-portfolio-grid #content_u7odrjb10:hover,
  .video-webfont-self-hosted:hover,
  .video-webfont-service:hover,
  .video-custom-navigation:hover,
  .video-screen-sizes:hover,
  .video-text-editor:hover,
  .video-semplice-blocks:hover,
  .video-thumbnail-hover:hover,
  .video-page-transitions:hover,
  .video-base-grid:hover,
  .video-animations:hover,
  .video-cover-slider:hover {
    cursor: pointer; }
  .video-content-overview img,
  .video-admin-overview img,
  .video-new-project img,
  .video-portfolio-grid #content_u7odrjb10 img,
  .video-webfont-self-hosted img,
  .video-webfont-service img,
  .video-custom-navigation img,
  .video-screen-sizes img,
  .video-text-editor img,
  .video-semplice-blocks img,
  .video-thumbnail-hover img,
  .video-page-transitions img,
  .video-base-grid img,
  .video-animations img,
  .video-cover-slider img {
    opacity: 1;
    transition: all .3s ease; }
  .video-content-overview:hover img,
  .video-admin-overview:hover img,
  .video-new-project:hover img,
  .video-portfolio-grid #content_u7odrjb10:hover img,
  .video-webfont-self-hosted:hover img,
  .video-webfont-service:hover img,
  .video-custom-navigation:hover img,
  .video-screen-sizes:hover img,
  .video-text-editor:hover img,
  .video-semplice-blocks:hover img,
  .video-thumbnail-hover:hover img,
  .video-page-transitions:hover img,
  .video-base-grid:hover img,
  .video-animations:hover img,
  .video-cover-slider:hover img {
    opacity: .5;
    transition: all .3s ease; }
  .video-webfont-self-hosted:after,
  .video-webfont-service:after,
  .video-custom-navigation:after,
  .video-screen-sizes:after,
  .video-text-editor:after,
  .video-semplice-blocks:after,
  .video-thumbnail-hover:after,
  .video-page-transitions:after,
  .video-base-grid:after,
  .video-animations:after,
  .video-cover-slider:after {
    content: url(images/play-button.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -64px;
    transition: all .3s ease;
    opacity: 0;
    width: 150px;
    height: auto; }
  #content_i3imtcor0.video-new-project:after {
    content: url(images/play-button.svg);
    position: absolute;
    top: 50%;
    left: 56%;
    margin-left: -75px;
    margin-top: -64px;
    transition: all .3s ease;
    opacity: 0;
    width: 150px;
    height: auto; }
  .video-portfolio-grid #content_u7odrjb10:after {
    content: url(images/play-button.svg);
    position: absolute;
    top: 55%;
    left: 53%;
    margin-left: -75px;
    margin-top: -64px;
    transition: all .3s ease;
    opacity: 0;
    width: 150px;
    height: auto; }
  #content_t5ru703jf.video-admin-overview:after {
    content: url(images/play-button.svg);
    position: absolute;
    top: 50%;
    left: 56%;
    margin-left: -75px;
    margin-top: -64px;
    transition: all .3s ease;
    opacity: 0;
    width: 150px;
    height: auto; }
  #content_psq6o4pjr.video-content-overview:after {
    content: url(images/play-button.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -39px;
    margin-top: -24px;
    transition: all .3s ease;
    opacity: 0;
    width: 150px;
    height: auto; }
  #content_psq6o4pjr.video-content-overview:hover:after,
  #content_t5ru703jf.video-admin-overview:hover:after,
  #content_i3imtcor0.video-new-project:hover:after,
  .video-portfolio-grid #content_u7odrjb10:hover:after,
  .video-webfont-self-hosted:hover:after,
  .video-webfont-service:hover:after,
  .video-custom-navigation:hover:after,
  .video-screen-sizes:hover:after,
  .video-text-editor:hover:after,
  .video-semplice-blocks:hover:after,
  .video-thumbnail-hover:hover:after,
  .video-page-transitions:hover:after,
  .video-base-grid:hover:after,
  .video-animations:hover:after,
  .video-cover-slider:hover:after {
    opacity: 1;
    transition: all .3s ease; } }

#content-holder #showcase {
  background: #F2F1F1; }
  #content-holder #showcase h1 {
    font-family: "Maison Neue Bold", sans-serif;
    font-style: normal;
    font-size: 50px;
    letter-spacing: -1.5px;
    line-height: 60px;
    margin-top: 50px; }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder #showcase h1 {
        font-size: 64px;
        line-height: 70px;
        margin-top: 50px; } }
    @media (min-width: 767px) and (max-width: 990px) {
      #content-holder #showcase h1 {
        font-size: 104px;
        line-height: 100px;
        margin-top: 90px; } }
    @media (min-width: 991px) and (max-width: 1168px) {
      #content-holder #showcase h1 {
        font-size: 130px;
        line-height: 130px;
        margin-top: 90px; } }
    @media screen and (min-width: 1169px) {
      #content-holder #showcase h1 {
        font-size: 166px;
        line-height: 154px;
        margin-top: 90px; } }
  #content-holder #showcase h4 {
    color: #606060;
    font-family: "Maison Neue Bold", sans-serif;
    font-size: 20px;
    line-height: 28px; }
    @media screen and (min-width: 1169px) {
      #content-holder #showcase h4 {
        font-size: 30px; } }
    #content-holder #showcase h4 a {
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      border-bottom: 2px solid #000;
      color: #000;
      cursor: pointer; }
      #content-holder #showcase h4 a:hover {
        border-bottom: 2px solid transparent; }
    #content-holder #showcase h4 + p {
      font-family: "Maison Neue Book", sans-serif;
      font-size: 16px;
      line-height: 28px; }
      @media screen and (min-width: 1169px) {
        #content-holder #showcase h4 + p {
          font-size: 20px; } }
  #content-holder #showcase .spacer {
    background: #000;
    height: 10px;
    margin-bottom: 48px;
    margin-top: 20px;
    width: 90px; }
  #content-holder #showcase #section_oh1qeb96c .spacer {
    width: 100%; }
  #content-holder #showcase .join-the-club h4 {
    font-family: "MillerDisplay Light", serif;
    font-style: normal;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 0; }
    @media (min-width: 767px) and (max-width: 990px) {
      #content-holder #showcase .join-the-club h4 {
        margin-top: 40px; } }
    @media (min-width: 991px) and (max-width: 1168px) {
      #content-holder #showcase .join-the-club h4 {
        font-size: 36px;
        line-height: 46px;
        margin-top: 30px; } }
    @media screen and (min-width: 1169px) {
      #content-holder #showcase .join-the-club h4 {
        font-size: 36px;
        line-height: 46px; } }
  #content-holder #showcase .disclaimer p {
    color: #a3a3a3;
    font-family: "AvenirNextLTW01-Regular", sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 80px;
    margin-top: 24px;
    width: 60%; }
    @media (max-width: 767px) {
      #content-holder #showcase .disclaimer p {
        width: 100%;
        margin-bottom: 0; } }
    @media screen and (min-width: 1169px) {
      #content-holder #showcase .disclaimer p {
        margin-bottom: 130px; } }
    #content-holder #showcase .disclaimer p a {
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      border-bottom: 1px solid #000; }
      #content-holder #showcase .disclaimer p a:hover {
        border-bottom: 1px solid transparent; }
  #content-holder #showcase .column:nth-of-type(even) .column-content {
    padding-left: 15px; }
  #content-holder #showcase .showcase-row {
    margin-bottom: 40px; }
    @media (min-width: 991px) and (max-width: 1168px) {
      #content-holder #showcase .showcase-row {
        margin-bottom: 90px; } }
    @media screen and (min-width: 1169px) {
      #content-holder #showcase .showcase-row {
        margin-bottom: 110px; } }
    @media (max-width: 767px) {
      #content-holder #showcase .showcase-row .ce-image {
        text-align: center; } }
  #content-holder #showcase .showcase-more {
    text-align: center; }
    #content-holder #showcase .showcase-more a {
      display: inline-block;
      font-size: 12px;
      font-family: "Maison Neue Demi", sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px;
      border-radius: 50%;
      border: 1px solid #cccccc;
      color: #444;
      width: 130px;
      height: 130px;
      line-height: 130px;
      margin-bottom: 100px;
      -moz-transition: all .3s ease;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      cursor: pointer; }
    #content-holder #showcase .showcase-more a:hover {
      color: black;
      border-color: #777777; }
  #content-holder #showcase .column-content .img-link:hover {
    opacity: .6; }
  #content-holder #showcase .artist {
    display: flex; }
    @media (min-width: 690px) and (max-width: 767px) {
      #content-holder #showcase .artist {
        width: 80%;
        margin: 0 auto; } }
    @media (min-width: 635px) and (max-width: 689px) {
      #content-holder #showcase .artist {
        width: 85%; } }
    #content-holder #showcase .artist .info {
      margin: 5px 0 0 20px; }
      #content-holder #showcase .artist .info h4 {
        margin-bottom: 0; }
        #content-holder #showcase .artist .info h4 a {
          -moz-transition: all .3s ease;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          color: #000;
          text-decoration: none;
          border-bottom: none; }
          #content-holder #showcase .artist .info h4 a:hover {
            opacity: .6; }
      #content-holder #showcase .artist .info p {
        color: #9f9e9e;
        font-family: "Maison Neue Book", sans-serif; }
  @media (max-width: 766px) {
    #content-holder #showcase .content-block .column .content-wrapper {
      margin: 0 auto;
      padding-bottom: 40px; }
    #content-holder #showcase .row {
      margin-bottom: 0; } }

#content-holder #new-showcase {
  background: #000; }
  #content-holder #new-showcase input, #content-holder #new-showcase select, #content-holder #new-showcase textarea {
    height: auto !important; }
  #content-holder #new-showcase #section_0513fe7a9 {
    padding: 50px 0px; }
  #content-holder #new-showcase .showcase-hero h2 {
    color: #fff;
    font-family: "Maison Neue Bold", sans-serif;
    font-style: normal;
    font-size: 126px;
    letter-spacing: -2px;
    line-height: 70px;
    margin-top: 90px;
    text-align: center; }
    @media screen and (min-width: 1169px) {
      #content-holder #new-showcase .showcase-hero h2 {
        font-size: 124px;
        line-height: 136px;
        margin-top: 130px; } }
    @media (min-width: 991px) and (max-width: 1168px) {
      #content-holder #new-showcase .showcase-hero h2 {
        font-size: 96px;
        line-height: 114px;
        margin-top: 90px; } }
    @media (min-width: 767px) and (max-width: 990px) {
      #content-holder #new-showcase .showcase-hero h2 {
        font-size: 75px;
        line-height: 96px;
        margin-top: 80px; } }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder #new-showcase .showcase-hero h2 {
        font-size: 54px;
        line-height: 66px;
        margin-top: 70px;
        letter-spacing: -1px; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase .showcase-hero h2 {
        font-size: 36px;
        line-height: 42px;
        margin-top: 60px;
        letter-spacing: 0px; } }
  #content-holder #new-showcase .showcase-hero p {
    font-size: 36px;
    line-height: 50px;
    font-family: "MillerDisplay Light", serif;
    color: #5c5c5c;
    text-align: center; }
    @media (min-width: 991px) and (max-width: 1168px) {
      #content-holder #new-showcase .showcase-hero p {
        font-size: 30px;
        line-height: 42px; } }
    @media (min-width: 767px) and (max-width: 990px) {
      #content-holder #new-showcase .showcase-hero p {
        font-size: 26px;
        line-height: 36px; } }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder #new-showcase .showcase-hero p {
        font-size: 20px;
        line-height: 32px; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase .showcase-hero p {
        font-size: 18px;
        line-height: 30px; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase .showcase-hero p br {
        content: ' '; } }
    #content-holder #new-showcase .showcase-hero p a.join-club {
      color: #ffd300;
      border-bottom: 4px solid transparent; }
    #content-holder #new-showcase .showcase-hero p a.join-club:hover {
      border-bottom: 4px solid #ffd300; }
  #content-holder #new-showcase .showcase-hero h4 {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    text-align: center; }
    @media screen and (min-width: 1169px) {
      #content-holder #new-showcase .showcase-hero h4 {
        font-size: 38px;
        line-height: 38px; } }
    @media (min-width: 767px) and (max-width: 990px) {
      #content-holder #new-showcase .showcase-hero h4 {
        font-size: 26px;
        line-height: 36px; } }
  #content-holder #new-showcase .showcase-banner {
    width: 100%;
    padding: 40px 0px 160px 0px;
    text-align: center; }
    #content-holder #new-showcase .showcase-banner p.hero {
      font-size: 30px;
      font-family: "Maison Neue Bold", sans-serif;
      color: white; }
    #content-holder #new-showcase .showcase-banner p.sub {
      font-size: 30px;
      font-family: "MillerDisplay Light", serif;
      color: white; }
      #content-holder #new-showcase .showcase-banner p.sub a {
        color: #ffd300;
        border-bottom: 2px solid transparent; }
      #content-holder #new-showcase .showcase-banner p.sub a:hover {
        border-bottom: 2px solid #ffd300; }
    #content-holder #new-showcase .showcase-banner a.banner-link {
      font-size: 12px;
      font-family: "Maison Neue Demi", sans-serif;
      color: #999999;
      text-transform: uppercase;
      line-height: 50px;
      background: black;
      padding: 0 45px;
      letter-spacing: 1px;
      display: inline-block;
      border: 1px solid #333333;
      margin-top: 40px; }
    #content-holder #new-showcase .showcase-banner a:hover {
      color: white;
      border-color: white; }
  #content-holder #new-showcase .spacer-img {
    margin: 40px auto; }
  #content-holder #new-showcase #freshest-title,
  #content-holder #new-showcase #freshest-subtitle,
  #content-holder #new-showcase #freshest-portfolios,
  #content-holder #new-showcase #freshest-button {
    background: #fff; }
    #content-holder #new-showcase #freshest-title h2,
    #content-holder #new-showcase #freshest-title h4,
    #content-holder #new-showcase #freshest-subtitle h2,
    #content-holder #new-showcase #freshest-subtitle h4,
    #content-holder #new-showcase #freshest-portfolios h2,
    #content-holder #new-showcase #freshest-portfolios h4,
    #content-holder #new-showcase #freshest-button h2,
    #content-holder #new-showcase #freshest-button h4 {
      color: #000; }
    #content-holder #new-showcase #freshest-title h2,
    #content-holder #new-showcase #freshest-subtitle h2,
    #content-holder #new-showcase #freshest-portfolios h2,
    #content-holder #new-showcase #freshest-button h2 {
      margin-top: 100px; }
  #content-holder #new-showcase #featured-filter {
    margin: 80px 0px;
    z-index: 1; }
    @media (min-width: 1030px) and (max-width: 1219px) {
      #content-holder #new-showcase #featured-filter {
        margin: 70px 0px; } }
    @media (min-width: 768px) and (max-width: 1029px) {
      #content-holder #new-showcase #featured-filter {
        margin: 60px 0px; } }
    @media (min-width: 543px) and (max-width: 767px) {
      #content-holder #new-showcase #featured-filter {
        margin: 50px 0px; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase #featured-filter {
        margin: 40px 0px; } }
  #content-holder #new-showcase #featured-filter .is-content:after {
    content: url("images/select-arrow.png");
    position: absolute;
    top: 2px;
    right: 20px; }
  #content-holder #new-showcase #featured-filter .is-content:before {
    background: #4d4d4d;
    content: '';
    height: 44px;
    position: absolute;
    top: 0;
    right: 50px;
    width: 1px; }
  @media (min-width: 991px) and (max-width: 1168px) {
    #content-holder #new-showcase #freshest-subtitle h4 {
      font-size: 30px;
      line-height: 38px; } }
  #content-holder #new-showcase .portfolios {
    width: 100%; }
  #content-holder #new-showcase #featured-portfolios .name {
    color: #fff;
    font-family: "MillerDisplay Light", serif;
    font-size: 28px;
    margin: 0;
    text-align: center; }
    #content-holder #new-showcase #featured-portfolios .name a {
      color: #fff; }
  #content-holder #new-showcase #featured-portfolios .discipline {
    color: #747474;
    font-family: "Maison Neue Book", sans-serif;
    font-size: 14px;
    margin: 0;
    text-align: center; }
  #content-holder #new-showcase #featured-portfolios .large-portfolio {
    margin-bottom: 150px; }
    @media (min-width: 1030px) and (max-width: 1219px) {
      #content-holder #new-showcase #featured-portfolios .large-portfolio {
        margin-bottom: 130px; } }
    @media (min-width: 768px) and (max-width: 1029px) {
      #content-holder #new-showcase #featured-portfolios .large-portfolio {
        margin-bottom: 100px; } }
    @media (min-width: 543px) and (max-width: 767px) {
      #content-holder #new-showcase #featured-portfolios .large-portfolio {
        margin-bottom: 80px; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase #featured-portfolios .large-portfolio {
        margin-bottom: 70px; } }
    #content-holder #new-showcase #featured-portfolios .large-portfolio .sotw-link:hover {
      cursor: pointer; }
      #content-holder #new-showcase #featured-portfolios .large-portfolio .sotw-link:hover .cover-hover {
        opacity: 1; }
      #content-holder #new-showcase #featured-portfolios .large-portfolio .sotw-link:hover .portfolio-set-ipad {
        transform: translateX(-40px); }
      #content-holder #new-showcase #featured-portfolios .large-portfolio .sotw-link:hover .portfolio-set-iphone {
        transform: translateX(40px); }
      #content-holder #new-showcase #featured-portfolios .large-portfolio .sotw-link:hover .portfolio-set-large-image {
        transform: scale(1.05); }
      @media (min-width: 543px) and (max-width: 767px) {
        #content-holder #new-showcase #featured-portfolios .large-portfolio .sotw-link:hover p {
          margin-left: 0px; }
        #content-holder #new-showcase #featured-portfolios .large-portfolio .sotw-link:hover .portfolio-set-ipad {
          transform: translateX(-20px);
          opacity: 0; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase #featured-portfolios .large-portfolio .sotw-link:hover p {
          margin-left: 0px; }
        #content-holder #new-showcase #featured-portfolios .large-portfolio .sotw-link:hover .portfolio-set-ipad {
          transform: translateX(-20px);
          opacity: 0; } }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .column {
    margin-bottom: 100px; }
    @media (min-width: 1030px) and (max-width: 1219px) {
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .column {
        margin-bottom: 80px; } }
    @media (min-width: 768px) and (max-width: 1029px) {
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .column {
        margin-bottom: 60px; } }
    @media (min-width: 543px) and (max-width: 767px) {
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .column {
        margin-bottom: 50px; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .column {
        margin-bottom: 30px; } }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .img-link {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear; }
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .img-link .featured-footer {
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear; }
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .img-link .cd-hover {
      opacity: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      bottom: 0;
      transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      z-index: 1; }
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .img-link .cd-hover p {
        text-align: center;
        font-family: "MillerDisplay Light", serif;
        color: white;
        font-size: 32px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .img-link:hover .cd-hover {
    opacity: 1; }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .img-link:hover .featured-desktop-inner {
    border-color: #151515;
    background: #151515; }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .img-link:hover .featured-ipad {
    opacity: 0; }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .img-link:hover .featured-ipad {
    transform: translateY(15px); }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .img-link:hover .featured-footer {
    opacity: .5; }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner {
    border-radius: 20px;
    border: 2px solid #302f31;
    background: #19191b;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(45deg, #19191b, #000000);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, #19191b, #000000);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, #19191b, #000000);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, #19191b, #000000);
    /* Standard syntax */
    position: relative;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear; }
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-top {
      width: 100%;
      position: absolute;
      height: 24px;
      left: 0px;
      top: -2px;
      background: -webkit-linear-gradient(right, transparent, rgba(0, 0, 0, 0.6));
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(right, transparent, rgba(0, 0, 0, 0.6));
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(right, transparent, rgba(0, 0, 0, 0.6));
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.6));
      /* Standard syntax */ }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-top {
          height: 20px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-top {
          height: 16px; } }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-top {
          height: 16px; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-top {
          height: 16px; } }
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-bottom {
      width: 100%;
      position: absolute;
      height: 24px;
      left: 0px;
      bottom: -2px;
      background: -webkit-linear-gradient(right, transparent, rgba(0, 0, 0, 0.6));
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(right, transparent, rgba(0, 0, 0, 0.6));
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(right, transparent, rgba(0, 0, 0, 0.6));
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.6));
      /* Standard syntax */ }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-bottom {
          height: 20px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-bottom {
          height: 16px; } }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-bottom {
          height: 16px; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-gradient-bottom {
          height: 16px; } }
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-right {
      width: 24px;
      right: -2px;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 12px;
      bottom: 12px; }
      @media (min-width: 1030px) and (max-width: 1219px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-right {
          width: 20px;
          top: 10px;
          bottom: 10px; } }
      @media (min-width: 768px) and (max-width: 1029px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-right {
          width: 16px;
          top: 8px;
          bottom: 8px; } }
      @media (min-width: 543px) and (max-width: 767px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-right {
          width: 16px;
          top: 8px;
          bottom: 8px; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .border-right {
          width: 16px;
          top: 8px;
          bottom: 8px; } }
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-desktop {
      width: 100%;
      height: auto;
      max-width: 100%;
      border: 24px solid transparent;
      border-radius: 17px;
      background: transparent;
      transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease; }
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-ipad {
      position: absolute;
      width: 190px;
      height: auto;
      right: -30px;
      bottom: -90px;
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear; }
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-ipad .inner {
        position: absolute;
        top: 12px;
        left: 10px;
        width: 167px;
        height: auto; }
      @media (min-width: 1030px) and (max-width: 1219px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-ipad {
          width: 170px;
          right: -20px;
          bottom: -80px;
          transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -webkit-transition: all 0.2s linear;
          -o-transition: all 0.2s linear; }
          #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-ipad .inner {
            top: 10px;
            left: 10px;
            width: 149px; } }
      @media (min-width: 768px) and (max-width: 1029px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-ipad {
          width: 140px;
          right: -15px;
          bottom: -70px;
          transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -webkit-transition: all 0.2s linear;
          -o-transition: all 0.2s linear; }
          #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-ipad .inner {
            top: 8px;
            left: 8px;
            width: 123px; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-ipad {
          width: 130px;
          right: -15px;
          bottom: -60px;
          transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -webkit-transition: all 0.2s linear;
          -o-transition: all 0.2s linear; }
          #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-ipad .inner {
            top: 8px;
            left: 8px;
            width: 115px; } }
  @media (min-width: 1030px) and (max-width: 1219px) {
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner {
      border-radius: 20px; }
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-desktop {
        border-width: 20px;
        border-radius: 15px; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner {
      border-radius: 16px; }
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-desktop {
        border-width: 16px;
        border-radius: 12px; } }
  @media (min-width: 543px) and (max-width: 767px) {
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner {
      border-radius: 20px; }
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-desktop {
        border-width: 16px;
        border-radius: 15px; } }
  @media (max-width: 543px) {
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner {
      border-radius: 16px; }
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .featured-desktop-outer .featured-desktop-inner .featured-desktop {
        border-width: 16px;
        border-radius: 12px; } }
  @media (min-width: 543px) and (max-width: 767px) {
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .ce-image {
      text-align: center; } }
  @media (max-width: 543px) {
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .ce-image {
      text-align: center; } }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .artist {
    margin-top: 38px;
    display: flex; }
    @media (min-width: 768px) and (max-width: 1029px) {
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .artist {
        margin-top: 20px; } }
    @media (min-width: 543px) and (max-width: 767px) {
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .artist {
        width: 78%;
        margin: 20px auto 50px; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase #featured-portfolios .medium-portfolios .artist {
        width: 100%;
        margin: 20px auto 50px; } }
    #content-holder #new-showcase #featured-portfolios .medium-portfolios .artist .info {
      margin-left: 22px; }
  #content-holder #new-showcase #featured-portfolios .medium-portfolios .discipline {
    text-align: left; }
  #content-holder #new-showcase #featured-portfolios .load-more .is-content {
    background-color: black !important; }
  #content-holder #new-showcase #featured-portfolios .load-more .is-content:hover {
    background-color: black !important; }
  #content-holder #new-showcase #featured-portfolios .load-more .ce-button a {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-family: "Maison Neue Bold", sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 16px 45px;
    margin: 30px 0 150px;
    text-transform: uppercase; }
    #content-holder #new-showcase #featured-portfolios .load-more .ce-button a:hover {
      background: #fff;
      color: #000; }
  #content-holder #new-showcase #featured-portfolios .load-more .ce-button .disabled {
    opacity: .2;
    pointer-events: none; }
  #content-holder #new-showcase .finish {
    font-size: 36px;
    line-height: 50px;
    font-family: "MillerDisplay Light", serif;
    color: #aaaaaa;
    text-align: center;
    width: 100%;
    padding: 10px 0px 90px 0px;
    opacity: 0;
    transform: translateY(20px); }
  #content-holder #new-showcase .even .featured-desktop-outer {
    padding-right: 20px; }
  #content-holder #new-showcase .odd .featured-desktop-outer {
    padding-right: 20px; }
  #content-holder #new-showcase #freshest-portfolios .column:nth-of-type(even) .column-content {
    padding-left: 0; }
  #content-holder #new-showcase #freshest-portfolios .row {
    margin-bottom: 80px; }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder #new-showcase #freshest-portfolios .row {
        margin-bottom: 0; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase #freshest-portfolios .row {
        margin-bottom: 0; } }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder #new-showcase #freshest-portfolios .row .ce-image {
        text-align: center; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase #freshest-portfolios .row .ce-image {
        text-align: center; } }
    #content-holder #new-showcase #freshest-portfolios .row h5 {
      font-size: 24px;
      line-height: 22px;
      margin-top: 20px; }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder #new-showcase #freshest-portfolios .row h5 {
          margin-top: 20px; } }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder #new-showcase #freshest-portfolios .row h5 {
          width: 78%;
          margin: 20px auto 0; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase #freshest-portfolios .row h5 {
          width: 100%;
          margin: 20px auto 0; } }
      #content-holder #new-showcase #freshest-portfolios .row h5 a {
        color: #000; }
  #content-holder #new-showcase #freshest-portfolios p {
    color: #9f9e9e;
    font-family: "Maison Neue Book", sans-serif;
    font-size: 18px; }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder #new-showcase #freshest-portfolios p {
        width: 78%;
        margin: 0 auto 50px; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase #freshest-portfolios p {
        width: 100%;
        margin: 0 auto 50px; } }
  #content-holder #new-showcase #freshest-button .ce-button a {
    background: transparent;
    border: 2px solid #000;
    color: #000;
    font-family: "Maison Neue Bold", sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 16px 45px;
    margin: 48px 0 118px;
    text-transform: uppercase; }
    #content-holder #new-showcase #freshest-button .ce-button a:hover {
      background: #000;
      color: #fff; }
  #content-holder #new-showcase #submit-to-showcase {
    background-image: url("images/submit-to-showcase-bg.jpg");
    background-position: center center;
    background-size: cover;
    padding: 150px 0; }
    #content-holder #new-showcase #submit-to-showcase svg {
      fill: #fff;
      margin-bottom: 60px; }
    #content-holder #new-showcase #submit-to-showcase h3 {
      color: #fff;
      font-size: 56px;
      line-height: 78px;
      text-align: center; }
      @media (max-width: 543px) {
        #content-holder #new-showcase #submit-to-showcase h3 {
          font-size: 38px;
          line-height: 60px; } }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder #new-showcase #submit-to-showcase h3 {
          font-size: 48px;
          line-height: 70px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder #new-showcase #submit-to-showcase h3 {
          font-size: 48px;
          line-height: 70px; } }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder #new-showcase #submit-to-showcase h3 {
          font-size: 68px;
          line-height: 82px; } }
    #content-holder #new-showcase #submit-to-showcase .ce-button a {
      font-family: "Maison Neue Bold", sans-serif;
      font-size: 16px;
      letter-spacing: 1px;
      margin-top: 70px;
      padding: 17px 50px;
      text-transform: uppercase; }
  #content-holder #new-showcase .portfolio-set {
    width: 100%;
    position: relative;
    margin-bottom: 20px; }
    #content-holder #new-showcase .portfolio-set img {
      height: auto; }
    @media (min-width: 543px) and (max-width: 767px) {
      #content-holder #new-showcase .portfolio-set {
        margin-left: -30px;
        margin-right: -30px;
        width: auto; } }
    @media (min-width: 1030px) and (max-width: 1219px) {
      #content-holder #new-showcase .portfolio-set {
        height: 641px; } }
    @media (min-width: 1220px) {
      #content-holder #new-showcase .portfolio-set {
        height: 641px; } }
    @media (max-width: 543px) {
      #content-holder #new-showcase .portfolio-set {
        margin-left: -20px;
        margin-right: -20px;
        width: auto; } }
    #content-holder #new-showcase .portfolio-set .portfolio-set-large-image {
      padding-right: 100px;
      transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease; }
      #content-holder #new-showcase .portfolio-set .portfolio-set-large-image .cover-hover {
        opacity: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        bottom: 0;
        transition: all 0.35s ease;
        -moz-transition: all 0.35s ease;
        -webkit-transition: all 0.35s ease;
        -o-transition: all 0.35s ease; }
        #content-holder #new-showcase .portfolio-set .portfolio-set-large-image .cover-hover p {
          text-align: center;
          font-family: "MillerDisplay Light", serif;
          color: white;
          font-size: 56px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -50px;
          transform: translate(-50%, -50%); }
      @media (min-width: 1030px) and (max-width: 1219px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-large-image {
          height: 580px;
          margin: 0 auto;
          width: 969px;
          padding: 0px 40px; } }
      @media (min-width: 1220px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-large-image {
          margin-left: 100px;
          position: absolute;
          bottom: 50px; } }
      @media (min-width: 768px) and (max-width: 1029px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-large-image {
          padding: 0px 50px; } }
      @media (min-width: 543px) and (max-width: 767px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-large-image {
          padding-right: 0px; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-large-image {
          padding-right: 0px; } }
    #content-holder #new-showcase .portfolio-set .portfolio-set-ipad {
      position: absolute;
      bottom: -20px;
      left: 10px;
      width: 82px;
      z-index: 2;
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear; }
      @media (min-width: 543px) and (max-width: 767px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad {
          width: 175px;
          bottom: 20px;
          left: 20px; } }
      @media (min-width: 768px) and (max-width: 1029px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad {
          width: 247px;
          bottom: -40px;
          left: 20px; } }
      @media (min-width: 1030px) and (max-width: 1219px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad {
          top: 185px;
          width: 280px; } }
      @media (min-width: 1220px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad {
          left: 20px;
          top: 173px;
          width: 327px; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad {
          width: 110px;
          bottom: 20px;
          left: 20px; } }
    #content-holder #new-showcase .portfolio-set .portfolio-set-ipad:before {
      box-shadow: 7px -7px 25px rgba(0, 0, 0, 0.4);
      content: '';
      position: absolute;
      box-shadow: 15px -15px 50px rgba(0, 0, 0, 0.4);
      width: 100%;
      height: 100%;
      border-radius: 22px; }
    #content-holder #new-showcase .portfolio-set .portfolio-set-ipad-screenshot {
      position: absolute;
      top: 11px;
      left: 6px;
      width: 70px; }
      @media (min-width: 543px) and (max-width: 767px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad-screenshot {
          top: 10px;
          left: 9px;
          width: 156px; } }
      @media (min-width: 768px) and (max-width: 1029px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad-screenshot {
          top: 15px;
          left: 14px;
          width: 218px; } }
      @media (min-width: 1030px) and (max-width: 1219px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad-screenshot {
          top: 18px;
          left: 16px;
          width: 248px; } }
      @media (min-width: 1220px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad-screenshot {
          top: 21px;
          left: 19px;
          width: 290px; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-ipad-screenshot {
          width: 98px;
          top: 6px;
          left: 6px; } }
    #content-holder #new-showcase .portfolio-set .portfolio-set-iphone {
      bottom: -20px;
      position: absolute;
      right: 10px;
      width: 40px;
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear; }
      @media (min-width: 543px) and (max-width: 767px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-iphone {
          width: 80px;
          display: none; } }
      @media (min-width: 768px) and (max-width: 1029px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-iphone {
          width: 120px;
          display: none; } }
      @media (min-width: 1030px) and (max-width: 1219px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-iphone {
          top: 250px;
          width: 160px; } }
      @media (min-width: 1220px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-iphone {
          left: 985px;
          top: 318px;
          width: 160px; } }
      @media (max-width: 543px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-iphone {
          display: none; } }
    #content-holder #new-showcase .portfolio-set .portfolio-set-iphone:before {
      content: '';
      position: absolute;
      left: 0px;
      box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);
      width: 100%;
      height: 100%;
      border-radius: 25px; }
    #content-holder #new-showcase .portfolio-set .portfolio-set-iphone-screenshot {
      position: absolute;
      top: 10px;
      left: 3px;
      width: 34px; }
      @media (min-width: 543px) and (max-width: 767px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-iphone-screenshot {
          top: 21px;
          left: 6px;
          width: 69px; } }
      @media (min-width: 768px) and (max-width: 1029px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-iphone-screenshot {
          top: 31px;
          left: 8px;
          width: 104px; } }
      @media (min-width: 1030px) and (max-width: 1219px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-iphone-screenshot {
          top: 30px;
          left: 6px;
          width: 148px; } }
      @media (min-width: 1220px) {
        #content-holder #new-showcase .portfolio-set .portfolio-set-iphone-screenshot {
          top: 30px;
          left: 6px;
          width: 148px; } }
  #content-holder #new-showcase .spacer {
    background: #000;
    height: 10px;
    margin-bottom: 48px;
    margin-top: 20px;
    width: 90px; }

.showcase-animate {
  opacity: 0;
  transform: translateY(20px); }

.showcase-filter {
  justify-content: center; }
  @media (max-width: 543px) {
    .showcase-filter {
      display: block !important; }
      .showcase-filter .selectize-input {
        width: 100% !important;
        margin-bottom: 10px !important; }
      .showcase-filter .select-country {
        margin-right: 0px !important; } }
  .showcase-filter .select-country {
    margin-right: 30px; }
  .showcase-filter .selectize-input {
    box-shadow: none !important;
    border: 0px;
    border-bottom: 1px solid #4d4d4d;
    background: black;
    width: 240px;
    height: 46px; }
    .showcase-filter .selectize-input input, .showcase-filter .selectize-input .item {
      color: white;
      font-family: "AvenirNextLTW01-Regular", sans-serif;
      font-size: 16px; }
    .showcase-filter .selectize-input input::-webkit-input-placeholder {
      color: white;
      opacity: 1 !important; }
    .showcase-filter .selectize-input input::-moz-placeholder {
      color: white;
      opacity: 1 !important; }
    .showcase-filter .selectize-input input:-ms-input-placeholder {
      color: white;
      opacity: 1 !important; }
    .showcase-filter .selectize-input input:-moz-placeholder {
      color: white;
      opacity: 1 !important; }
  .showcase-filter .input-active {
    background: black !important;
    border-bottom: 1px solid #4d4d4d !important; }
    .showcase-filter .input-active input, .showcase-filter .input-active .item {
      color: white;
      font-size: 16px;
      font-family: "AvenirNextLTW01-Regular", sans-serif; }
  .showcase-filter .selectize-input:after {
    border: 0px !important;
    width: 15px !important;
    height: 7px !important;
    background-image: url(images/dropdown_arrow.svg);
    top: 21px !important;
    right: 10px !important; }

.selectize-dropdown {
  border: 1px solid #000000;
  font-size: 14px;
  background: black;
  color: #999999;
  font-family: "AvenirNextLTW01-Regular", sans-serif;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5); }
  .selectize-dropdown .selectize-dropdown-content {
    max-height: 300px; }
    .selectize-dropdown .selectize-dropdown-content .option {
      border-bottom: 1px solid #1a1a1a;
      padding: 14px 14px;
      transition: all 0.1s linear;
      -moz-transition: all 0.1s linear;
      -webkit-transition: all 0.1s linear;
      -o-transition: all 0.1s linear; }
    .selectize-dropdown .selectize-dropdown-content .active {
      background-color: #141414;
      color: white; }

.showcase-meta {
  display: flex !important;
  justify-content: center;
  margin-top: -30px; }
  .showcase-meta .avatar img {
    border: 1px solid #333;
    border-radius: 50%; }
  @media (min-width: 1030px) and (max-width: 1219px) {
    .showcase-meta {
      margin-top: -80px; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    .showcase-meta {
      margin-top: 30px;
      justify-content: flex-end;
      padding-right: 50px; } }
  @media (min-width: 543px) and (max-width: 767px) {
    .showcase-meta {
      margin-top: 20px; } }
  @media (max-width: 543px) {
    .showcase-meta {
      margin-top: 20px; } }
  .showcase-meta p {
    line-height: 1.4 !important;
    text-align: left !important;
    margin-left: 20px !important; }
  .showcase-meta a:hover {
    border-bottom: 3px solid white !important; }
  .showcase-meta p.discipline {
    font-size: 16px;
    color: #747474; }
  @media (min-width: 543px) and (max-width: 767px) {
    .showcase-meta p {
      font-size: 23px !important; }
    .showcase-meta p.discipline {
      font-size: 14px !important;
      color: #747474; }
    .showcase-meta .avatar img {
      width: 50px;
      height: auto; } }
  @media (max-width: 543px) {
    .showcase-meta p {
      font-size: 23px !important; }
    .showcase-meta p.discipline {
      font-size: 14px !important;
      color: #747474; }
    .showcase-meta .avatar img {
      width: 50px;
      height: auto; } }

.featured-meta {
  justify-content: flex-start;
  margin-top: 50px; }
  @media (min-width: 1030px) and (max-width: 1219px) {
    .featured-meta {
      margin-top: 40px; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    .featured-meta {
      margin-top: 36px; } }
  @media (min-width: 543px) and (max-width: 767px) {
    .featured-meta {
      margin-top: 30px; } }
  @media (max-width: 543px) {
    .featured-meta {
      margin-top: 26px; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    .featured-meta p {
      font-size: 23px !important; }
    .featured-meta p.discipline {
      font-size: 14px !important;
      color: #747474; }
    .featured-meta .avatar img {
      width: 50px;
      height: auto; } }
  @media (min-width: 543px) and (max-width: 767px) {
    .featured-meta p {
      font-size: 23px !important; }
    .featured-meta p.discipline {
      font-size: 14px !important;
      color: #747474; }
    .featured-meta .avatar img {
      width: 50px;
      height: auto; } }
  @media (max-width: 543px) {
    .featured-meta p {
      font-size: 22px !important; }
    .featured-meta p.discipline {
      font-size: 14px !important;
      color: #747474; }
    .featured-meta .avatar img {
      width: 50px;
      height: auto; } }

.single-showcase .large-portfolio {
  margin-bottom: 0px !important; }

.single-showcase .medium-portfolios .showcase-animate, .single-showcase .medium-portfolios .showcase-animate-thumb {
  opacity: 1;
  transform: translate(0, 0); }

#content-holder .sc-single-header {
  margin: 80px 0px 40px 100px; }
  @media (min-width: 1030px) and (max-width: 1219px) {
    #content-holder .sc-single-header {
      margin-left: 0px; }
      #content-holder .sc-single-header .container {
        width: 969px;
        margin: 0 auto;
        padding-left: 40px; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    #content-holder .sc-single-header {
      margin: 60px 0px 40px 50px; } }
  @media (min-width: 543px) and (max-width: 767px) {
    #content-holder .sc-single-header {
      margin: 50px 0px 40px 20px; } }
  @media (max-width: 543px) {
    #content-holder .sc-single-header {
      margin: 30px 0px 40px 10px; } }
  #content-holder .sc-single-header .sc-single-avatar {
    position: absolute; }
  #content-holder .sc-single-header .sc-single-name p {
    margin: 10px 0px 0px 80px;
    font-family: "Maison Neue Demi", sans-serif;
    font-size: 22px;
    color: white;
    line-height: 22px; }
    #content-holder .sc-single-header .sc-single-name p span {
      font-size: 14px;
      text-transform: uppercase;
      color: #7a7a7a;
      letter-spacing: 1px;
      font-family: "Maison Neue Demi", sans-serif; }
  #content-holder .sc-single-header .sc-single-from p, #content-holder .sc-single-header .sc-single-badge p {
    margin-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #7a7a7a;
    letter-spacing: 1px;
    font-family: "Maison Neue Demi", sans-serif; }
    #content-holder .sc-single-header .sc-single-from p span, #content-holder .sc-single-header .sc-single-badge p span {
      font-family: "Maison Neue Demi", sans-serif;
      font-size: 22px;
      color: white;
      line-height: 22px;
      text-transform: none;
      letter-spacing: 0px; }
  #content-holder .sc-single-header .sc-single-badge p span {
    color: #ffd300; }
  #content-holder .sc-single-header .sc-single-badge {
    width: 100%;
    margin-left: 9px;
    margin-top: 0px; }
    #content-holder .sc-single-header .sc-single-badge img {
      width: 70px;
      height: auto;
      position: absolute;
      margin-left: -84px;
      margin-top: -13px; }

@media (min-width: 1030px) and (max-width: 1219px) {
  #content-holder .sc-single-badge {
    display: none; } }

@media (min-width: 768px) and (max-width: 1029px) {
  #content-holder .sc-single-from, #content-holder .sc-single-badge {
    display: none; }
  #content-holder .column {
    width: 100%; } }

@media (min-width: 543px) and (max-width: 767px) {
  #content-holder .sc-single-from, #content-holder .sc-single-badge {
    display: none; } }

@media (max-width: 543px) {
  #content-holder .sc-single-from, #content-holder .sc-single-badge {
    display: none; } }

#content-holder .sc-single-about {
  text-align: center;
  margin: 40px 0px 60px 0px;
  width: 100%; }
  @media (min-width: 1030px) and (max-width: 1219px) {
    #content-holder .sc-single-about {
      margin-top: 0px; } }
  #content-holder .sc-single-about p {
    font-family: "Maison Neue Demi", sans-serif;
    font-size: 26px;
    color: white;
    line-height: 36px; }
    @media (min-width: 768px) and (max-width: 1029px) {
      #content-holder .sc-single-about p {
        font-size: 24px;
        line-height: 24px;
        margin-top: 10px; } }
    @media (min-width: 543px) and (max-width: 767px) {
      #content-holder .sc-single-about p {
        font-size: 20px;
        line-height: 30px;
        margin-top: 0px; } }
    @media (max-width: 543px) {
      #content-holder .sc-single-about p {
        font-size: 18px;
        line-height: 28px;
        margin-top: -10px; } }

#content-holder .visit-portfolio {
  font-size: 12px;
  font-family: "Maison Neue Demi", sans-serif;
  text-transform: uppercase;
  line-height: 50px;
  padding: 0 45px;
  letter-spacing: 2px;
  display: inline-block;
  margin: 45px 0px 40px 0px;
  background: transparent;
  border: 1px solid white;
  color: white;
  margin-right: 10px; }
  #content-holder .visit-portfolio:hover {
    background: white;
    color: black; }
  @media (min-width: 1030px) and (max-width: 1219px) {
    #content-holder .visit-portfolio {
      margin: 40px 0px 40px 0px; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    #content-holder .visit-portfolio {
      margin: 40px 0px 30px 0px; } }
  @media (min-width: 543px) and (max-width: 767px) {
    #content-holder .visit-portfolio {
      margin: 40px 0px 20px 0px; } }
  @media (max-width: 543px) {
    #content-holder .visit-portfolio {
      margin: 30px 0px 0px 0px; } }

#content-holder .sc-single-spacer {
  height: 1px;
  width: 940px !important;
  background-color: #2b2b2b;
  margin: 0 auto;
  margin-bottom: 70px;
  text-align: center; }
  @media (min-width: 1030px) and (max-width: 1219px) {
    #content-holder .sc-single-spacer {
      margin-bottom: 70px; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    #content-holder .sc-single-spacer {
      margin-bottom: 60px; } }
  @media (min-width: 543px) and (max-width: 767px) {
    #content-holder .sc-single-spacer {
      margin-bottom: 50px; } }
  @media (max-width: 543px) {
    #content-holder .sc-single-spacer {
      margin-bottom: 40px; } }

#content-holder .sc-single-more-header {
  width: 100%;
  margin-bottom: 80px; }
  @media (min-width: 1030px) and (max-width: 1219px) {
    #content-holder .sc-single-more-header {
      margin-bottom: 70px; } }
  @media (min-width: 768px) and (max-width: 1029px) {
    #content-holder .sc-single-more-header {
      margin-bottom: 70px; } }
  @media (min-width: 543px) and (max-width: 767px) {
    #content-holder .sc-single-more-header {
      margin-bottom: 50px; } }
  @media (max-width: 543px) {
    #content-holder .sc-single-more-header {
      margin-bottom: 40px; } }
  #content-holder .sc-single-more-header p {
    font-family: "Maison Neue Bold", sans-serif;
    font-size: 60px;
    line-height: 70px;
    color: white;
    text-align: center; }
    @media (min-width: 1030px) and (max-width: 1219px) {
      #content-holder .sc-single-more-header p {
        font-size: 54px;
        line-height: 66px; } }
    @media (min-width: 768px) and (max-width: 1029px) {
      #content-holder .sc-single-more-header p {
        font-size: 48px;
        line-height: 60px; } }
    @media (min-width: 543px) and (max-width: 767px) {
      #content-holder .sc-single-more-header p {
        font-size: 42px;
        line-height: 54px; } }
    @media (max-width: 543px) {
      #content-holder .sc-single-more-header p {
        font-size: 32px;
        line-height: 44px; } }

#content-holder .visit-all {
  text-align: center;
  width: 100%;
  margin: -20px 0px 50px 0px; }
  @media (min-width: 543px) and (max-width: 767px) {
    #content-holder .visit-all {
      margin: -10px 0px 40px 0px; } }
  @media (max-width: 543px) {
    #content-holder .visit-all {
      margin: 0px 0px 30px 0px; } }

#content-holder #new-showcase .freshest {
  margin-bottom: 60px; }
  #content-holder #new-showcase .freshest .freshest-image {
    position: relative;
    font-size: 0;
    line-height: 0;
    cursor: pointer; }
    #content-holder #new-showcase .freshest .freshest-image img {
      width: 100%;
      max-width: 100%;
      height: auto; }
    #content-holder #new-showcase .freshest .freshest-image .freshest-hover {
      opacity: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      bottom: 0;
      transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease; }
      #content-holder #new-showcase .freshest .freshest-image .freshest-hover p {
        text-align: center;
        font-family: "MillerDisplay Light", serif;
        color: white;
        font-size: 26px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  #content-holder #new-showcase .freshest .freshest-image:hover .freshest-hover {
    opacity: 1; }
  #content-holder #new-showcase .freshest p.name {
    font-family: "Maison Neue Bold", sans-serif;
    font-size: 24px;
    color: black;
    text-align: left;
    line-height: .7;
    margin-top: 25px; }
  #content-holder #new-showcase .freshest a {
    font-family: "Maison Neue Book", sans-serif;
    font-size: 18px;
    color: #9f9e9e; }
  #content-holder #new-showcase .freshest a:hover {
    color: black; }

#content-holder #new-showcase .finish-freshest {
  font-size: 24px;
  line-height: 50px;
  font-family: "Avenir Next W01 Light", sans-serif;
  color: #555555;
  text-align: center;
  width: 100%;
  padding: 10px 0px 90px 0px;
  opacity: 0;
  transform: translateY(20px); }

#content-holder .upgrade-lightbox {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none; }
  #content-holder .upgrade-lightbox .upgrade-box-inner {
    width: 525px;
    height: 550px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    box-shadow: 0 0px 50px rgba(0, 0, 0, 0.35);
    background-color: #f0f0f0;
    padding: 50px; }
    #content-holder .upgrade-lightbox .upgrade-box-inner h4 {
      font-family: "Maison Neue Bold", sans-serif;
      font-size: 46px;
      line-height: 56px;
      opacity: 0;
      transform: translateY(30px);
      -webkit-transform: translateY(30px);
      text-align: center; }
    #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-description p {
      transform: translateY(30px);
      -webkit-transform: translateY(30px);
      opacity: 0;
      text-align: center;
      margin-top: 30px;
      font-size: 22px;
      line-height: 32px;
      margin-bottom: 0px !important;
      padding: 0px 40px; }
    #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-description p.notice {
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      font-size: 14px;
      margin-top: 10px;
      padding: 0px 20px;
      line-height: 24px;
      opacity: 1 !important;
      margin-bottom: -20px !important; }
    #content-holder .upgrade-lightbox .upgrade-box-inner .divider {
      margin: 0 auto;
      margin-top: 30px;
      height: 5px;
      transform: translateY(30px);
      -webkit-transform: translateY(30px);
      opacity: 0; }
    #content-holder .upgrade-lightbox .upgrade-box-inner .form, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response {
      transform: translateY(30px);
      -webkit-transform: translateY(30px);
      opacity: 0;
      margin-top: 60px;
      box-shadow: 0 0px 25px rgba(0, 0, 0, 0.06);
      height: 60px;
      background: white; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form input, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response input {
        height: 60px;
        font-size: 18px;
        line-height: 60px;
        font-family: "Roboto Mono" !important;
        font-weight: 300 !important;
        color: black !important;
        text-align: center;
        padding-left: 0px !important;
        width: 365px;
        float: left;
        border: 0px solid !important; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form .check-license, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .check-license {
        width: 60px;
        background: #ffd300;
        display: block;
        height: 60px;
        font-family: "Maison Neue Demi", sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        color: black;
        line-height: 60px;
        text-align: center;
        float: left;
        cursor: pointer; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form .check-license:hover, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .check-license:hover {
        background: black;
        color: white; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form input:focus::-webkit-input-placeholder, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response input:focus::-webkit-input-placeholder {
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        text-transform: uppercase;
        color: #aaaaaa;
        opacity: 1 !important; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form input:focus:-moz-placeholder, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response input:focus:-moz-placeholder {
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        text-transform: uppercase;
        color: #aaaaaa;
        opacity: 1 !important; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form input:focus::-moz-placeholder, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response input:focus::-moz-placeholder {
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        text-transform: uppercase;
        color: #aaaaaa;
        opacity: 1 !important; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form input::-webkit-input-placeholder, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response input::-webkit-input-placeholder {
        text-transform: uppercase;
        color: #aaaaaa;
        opacity: 1 !important; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form input::-moz-placeholder, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response input::-moz-placeholder {
        text-transform: uppercase;
        color: #aaaaaa;
        opacity: 1 !important; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form input:-ms-input-placeholder, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response input:-ms-input-placeholder {
        text-transform: uppercase;
        color: #aaaaaa;
        opacity: 1 !important; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form .wrong-key, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .wrong-key {
        opacity: 1 !important;
        color: red;
        font-size: 18px;
        margin: 0px !important;
        line-height: 60px;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        text-align: center; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form .buy-button, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .buy-button {
        background: #ffd300;
        display: block;
        height: 60px;
        font-family: "Maison Neue Demi", sans-serif;
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: black;
        line-height: 60px;
        text-align: center; }
        #content-holder .upgrade-lightbox .upgrade-box-inner .form .buy-button i, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .buy-button i {
          text-decoration: line-through;
          opacity: .4; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form .buy-button:hover, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .buy-button:hover {
        background: #e1bc0c; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form .upgrade-boxes, #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .upgrade-boxes, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade {
        width: 525px;
        margin-left: -50px;
        display: flex;
        margin-top: -60px;
        padding: 0px 20px;
        background: #f0f0f0; }
        #content-holder .upgrade-lightbox .upgrade-box-inner .form .upgrade-boxes .box, #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade .box, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .upgrade-boxes .box, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade .box {
          width: 33.3334%;
          text-align: center; }
          #content-holder .upgrade-lightbox .upgrade-box-inner .form .upgrade-boxes .box img, #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade .box img, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .upgrade-boxes .box img, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade .box img {
            max-width: 100%; }
          #content-holder .upgrade-lightbox .upgrade-box-inner .form .upgrade-boxes .box .box-link, #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade .box .box-link, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .upgrade-boxes .box .box-link, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade .box .box-link {
            padding: 0px 15px;
            margin-top: -10px; }
          #content-holder .upgrade-lightbox .upgrade-box-inner .form .upgrade-boxes .box .buy-button-small, #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade .box .buy-button-small, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .upgrade-boxes .box .buy-button-small, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade .box .buy-button-small {
            font-size: 12px;
            height: 30px;
            line-height: 30px;
            width: 100px;
            display: inline-block;
            margin-top: 10px; }
          #content-holder .upgrade-lightbox .upgrade-box-inner .form .upgrade-boxes .box .box-title, #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade .box .box-title, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .upgrade-boxes .box .box-title, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade .box .box-title {
            font-family: "Maison Neue Bold", sans-serif;
            margin-bottom: 0px !important; }
          #content-holder .upgrade-lightbox .upgrade-box-inner .form .upgrade-boxes .box .v4-upgrade-price, #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade .box .v4-upgrade-price, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .upgrade-boxes .box .v4-upgrade-price, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade .box .v4-upgrade-price {
            font-size: 20px;
            font-family: "Avenir Next W01 Light", sans-serif;
            color: black;
            margin-bottom: 0px !important; }
            #content-holder .upgrade-lightbox .upgrade-box-inner .form .upgrade-boxes .box .v4-upgrade-price i, #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade .box .v4-upgrade-price i, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .upgrade-boxes .box .v4-upgrade-price i, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade .box .v4-upgrade-price i {
              display: block;
              font-size: 16px;
              color: #aaaaaa;
              text-decoration: line-through; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade p, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade p {
        padding: 40px;
        font-size: 22px;
        text-align: center; }
        #content-holder .upgrade-lightbox .upgrade-box-inner .form .free-upgrade p a, #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response .free-upgrade p a {
          font-family: "Maison Neue Demi", sans-serif; }
    #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-response {
      opacity: 1;
      display: none;
      margin-top: 30px;
      box-shadow: none; }
    #content-holder .upgrade-lightbox .upgrade-box-inner .try-again {
      cursor: pointer; }
    #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-footer {
      position: absolute;
      bottom: 25px;
      transform: translateY(30px);
      -webkit-transform: translateY(30px);
      opacity: 0;
      width: 100%;
      left: 0px; }
      #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-footer p {
        font-size: 14px;
        text-align: center;
        line-height: 24px;
        color: #777777;
        padding: 0px  !important;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1 !important; }
        #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-footer p a {
          color: black;
          text-decoration: none; }
        #content-holder .upgrade-lightbox .upgrade-box-inner .upgrade-footer p a:hover {
          text-decoration: underline; }

#content-holder .loader {
  width: 30px;
  height: 30px;
  transform: translate(-50%, 0);
  position: fixed;
  bottom: 120px;
  left: 50%;
  z-index: 60000;
  display: none; }
  #content-holder .loader .semplice-spinner {
    animation: rotator 1.4s linear infinite; }

@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }
  #content-holder .loader .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; }

@keyframes colors {
  0% {
    stroke: #000000; }
  25% {
    stroke: #000000; }
  50% {
    stroke: #000000; }
  75% {
    stroke: #000000; }
  100% {
    stroke: #000000; } }

@keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg); } }

#content-148 #section_vz7zbz4cc:hover,
#content-148 #section_0513fe7a9:hover,
#content-178 #section_0513fe7a9:hover,
#content-78 #section_88efc3645:hover {
  background-color: #e1bc0c;
  cursor: pointer;
  transition: all 0.3s ease; }

#content-148 #section_vz7zbz4cc,
#content-148 #section_0513fe7a9,
#content-178 #section_0513fe7a9,
#section_0513fe7a9
#content-78 #section_88efc3645 {
  transition: all 0.3s ease; }

#section_0513fe7a9 {
  background: #ffd300;
  padding-bottom: 80px;
  padding-top: 80px;
  transition: all 0.3s ease; }
  @media (min-width: 543px) and (max-width: 766px) {
    #section_0513fe7a9 {
      padding: 0; } }
  @media (max-width: 543px) {
    #section_0513fe7a9 {
      padding: 0; } }
  #section_0513fe7a9:hover {
    background-color: #e1bc0c;
    cursor: pointer;
    transition: all 0.3s ease; }

@media (max-width: 543px) {
  #content-holder .get-semplice-banner {
    width: 80%;
    margin: 0 auto; } }

@media (min-width: 543px) and (max-width: 766px) {
  #content-holder .get-semplice-banner {
    width: 80%;
    margin: 0 auto; } }

#content-holder .get-semplice-banner a {
  transition: all 0.3s ease;
  display: block; }
  @media screen and (min-width: 1169px) {
    #content-holder .get-semplice-banner a {
      display: flex;
      width: 760px;
      margin: 0 auto; } }

#content-holder .get-semplice-banner .left {
  width: 100%;
  border-bottom: 1px solid black;
  border-right: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-bottom: 20px; }
  @media screen and (min-width: 1169px) {
    #content-holder .get-semplice-banner .left {
      width: 220px;
      padding-right: 40px;
      margin-left: 20px;
      border-right: 1px solid black;
      border-bottom: 0px;
      padding-bottom: 0px; } }

#content-holder .get-semplice-banner .price {
  font-size: 94px;
  font-family: "Maison Neue Demi", sans-serif;
  color: black;
  line-height: 94px;
  margin-bottom: 0px !important; }
  @media (max-width: 543px) {
    #content-holder .get-semplice-banner .price {
      font-size: 72px;
      line-height: 72px; } }
  #content-holder .get-semplice-banner .price span {
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    font-family: "Maison Neue Book", sans-serif;
    text-transform: none;
    line-height: 22px;
    margin-top: 10px;
    position: absolute;
    margin-left: 20px;
    margin-top: 22px; }
    @media screen and (min-width: 1169px) {
      #content-holder .get-semplice-banner .price span {
        font-size: 14px;
        text-transform: uppercase;
        font-family: "Maison Neue Demi", sans-serif;
        line-height: 16px;
        text-align: center;
        display: block;
        letter-spacing: 1.5px;
        margin-left: 5px;
        position: relative;
        margin-left: 0px;
        margin-top: 0px; } }
    @media (max-width: 543px) {
      #content-holder .get-semplice-banner .price span {
        margin-top: 12px;
        margin-left: 10px;
        font-size: 16px; } }

#content-holder .get-semplice-banner .part {
  font-size: 46px;
  line-height: 54px;
  font-family: "Maison Neue Demi", sans-serif;
  color: black;
  letter-spacing: -1px;
  margin-top: 10px; }
  @media (min-width: 767px) and (max-width: 990px) {
    #content-holder .get-semplice-banner .part {
      padding-top: 20px;
      margin-top: 0px; } }
  @media (min-width: 767px) and (max-width: 990px) {
    #content-holder .get-semplice-banner .part {
      padding-top: 20px;
      margin-top: 0px;
      font-size: 40px;
      line-height: 48px; } }
  @media (min-width: 543px) and (max-width: 766px) {
    #content-holder .get-semplice-banner .part {
      padding-top: 20px;
      margin-top: 0px;
      font-size: 40px;
      line-height: 50px;
      margin-bottom: 0px; } }
  @media (max-width: 543px) {
    #content-holder .get-semplice-banner .part {
      padding-top: 20px;
      margin-top: 0px;
      font-size: 30px;
      line-height: 40px;
      margin-bottom: 0px; } }

@media (min-width: 991px) and (max-width: 1168px) {
  #content-holder .get-semplice-banner .right {
    width: 100%; } }

@media (min-width: 767px) and (max-width: 990px) {
  #content-holder .get-semplice-banner .right {
    width: 100%; } }

@media (min-width: 767px) and (max-width: 990px) {
  #content-holder .get-semplice-banner .right {
    width: 100%; } }

@media (min-width: 543px) and (max-width: 766px) {
  #content-holder .get-semplice-banner .right {
    width: 100%; } }

@media screen and (min-width: 1169px) {
  #content-holder .get-semplice-banner .right {
    padding-left: 40px; } }

#content-holder #content-178 .content-block img {
  max-width: inherit !important; }

#content-holder #column_bg1dabunc {
  width: 1200px !important;
  padding: 0 !important; }

#content-holder .features-masonry {
  -webkit-font-smoothing: antialiased;
  margin-top: -85px; }
  @media screen and (min-width: 992px) and (max-width: 1169px) {
    #content-holder .features-masonry {
      margin-top: -100px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #content-holder .features-masonry {
      margin-top: -120px; } }
  @media screen and (min-width: 544px) and (max-width: 767px) {
    #content-holder .features-masonry {
      margin-top: 32px; } }
  @media screen and (max-width: 543px) {
    #content-holder .features-masonry {
      margin-top: -158px; } }
  #content-holder .features-masonry .masonry-item-width {
    width: 8.33333%; }
  #content-holder .features-masonry .masonry-item-features > div {
    position: relative;
    overflow: hidden; }
  #content-holder .features-masonry .masonry-item-features {
    box-sizing: border-box;
    margin: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .masonry-item-features {
        padding-left: 10px;
        padding-right: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .masonry-item-features {
        padding-left: 10px;
        padding-right: 10px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .masonry-item-features {
        padding-left: 10px;
        padding-right: 10px; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .masonry-item-features {
        padding-left: 10px;
        padding-right: 10px; } }
  #content-holder .features-masonry #column_bg1dabunc {
    padding: 0px !important; }
  #content-holder .features-masonry h4 {
    font-family: "MillerDisplay Light", serif;
    font-size: 30px;
    line-height: 36px;
    padding: 0px 40px;
    margin-bottom: 20px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry h4 {
        padding: 0px 30px;
        font-size: 28px;
        line-height: 34px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry h4 {
        padding: 0px 30px;
        font-size: 26px;
        line-height: 32px; } }
  #content-holder .features-masonry span.studio-only {
    font-size: 10px;
    font-family: "Maison Neue Demi", sans-serif;
    text-transform: uppercase;
    background: black;
    border-radius: 5px;
    padding: 5px 10px;
    color: white;
    letter-spacing: 0px; }
  #content-holder .features-masonry h4.big {
    font-family: "MillerDisplay Light", serif;
    font-size: 46px;
    line-height: 52px;
    padding: 0px 40px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry h4.big {
        padding: 0px 30px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry h4.big {
        padding: 0px 30px;
        font-size: 36px;
        line-height: 42px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry h4.big {
        padding: 0px 30px;
        font-size: 36px;
        line-height: 42px; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry h4.big {
        padding: 0px 30px;
        font-size: 36px;
        line-height: 42px; } }
  #content-holder .features-masonry p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0px !important;
    padding: 0px 40px;
    color: black; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry p {
        padding: 0px 30px;
        font-size: 17px;
        line-height: 25px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry p {
        padding: 0px 30px;
        font-size: 16px;
        line-height: 24px; } }
  #content-holder .features-masonry p.light {
    color: #a3a3a3; }
  #content-holder .features-masonry a.see-in-action {
    border: 2px solid black;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Maison Neue Demi", sans-serif;
    letter-spacing: 2px;
    padding: 20px 40px;
    margin: 30px 0px 0px 40px;
    display: inline-block;
    cursor: pointer; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry a.see-in-action {
        margin: 30px 0px 0px 30px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry a.see-in-action {
        padding: 16px 30px;
        margin: 30px 0px 0px 30px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry a.see-in-action {
        padding: 16px 30px;
        margin: 30px 0px 0px 30px; } }
  #content-holder .features-masonry a.see-in-action:hover {
    background: black;
    color: white; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #content-holder .features-masonry .svg-image {
      width: 45px;
      height: auto; } }
  #content-holder .features-masonry #masonry {
    margin-top: -85px; }
  #content-holder .features-masonry .height-small {
    height: 300px; }
  #content-holder .features-masonry .height-big {
    height: 630px; }
  #content-holder .features-masonry .masonry-item {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px; }
  #content-holder .features-masonry .bottom {
    position: absolute;
    bottom: 40px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .bottom {
        bottom: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .bottom {
        bottom: 30px; } }
  #content-holder .features-masonry .top {
    position: absolute;
    top: 40px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .top {
        top: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .top {
        top: 30px; } }
  #content-holder .features-masonry .left {
    position: absolute;
    left: 40px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .left {
        left: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .left {
        left: 30px; } }
  #content-holder .features-masonry .right {
    position: absolute;
    right: 40px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .right {
        right: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .right {
        right: 30px; } }
  #content-holder .features-masonry .bg-white {
    background: white; }
  #content-holder .features-masonry .bg-black {
    background: black; }
  #content-holder .features-masonry .center {
    text-align: center; }
  #content-holder .features-masonry .bg-semplice {
    background: #ffd300; }
  #content-holder .features-masonry .no-mobile {
    display: none; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .no-mobile {
        display: inline-block; } }
  @media (min-width: 501px) {
    #content-holder .features-masonry .features-responsive {
      height: 640px; } }
  @media (min-width: 426px) and (max-width: 500px) {
    #content-holder .features-masonry .features-responsive {
      height: 600px; } }
  @media (min-width: 376px) and (max-width: 425px) {
    #content-holder .features-masonry .features-responsive {
      height: 490px; } }
  @media (max-width: 375px) {
    #content-holder .features-masonry .features-responsive {
      height: 450px; } }
  #content-holder .features-masonry .features-responsive img {
    width: 326px;
    height: auto;
    text-align: right;
    float: right;
    position: absolute;
    left: 10px;
    top: -90px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .features-responsive img {
        width: 320px;
        position: absolute;
        left: 0px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-responsive img {
        width: 100%;
        float: none;
        position: absolute;
        bottom: 100px;
        top: inherit; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-responsive img {
        width: 80%;
        float: none;
        position: absolute;
        bottom: 100px;
        top: inherit;
        left: 10%;
        margin-top: -200px; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-responsive img {
        width: 90%;
        float: none;
        position: absolute;
        top: -200px;
        left: 5%; } }
  #content-holder .features-masonry .features-fontsets img {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 300px;
    width: auto; }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-fontsets img {
        display: none; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-fontsets img {
        display: none; } }
  #content-holder .features-masonry .features-fontsets .meta p {
    width: 400px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .features-fontsets .meta p {
        width: 300px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-fontsets .meta p {
        width: auto; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-fontsets .meta p {
        width: auto; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-fontsets .meta p {
        width: auto; } }
  #content-holder .features-masonry .features-video.height-small {
    height: 310px !important; }
  #content-holder .features-masonry .features-brandable {
    background: #c9d9d9;
    transition: all 1.5s ease; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-brandable p {
        padding: 0px 50px; } }
    #content-holder .features-masonry .features-brandable .brandable-one {
      transform: translateY(0px);
      -webkit-transform: translateY(0px); }
    #content-holder .features-masonry .features-brandable .brandable-two, #content-holder .features-masonry .features-brandable .brandable-three {
      opacity: 0;
      transform: translateY(60px);
      -webkit-transform: translateY(60px); }
  #content-holder .features-masonry .features-brandable img, #content-holder .features-masonry .features-cover img {
    width: 510px;
    height: auto;
    bottom: 0px;
    position: absolute;
    margin-left: 30px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .features-brandable img, #content-holder .features-masonry .features-cover img {
        margin-left: 0px;
        width: 120%;
        left: -10%;
        bottom: -40px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-brandable img, #content-holder .features-masonry .features-cover img {
        margin-left: 0px;
        width: 160%;
        left: -30%;
        bottom: -60px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-brandable img, #content-holder .features-masonry .features-cover img {
        text-align: center;
        width: 100%;
        margin-left: 0%;
        top: 230px; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-brandable img, #content-holder .features-masonry .features-cover img {
        text-align: center;
        width: 120%;
        margin-left: -10%;
        margin-top: 80px; } }
  @media screen and (min-width: 992px) and (max-width: 1169px) {
    #content-holder .features-masonry .features-brandable .meta, #content-holder .features-masonry .features-cover .meta {
      position: relative;
      top: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #content-holder .features-masonry .features-brandable .meta, #content-holder .features-masonry .features-cover .meta {
      position: relative; } }
  @media screen and (min-width: 544px) and (max-width: 767px) {
    #content-holder .features-masonry .features-brandable .meta, #content-holder .features-masonry .features-cover .meta {
      position: relative; } }
  @media screen and (max-width: 543px) {
    #content-holder .features-masonry .features-brandable p, #content-holder .features-masonry .features-cover p {
      padding: 0 30px; } }
  @media (max-width: 425px) {
    #content-holder .features-masonry .features-cover {
      height: 560px; } }
  #content-holder .features-masonry .features-cover h4 {
    color: white; }
  #content-holder .features-masonry .features-cover p {
    color: #888888;
    padding: 0px 80px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-cover p {
        padding: 0px 50px; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-cover p {
        padding: 0px 30px; } }
  #content-holder .features-masonry .features-svg.height-small {
    height: 310px !important; }
  #content-holder .features-masonry .features-templates.height-small {
    height: 310px !important; }
  #content-holder .features-masonry .features-templates h4 {
    padding: 0px 30px 0px 40px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .features-templates h4 {
        padding: 0px 30px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-templates h4 {
        padding: 0px 30px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-templates h4 {
        padding: 0px 30px; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-templates h4 {
        padding: 0px 40px; } }
  #content-holder .features-masonry .features-editor {
    height: 500px; }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-editor {
        height: auto; } }
    #content-holder .features-masonry .features-editor img {
      width: 720px;
      height: auto;
      bottom: 0px;
      right: 0px;
      position: absolute; }
      @media screen and (min-width: 992px) and (max-width: 1169px) {
        #content-holder .features-masonry .features-editor img {
          width: auto;
          right: -157px;
          height: 462px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        #content-holder .features-masonry .features-editor img {
          width: auto;
          right: -250px;
          height: 462px; } }
      @media screen and (min-width: 544px) and (max-width: 767px) {
        #content-holder .features-masonry .features-editor img {
          width: 100%;
          margin-left: 0%;
          position: relative; } }
      @media screen and (max-width: 543px) {
        #content-holder .features-masonry .features-editor img {
          width: 100%;
          margin-left: 0%;
          position: relative; } }
    #content-holder .features-masonry .features-editor .meta {
      position: absolute;
      top: 74px;
      left: 60px; }
      @media screen and (min-width: 992px) and (max-width: 1169px) {
        #content-holder .features-masonry .features-editor .meta {
          top: 80px;
          left: 40px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        #content-holder .features-masonry .features-editor .meta {
          top: 80px;
          left: 20px; } }
      @media screen and (min-width: 544px) and (max-width: 767px) {
        #content-holder .features-masonry .features-editor .meta {
          position: relative;
          top: 0;
          margin-top: 30px;
          left: 0; } }
      @media screen and (max-width: 543px) {
        #content-holder .features-masonry .features-editor .meta {
          position: relative;
          top: 0;
          margin-top: 30px;
          left: 0; } }
    #content-holder .features-masonry .features-editor p {
      width: 370px; }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        #content-holder .features-masonry .features-editor p {
          width: 270px; } }
      @media screen and (min-width: 544px) and (max-width: 767px) {
        #content-holder .features-masonry .features-editor p {
          width: 100%; } }
    #content-holder .features-masonry .features-editor h4 {
      font-size: 50px;
      line-height: 54px;
      font-family: "Maison Neue Bold", sans-serif; }
      @media screen and (min-width: 544px) and (max-width: 767px) {
        #content-holder .features-masonry .features-editor h4 {
          font-size: 40px;
          line-height: 44px; } }
      @media screen and (max-width: 543px) {
        #content-holder .features-masonry .features-editor h4 {
          font-size: 40px;
          line-height: 44px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-editor a {
        margin-left: 40px; } }
  #content-holder .features-masonry .features-nav h4 {
    color: white; }
  #content-holder .features-masonry .features-nav p {
    color: #888888;
    padding-right: 30px; }
  #content-holder .features-masonry .features-dribbble p {
    width: 270px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-dribbble p {
        width: 300px; } }
  #content-holder .features-masonry .features-dribbble img {
    position: absolute;
    width: 492px;
    height: auto;
    top: 0px;
    right: 0px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .features-dribbble img {
        width: 400px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-dribbble img {
        width: 400px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-dribbble img {
        width: 380px; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-dribbble img {
        width: 380px; } }
  @media screen and (min-width: 544px) and (max-width: 767px) {
    #content-holder .features-masonry .features-gallery {
      height: auto; } }
  @media screen and (max-width: 543px) {
    #content-holder .features-masonry .features-gallery {
      height: 600px; } }
  @media (min-width: 426px) and (max-width: 542px) {
    #content-holder .features-masonry .features-gallery {
      height: 530px; } }
  @media (max-width: 425px) {
    #content-holder .features-masonry .features-gallery {
      height: 470px; } }
  #content-holder .features-masonry .features-gallery img {
    width: 270px;
    top: 0px;
    height: auto; }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-gallery img {
        position: relative;
        text-align: center;
        width: 70%;
        margin-top: -80px;
        margin-left: 15%; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-gallery img {
        position: relative;
        text-align: center;
        width: 70%;
        margin-top: -80px;
        margin-left: 15%; } }
  @media screen and (min-width: 544px) and (max-width: 767px) {
    #content-holder .features-masonry .features-gallery .meta {
      position: relative;
      bottom: inherit;
      margin: 30px 0px; } }
  #content-holder .features-masonry .features-gallery h4 {
    padding: 0px 30px 0px 40px;
    color: white; }
  #content-holder .features-masonry .features-gallery p {
    color: #888888; }
  #content-holder .features-masonry .features-mailchimp p {
    width: 330px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .features-mailchimp p {
        width: 280px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-mailchimp p {
        width: 260px; } }
  #content-holder .features-masonry .features-mailchimp img {
    bottom: 0px;
    right: 0px;
    position: absolute;
    width: 316px;
    height: auto; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-masonry .features-mailchimp img {
        right: -40px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-mailchimp img {
        width: 300px;
        right: -90px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-mailchimp img {
        display: none; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-mailchimp img {
        display: none; } }
  #content-holder .features-masonry .features-blocks {
    height: 510px;
    background: url(images/features/blocks.jpg) center center no-repeat;
    background-size: cover;
    text-align: center; }
    #content-holder .features-masonry .features-blocks .meta {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
    #content-holder .features-masonry .features-blocks h4 {
      font-size: 50px;
      line-height: 54px;
      font-family: "Maison Neue Bold", sans-serif; }
    #content-holder .features-masonry .features-blocks p {
      width: 370px; }
    #content-holder .features-masonry .features-blocks a {
      margin: 30px 0px 0px 0px; }
  #content-holder .features-masonry .features-ppp p {
    width: 370px; }
  @media screen and (min-width: 544px) and (max-width: 767px) {
    #content-holder .features-masonry .features-ppp {
      height: 360px; }
      #content-holder .features-masonry .features-ppp img.top.right.svg-image {
        top: 40px !important;
        left: 40px !important; }
      #content-holder .features-masonry .features-ppp .meta .top {
        top: 140px !important; } }
  @media screen and (max-width: 543px) {
    #content-holder .features-masonry .features-ppp {
      height: 360px; }
      #content-holder .features-masonry .features-ppp img.top.right.svg-image {
        top: 40px !important;
        left: 40px !important; }
      #content-holder .features-masonry .features-ppp .meta .top {
        top: 140px !important; } }
  @media screen and (max-width: 543px) {
    #content-holder .features-masonry .features-instagram {
      height: 540px; } }
  #content-holder .features-masonry .features-instagram h4 {
    color: white; }
  #content-holder .features-masonry .features-instagram .meta {
    top: 50px; }
  #content-holder .features-masonry .features-instagram span.studio-only {
    position: absolute;
    top: 30px;
    color: black;
    background: white;
    line-height: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
  #content-holder .features-masonry .features-instagram p {
    color: #888888;
    padding: 0px 80px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-instagram p {
        padding: 0px 50px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-instagram p {
        padding: 0px 30px; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-instagram p {
        padding: 0px 30px; } }
  #content-holder .features-masonry .features-instagram img {
    width: 100%;
    height: auto;
    bottom: 0px;
    position: absolute; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-instagram img {
        width: 150%;
        left: -25%; } }
  @media screen and (max-width: 543px) {
    #content-holder .features-masonry .features-tutorials {
      height: 580px; } }
  #content-holder .features-masonry .features-tutorials p {
    padding: 0px 90px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-tutorials p {
        padding: 0px 60px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-masonry .features-tutorials p {
        padding: 0px 30px; } }
    @media screen and (max-width: 543px) {
      #content-holder .features-masonry .features-tutorials p {
        padding: 0px 30px; } }
  #content-holder .features-masonry .features-tutorials .meta {
    position: absolute;
    top: 70px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-tutorials .meta {
        top: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-tutorials .meta {
        top: 40px; } }
  #content-holder .features-masonry .features-tutorials img {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: auto;
    left: 0px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-tutorials img {
        width: 130%;
        left: -15%; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-masonry .features-tutorials img {
        width: 170%;
        left: -35%; } }

#content-holder .features-showcase {
  background-image: url(images/features/showcase_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: black;
  margin-top: -115px;
  text-align: center; }
  #content-holder .features-showcase p {
    margin-top: 200px;
    font-size: 16px;
    font-family: "Maison Neue Demi", sans-serif;
    text-transform: uppercase;
    color: #5e5e5e;
    letter-spacing: 2px;
    text-align: center; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-showcase p {
        margin-top: 160px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-showcase p {
        margin-top: 140px; } }
  #content-holder .features-showcase h3 {
    font-size: 74px;
    line-height: 80px;
    font-family: "MillerDisplay Light", serif;
    color: white;
    text-align: center; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-showcase h3 {
        font-size: 62px;
        line-height: 72px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-showcase h3 {
        font-size: 46px;
        line-height: 52px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-showcase h3 {
        font-size: 30px;
        line-height: 40px; }
        #content-holder .features-showcase h3 br {
          display: none; } }
  #content-holder .features-showcase a.showcase {
    background: #ffd300;
    display: inline-block;
    height: 60px;
    font-family: "Maison Neue Demi", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: black;
    line-height: 60px;
    text-align: center;
    padding: 0px 60px;
    margin: 70px 0px 100px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-showcase a.showcase {
        margin: 60px 0px 80px; } }
    @media screen and (min-width: 544px) and (max-width: 767px) {
      #content-holder .features-showcase a.showcase {
        margin: 40px 0px 60px; } }
    #content-holder .features-showcase a.showcase i {
      text-decoration: line-through;
      opacity: .4; }
  #content-holder .features-showcase a.showcase:hover {
    background: #e1bc0c; }

#content-holder .features-reviews {
  background: white;
  padding: 100px 0px;
  text-align: center; }
  @media screen and (min-width: 544px) and (max-width: 767px) {
    #content-holder .features-reviews {
      padding: 60px 0px; } }
  #content-holder .features-reviews h4 {
    font-family: "Maison Neue Book", sans-serif;
    font-size: 28px;
    line-height: 22px;
    margin-top: 15px; }
    #content-holder .features-reviews h4 span {
      text-transform: uppercase;
      font-size: 14px;
      font-family: "Maison Neue Bold", sans-serif;
      color: #bbbbbb;
      line-height: 14px;
      letter-spacing: 1px; }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        #content-holder .features-reviews h4 span {
          font-size: 12px;
          line-height: 12px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-reviews h4 {
        font-size: 24px;
        line-height: 20px; } }
  #content-holder .features-reviews p {
    font-family: "MillerDisplay Light", serif;
    font-size: 25px;
    line-height: 35px;
    margin-top: 20px; }
    @media screen and (min-width: 992px) and (max-width: 1169px) {
      #content-holder .features-reviews p {
        font-size: 22px;
        line-height: 32px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #content-holder .features-reviews p {
        font-size: 20px;
        line-height: 28px; } }

#content-holder .boxes {
  overflow: hidden; }
  @media (min-width: 991px) and (max-width: 1168px) {
    #content-holder .boxes {
      margin-top: 70px; } }
  @media (min-width: 543px) and (max-width: 766px) {
    #content-holder .boxes {
      margin-top: 0px; } }
  @media (max-width: 543px) {
    #content-holder .boxes {
      margin-top: 0px; } }
  #content-holder .boxes .white-box {
    width: 50%;
    height: 860px;
    position: absolute;
    left: 0;
    background: white; }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder .boxes .white-box {
        display: none; } }
    @media (max-width: 543px) {
      #content-holder .boxes .white-box {
        display: none; } }
  #content-holder .boxes .single, #content-holder .boxes .business, #content-holder .boxes .studio {
    width: 33%;
    float: left;
    text-align: center;
    padding: 60px;
    height: 1520px;
    transition: all 0.3s linear; }
    @media (min-width: 991px) and (max-width: 1168px) {
      #content-holder .boxes .single, #content-holder .boxes .business, #content-holder .boxes .studio {
        padding: 10px;
        height: 1160px; } }
    @media (min-width: 767px) and (max-width: 990px) {
      #content-holder .boxes .single, #content-holder .boxes .business, #content-holder .boxes .studio {
        padding: 10px;
        height: 1110px; } }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder .boxes .single, #content-holder .boxes .business, #content-holder .boxes .studio {
        width: 100%;
        height: auto;
        padding: 40px; } }
    @media (max-width: 543px) {
      #content-holder .boxes .single, #content-holder .boxes .business, #content-holder .boxes .studio {
        width: 100%;
        height: auto;
        padding: 40px; } }
    #content-holder .boxes .single .box-container, #content-holder .boxes .business .box-container, #content-holder .boxes .studio .box-container {
      height: 380px;
      margin-top: 50px; }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder .boxes .single .box-container, #content-holder .boxes .business .box-container, #content-holder .boxes .studio .box-container {
          height: 215px;
          margin-top: 0px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder .boxes .single .box-container, #content-holder .boxes .business .box-container, #content-holder .boxes .studio .box-container {
          height: 215px;
          margin-top: 0px; } }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder .boxes .single .box-container, #content-holder .boxes .business .box-container, #content-holder .boxes .studio .box-container {
          height: 200px;
          height: auto; } }
      @media (max-width: 543px) {
        #content-holder .boxes .single .box-container, #content-holder .boxes .business .box-container, #content-holder .boxes .studio .box-container {
          height: 200px;
          height: auto; } }
    #content-holder .boxes .single img, #content-holder .boxes .business img, #content-holder .boxes .studio img {
      max-width: 170%;
      width: 170%;
      height: auto; }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder .boxes .single img, #content-holder .boxes .business img, #content-holder .boxes .studio img {
          width: 100%;
          height: auto; } }
      @media (max-width: 543px) {
        #content-holder .boxes .single img, #content-holder .boxes .business img, #content-holder .boxes .studio img {
          width: 100%;
          height: auto; } }
    #content-holder .boxes .single h3, #content-holder .boxes .business h3, #content-holder .boxes .studio h3 {
      font-family: "Maison Neue Bold", sans-serif;
      font-size: 54px;
      line-height: 54px; }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder .boxes .single h3, #content-holder .boxes .business h3, #content-holder .boxes .studio h3 {
          font-size: 40px;
          line-height: 40px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder .boxes .single h3, #content-holder .boxes .business h3, #content-holder .boxes .studio h3 {
          font-size: 36px;
          line-height: 36px; } }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder .boxes .single h3, #content-holder .boxes .business h3, #content-holder .boxes .studio h3 {
          font-size: 44px;
          margin-bottom: 10px; } }
      @media (max-width: 543px) {
        #content-holder .boxes .single h3, #content-holder .boxes .business h3, #content-holder .boxes .studio h3 {
          font-size: 44px;
          margin-bottom: 10px; } }
    #content-holder .boxes .single p, #content-holder .boxes .business p, #content-holder .boxes .studio p {
      font-size: 20px;
      margin-top: 4px;
      line-height: 26px;
      color: black; }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder .boxes .single p, #content-holder .boxes .business p, #content-holder .boxes .studio p {
          font-size: 16px;
          line-height: 24px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder .boxes .single p, #content-holder .boxes .business p, #content-holder .boxes .studio p {
          font-size: 16px;
          line-height: 24px;
          margin-top: 10px; } }
      #content-holder .boxes .single p span:not(.tooltip):not(.tooltips), #content-holder .boxes .business p span:not(.tooltip):not(.tooltips), #content-holder .boxes .studio p span:not(.tooltip):not(.tooltips) {
        font-family: "AvenirNextLTW01-Medium", sans-serif;
        font-size: 22px; }
      @media (max-width: 543px) {
        #content-holder .boxes .single p br, #content-holder .boxes .business p br, #content-holder .boxes .studio p br {
          display: none; } }
    #content-holder .boxes .single p.price, #content-holder .boxes .business p.price, #content-holder .boxes .studio p.price {
      font-size: 54px;
      margin-top: 55px;
      letter-spacing: -2px; }
      #content-holder .boxes .single p.price sup, #content-holder .boxes .business p.price sup, #content-holder .boxes .studio p.price sup {
        font-size: 60%;
        top: -18px;
        line-height: 0;
        position: relative;
        vertical-align: baseline; }
      #content-holder .boxes .single p.price span:not(.tooltip):not(.tooltips), #content-holder .boxes .business p.price span:not(.tooltip):not(.tooltips), #content-holder .boxes .studio p.price span:not(.tooltip):not(.tooltips) {
        color: #8d8d8d;
        font-size: 28px;
        text-decoration: line-through;
        font-family: "AvenirNextLTW01-Regular", sans-serif;
        display: block;
        margin-top: 14px; }
    #content-holder .boxes .single p.or-update, #content-holder .boxes .business p.or-update, #content-holder .boxes .studio p.or-update {
      color: #8d8d8d;
      font-size: 28px;
      font-family: "AvenirNextLTW01-Regular", sans-serif;
      display: block;
      margin: 40px 0px 0px 0px !important; }
    #content-holder .boxes .single .big-button, #content-holder .boxes .business .big-button, #content-holder .boxes .studio .big-button {
      display: block;
      height: 1200px; }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder .boxes .single .big-button, #content-holder .boxes .business .big-button, #content-holder .boxes .studio .big-button {
          padding: 30px;
          height: 870px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder .boxes .single .big-button, #content-holder .boxes .business .big-button, #content-holder .boxes .studio .big-button {
          height: 850px; } }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder .boxes .single .big-button, #content-holder .boxes .business .big-button, #content-holder .boxes .studio .big-button {
          height: auto; } }
      @media (max-width: 543px) {
        #content-holder .boxes .single .big-button, #content-holder .boxes .business .big-button, #content-holder .boxes .studio .big-button {
          height: auto; } }
    #content-holder .boxes .single .blocks-video, #content-holder .boxes .single .special-link, #content-holder .boxes .business .blocks-video, #content-holder .boxes .business .special-link, #content-holder .boxes .studio .blocks-video, #content-holder .boxes .studio .special-link {
      border-bottom: 2px solid #bbb;
      cursor: pointer; }
    #content-holder .boxes .single .blocks-video:hover, #content-holder .boxes .single .special-link:hover, #content-holder .boxes .business .blocks-video:hover, #content-holder .boxes .business .special-link:hover, #content-holder .boxes .studio .blocks-video:hover, #content-holder .boxes .studio .special-link:hover {
      border-color: black; }
    #content-holder .boxes .single ul.features, #content-holder .boxes .business ul.features, #content-holder .boxes .studio ul.features {
      width: 100%;
      margin: 0px !important;
      padding: 30px; }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder .boxes .single ul.features, #content-holder .boxes .business ul.features, #content-holder .boxes .studio ul.features {
          padding: 20px; } }
      #content-holder .boxes .single ul.features li, #content-holder .boxes .business ul.features li, #content-holder .boxes .studio ul.features li {
        width: 100%;
        list-style: none;
        text-align: left;
        padding-left: 25px;
        background: url(images/checkmark_grau.svg) center left no-repeat !important;
        line-height: 36px; }
        @media (min-width: 991px) and (max-width: 1168px) {
          #content-holder .boxes .single ul.features li, #content-holder .boxes .business ul.features li, #content-holder .boxes .studio ul.features li {
            font-size: 16px;
            line-height: 30px; } }
        @media (min-width: 767px) and (max-width: 990px) {
          #content-holder .boxes .single ul.features li, #content-holder .boxes .business ul.features li, #content-holder .boxes .studio ul.features li {
            font-size: 16px;
            line-height: 30px; } }
      #content-holder .boxes .single ul.features li.dezent, #content-holder .boxes .business ul.features li.dezent, #content-holder .boxes .studio ul.features li.dezent {
        color: #7d7d7d; }
      #content-holder .boxes .single ul.features li.special, #content-holder .boxes .business ul.features li.special, #content-holder .boxes .studio ul.features li.special {
        background: url(images/checkmark_gelb.svg) center left no-repeat !important;
        color: black; }
      #content-holder .boxes .single ul.features li.no-checkmark, #content-holder .boxes .business ul.features li.no-checkmark, #content-holder .boxes .studio ul.features li.no-checkmark {
        background: none !important; }
    #content-holder .boxes .single .features, #content-holder .boxes .single .business-desc, #content-holder .boxes .business .features, #content-holder .boxes .business .business-desc, #content-holder .boxes .studio .features, #content-holder .boxes .studio .business-desc {
      height: 540px; }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder .boxes .single .features, #content-holder .boxes .single .business-desc, #content-holder .boxes .business .features, #content-holder .boxes .business .business-desc, #content-holder .boxes .studio .features, #content-holder .boxes .studio .business-desc {
          height: 430px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder .boxes .single .features, #content-holder .boxes .single .business-desc, #content-holder .boxes .business .features, #content-holder .boxes .business .business-desc, #content-holder .boxes .studio .features, #content-holder .boxes .studio .business-desc {
          height: 420px; } }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder .boxes .single .features, #content-holder .boxes .single .business-desc, #content-holder .boxes .business .features, #content-holder .boxes .business .business-desc, #content-holder .boxes .studio .features, #content-holder .boxes .studio .business-desc {
          height: auto !important; } }
      @media (max-width: 543px) {
        #content-holder .boxes .single .features, #content-holder .boxes .single .business-desc, #content-holder .boxes .business .features, #content-holder .boxes .business .business-desc, #content-holder .boxes .studio .features, #content-holder .boxes .studio .business-desc {
          height: auto !important; } }
    #content-holder .boxes .single .business-desc, #content-holder .boxes .business .business-desc, #content-holder .boxes .studio .business-desc {
      margin-top: 35px;
      height: 477px; }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder .boxes .single .business-desc, #content-holder .boxes .business .business-desc, #content-holder .boxes .studio .business-desc {
          height: 379px;
          margin-top: 29px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder .boxes .single .business-desc, #content-holder .boxes .business .business-desc, #content-holder .boxes .studio .business-desc {
          height: 359px;
          margin-top: 39px; } }
  #content-holder .boxes .single img, #content-holder .boxes .business img, #content-holder .boxes .studio img {
    margin-left: -92px;
    max-width: 170%;
    width: 170%;
    height: auto; }
    @media (min-width: 991px) and (max-width: 1168px) {
      #content-holder .boxes .single img, #content-holder .boxes .business img, #content-holder .boxes .studio img {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px; } }
    @media (min-width: 767px) and (max-width: 990px) {
      #content-holder .boxes .single img, #content-holder .boxes .business img, #content-holder .boxes .studio img {
        margin-left: 0px;
        width: 100%; } }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder .boxes .single img, #content-holder .boxes .business img, #content-holder .boxes .studio img {
        margin-left: 0px;
        width: 100%; } }
    @media (max-width: 543px) {
      #content-holder .boxes .single img, #content-holder .boxes .business img, #content-holder .boxes .studio img {
        margin-left: 0px;
        width: 100%; } }
  #content-holder .boxes .studio {
    width: 34%; }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder .boxes .studio {
        width: 100%; } }
    @media (max-width: 543px) {
      #content-holder .boxes .studio {
        width: 100%; } }
    #content-holder .boxes .studio .box-container {
      margin-top: 0px; }
      @media screen and (min-width: 1169px) {
        #content-holder .boxes .studio .box-container {
          height: 430px; } }
    @media screen and (min-width: 1169px) {
      #content-holder .boxes .studio .big-button {
        height: 1190px; } }
    #content-holder .boxes .studio img {
      max-width: 188%;
      width: 188%;
      margin-left: -121px; }
      @media (min-width: 991px) and (max-width: 1168px) {
        #content-holder .boxes .studio img {
          width: 100%;
          margin-left: 0px; } }
      @media (min-width: 767px) and (max-width: 990px) {
        #content-holder .boxes .studio img {
          width: 100%;
          margin-left: 0px; } }
      @media (min-width: 543px) and (max-width: 766px) {
        #content-holder .boxes .studio img {
          width: 100%;
          margin-left: 0px; } }
      @media (max-width: 543px) {
        #content-holder .boxes .studio img {
          width: 100%;
          margin-left: 0px; } }
  @media (min-width: 543px) and (max-width: 766px) {
    #content-holder .boxes .business .box-container {
      margin-top: 0px; } }
  @media (max-width: 543px) {
    #content-holder .boxes .business .box-container {
      margin-top: 0px; } }
  #content-holder .boxes .single:hover, #content-holder .boxes .studio:hover, #content-holder .boxes .business:hover {
    background: white; }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder .boxes .single:hover, #content-holder .boxes .studio:hover, #content-holder .boxes .business:hover {
        background: none; } }
    @media (max-width: 543px) {
      #content-holder .boxes .single:hover, #content-holder .boxes .studio:hover, #content-holder .boxes .business:hover {
        background: none; } }
  @media (min-width: 991px) and (max-width: 1168px) {
    #content-holder .boxes .single-button, #content-holder .boxes .business-button, #content-holder .boxes .studio-button {
      padding: 20px; } }
  @media (min-width: 767px) and (max-width: 990px) {
    #content-holder .boxes .single-button, #content-holder .boxes .business-button, #content-holder .boxes .studio-button {
      padding: 20px; } }
  @media (min-width: 543px) and (max-width: 766px) {
    #content-holder .boxes .single-button, #content-holder .boxes .business-button, #content-holder .boxes .studio-button {
      padding: 20px; } }
  @media (max-width: 543px) {
    #content-holder .boxes .single-button, #content-holder .boxes .business-button, #content-holder .boxes .studio-button {
      padding: 20px; } }

p.terms {
  font-family: "Maison Neue Demi", sans-serif;
  color: #bbbbbb;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 40px auto;
  text-align: center; }

p.terms a {
  text-decoration: none;
  color: #bbbbbb; }

.single-button, .business-button, .studio-button {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 30px; }
  @media (min-width: 543px) and (max-width: 766px) {
    .single-button, .business-button, .studio-button {
      margin-top: 20px; } }
  @media (max-width: 543px) {
    .single-button, .business-button, .studio-button {
      margin-top: 20px; } }
  .single-button .buy-button, .single-button .upgrade, .business-button .buy-button, .business-button .upgrade, .studio-button .buy-button, .studio-button .upgrade {
    width: 100%;
    background: #ffd300;
    display: block;
    height: 70px;
    font-family: "Maison Neue Demi", sans-serif;
    font-size: 18px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: black;
    line-height: 72px;
    border: 0px;
    cursor: pointer;
    transition: all 0.2s linear; }
    @media (min-width: 767px) and (max-width: 990px) {
      .single-button .buy-button, .single-button .upgrade, .business-button .buy-button, .business-button .upgrade, .studio-button .buy-button, .studio-button .upgrade {
        height: 50px;
        line-height: 50px;
        font-size: 16px; } }
    @media (min-width: 543px) and (max-width: 766px) {
      .single-button .buy-button, .single-button .upgrade, .business-button .buy-button, .business-button .upgrade, .studio-button .buy-button, .studio-button .upgrade {
        height: 50px;
        line-height: 50px;
        font-size: 16px; } }
    @media (max-width: 543px) {
      .single-button .buy-button, .single-button .upgrade, .business-button .buy-button, .business-button .upgrade, .studio-button .buy-button, .studio-button .upgrade {
        height: 50px;
        line-height: 50px;
        font-size: 16px; } }
  .single-button .upgrade, .business-button .upgrade, .studio-button .upgrade {
    margin-top: 10px;
    color: #000000;
    background: none;
    border: 2px solid #d0d0d0;
    letter-spacing: 2px;
    font-size: 14px;
    height: 55px;
    font-family: "Maison Neue Book", sans-serif;
    line-height: 55px; }
  .single-button .upgrade:hover, .business-button .upgrade:hover, .studio-button .upgrade:hover {
    border: 2px solid #aaa; }
  .single-button .first, .business-button .first, .studio-button .first {
    margin-top: 20px !important; }
  .single-button .no-border, .business-button .no-border, .studio-button .no-border {
    border: 2px solid transparent;
    line-height: 36px;
    height: 36px;
    margin-top: 0px; }
    @media (min-width: 767px) and (max-width: 990px) {
      .single-button .no-border, .business-button .no-border, .studio-button .no-border {
        font-size: 12px;
        letter-spacing: 1px; } }
    @media (min-width: 767px) and (max-width: 990px) {
      .single-button .no-border, .business-button .no-border, .studio-button .no-border {
        font-size: 12px;
        letter-spacing: 1px; } }
  .single-button a.terms-link, .business-button a.terms-link, .studio-button a.terms-link {
    text-decoration: none; }
  .single-button .single-button .buy-button:hover, .single-button .business-button .buy-button:hover, .single-button .studio-button .buy-button:hover, .business-button .single-button .buy-button:hover, .business-button .business-button .buy-button:hover, .business-button .studio-button .buy-button:hover, .studio-button .single-button .buy-button:hover, .studio-button .business-button .buy-button:hover, .studio-button .studio-button .buy-button:hover {
    background: #e1bc0c; }

#content-holder .boxes:after,
#content-holder .buttons:after {
  content: "";
  display: block;
  clear: both;
  padding-bottom: 30px; }
  @media (min-width: 543px) and (max-width: 766px) {
    #content-holder .boxes:after,
    #content-holder .buttons:after {
      padding-bottom: 20px; } }
  @media (max-width: 543px) {
    #content-holder .boxes:after,
    #content-holder .buttons:after {
      padding-bottom: 20px; } }

.video-lightbox {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none; }
  .video-lightbox .inner {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.7); }
    .video-lightbox .inner .responsive-video {
      margin-bottom: 0px; }

.close-video, .close-upgrade-lightbox {
  position: fixed;
  right: 0px;
  top: 0px;
  padding: 6px 25px;
  margin: 10px;
  background: black;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Maison Neue Demi", sans-serif;
  letter-spacing: 2px;
  cursor: pointer; }

.close-video:hover, .close-upgrade-lightbox:hover {
  background: #333333; }

#content-holder .showcase-newsletter {
  display: none;
  width: 390px;
  padding: 40px;
  position: fixed;
  bottom: 0px;
  right: 40px;
  z-index: 2001;
  background: black;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.18); }
  @media (min-width: 767px) and (max-width: 990px) {
    #content-holder .showcase-newsletter {
      display: none !important; } }
  @media (min-width: 543px) and (max-width: 766px) {
    #content-holder .showcase-newsletter {
      display: none !important; } }
  @media (max-width: 543px) {
    #content-holder .showcase-newsletter {
      display: none !important; } }
  #content-holder .showcase-newsletter p {
    font-size: 18px;
    line-height: 26px;
    color: #999999;
    margin-bottom: 28px; }
  #content-holder .showcase-newsletter a {
    display: block;
    text-indent: -9000px;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    background: url(images/close.png) no-repeat;
    cursor: pointer; }
  #content-holder .showcase-newsletter a:hover {
    opacity: 0.5; }
  #content-holder .showcase-newsletter h3 {
    color: white;
    font-family: "Maison Neue Demi", sans-serif;
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0; }
  #content-holder .showcase-newsletter form, #content-holder .showcase-newsletter .form {
    position: relative;
    margin-top: 0px;
    padding-top: 10px; }
    #content-holder .showcase-newsletter form input, #content-holder .showcase-newsletter .form input {
      -webkit-appearance: none;
      border-radius: 0px;
      font-family: "Maison Neue Book", sans-serif;
      font-weight: 300;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      font-size: 13px;
      height: 50px;
      line-height: 50px;
      padding-left: 15px;
      letter-spacing: 1px;
      transition: all 0.3s linear;
      border: 1px solid transparent;
      background: #333333;
      color: #dddddd; }
      #content-holder .showcase-newsletter form input:focus, #content-holder .showcase-newsletter .form input:focus {
        -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
        outline: none; }
    #content-holder .showcase-newsletter form input:focus::-webkit-input-placeholder, #content-holder .showcase-newsletter .form input:focus::-webkit-input-placeholder {
      transition: all 0.2s linear;
      text-transform: uppercase;
      color: #dddddd; }
    #content-holder .showcase-newsletter form input:focus:-moz-placeholder, #content-holder .showcase-newsletter .form input:focus:-moz-placeholder {
      transition: all 0.2s linear;
      text-transform: uppercase;
      color: #dddddd; }
    #content-holder .showcase-newsletter form input:focus::-moz-placeholder, #content-holder .showcase-newsletter .form input:focus::-moz-placeholder {
      transition: all 0.2s linear;
      text-transform: uppercase;
      color: #dddddd; }
    #content-holder .showcase-newsletter form input::-webkit-input-placeholder, #content-holder .showcase-newsletter .form input::-webkit-input-placeholder {
      text-transform: uppercase;
      color: #aaaaaa; }
    #content-holder .showcase-newsletter form input::-moz-placeholder, #content-holder .showcase-newsletter .form input::-moz-placeholder {
      text-transform: uppercase;
      color: #aaaaaa; }
    #content-holder .showcase-newsletter form input:-ms-input-placeholder, #content-holder .showcase-newsletter .form input:-ms-input-placeholder {
      text-transform: uppercase;
      color: #aaaaaa; }
    #content-holder .showcase-newsletter form .submit-button, #content-holder .showcase-newsletter .form .submit-button {
      width: 50px;
      height: 50px;
      background: url(images/newsletter.png) top;
      background-color: #ffd300;
      position: absolute;
      text-indent: -5000px;
      border: none;
      right: 0;
      cursor: pointer;
      transition: all 0.3s ease;
      top: 10px; }
    #content-holder .showcase-newsletter form .submit-button:hover, #content-holder .showcase-newsletter .form .submit-button:hover {
      background-color: #333333;
      background-position: bottom; }

/* Showcase Join The Club */
#content-holder .showcase-join-the-club {
  width: 100%;
  background: #000;
  padding-top: 115px;
  text-align: center; }
  @media (min-width: 543px) and (max-width: 766px) {
    #content-holder .showcase-join-the-club {
      padding-top: 40px; } }
  @media (max-width: 543px) {
    #content-holder .showcase-join-the-club {
      padding-top: 40px; } }
  #content-holder .showcase-join-the-club h2 {
    background: url(images/badge.png) top center no-repeat;
    color: #fff;
    font-family: "Maison Neue Bold", sans-serif;
    font-size: 76px;
    letter-spacing: -1px;
    line-height: 76px;
    padding: 115px 0 80px; }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder .showcase-join-the-club h2 {
        font-size: 60px;
        line-height: 60px; } }
    @media (max-width: 543px) {
      #content-holder .showcase-join-the-club h2 {
        font-size: 50px;
        line-height: 50px; } }
  #content-holder .showcase-join-the-club h3 {
    color: #fff;
    font-family: "MillerDisplay Light", serif;
    font-size: 54px;
    letter-spacing: -1px;
    line-height: 54px;
    margin: 0;
    padding: 0; }
    @media (min-width: 767px) and (max-width: 990px) {
      #content-holder .showcase-join-the-club h3 {
        font-size: 40px;
        line-height: 50px; } }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder .showcase-join-the-club h3 {
        font-size: 30px;
        line-height: 40px; } }
    @media (max-width: 543px) {
      #content-holder .showcase-join-the-club h3 {
        font-size: 26px;
        line-height: 36px; } }
  #content-holder .showcase-join-the-club .download-button, #content-holder .showcase-join-the-club .submit-button, #content-holder .showcase-join-the-club .download-badge {
    font-size: 12px;
    font-family: "Maison Neue Demi", sans-serif;
    text-transform: uppercase;
    line-height: 50px;
    background: #ffd300;
    padding: 0 45px;
    letter-spacing: 2px;
    display: inline-block;
    margin: 65px 0 110px;
    border: 2px solid transparent; }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder .showcase-join-the-club .download-button, #content-holder .showcase-join-the-club .submit-button, #content-holder .showcase-join-the-club .download-badge {
        margin: 40px 0; } }
    @media (max-width: 543px) {
      #content-holder .showcase-join-the-club .download-button, #content-holder .showcase-join-the-club .submit-button, #content-holder .showcase-join-the-club .download-badge {
        margin: 40px 0; } }
    #content-holder .showcase-join-the-club .download-button:hover, #content-holder .showcase-join-the-club .submit-button:hover, #content-holder .showcase-join-the-club .download-badge:hover {
      background: #ffe152; }
  #content-holder .showcase-join-the-club .download-badge {
    background: transparent;
    border-width: 1px;
    border-color: white;
    color: white;
    margin-right: 10px; }
    #content-holder .showcase-join-the-club .download-badge:hover {
      background: white;
      color: black; }

#content-holder #section_yg1qw2hv2 {
  background-image: url(http://www.semplicelabs.com/wp-content/uploads/2017/05/submission_header_bg-1.jpg);
  background-size: cover;
  background-position: top center;
  background-attachment: scroll;
  background-color: #000000; }

#content-holder #content_rcultxie8 {
  padding-top: 5.555555555555555rem; }

#content-holder #content_klb6oq0en {
  padding-top: 5rem; }

#content-holder #content_hsmgh8h5v {
  padding-top: 5rem; }

#content-holder #content_wq4lug3ne {
  padding-top: 3.888888888888889rem; }

#content-holder #content_n4zwrtg7e {
  padding-top: 3.888888888888889rem; }

#content-holder {
  background-color: #f2f1f1; }

#content-holder #submission {
  padding: 120px 0px; }
  #content-holder #submission h1 {
    font-size: 186px;
    line-height: 170px;
    font-family: "Maison Neue Bold", sans-serif;
    letter-spacing: -4px;
    color: white;
    text-align: center;
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px); }
    @media (min-width: 767px) and (max-width: 990px) {
      #content-holder #submission h1 {
        font-size: 140px;
        line-height: 130px; } }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder #submission h1 {
        margin-bottom: 20px; } }
    @media (max-width: 543px) {
      #content-holder #submission h1 {
        font-size: 120px;
        line-height: 120px; } }
  #content-holder #submission .divider-center {
    margin: 0 auto;
    width: 110px; }
  #content-holder #submission .divider {
    width: 110px;
    background: white;
    height: 10px;
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    margin: 20px 0px 40px; }
  #content-holder #submission h2 {
    font-family: "MillerDisplay Light", serif;
    font-size: 30px;
    line-height: 36px;
    margin-top: 30px;
    color: white;
    text-align: center;
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px); }
    @media (min-width: 991px) and (max-width: 1168px) {
      #content-holder #submission h2 {
        margin-bottom: 0px; } }
    @media (min-width: 543px) and (max-width: 766px) {
      #content-holder #submission h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 40px; } }
  #content-holder #submission form {
    opacity: 0;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    margin-top: 100px; }
    #content-holder #submission form input {
      margin-bottom: 40px;
      border: 0px solid;
      border-bottom: 1px solid #ffffff;
      padding-left: 5px;
      font-size: 16px;
      background: transparent;
      font-family: "AvenirNextLTW01-Regular", sans-serif;
      letter-spacing: 0px;
      color: white;
      background-repeat: no-repeat;
      background-position: center right; }
      #content-holder #submission form input:focus {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        outline: none; }
    #content-holder #submission form input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #111 inset;
      -webkit-text-fill-color: white !important; }
    #content-holder #submission form input:focus::-webkit-input-placeholder {
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      text-transform: none;
      color: #555555;
      opacity: 1; }
    #content-holder #submission form input:focus:-moz-placeholder {
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      text-transform: none;
      color: #555555;
      opacity: 1; }
    #content-holder #submission form input:focus::-moz-placeholder {
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      text-transform: none;
      color: #555555;
      opacity: 1; }
    #content-holder #submission form input::-webkit-input-placeholder {
      text-transform: none;
      color: #aaaaaa;
      opacity: 1; }
    #content-holder #submission form input::-moz-placeholder {
      text-transform: none;
      color: #aaaaaa;
      opacity: 1; }
    #content-holder #submission form input:-ms-input-placeholder {
      text-transform: none;
      color: #aaaaaa;
      opacity: 1; }
    #content-holder #submission form .error {
      border-bottom: 1px solid #c74848;
      background-image: url(images/cancel.svg);
      background-repeat: no-repeat;
      background-position: center right; }
    #content-holder #submission form #imgupload-error {
      display: block;
      width: 100%;
      position: absolute;
      left: 0px;
      margin-top: -1px;
      color: transparent;
      cursor: pointer; }
    #content-holder #submission form .submission-submit {
      margin-top: 50px;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      border: 1px solid white;
      padding: 10px 80px;
      line-height: inherit;
      width: auto;
      cursor: pointer;
      font-family: "Maison Neue Demi", sans-serif;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 2px;
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear; }
    #content-holder #submission form .submission-submit:hover {
      background: white;
      color: black; }
    #content-holder #submission form .img-upload {
      transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      width: 100%;
      display: inline-block;
      margin-bottom: 40px;
      border: 0px solid;
      border-bottom: 1px solid #ffffff;
      padding-left: 5px;
      font-size: 16px;
      background: transparent;
      font-family: "AvenirNextLTW01-Regular", sans-serif;
      letter-spacing: 0px;
      color: white;
      background-image: url(images/plus.svg);
      background-position: 5px 15px;
      background-repeat: no-repeat;
      background-color: transparent;
      height: 50px;
      line-height: 50px;
      text-indent: 25px;
      cursor: pointer; }
      #content-holder #submission form .img-upload .img-upload-filename {
        color: #aaaaaa; }
      #content-holder #submission form .img-upload input[type="file"] {
        position: fixed;
        left: -5000px; }
    #content-holder #submission form .img-upload:hover {
      color: #ffd300;
      background-image: url(images/plus_hover.svg); }
    #content-holder #submission form #email-error, #content-holder #submission form #url-error, #content-holder #submission form #name-error, #content-holder #submission form #twitter-error {
      display: none !important; }
  #content-holder #submission form.submitting .loader {
    display: block;
    position: absolute;
    top: 20%;
    transform: translateXY(-50%, -50%);
    background-position: top center;
    width: 100px;
    height: 100px; }
    #content-holder #submission form.submitting .loader svg {
      margin-left: 35px; }
    #content-holder #submission form.submitting .loader p {
      margin-top: 5px;
      color: white; }

@keyframes colors {
  0% {
    stroke: #ffd300; }
  25% {
    stroke: #ffd300; }
  50% {
    stroke: #ffd300; }
  75% {
    stroke: #ffd300; }
  100% {
    stroke: #ffd300; } }
  #content-holder #submission form.submitting .submission-form-inner {
    opacity: .2 !important; }
  #content-holder #submission .imgupload-error {
    display: none;
    background-image: url(images/cancel.svg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 40px;
    margin-top: -10px; }
    #content-holder #submission .imgupload-error p {
      font-size: 18px;
      color: #e56d6d; }

#content-holder .submission-messages {
  position: absolute;
  top: 115px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 10000; }
  #content-holder .submission-messages .sa-error {
    background: #c74848;
    font-size: 16px;
    padding: 10px 30px;
    color: white;
    border-radius: 6px;
    margin-bottom: 10px; }

#content-holder .submission-admin nav ul {
  list-style: none;
  margin-left: 0px; }
  #content-holder .submission-admin nav ul li {
    display: inline-block;
    margin-right: 30px; }
    #content-holder .submission-admin nav ul li a {
      color: #bbbbbb;
      font-family: "AvenirNextLTW01-Regular", sans-serif;
      font-size: 18px; }
    #content-holder .submission-admin nav ul li a:hover {
      color: #000000; }
    #content-holder .submission-admin nav ul li a.active {
      color: #000000;
      border-bottom: 2px solid #000000; }

#content-holder .submission-admin .portfolio {
  margin-bottom: 50px; }
  #content-holder .submission-admin .portfolio img {
    width: 100%;
    height: auto; }
  #content-holder .submission-admin .portfolio h4 {
    font-family: "Avenir Next LT W01 Bold", sans-serif;
    margin-top: 30px; }
  #content-holder .submission-admin .portfolio p a {
    text-decoration: none;
    font-family: "AvenirNextLTW01-Medium", sans-serif; }
  #content-holder .submission-admin .portfolio p .twitter {
    color: #55acee; }
  #content-holder .submission-admin .portfolio .actions a {
    font-size: 12px;
    letter-spacing: .5px;
    padding: 10px 20px;
    border-radius: 6px;
    text-transform: uppercase;
    color: white;
    background: black;
    font-family: "AvenirNextLTW01-Medium", sans-serif; }
  #content-holder .submission-admin .portfolio .actions .reject {
    background: #196bbe; }
  #content-holder .submission-admin .portfolio .actions .accept {
    background: #6bbe19; }
  #content-holder .submission-admin .portfolio .actions .delete {
    background: #be1919; }
  #content-holder .submission-admin .portfolio .actions a:hover {
    background: black; }

#content-holder .sa-success {
  display: none;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 100px;
  background: #bbd5af;
  border-radius: 6px;
  padding: 10px 30px;
  font-family: "AvenirNextLTW01-Regular", sans-serif;
  font-size: 16px;
  color: #3a5130;
  border: 1px solid #83a574; }

.big-divider {
  width: 570px;
  height: 10px;
  background: black;
  margin-top: 90px; }
  @media (min-width: 767px) and (max-width: 990px) {
    .big-divider {
      width: 74%; } }
  @media (min-width: 543px) and (max-width: 766px) {
    .big-divider {
      width: 100%;
      margin-top: 50px; } }
  @media (max-width: 543px) {
    .big-divider {
      width: 100%;
      margin-top: 40px; } }

/* Footer */
section#section_91d5e63af a:hover {
  border-bottom: 1px solid #000; }

.banner {
  font-size: 0;
  line-height: 0;
  height: 250px;
  width: 100%;
  background: #ffd300; }
  .banner .close-banner {
    float: right;
    margin-top: 30px;
    cursor: pointer;
    width: 20px;
    dispay: block;
    position: absolute;
    right: 30px; }
  .banner .banner-img {
    width: 100%;
    height: auto; }

@media (min-width: 991px) and (max-width: 1168px) {
  .dg-banner .banner-img {
    margin-left: -200px; } }

.nav_e4v7uss8x .logo svg, .page-template-newshowcase .logo svg, .single-showcase .logo svg {
  fill: white; }

.nav_e4v7uss8x .hamburger a.menu-icon span, .page-template-newshowcase .hamburger a.menu-icon span, .single-showcase .hamburger a.menu-icon span {
  background: white !important; }

.nav_e4v7uss8x .menu-item, .nav_e4v7uss8x .menu-item a span, .page-template-newshowcase .menu-item, .page-template-newshowcase .menu-item a span, .single-showcase .menu-item, .single-showcase .menu-item a span {
  color: white !important; }

.nav_e4v7uss8x .menu-item-243, .page-template-newshowcase .menu-item-243, .single-showcase .menu-item-243 {
  border-bottom: 1px solid #ffd300; }

.nav_e4v7uss8x .menu-item-243 a span, .page-template-newshowcase .menu-item-243 a span, .single-showcase .menu-item-243 a span {
  color: black !important; }

.nav_e4v7uss8x .menu-item a:hover span, .page-template-newshowcase .menu-item a:hover span, .single-showcase .menu-item a:hover span {
  border-bottom-color: white !important; }

.nav_e4v7uss8x #overlay-menu .menu-item a span, .page-template-newshowcase #overlay-menu .menu-item a span, .single-showcase #overlay-menu .menu-item a span {
  color: black !important; }

.page-template-newshowcase .semplice-navbar, .single-showcase .semplice-navbar {
  background: black;
  border-bottom: 1px solid #262626; }

.nav_e4v7uss8x {
  background: black;
  border-bottom: 1px solid #262626; }

#ck_subscribe_button {
  border-radius: 0px !important; }

/*

body {
	background-color: #f2f1f1;
	font-family: $avenir !important;
}

section#get-semplice {
	margin-top: 80px;
}

.banner {
	font-size: 0;
	line-height: 0;
	height: auto;
	width: 100%;
	display: none;
	background: #ffd300;
	.close-banner {
		float: right;
		margin-top: 30px;
		cursor: pointer;
		width: 20px;
		dispay: block;
		position: absolute;
		right: 30px;
	}
	.banner-img {
		width: 100%;
		height: auto;
	}
}

.dg-banner {
	.banner-img {
		@include respond-to(desktop) {
			margin-left: -200px;
		}
	}
}

.thank-you {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 5000;
	background: #ffd300;
	p {
		background: #ffd300;
		padding: 50px 0px;
		text-align: center;
		color: black;
		font-family: $maisonDemi;
		font-size: 24px;
		//text-transform: uppercase
		margin-bottom: 0px !important;
	}
}

.big-divider {
	width: 570px;
	height: 10px;
	background: black;
	margin-top: 90px;
	@include respond-to(tablet-landscape) {
		width: 74%;
	}

	@include respond-to(tablet-portrait) {
		width: 100%;
		margin-top: 50px;
	}

	@include respond-to(mobile) {
		width: 100%;
		margin-top: 40px;
	}
}

.divider {
	width: 90px;
	height: 10px;
	background: black;
	margin-top: 20px;
	margin-bottom: 48px;
}

.mejs-container {
	.mejs-controls, .mejs-layers {
		display: none !important;
	}
}

.see-more {
	display: none;
	@include respond-to(desktop) {
		display: block;
	}

	margin: 0 auto;
	width: 67px;
	a {
		width: 67px;
		height: 67px;
		border-radius: 34px;
		background: url(images/see_more.png) center -2px;
		border: 2px solid #c2c1c1;
		text-align: center;
		@include transition(all, 0.3s, ease);
		cursor: pointer;
		display: block;
		margin: 90px 0px 135px;
	}
	a:hover {
		background-position: center -70px;
		background-color: #c2c1c1;
	}
}

section#one {
	background: white;
	padding-bottom: 110px;
	@include respond-to(tablet-landscape) {
		p {
			br {
				display: none;
			}
		}
		.span3, .span9 {
			width: 100%;
		}
	}

	@include respond-to(tablet-portrait) {
		padding-bottom: 40px;
		p {
			br {
				display: none;
			}
		}
		.span3, .span9 {
			width: 100%;
		}
	}

	h3, p {
		width: 330px;
		@include respond-to(tablet-landscape) {
			width: 100%;
		}

		@include respond-to(tablet-portrait) {
			margin-top: 40px;
			width: 100%;
		}
	}
	.slider-still {
		display: block;
		@include respond-to(desktop) {
			display: none;
		}

		margin-left: 144px;
		margin-top: 81px;
		@include respond-to(tablet-landscape) {
			margin-left: 0px;
			width: 100%;
			margin-top: 40px;
		}

		@include respond-to(tablet-portrait) {
			margin-left: 0px;
			margin-top: 40px;
			width: 100%;
		}

		width: 578px;
		img {
			width: 100%;
			height: auto;
		}
	}
	.demo-gallery {
		margin-left: 59px;
		margin-top: -20px;
		position: relative;
		display: none;
		@include respond-to(desktop) {
			display: block;
		}

		ul.slides {
			list-style: none;
			margin: 0;
			padding: 0;
			li {
				display: inline-block;
				float: left;
				a {
					cursor: pointer;
					position: absolute;
					z-index: 10;
					width: 100%;
					height: 100%;
					opacity: 0;
					color: #cccccc;
					padding: 30px;
					span {
						color: white;
					}
				}
				a:hover {
					opacity: 1;
					background: rgba(0, 0, 0, 0.7);
				}
			}
		}
		.cinema-display {
			//cursor: pointer
			position: absolute;
			top: 0;
			img {
				position: absolute;
				z-index: 0;
			}
			.inner {
				position: absolute;
				top: 33px;
				left: 68px;
				width: 756px;
				height: 425px;
				background: #555555;
				z-index: 1;
				overflow: hidden;
				.slides-cd {
					li {
						width: 756px;
						height: 425px;
					}
				}
			}
		}
		.ipad {
			//cursor: pointer
			position: absolute;
			top: 253px;
			left: 526px;
			z-index: 3;
			.inner {
				width: 210px;
				height: 280px;
				background: #555555;
				position: absolute;
				left: 65px;
				top: 89px;
				overflow: hidden;
			}
		}
		.iphone {
			//cursor: pointer
			position: absolute;
			top: 406px;
			left: 720px;
			z-index: 5;
			.inner {
				width: 96px;
				height: 170px;
				background: #555555;
				position: absolute;
				left: 45px;
				top: 68px;
				overflow: hidden;
			}
		}
	}
	p.featured {
		font-size: 10px;
		text-transform: uppercase;
		font-family: $avenirBold;
		line-height: 16px;
		letter-spacing: 1px;
		color: #a8a8a8;
		span {
			font-size: 16px;
			font-family: $avenir;
			font-weight: normal;
			letter-spacing: none;
			text-transform: none;
			color: gray;
		}
	}
}



section#facts {
	margin-top: -40px;
	.span3, .span6 {
		@include respond-to(tablet-landscape) {
			width: 100%;
		}
	}
	p {
		line-height: 26px;
	}
	p.facts-width {
		width: 220px;
		@include respond-to(tablet-landscape) {
			font-size: 18px;
			br {
				display: none;
			}
			width: 100%;
		}

		@include respond-to(tablet-landscape) {
			font-size: 18px;
			br {
				display: none;
			}
			width: 100%;
		}

		@include respond-to(tablet-portrait) {
			br {
				display: none;
			}
			width: 100%;
		}
	}
	h4 {
		font-family: $miller;
	}
	.yes {
		padding: 40px;
		@include respond-to(tablet-landscape) {
			padding: 30px;
		}

		background: white;
		border: 1px solid #dedede;
		h4 {
			font-size: 85px;
			line-height: 85px;
			color: #ffd300;
		}
		p {
			margin-top: 10px;
			margin-bottom: 0px !important;
		}
	}
	.animated {
		margin-top: 30px;
		background: black;
		padding: 35px 40px 30px 40px;
		@include respond-to(tablet-landscape) {
			padding: 30px;
		}

		h4 {
			color: white;
			font-size: 36px;
			line-height: 36px;
			@include respond-to(tablet-landscape) {
				font-size: 32px;
			}
		}
		p {
			color: #a3a3a3;
			margin-top: 35px;
			margin-bottom: 0px !important;
			@include respond-to(tablet-landscape) {
				font-size: 18px;
				br {
					display: none;
				}
				width: 100%;
			}
		}
	}
	.wordpress {
		padding-top: 40px;
		background: #ffd300;
		@include respond-to(tablet-landscape) {
			height: 640px;
		}

		h4 {
			font-size: 48px;
			line-height: 52px;
			letter-spacing: -1px;
			padding: 0px 40px;
			@include respond-to(mobile) {
				font-size: 42px;
				line-height: 46px;
			}
		}
		p {
			color: black;
			margin-top: 30px;
			padding: 0px 40px;
			margin-bottom: 0px !important;
		}
		img {
			margin-top: 42px;
			margin-bottom: -8px;
			@include respond-to(tablet-landscape) {
				width: 100%;
				height: auto;
				margin-top: 73px;
			}

			@include respond-to(tablet-landscape) {
				width: 100%;
				height: auto;
			}

			@include respond-to(tablet-portrait) {
				width: 100%;
				height: auto;
			}
		}
	}
	.responsive {
		@include respond-to(tablet-landscape) {
			height: 640px;
		}

		@include respond-to(tablet-landscape) {
			height: 340px;
		}

		@include respond-to(tablet-portrait) {
			height: 340px;
		}

		@include respond-to(mobile) {
			height: 304px;
		}

		background: white;
		border: 1px solid #dedede;
		h4 {
			padding: 40px 40px 15px 40px;
			font-size: 36px;
			line-height: 36px;
			letter-spacing: -1px;
			@include respond-to(tablet-landscape) {
				font-size: 35px;
			}

			@include respond-to(tablet-landscape) {
				font-size: 28px;
			}

			@include respond-to(tablet-portrait) {
				font-size: 26px;
				line-height: 28px;
			}
		}
		p {
			padding-left: 40px;
			margin-bottom: 50px;
		}
		img {
			@include respond-to(tablet-landscape) {
				width: 100%;
				height: auto;
			}

			@include respond-to(tablet-landscape) {
				float: right;
			}

			@include respond-to(tablet-portrait) {
				float: right;
			}

			@include respond-to(mobile) {
				width: 50%;
				height: auto;
				float: right;
			}
		}
	}
}



.showcase-pricing {
	opacity: 1 !important;
	margin-bottom: 120px !important;
	a {
		background: #000000 !important;
	}
	a:hover {
		background: #222222 !important;
	}
	.left {
		@include respond-to(desktop) {
			border-right: 1px solid #ffffff !important;
			border-bottom: 0px !important;
		}
		border-bottom: 1px solid #ffffff !important;
	}
	.price {
		color: white !important;
	}
	.part {
		color: white !important;
	}
}

section#pricing:hover {
	a {
		background: #e1bc0c;
	}
}

.features-page {
	#pricing {
		opacity: 1 !important;
	}
}

.newsletter {
	width: 390px;
	float: right;
	@include respond-to(tablet-landscape) {
		float: none;
		margin-top: 40px;
		width: 100%;
	}

	@include respond-to(tablet-portrait) {
		float: none;
		margin-top: 40px;
		width: 100%;
	}
}



#get-semplice {


// update lightbox


.loader {

	// thanks a lot to Fran Pérez

	width: 30px;
	height: 30px;
	transform: translate(-50%, 0);
	position: fixed;
	bottom: 120px;
	left: 50%;
	z-index: 60000;
	background: url(images/loader_bg.svg) center center no-repeat;
	display: none;

	$offset: 187;
	$duration: 1.4s;

	.semplice-spinner {
		animation: rotator $duration linear infinite;
	}

	@keyframes rotator {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(270deg); }
	}

	.path {
		stroke-dasharray: $offset;
		stroke-dashoffset: 0;
		transform-origin: center;
		animation:
			dash $duration ease-in-out infinite, 
			colors ($duration*4) ease-in-out infinite;
	}

	@keyframes colors {
		0% { stroke: #000000; }
		25% { stroke: #000000; }
		50% { stroke: #000000; }
		75% { stroke: #000000; }
		100% { stroke: #000000; }
	}

	@keyframes dash {
		0% { stroke-dashoffset: $offset; }
		50% {
			stroke-dashoffset: $offset/4;
			transform:rotate(135deg);
		}
	 	100% {
			stroke-dashoffset: $offset;
			transform:rotate(450deg);
		}
	}
}


section#buy-faq, #faq {
	padding-bottom: 80px;
	h3.q-a, h3.need-help {
		margin-top: 100px;
		font-size: 112px;
		line-height: 100px;
		text-align: center;
		font-family: $maisonBold;
		@include respond-to(tablet-landscape) {
			font-size: 90px;
			line-height: 90px;
		}

		@include respond-to(tablet-portrait) {
			margin-top: 40px !important;
			font-size: 80px;
			line-height: 80px;
		}

		@include respond-to(mobile) {
			font-size: 54px;
			line-height: 54px;
		}

		span {
			font-family: $maisonDemi;
			font-size: 46px;
			top: -24px;
			line-height: 0;
			position: relative;
			vertical-align: baseline;
			padding: 0px 4px;
		}
	}
	@include respond-to(tablet-portrait) {
		padding-bottom: 40px;
	}
}

#faq {
	background: #f2f1f1;
}

.one-px-divider {
	background: white;
	.inner {
		height: 1px;
		background: #c7c7c7;
		width: 100%;
	}
}


.to-the-top {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 2000;
	display: none;
	a {
		stroke: black;
		display: block;
		padding: 10px;
		cursor: pointer;
		opacity: 0.5;
	}
	a:hover {
		opacity: 1;
	}
}

section#about, section#first-steps {
	padding-top: 20px;
	background: #ffd300;
	h2 {
		font-family: $miller;
		font-size: 36px;
		line-height: 46px;
		margin-top: -5px;
		margin-left: 10px;
	}
	.divider {
		margin-left: 10px;
	}
	padding-bottom: 100px;
}




section#about {
	@include respond-to(tablet-landscape) {
		h2 {
			br {
				display: none;
			}
		}
	}

	@include respond-to(tablet-portrait) {
		h2 {
			font-size: 28px;
			line-height: 34px;
			br {
				display: none;
			}
		}
	}
}

section#steps {
	background: white;
	h3 {
		font-family: $maisonBold;
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 15px;
	}
	p {
		color: black;
		margin-bottom: 30px;
		display: block;
	}
	a.button {
		background: #ffd300;
		text-transform: uppercase;
		font-family: $maisonDemi;
		padding: 18px 25px;
		font-size: 18px;
		display: inline-block;
		letter-spacing: 1px;
	}
	a.button:hover {
		background: black;
		color: white;
	}
	.step-one {
		padding-top: 160px;
	}
	img {
		margin-left: 50px;
	}
	@include respond-to(desktop) {
		img {
			margin-left: 91px;
		}
	}

	.step {
		margin-top: 160px;
	}
	.one {
		margin-top: 55px;
	}
	.two {
		margin-top: 35px;
	}
	.three {
		margin-top: 20px;
	}
	.four {
		margin-top: 30px;
	}
	@include respond-to(tablet-landscape) {
		img {
			margin-left: 0px;
			width: 70%;
			margin-left: 15%;
			height: auto;
		}
		.one, .two, .three, .four {
			margin-top: 5px;
		}
		.step {
			margin-top: 80px;
		}
	}

	@include respond-to(tablet-portrait) {
		img {
			margin-left: 0px;
			width: 20%;
			margin-left: 0px;
			height: auto;
			margin-bottom: 20px;
		}
		.one, .two, .three, .four {
			margin-top: 5px;
		}
		.step {
			margin-top: 80px;
		}
		.step-one {
			padding-top: 60px;
		}
	}

	padding-bottom: 160px;
	@include respond-to(tablet-portrait) {
		padding-bottom: 60px;
	}
}

section#examples {
	margin-bottom: 80px;
	h3 {
		font-family: $maisonBold;
		font-size: 76px;
		line-height: 76px;
		letter-spacing: -1px;
		color: black;
		text-align: center;
		margin-top: 130px !important;
		@include respond-to(tablet-portrait) {
			margin-top: 60px !important;
		}
	}
	p {
		text-align: center;
		margin-top: 20px;
	}
	.features {
		margin-top: 100px;
		@include respond-to(tablet-portrait) {
			margin-top: 40px;
		}

		width: 100%;
		text-align: center;
		a {
			display: innline-block;
			img {
				@include respond-to(tablet-portrait) {
					width: 100%;
					height: auto;
				}
			}
		}
	}
}

section#manifesto {
	padding: 100px 0px;
	background-color: black;
	background-image: url(images/about_bg.jpg);
	background-size: cover;
	h1 {
		font-size: 186px;
		line-height: 170px;
		font-family: $maisonBold;
		letter-spacing: -8px;
		color: white;
		@include respond-to(tablet-landscape) {
			font-size: 140px;
			line-height: 130px;
		}

		@include respond-to(tablet-portrait) {
			margin-bottom: 20px;
		}

		@include respond-to(mobile) {
			font-size: 120px;
			line-height: 120px;
		}
	}
	p {
		margin-top: 15px;
		color: white;
	}
	.built-with {
		text-align: center;
		padding-top: 100px;
	}
}

section#showcase {
	.showcase-subheading {
		font-family: $miller;
		font-size: 36px;
		line-height: 46px;
		margin-top: 30px;
		color: #606060;
		margin-bottom: 130px;
		@include respond-to(tablet-landscape) {
			font-size: 30px;
			line-height: 40px;
			margin-bottom: 80px;
			br {
				display: none;
			}
		}

		@include respond-to(tablet-portrait) {
			font-size: 28px;
			line-height: 40px;
			margin-bottom: 80px;
			margin-top: 0px;
			br {
				display: none;
			}
		}

		a {
			color: black;
			border-bottom: 2px solid black;
			cursor: pointer;
		}
		a:hover {
			border-bottom: 2px solid transparent;
		}
	}
	.blocks {
		margin-bottom: 110px;
		@include respond-to(tablet-landscape) {
			margin-bottom: 90px !important;
		}

		@include respond-to(tablet-landscape) {
			margin-bottom: 40px !important;
		}

		@include respond-to(tablet-portrait) {
			margin-bottom: 40px !important;
		}

		.artist {
			margin: 5px 0 0 5px;
			.avatar {
				float: left;
			}
			.info {
				float: left;
				margin: 5px 0 0 20px;
				h4 {
					font-family: $maisonBold;
					font-size: 26px;
					color: black;
					@include respond-to(tablet-landscape) {
						font-size: 20px;
					}

					@include respond-to(tablet-portrait) {
						font-size: 20px;
					}

					a:hover {
						opacity: 0.6;
					}
				}
				p {
					font-family: $maison;
					font-size: 20px;
					color: #9f9e9e;
					@include respond-to(tablet-landscape) {
						font-size: 16px;
					}

					@include respond-to(tablet-portrait) {
						font-size: 16px;
					}
				}
			}
		}
		.last-in-row {
			@include respond-to(desktop) {
				margin-left: 20px;
			}
		}
		.img-link {
			img {
				width: 100%;
				height: auto;
				@include respond-to(desktop) {
					width: auto;
				}
			}
		}
		.img-link:hover {
			opacity: 0.6;
		}
		.right-block {
			@include respond-to(tablet-portrait) {
				margin-top: 40px;
			}
		}
	}
}

#join-the-club {
	text-align: center;
	background-color: black;
	h2 {
		background: url(images/badge.png) top center no-repeat;
		font-family: $maisonBold;
		font-size: 76px;
		line-height: 76px;
		letter-spacing: -1px;
		color: white;
		margin-top: 100px !important;
		padding: 115px 0px 80px 0px;
		letter-spacing: -1px;
		@include respond-to(tablet-portrait) {
			font-size: 60px;
			line-height: 60px;
			margin-top: 40px !important;
		}

		@include respond-to(mobile) {
			font-size: 50px;
			line-height: 50px;
		}
	}
	h3 {
		font-family: $miller;
		font-size: 54px;
		line-height: 54px;
		letter-spacing: -1px;
		color: white;
		@include respond-to(tablet-landscape) {
			font-size: 40px;
			line-height: 50px;
		}

		@include respond-to(tablet-portrait) {
			font-size: 30px;
			line-height: 40px;
		}

		@include respond-to(mobile) {
			font-size: 26px;
			line-height: 36px;
			br {
				display: none;
			}
		}
	}
	.download-button {
		font-size: 12px;
		font-family: $maisonDemi;
		text-transform: uppercase;
		line-height: 50px;
		background: #ffd300;
		padding: 0px 45px;
		letter-spacing: 2px;
		display: inline-block;
		margin: 65px 0px 110px;
		border: 2px solid transparent;
		@include respond-to(tablet-portrait) {
			margin: 40px 0px 40px;
		}
	}
	.download-button:hover {
		background: black;
		color: #ffd300;
		border-color: #ffd300;
	}
}

.changelog {
	p {
		line-height: 32px;
		font-size: 20px;
		color: #222222;
		@include respond-to(mobile) {
			font-size: 18px;
			line-height: 26px;
		}
	}
}

sup { 
	vertical-align: super;
	font-size: 48px;
}

// submission
$placeholderColor: #aaaaaa;
$placeholderTransform: none;
$placeholderColorFocus: #555555;

#submission {
	padding: 120px 0px;
	background-image: url(images/submission_header_bg.jpg);
	background-repeat: none;
	background-size: cover;
	background-color: black;
	h1 {
		font-size: 186px;
		line-height: 170px;
		font-family: $maisonBold;
		letter-spacing: -4px;
		color: white;
		text-align: center;
		opacity: 0;
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
		@include respond-to(tablet-landscape) {
			font-size: 140px;
			line-height: 130px;
		}

		@include respond-to(tablet-portrait) {
			margin-bottom: 20px;
		}

		@include respond-to(mobile) {
			font-size: 120px;
			line-height: 120px;
		}
	}
	.divider-center {
		margin: 0 auto;
		width: 110px;
	}
	.divider {
		width: 110px;
		background: white;
		opacity: 0;
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
	}
	h2 {
		font-family: $miller;
		font-size: 30px;
		line-height: 36px;
		margin-top: 30px;
		margin-bottom: 135px;
		color: white;
		text-align: center;
		opacity: 0;
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
		@include respond-to(desktop) {
			margin-bottom: 0px;
		}

		@include respond-to(tablet-portrait) {
			font-size: 24px;
			line-height: 34px;
			margin-bottom: 40px;
		}
	}
	form {
		opacity: 0;
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
		margin-top: 100px;
		input {
			margin-bottom: 40px;
			border: 0px solid;
			border-bottom: 1px solid #ffffff;
			padding-left: 5px;
			font-size: 16px;
			background: transparent;
			font-family: $avenir;
			letter-spacing: 0px;
			color: white;
			background-repeat: no-repeat;
			background-position: center right;
			&:focus {
				-webkit-box-shadow: none !important;
				-moz-box-shadow: none !important;
				box-shadow: none !important;
				outline: none;
			}	
		}
		input:-webkit-autofill {
			-webkit-box-shadow: 0 0 0px 1000px #111 inset;
			-webkit-text-fill-color: white !important;
		}
		input:focus::-webkit-input-placeholder {
			@include transition(all, 0.2s, linear);
			text-transform: $placeholderTransform;
			color: $placeholderColorFocus;
			opacity: 1;
		}
		input:focus:-moz-placeholder {
			@include transition(all, 0.2s, linear);
			text-transform: $placeholderTransform;
			color: $placeholderColorFocus;
			opacity: 1;
		}
		input:focus::-moz-placeholder {
			@include transition(all, 0.2s, linear);
			text-transform: $placeholderTransform;
			color: $placeholderColorFocus;
			opacity: 1;
		}
		input::-webkit-input-placeholder {
			text-transform: $placeholderTransform;
			color: $placeholderColor;
			opacity: 1;
		}
		input::-moz-placeholder {
			text-transform: $placeholderTransform;
			color: $placeholderColor;
			opacity: 1;
		}
		input:-ms-input-placeholder {
			text-transform: $placeholderTransform;
			color: $placeholderColor;
			opacity: 1;
		}
		.error {
			border-bottom: 1px solid #c74848;
			background-image: url(images/cancel.svg);
			background-repeat: no-repeat;
			background-position: center right;
		}
		#imgupload-error {
			display: block;
			width: 100%;
			position: absolute;
			left: 0px;
			margin-top: -1px;
			color: transparent;
			cursor: pointer;
		}
		.submission-submit {
			margin-top: 50px;
			position: relative;
			left: 50%;
			transform: translateX(-50%);
			text-align: center;
			border: 1px solid white;
			padding: 10px 80px;
			line-height: inherit;
			width: auto;
			cursor: pointer;
			font-family: $maisonDemi;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 2px;
			@include transition(all, 0.2s, linear);
		}
		.submission-submit:hover {
			background: white;
			color: black;
		}
		.img-upload {
			@include transition(all, 0.2s, linear);
			width: 100%;
			display: inline-block;
			margin-bottom: 40px;
			border: 0px solid;
			border-bottom: 1px solid #ffffff;
			padding-left: 5px;
			font-size: 16px;
			background: transparent;
			font-family: $avenir;
			letter-spacing: 0px;
			color: white;
			background-image: url(images/plus.svg);
			background-position: 5px 15px;
			background-repeat: no-repeat;
			background-color: transparent;
			height: 50px;
			line-height: 50px;
			text-indent: 25px;
			cursor: pointer;
			.img-upload-filename {
				color: #aaaaaa;
			}
			input[type="file"] {
				position: fixed;
				left: -5000px;
			}
		}
		.img-upload:hover {
			color: #ffd300;
			background-image: url(images/plus_hover.svg);
		}
		#email-error, #url-error, #name-error, #twitter-error {
			display: none !important;
		}
	}
	form.submitting {
		.loader {
			display: block;
			position: absolute;
			top: 20%;
			transform: translateXY(-50%,-50%);
			background-position: top center;
			width: 100px;
			height: 100px;
			svg {
				margin-left: 35px;
			}
			p {
				margin-top: 5px;
				color: white;
			}
			@keyframes colors {
				0% { stroke: #ffd300; }
				25% { stroke: #ffd300; }
				50% { stroke: #ffd300; }
				75% { stroke: #ffd300; }
				100% { stroke: #ffd300; }
			}
		}
		.submission-form-inner {
			opacity: .2 !important;
		}
	}
	.imgupload-error {
		display: none;
		background-image: url(images/cancel.svg);
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 40px;
		margin-top: -10px;
		p {
			font-size: 18px;
			color: #e56d6d;
		}
	}
}

.submission-messages {
	position: absolute;
	top: 115px;
	transform: translateX(-50%);
	left: 50%;
	z-index: 10000;
	.sa-error {
		background: #c74848;
		font-size: 16px;
		padding: 10px 30px;
		color: white;
		border-radius: 6px;
		margin-bottom: 10px;
	}
}


.submission-admin {
	nav {
		ul {
			list-style: none;
			margin-left: 0px;
			li {
				display: inline-block;
				margin-right: 30px;
				a {
					color: #bbbbbb;
					font-family: $avenir;
					font-size: 18px;
				}
				a:hover {
					color: #000000;
				}
				a.active {
					color: #000000;
					border-bottom: 2px solid #000000;
				}
			}

		}
	}
	.portfolio {
		margin-bottom: 50px;
		img {
			width: 100%;
			height: auto;
		}
		h4 {
			font-family: $avenirBold;
			margin-top: 30px;
		}
		p {
			a {
				text-decoration: none;
				font-family: $avenirMedium;
			}
			.twitter {
				color: #55acee;
			}
		}
		.actions {
			a {
				font-size: 12px;
				letter-spacing: .5px;
				padding: 10px 20px;
				border-radius: 6px;
				text-transform: uppercase;
				color: white;
				background: black;
				font-family: $avenirMedium;
			}
			.reject {
				background: #196bbe;
			}
			.accept {
				background: #6bbe19;
			}
			.delete {
				background: #be1919;
			}
			a:hover {
				background: black;
			}
		}
	}
}

.sa-success {
	display: none;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: 100px;
	background: #bbd5af;
	border-radius: 6px;
	padding: 10px 30px;
	font-family: $avenir;
	font-size: 16px;
	color: #3a5130;
	border: 1px solid #83a574;
}

iframe.studio {
	width: 1px;
	min-width: 100%;
	*width: 100%;
	height: 7297px;
	overflow-y: hidden;
	@include respond-to(tablet-landscape) {
		font-size: 140px;
		line-height: 130px;
	}
	@include respond-to(tablet-landscape) {
		font-size: 140px;
		line-height: 130px;
	}

	@include respond-to(tablet-portrait) {
		margin-bottom: 20px;
	}

	@include respond-to(mobile) {
		font-size: 120px;
		line-height: 120px;
	}
}
*/
.ck_email_field_group {
  width: calc(100% - 50px); }

form#ck_subscribe_form .submit-button {
  height: 100px !important;
  background: url(https://www.semplice.com/wp-content/uploads/2017/06/newsletterlg.png) top #ffd300 !important; }

form#ck_subscribe_form .submit-button:hover {
  background-color: #333333 !important;
  background-position: bottom !important; }

form#ck_subscribe_form .ck_email_field_group input:first-of-type {
  border-bottom: 0; }

/* Custom CSS End */