/* CLEAR */
  article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
  audio, canvas, video { display: inline-block; }
  audio:not([controls]) { display: none; height: 0; }
  [hidden], template { display: none; }
/* BASE */
  html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
  body {
  margin: 0; }
/* LINKS */
  a {
  background: transparent; }
  a:focus {
  outline: thin dotted; }
  a:active,
  a:hover {
  outline: 0; }
/* TYPOGRAPHY */
   @font-face {
      font-family: 'Libre Regular';
      src: url('../fonts/LibreBaskerville-Regular.eot');
      src: url('../fonts/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'),
          url('../fonts/LibreBaskerville-Regular.woff') format('woff'),
          url('../fonts/LibreBaskerville-Regular.ttf') format('truetype'),
          url('../fonts/LibreBaskerville-Regular.svg#LibreBaskerville-Regular') format('svg');
      font-weight: normal;
      font-style: normal;
  } 
  h1 {
  font-size: 2em;
  margin: 0.67em 0; }

  abbr[title] {
  border-bottom: 1px dotted; }
  b,
  strong,
  .strong {
  font-weight: bold; }
  dfn,
  em,
  .em {
  font-style: italic; }
  hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }
  *,p {
  -moz-hyphens:none;
  -ms-hyphens:none;
  -webkit-hyphens: none;
  hyphens:none;
  word-break:keep-all;
  }
  pre {
  margin: 0; }
  code,
  kbd,
  pre,
  samp {
  font-family: monospace, serif;
  font-size: 1em; }
  pre {
  white-space: pre-wrap; }
  q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }
  q:before,
  q:after {
  content: '';
  content: none; }
  small, .small {
  font-size: 75%; }
  sub,
  sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }
  sup {
  top: -0.5em; }
  sub {
  bottom: -0.25em; }
  p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }
/* LISTS */
  dl,
  menu,
  ol,
  ul {
  margin: 1em 0; }
  dd {
  margin: 0; }
  menu {
  padding: 0 0 0 40px; }
  ol,
  ul {
  padding: 0;
  list-style-type: none; }
  nav ul,
  nav ol {
  list-style: none;
  list-style-image: none; }
/* EMBEDDED CONTENT */
  img {
    border: 0;
    max-width: 100%;
    height: auto; }
  svg:not(:root) {
    overflow: hidden; }
/* FIGURES */
  figure {
    margin: 0; }
/* FORMS */
  fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }
  legend {
  border: 0;
  padding: 0;}
  button,
  input,
  select,
  textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }
  button,
  input {
  line-height: normal; }
  button,
  select {
  text-transform: none; }
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }
  button[disabled],
  html input[disabled] {
  cursor: default; }
  input[type="checkbox"],
  input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
  input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
  border: 0;
  padding: 0; }
  textarea {
  overflow: auto;
  vertical-align: top; }
/* TABLES */
  table {
  border-collapse: collapse;
  border-spacing: 0; }
  * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .image-replacement,
  .ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  .clearfix, .cf, .comment-respond {
  zoom: 1; }
  .clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
  content: "";
  display: table; }
  .clearfix:after, .cf:after, .comment-respond:after {
  clear: both; }
  span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/* MOBILE GRID STYLES */
  @media (max-width: 767px) {
    .m-all {
      float: left;
      padding-right: 0.75em;
      width: 100%;
      padding-right: 0; }
    .m-1of2 {
      float: left;
      padding-right: 0.75em;
      width: 50%; }
    .m-1of3 {
      float: left;
      padding-right: 0.75em;
      width: 33.33%; }
    .m-2of3 {
      float: left;
      padding-right: 0.75em;
      width: 66.66%; }
    .m-1of4 {
      float: left;
      padding-right: 0.75em;
      width: 25%; }
    .m-3of4 {
      float: left;
      padding-right: 0.75em;
      width: 75%; } }
/* PORTRAIT TABLET TO LANDSCAPE */
  @media (min-width: 768px) and (max-width: 1029px) {
    .t-all {
      float: left;
      padding-right: 0.75em;
      width: 100%;
      padding-right: 0; }
    .t-1of2 {
      float: left;
      padding-right: 0.75em;
      width: 50%; }
    .t-1of3 {
      float: left;
      padding-right: 0.75em;
      width: 33.33%; }
    .t-2of3 {
      float: left;
      padding-right: 0.75em;
      width: 66.66%; }
    .t-1of4 {
      float: left;
      padding-right: 0.75em;
      width: 25%; }
    .t-3of4 {
      float: left;
      padding-right: 0.75em;
      width: 75%; }
    .t-1of5 {
      float: left;
      padding-right: 0.75em;
      width: 20%; }
    .t-2of5 {
      float: left;
      padding-right: 0.75em;
      width: 40%; }
    .t-3of5 {
      float: left;
      padding-right: 0.75em;
      width: 60%; }
    .t-4of5 {
      float: left;
      padding-right: 0.75em;
      width: 80%; } }
/* LANDSCAPE TO SMALL DESKTOP */
  @media (min-width: 1030px) {
    .d-all {
      float: left;
      padding-right: 0.75em;
      width: 100%;
      padding-right: 0; }
    .d-1of2 {
      float: left;
      padding-right: 0.75em;
      width: 50%; }
    .d-1of3 {
      float: left;
      padding-right: 0.75em;
      width: 33.33%; }
    .d-2of3 {
      float: left;
      padding-right: 0.75em;
      width: 66.66%; }
    .d-1of4 {
      float: left;
      padding-right: 0.75em;
      width: 25%; }
    .d-3of4 {
      float: left;
      padding-right: 0.75em;
      width: 75%; }
    .d-1of5 {
      float: left;
      padding-right: 0.75em;
      width: 20%; }
    .d-2of5 {
      float: left;
      padding-right: 0.75em;
      width: 40%; }
    .d-3of5 {
      float: left;
      padding-right: 0.75em;
      width: 60%; }
    .d-4of5 {
      float: left;
      padding-right: 0.75em;
      width: 80%; }
    .d-1of6 {
      float: left;
      padding-right: 0.75em;
      width: 16.6666666667%; }
    .d-1of7 {
      float: left;
      padding-right: 0.75em;
      width: 14.2857142857%; }
    .d-2of7 {
      float: left;
      padding-right: 0.75em;
      width: 28.5714286%; }
    .d-3of7 {
      float: left;
      padding-right: 0.75em;
      width: 42.8571429%; }
    .d-4of7 {
      float: left;
      padding-right: 0.75em;
      width: 57.1428572%; }
    .d-5of7 {
      float: left;
      padding-right: 0.75em;
      width: 71.4285715%; }
    .d-6of7 {
      float: left;
      padding-right: 0.75em;
      width: 85.7142857%; }
    .d-1of8 {
      float: left;
      padding-right: 0.75em;
      width: 12.5%; }
    .d-1of9 {
      float: left;
      padding-right: 0.75em;
      width: 11.1111111111%; }
    .d-1of10 {
      float: left;
      padding-right: 0.75em;
      width: 10%; }
    .d-1of11 {
      float: left;
      padding-right: 0.75em;
      width: 9.09090909091%; }
    .d-1of12 {
      float: left;
      padding-right: 0.75em;
      width: 8.33%; } }
      /* BOX SIZING */
    .last-col {
    float: right;
    padding-right: 0 !important; }
/* IMPORTING MODULES */
  .alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }
  .alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }
  .alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }
  .alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }
  .alert-success {
  border-color: #deeaae;
  background: #e6efc2; }
/* BUTTON DEFAULTS */
    .blue-btn, .comment-reply-link, #submit {
    display: inline-block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: white;
    font-size: 0.9em;
    font-size: 34px;
    line-height: 34px;
    font-weight: normal;
    padding: 0 24px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    -webkit-transition: background-color 0.14s ease-in-out;
    transition: background-color 0.14s ease-in-out; }
    .blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
    color: white;
    text-decoration: none; }
    .blue-btn:active, .comment-reply-link:active, #submit:active {
    top: 1px; }
    .blue-btn, .comment-reply-link, #submit {
    background-color: #2980b9; }
    .blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
    background-color: #2574a8; }
    .blue-btn:active, .comment-reply-link:active, #submit:active {
    background-color: #2472a4; }
/* INPUTS */
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  select,
  textarea,
  .field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #111;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  /*max-width: 400px;*/
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #eaedf2;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
  background-color: #f7f8fa; }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: white;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: white;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6; }
  input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
  input[type="password"][disabled]:focus,
  input[type="password"][disabled]:active,
  input[type="password"].is-disabled:focus,
  input[type="password"].is-disabled:active,
  input[type="datetime"][disabled]:focus,
  input[type="datetime"][disabled]:active,
  input[type="datetime"].is-disabled:focus,
  input[type="datetime"].is-disabled:active,
  input[type="datetime-local"][disabled]:focus,
  input[type="datetime-local"][disabled]:active,
  input[type="datetime-local"].is-disabled:focus,
  input[type="datetime-local"].is-disabled:active,
  input[type="date"][disabled]:focus,
  input[type="date"][disabled]:active,
  input[type="date"].is-disabled:focus,
  input[type="date"].is-disabled:active,
  input[type="month"][disabled]:focus,
  input[type="month"][disabled]:active,
  input[type="month"].is-disabled:focus,
  input[type="month"].is-disabled:active,
  input[type="time"][disabled]:focus,
  input[type="time"][disabled]:active,
  input[type="time"].is-disabled:focus,
  input[type="time"].is-disabled:active,
  input[type="week"][disabled]:focus,
  input[type="week"][disabled]:active,
  input[type="week"].is-disabled:focus,
  input[type="week"].is-disabled:active,
  input[type="number"][disabled]:focus,
  input[type="number"][disabled]:active,
  input[type="number"].is-disabled:focus,
  input[type="number"].is-disabled:active,
  input[type="email"][disabled]:focus,
  input[type="email"][disabled]:active,
  input[type="email"].is-disabled:focus,
  input[type="email"].is-disabled:active,
  input[type="url"][disabled]:focus,
  input[type="url"][disabled]:active,
  input[type="url"].is-disabled:focus,
  input[type="url"].is-disabled:active,
  input[type="search"][disabled]:focus,
  input[type="search"][disabled]:active,
  input[type="search"].is-disabled:focus,
  input[type="search"].is-disabled:active,
  input[type="tel"][disabled]:focus,
  input[type="tel"][disabled]:active,
  input[type="tel"].is-disabled:focus,
  input[type="tel"].is-disabled:active,
  input[type="color"][disabled]:focus,
  input[type="color"][disabled]:active,
  input[type="color"].is-disabled:focus,
  input[type="color"].is-disabled:active,
  select[disabled]:focus,
  select[disabled]:active,
  select.is-disabled:focus,
  select.is-disabled:active,
  textarea[disabled]:focus,
  textarea[disabled]:active,
  textarea.is-disabled:focus,
  textarea.is-disabled:active,
  .field[disabled]:focus,
  .field[disabled]:active,
  .field.is-disabled:focus,
  .field.is-disabled:active {
  background-color: #d5edf8; }

  input[type="password"] {
  letter-spacing: 0.3em; }

  textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

  select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }

      /*FLEX GRID CLASSES*/

.fx {
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.fx-center {
  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;
  -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;
}
.fx-center-top {
  -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; 
  -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;
}
.fx-center-bottom {
  -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; 
  -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;
}
.fx-rw {
   flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap;
}
.fx-cl {
   flex-flow: column; -webkit-flex-flow: column; -ms-flex-flow: column; -moz-flex-flow: column;
}
.fx-space {
  -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between;
}
.fx-left {
  -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start;
}
.fx-right {
  -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end;
} 
.cover {
  background-size: cover !important; 
}
/* GENERAL STYLES */
  body {
    font-family: "Montserrat", "gotham medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 1.5;
    color: #000;
    font-weight: 500;
    -webkit-font-smoothing: antialiased; }
  /* LINK STYLES */
  a, a:visited {
  color: #111111; }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #111111; }
  a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
/* ONDAWEB WORDPRESS BODY CLASSES */
  label.error {
    color: red;
    position: absolute;
    margin-left: -23px;
    margin-top: 9px;
  }
  /**
ANIMAÇÕES
**/
.animate {
    overflow: hidden;
}
.fadeInRight {
    position: relative;
    right: 100px;
    opacity: 0;
    transition: 0.3s;
}
.animate.active .fadeInRight {
    position: relative;
    right: 0;
    opacity: 1;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
.fadeInLeft {
    position: relative;
    left: 100px;
    opacity: 0;
    transition: 0.3s;
}
.animate.active .fadeInLeft {
    position: relative;
    left: 0;
    opacity: 1;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
.animate h2.page-title, .animate h1.page-title, .animate h2, .animate h3, .animate h1 {
    bottom: -30px;
    position: relative;
    opacity: 0;

    transition: 0.3s;
}
.animate.active h2.page-title, .animate.active h1.page-title, .animate.active h2, .animate.active h3, .animate.active h1 {
    bottom: -0;
    opacity: 1;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
.animate p {
    bottom: -50px;
    position: relative;
    opacity: 0;
    transition: 0.3s;
}
.animate.active p {
    bottom: 0;
    position: relative;
    opacity: 1;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
.fadeInUp {
    bottom: -50px;
    position: relative;
    opacity: 0;
    transition: 0.3s;
}
.animate.active .fadeInUp {
    bottom: 0;
    position: relative;
    opacity: 1;
}
.box-link:nth-child(2), .time-1 {
   -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}
.box-link:nth-child(3), .time-2 {
   -webkit-transition-delay: 0.4s; /* Safari */
    transition-delay: 0.4s;
}
.box-link:nth-child(4), .time-3 {
   -webkit-transition-delay: 0.6s; /* Safari */
    transition-delay: 0.6s;
}
.box-link:nth-child(5), .time-4 {
   -webkit-transition-delay: 0.8s; /* Safari */
    transition-delay: 0.8s;
}
.box-link:nth-child(6), .time-5 {
   -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
.box-link:nth-child(7), .time-6 {
   -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
}
.box-link:nth-child(8), .time-7 {
   -webkit-transition-delay: 1.4s; /* Safari */
    transition-delay: 1.4s;
}
.box-link:nth-child(9), .time-8 {
   -webkit-transition-delay: 1.6s; /* Safari */
    transition-delay: 1.6s;
}
/**
END ANIMAÇÕES
**/
/*#menu-principal {
    display: inline-block;
    float: right;
    margin: 0;
}*/
#menu-principal li {
    margin: 0 1em;
}
#menu-principal li a {
    color: #fff;
    font-family: 'Montserrat';
    transition: 0.2s;
    font-weight: 600;
}
#menu-principal li.current-menu-item a, #menu-principal li a:hover {
  color: #F58220;
  text-decoration: none;
}
#inner-header {
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}

.header nav {
    width: 100%;
}
.copyright {
    display: block;
    font-size: 13px;
    letter-spacing: 0;
}
.copyright img {
  position: relative;
  top: 3px;
}
ul.bxslider {
  margin: 0px;
}
.banner-home {
    background: url(../images/onda-elem.svg) no-repeat bottom right #000;
    padding-top: 100px;
    overflow: hidden;
    color: #111;
    position: relative;
    text-align: center;
    height: 100vh !important;
}
a.btn-down {
    position: absolute;
    left: calc(50% - 11px);
    left: -webkit-calc(50% - 11px);
    left: -moz-calc(50% - 11px);
    bottom: 20px;
    transition: 0.3s;
}
a.btn-down:hover {
    bottom: 10px;
}
.banner-home h1 {
    font-size: 90px;
    line-height: 1em;
    font-weight: 900;
    font-family: 'Montserrat';
    margin-bottom: 0;
}
img.element-1 {
    position: absolute;
    bottom: -2%;
    right: -400px;
    transition: 2s;
    max-width: 25%;
}
.animate.active img.element-1 {
    right: 0;
/*    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);*/
}
img.element-2 {
    position: absolute;
    top: 25%;
    right: -2%;
    max-width: 11%;
}
.h-auto {
    min-height: 600px !important;
    padding-top: 65px;
    height: calc(100vh) !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
}
.h-auto.row {
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
}
.section h2 {
    margin: 0 auto 1em;
    max-width: 900px;
}
.box-white {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 280px;
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    text-align: left;
    padding: 3em;
    position: relative;
    transition: 0.2s;
}
.box-white h2 {
    font-family: 'Montserrat';
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
    color: #111111;
     transition: 0.2s !important;
}
.box-white p {
    font-size: 15px;
    margin: 2em 0 0 !important;
     transition: 0.2s !important;
}
.box-white:hover {
    background: #000;
    color: #fff;
}
.box-white:hover h2, .box-white:hover p {
    color: #fff;
    transition: 0.2s !important;
}
.box-servicos {
    display: inline-block;
    width: 590px;
    max-width: 100%;
    float: none;
    margin: 0;
    vertical-align: top;
    padding: 2em 2em 0;
}
.box__case {
    height: 210px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.logo__case {
    width: 240px;
    height: 105px;
    display: inline-block;
    margin: 0 auto;
    /*position: relative;
    z-index: 9;*/
}
.box__case a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    width: 100%;
    height: 100%;
}
.hover__case {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover !important;
    opacity: 0;
    left: 0;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
}
.box__case:hover .hover__case {
    opacity: 0.5;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: opacity .6125s cubic-bezier(.39,.575,.565,1),-webkit-transform 4s cubic-bezier(.39,.575,.565,1);
    transition: opacity .6125s cubic-bezier(.39,.575,.565,1),transform 4s cubic-bezier(.39,.575,.565,1);
}
a.link__more {
    text-decoration: none;
    display: inline-block;
    float: right;
    font-size: 18px;
    margin: 1.5em 0 0;
    border-bottom: 1px solid;
    transition: 0.2s;
}
a.link__more:hover {
    color: #f58220;
}
.box__blog h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 1em 0;
    padding: 1.2em 1.2em;
    background: url(../images/x-elem.svg) no-repeat top left;
}
.box__blog {
    text-align: left;
    padding: 0 1em;
    overflow: hidden;
}
.box__blog a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0;
    transition: 0.3s;
    position: relative;
}
.page-id-4282 .box__case {
    height: 300px;
}
article#post-4282 {
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
}
.alm-btn-wrap {
    display: inline-block;
    width: 100%;
    margin: 1em 0 0;
}
#inner-footer {
    width: 100%;
    margin: 0 auto;
    padding: 2em 0 2em !important;
    background: url(../images/onda-elem-2.svg) no-repeat right bottom #000;
    position: relative;
    color: #fff;
    height: 100vh !important;
}
#fullpage #inner-footer {
    padding: 0;
}
p.end-footer {
    display: inline-block;
    float: left;
    text-align: left;
    max-width: 500px;
    font-size: 13px;
    letter-spacing: 1px;
}
.social a {
    margin: 1em 0.5em 1em;
    display: inline-block;
    font-weight: 600;
    transition: 0.2s;
}
.social a:hover {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.page-id-4282 .footer.h-auto {
    height: auto !important;
}
.form-footer, .hidden-blog {
    background-size: cover !important;
    padding: 8em 0;
    background: url(../images/bg-form-footer.jpg) no-repeat center center;
    background-size: cover !important;
}
.form-footer h2 {
    margin-bottom: 0;
    font-family: 'Montserrat';
    font-size: 55px;
}
.form-footer p {
    margin-bottom: 50px;
}
.btn-padrao {
    background-color: transparent;
    border: 1px solid;
    padding: 15px 25px;
    border-radius: 15px;
    transition: 0.5s;
    text-decoration: none;
}
.btn-padrao:hover {
    transition: 0.5s;
    background-color: #f58220;
    color: #fff;
    border-color: transparent;
}
.btn-padrao:hover, .btn-padrao:focus, .btn-padrao:visited:hover, .btn-padrao:visited:focus {
    color: #fff !important;
}
.btn-orange, .btn-orange:visited {
    padding: 15px 25px;
    border-radius: 15px !important;
    transition: 0.5s;
    background-color: #f58220;
    text-decoration: none;
    color: #fff;
    border: 1px solid transparent;
}
.btn-orange:hover {
    background-color: transparent !important;
    transition: 0.5s;
    border: 1px solid #111 !important;
    color: #111;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:visited:hover, .btn-orange:visited:focus {
    color: #111 !important;
}
.content-cases {
    display: inline-block;
    width: 100%;
    padding: 6em 0px 0px;
    float: left;
    position: relative;
}
.cases-left {
    width: 35%;
    float: left;
    padding-right: 6%;
    padding-top: 4em;
}
.cases-right {
    width: 60%;
    float: right;
    height: 670px;
    overflow: hidden;
    text-align: center;
    position: relative;
    border-bottom: 2px solid #a7a7a7;
    z-index: 1;
}
.cases-right a {
    width: 94%;
    height: 100%;
    display: block;
    opacity: 0;
    transition: 0.5s;
    background-color: rgba(255, 255, 255, .85);
    background-image: url(../images/hover-cases.png);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    border-radius: 5px;
}
.cases-right:hover a {
    opacity: 1;
    transition: 0.5s;
}
.cases-right img {
    background: url(../images/navegador.png) no-repeat;
    padding-top: 16px;
    box-shadow: 0px 0px 6px #9c9c9c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: -7px !important;
    position: absolute;
    z-index: -1;
    left: 3%;
    top: 0;
    width: 94%;
        background-size: 100%;
}
h3.title-case {
    font-size: 38px;
    font-weight: 600;
    color: #222;
    margin-top: 0px;
    line-height: 1.1;
    font-family: 'Montserrat';
}
.bg-gray {
    position: absolute;
    top: 0;
    left: 0;
    background: #ddd;
    display: inline-block;
    width: 100%;
    height: 450px;
    z-index: -9;
}
.page-id-9 .entry-content, .page-id-690 .entry-content {
    padding: 1.5em 0 0;
}
.page-id-9 .wrap h2, .page-id-690 .wrap h2, .category-portifolio .wrap h2{
    max-width: 900px;
    margin: 6em auto 3em;
}
a.case-link, a.site-link {
    color: #555;
    text-decoration: none;
    font-size: 17px;
    text-transform: lowercase;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-top: .5em;
    display: inline-block;
    font-weight: 500;
}
p.site {
    margin-bottom: 10px;
}
.cases-left p {
    font-weight: 600;
    margin: 0 0 1em;
}
.article-header-case .wrap {
    position: relative;
}
.article-header-case img.logo-case {
    position: absolute;
    top: 130px;
    left: 0;
}
h1.single-title.case {
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 60px;
    max-width: 1000px;
    padding-top: 80px;
    margin: 0 auto;
    text-transform: uppercase;
}
.text-content {
/*    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    min-height: 600px;
    max-width: 700px;
    float: right;
    padding-right: 5% !important;*/
}
.text-content .align-items {
    max-width: 600px;
    float: left;
    padding-left: 5%;
}
.text-content .align-items.right {
    max-width: 600px;
    float: right;
    padding-right: 5%;
}
.text-content h2 {
    font-size: 60px;
    font-family: 'Montserrat';
    font-weight: 700;
    margin: 1em auto 0.8em;
    line-height: 1.1em;
}
.text-content p {
    color: #777;
    font-size: 20px;
}
/*.img-content.last-col img {
    max-width: 700px;
    height: auto;
    float: right;
}*/
.text-content-full.livre {
    text-align: center;
}
.entry-content.case {
    padding: 64px 0 0 !important;
}
#area2 .text-content  {
    text-align: right;
    padding: 0 !important;
    float: left;
}
.img-content {
    position: relative;
    height: 100%;
    background-size: cover !important;
}
.img-content img {
    width: auto;
    height: auto;
    max-height: 100%;
    float: right;
}
.text-content-full h2 {
    font-size: 60px;
    font-family: 'Montserrat';
    font-weight: 700;
    line-height: 1.1em;
    max-width: 900px;
    margin: 1.5em auto 0.5em;
}
.text-content-full p {
    font-size: 20px;
    max-width: 1000px;
    margin: 0 auto 4em !important;
    display: inline-block;
}
.text-content-full.livre p {
    font-size: 20px;
    max-width: 100%;
    margin: 1em !important;
}
.text-content-full img {
    margin: 0 0 -6px !important;
}
.text-content-layout {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}
.text-content-layout img {
    background: url(../images/navegador.png) no-repeat;
    max-height: 100% !important;
    padding-top: 16px;
    box-shadow: 0px 0px 6px #9c9c9c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: -7px !important;
}
section#layout_case {
    padding: 4em 0 0 !important;
    background: #eee;
    display: inline-block;
    width: 100%;
}
section#link_site {
    min-height: 400px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: flex-start;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.title-chamada {
    font-size: 80px;
    font-family: 'Montserrat';
    font-weight: 700;
}
.text-content-link {
    height: 75vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
}
section#link_site p {
    margin: 0 !important;
}
.nav-control {
    height: 100%;
}
.nav-control a:before {
    font-size: 16px;
    text-align: center;
    position: relative;
    width: 100%;
    font-weight: 500;
    text-transform: capitalize;
}
.nav-previous a:before {
    content: 'Case Anterior';
}
.nav-next a:before {
    content: 'Próximo Case';
}
nav#nav-single, #nav-blog {
    height: 25vh;
    border-top: 1px solid #eee;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 40px;
    transition: 0.5s;
}
.nav-blog {
    height: 100%;
    background-size: cover;
    background-position: center;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.bg-navblog {
    width: 100%;
    height: 100%;
    transition: 0.5s;
    opacity: 1;
}
.nav-blog:visited a, .nav-blog:hover a, .nav-blog:active a, .nav-blog:focus a {
    color: #fff;
}
#nav-blog {
    border: none;
    height: 250px;
}
.nav-blog a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    text-transform: lowercase;
}
.box__case:hover .bg-navblog {
    opacity: 1;
}
.nav-blog:first-child a {
    background-color: rgba(110, 192, 208, 1);
}
.nav-blog:hover:first-child a {
    background-color: rgba(110, 192, 208, .5);
}
.nav-blog:last-child a {
    background-color: rgba(61, 173, 195, 1);
}
.nav-blog:hover:last-child a {
    background-color:  rgba(61, 173, 195, .5);
}
.nav-blog:hover a {
    transition: 0.5s;
}
.single-blog footer {
  padding-top: 0;
}
.single-blog article {
  margin-bottom: 0;
}
.nav-blog p {
    position: absolute;
    top: 25px;
    left: 45%;
    color: #fff;
    z-index: 3;
}
.nav-control a, .nav-blog a {
    color: #fff;
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: 600;
    text-decoration: none;
    position: relative; 
    z-index: 2;
}
.nav-control a:hover, .nav-control a:focus, .nav-control a:visited:hover, .nav-control a:visited:focus {
    color: #fff;
    transition: 0.5s;
}
#fullpage .form-footer, #fullpage #inner-footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
}

.page-servico #inner-content {
    position: relative;
}

.menu-servicos {
    position: fixed;
    top: 45vh;
    right: 20px;
    z-index: 1;
}

.item-servicos {
    display: block;
    text-decoration: none;
    font-family: 'Montserrat';
    font-size: 40px;
    transition: 0.5s;
}

.item-servicos:hover, .item-servicos:active, .item-servicos:focus {
    color: #f58220 !important;
}

.item-servicos:before {
    transition: 0.5s;
    width: 270px;
    height: 60px;
    position: absolute;
    z-index: -1;
    color: #111 !important;
    font-size: 25px;
    display: flex;
    align-items: center;
}

.item-servicos:hover:before {
    background-color: rgba(255, 255, 255, .9);
    transition: 0.5s;
    padding-left: 10px;
}

.item-1:before {
    content: 'criação de sites';
    top: 0;
    left: 330px;
}

.item-1:hover:before {
    left: -220px;
}

.item-2:before {
    content: 'marketing digital';
    left: 380px;
}

.item-2:hover:before {
    left: -250px;
}

.item-3:before {
    content: 'lojas virtuais';
    left: 380px;
}

.item-3:hover:before {
    left: -190px;
}


.page-servico h2 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 45px;
    color: #212121;
    margin-bottom: 30px;
}

.page-servico .servicos-box h2:before {
    font-family: 'Montserrat';
    display: block;
    font-size: 120px;
    font-weight: 400;
    line-height: 1;
}

.page-servico .first-servico h2:before {
    content: '01';
}

.page-servico .second-servico h2:before {
    content: '02';
}

.page-servico .third-servico h2:before {
    content: '03';
}

.page-servico .servicos-box h2:after {
    width: 20%;
    height: 1px;
    background-color: #212121;
    content: '';
    display: block;
    margin-top: 20px;
}

.bg-servico {
    height: 525px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.page-servico #section0 {
    padding: 65px;
    padding-top: 135px;
}

.page-servico .first-content, .page-servico .second-content, .page-servico .third-content {
    padding-right: 40px;
}

.box-metodologia p {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 25px;
    color: #aaa;
    cursor: pointer;
    transition: 0.5s !important;
}

.metodologia-servico h2 {
    margin-bottom: 50px;
}

.metodologia-servico {
    padding: 0 100px;
}

.box-metodologia.active p, .box-metodologia:hover p {
    color: #3FCCD9;
    transition: 0.5s !important;
}

.content-metodologia {
    text-align: left;
    color: #3FCCD9;
    padding-top: 20px;
    border-top: 1px solid;
}

.box-metodologia {
    counter-increment: item;
    cursor: pointer;
}

.box-metodologia:hover:before {
    color: #3FCCD9;
    transition: 0.5s;
}

.box-metodologia:before {
    content: counter(item, decimal-leading-zero);
    font-family: 'Montserrat';
    font-size: 40px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    transition: 0.5s;
}

.box-wordpress {
    height: 60vh;
    background-color: #594560;
    width: 100%;
    padding: 60px 3% 0 !important;
}

.wordpress-content {
    padding: 0 50px;
}

.pattern-servico {
    background-image: url(../images/pattern-servico.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.wordpress-article {
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-top: 64px;
    position: relative !important;
}

.wordpress-size {
    max-width: 500px;
    float: right;
    text-align: right;
}

.bg-wordpress {
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 800px;
    position: absolute !important;
    bottom: 50px;
    left: 50px;
}

.btn-projetos {
    width: 100%;
    position: absolute;
    right: 50px;
    bottom: 50px;
}

.btn-projetos .link__more {
    color: #212121;
    transition: 0.2s;
}

.page-servico #section0, .page-servico #section3, .page-servico #section6 {
    background-position: bottom right;
}

.page-servico #section3, .page-servico #section6 {
    padding-left: 65px;
    padding-right: 65px;
}

.principios-content {
    width: 100%;
}

.page-servico #section4 .h-auto, .page-servico #section4 {
    padding-top: 20px;
}

.principios-servico h2 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 35px;
    margin: 0 auto;
}

.principios-servico ul {
    width: 30%;
    margin: 0 auto;
}

.principios-servico li {
    text-align: left;
    margin: 0;
    position: relative;
    height: 120px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
}

.principios-servico li:hover {
    transition: 0.5s;
    color: #3FCCD9;
}

.principios-servico li:before {
    background-image: url(../images/principio-acao.png);
    background-repeat: no-repeat;
    content: '';
    width: 100px;
    height: 120px;
    display: block;
    position: absolute;
    left: -120px;
    transition: 0.5s;
}

.principios-servico li:nth-of-type(4n-3):before {
    background-position: 0px 40px;
}

.principios-servico li:hover:nth-of-type(4n-3):before {
    background-position: -206px 40px;
    transition: 0.5s;
}

.principios-servico li:nth-of-type(4n-2):before {
    background-position: 0px -95px;
}

.principios-servico li:hover:nth-of-type(4n-2):before {
    background-position: -206px -95px;
    transition: 0.5s;
}

.principios-servico li:nth-of-type(4n-1):before {
    background-position: 0px -250px;
}

.principios-servico li:hover:nth-of-type(4n-1):before {
    background-position: -206px -250px;
    transition: 0.5s;
}

.principios-servico li:nth-of-type(4n-0):before {
    background-position: 0px -375px;
    height: 160px;
}

.principios-servico li:hover:nth-of-type(4n-0):before {
    background-position: -206px -375px;
    transition: 0.5s;
}

.principios-servico li:nth-of-type(4n-0) {
    margin-top: 30px;
}

.principios-servico li:nth-of-type(4n-1) {
    padding-top: 55px;
}

.conteudo-foco {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f2f2f2;
    margin: 0 2%;
    height: 91%;
    background-image: url(../images/pattern-servico2.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.foco-content {
    position: relative;
}

.conteudo-foco h1 {
    font-family: 'Montserrat';
    font-weight: 600;
    margin: 0;
}

.conteudo-foco h1 del {
    display: block;
    font-family: 'Montserrat';
    color: #d6d6d6;
    text-decoration: none;
    font-size: 230px;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 30px;
}

.foco-content p {
    text-align: right;
}

.bg-pacote {
    height: 230px;
    width: 65%;
    float: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pacote-lojas .row {
    clear: both;
    padding-top: 30px;
}

.pacote-content {
    padding-right: 50px;
    text-align: right;
}

.pacote-content li:before {
    content: '/';
    padding-right: 5px;
}

.option-content ul {
    height: 265px;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding-left: 90px;
}

.option-content li {
    counter-increment: item;
    position: relative;
}

.option-content li:before {
    content: counter(item, upper-roman);
    font-size: 40px;
    font-family: 'Montserrat';
    position: absolute;
    top: 0;
    left: -60px;
    text-align: center;
    width: 50px;
}

.page-contato h1 {
    font-family: 'Montserrat';
    font-size: 35px;
    margin-bottom: 70px;
}

.box-contato a, .box-contato p {
    text-decoration: none;
    color: #777;
    font-size: 19px;
}

.box-contato h2 {
    font-family: 'Montserrat';
    font-weight: 600;
    color: #212121;
    font-size: 30px;
}

.page-sobre #section0 h1 {
    font-size: 35px;
    font-family: 'Montserrat';
    font-weight: 500;
    margin-bottom: 50px;
    margin-top: 0;
}

.sobre-content {
    padding: 0 15%;
}

.page-sobre #section0, .page-sobre .h-auto {
    padding-top: 30px;
}

.box-sobre h2 {
    font-family: 'Montserrat';
    font-size: 40px;
    margin: 20px 0;
    font-weight: 600;
}

.box-sobre p {
    margin-top: 0;
}

.slideshow-wrapper {
    display: inline-block;
    width: 100%;
}

.galeria-sobre .gallery {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}

.galeria-sobre li {
    height: 400px;
    width: calc(100%/2);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    background-position: center;
}

.fotos-sobre {
    height: 800px;
    background-image: url(../images/moyses.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.galeria-sobre {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0 2%;
}

.box-galeria {
    padding: 0;
}

.clientes-sobre ul {
    width: 100%;
    margin: 0;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}

.clientes-sobre li {
    width: calc(100%/4);
    margin: 10px 0;
    opacity: .6;
    transition: 0.5s;
}

.clientes-sobre li:hover {
    transition: 0.5s;
    opacity: 1;
}

.archive-blog {
    padding-top: 150px;
}

.categorias-blog a {
    text-decoration: none;
    color: #F4811F;
}

.titulo-blog {
    font-family: 'Montserrat';
    text-transform: lowercase;
    color: #212121;
    font-weight: 600;
    max-width: 900px;
    margin: 30px auto;
}

.bg-blog {
    width: 100%;
    height: 315px;
    margin-bottom: 30px;
}

.box-blog .text-box {
    padding: 0 15%;
}

.box-blog .link__more {
    color: #212121;
    transition: 0.5s;
}

.box-blog {
    margin: 50px 0;
}

#menu-blog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 90%;
    margin: 40px auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#menu-blog li {
    width: calc(100%/5);
    padding-bottom: 20px;
    border-bottom: 3px solid #EAEAEA;
}

#menu-blog li a:after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #F58220;
    position: absolute;
    right: 0;
    bottom: -1px;
    transition: 0.5s;
    opacity: 0;
}

#menu-blog li > a:hover:after, #menu-blog li.current-menu-item a:after {
    opacity: 1;
    transition: 0.5s;
}

#menu-blog li a {
    text-decoration: none;
    font-size: 17px;
    transition: 0.5s;
    padding-bottom: 24px;
    position: relative;
}

.mais-blog {
    width: 80%;
    display: inline-block;
    margin-top: 20px;
}

.page-sobre {
    padding-top: 125px;
}

.page-sobre article {
    margin-bottom: 2em;
}

.box-contato .link__more {
    float: none;
    margin: 0;
}

.form-orcamento input, .form-orcamento textarea, .form-contato input, .form-contato textarea, .form-news input {
    background-color: transparent;
    border-bottom: 1px solid;
    border-radius: 0;
    border-color: #000;
    margin-bottom: 45px;
}

.form-orcamento textarea, .form-contato textarea, .form-news input {
    min-height: 40px;
}

.form-orcamento #enviar, .form-contato #enviar, .form-news #enviar {
    background-color: #F58220;
}

.form-orcamento h2 {
    font-family: 'Montserrat';
    font-weight: 500;
    text-align: center;
    font-size: 25px;
    color: #333;
    margin: 70px 0;
}

.form-orcamento h2:before {
    content: '/';
}

.form-orcamento {
    margin-top: 50px;
}

.form-orcamento .box-left {
    padding-right: 30px;
}

.form-orcamento .box-right {
    padding-left: 30px;
}

.single-blog h6 {
    font-family: 'Montserrat';
    font-size: 15px;
    margin-bottom: 0;
}

.single-blog hr {
    width: 5%;
    height: 3px;
    background-color: #f58220;
    border: none;
}

.single-blog .entry-content h2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Montserrat';
    letter-spacing: 0;
    max-width: 900px;
    margin: 50px auto;
    text-align: center;
}

.single-blog .entry-content p {
    max-width: 650px;
    margin: 30px auto;
    font-size: 18px;
    line-height: 1.75;
}

.article-footer {
    margin: 30px 0 70px;
    width: 100%;
    display: inline-block;
}

span.dropcap {
    font-size: 95px;
    color: #888;
    font-weight: 600;
    font-family: 'Montserrat';
    float: left;
    margin: 0 10px 20px 0;
    position: relative;
    top: 20px;
    line-height: 13px;
}
.box-white h2 {
    margin-bottom: 0.5em;
    padding-right: 1em;
}
.box-white a.link__more {
    font-size: 16px;
}

.link-banner {
    color: #fff !important;
    text-decoration: underline;
    transition: 0.5s;
}

.link-banner:focus, .link-banner:active, .link-banner:hover, .link-banner:visited:hover, .link-banner:visited:focus {
    color: #fff !important;
}

.single-blog .entry-content h1,
.single-blog .entry-content h2,
.single-blog .entry-content h3,
.single-blog .entry-content h4,
.single-blog .entry-content h5,
.single-blog .entry-content h6 {
    max-width: 650px;
    margin: 30px auto;
    font-family: 'Montserrat';
    color: #222;
}

.single-blog .entry-content h1 {
    font-size: 50px;
}

.single-blog .entry-content h2 {
    font-size: 45px;
}

.single-blog .entry-content h3 {
    font-size: 35px;
}

.single-blog .entry-content h4 {
    font-size: 30px;
}

.single-blog .entry-content h5 {
    font-size: 28px;
}

.single-blog .entry-content h6 {
    font-size: 25px;
}

.single-blog .entry-content > a {
    text-decoration: none;
    position: relative;
}

.single-blog .entry-content > a:after {
    content: '';
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #f58220;
    z-index: -1;
    transition: 0.5s;
}

.single-blog > a:hover:after {
    transition: 0.5s;
    height: 20px;
}

.single-blog .entry-content blockquote, .single-blog .entry-content ul {
    max-width: 650px;
}

.single-blog .entry-content ul {
    margin: 0 auto;
    width: 100%;
}

.form-contato .btn-orange#enviar, .form-orcamento .btn-orange#enviar, .form-news #enviar {
    padding: 15px 60px;
    border-color: transparent; 
}

.form-contato, .form-orcamento {
    margin: 70px auto 30px;
    max-width: 550px;
    width: 100%;
}


.page-orcamento article, .page-contato article {
    margin-top: 180px;
}

.page-orcamento .form-footer, .page-contato .form-footer {
    display: none;
}

.page-orcamento footer, .page-contato footer, .page-sobre footer, .page-cases footer, .archive footer, .single-blog footer {
    height: auto !important;
}

.page-orcamento footer, .page-contato footer {
    height: auto !important;
    margin: 0 !important;
    min-height: auto !important;
}

.hidden-blog {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    transition: 0.5s;
}

.box__blog.time-1 .hidden-blog, .box__blog:nth-of-type(3n-2) .hidden-blog {
    left: -700px;
}

.box__blog.time-2 .hidden-blog, .box__blog:nth-of-type(3n-1) .hidden-blog {
    top: -500px;
}

.box__blog.time-3 .hidden-blog, .box__blog:nth-of-type(3n-0) .hidden-blog {
    right: -700px;
    left: inherit;
}

.box__blog.time-1:hover .hidden-blog, .box__blog:nth-of-type(3n-2):hover .hidden-blog {
    left: 0;
    transition: 0.5s;
}

.box__blog.time-2:hover .hidden-blog, .box__blog:nth-of-type(3n-1):hover .hidden-blog {
    top: 0;
    transition: 0.5s;
}

.box__blog.time-3:hover .hidden-blog, .box__blog:nth-of-type(3n-0):hover .hidden-blog {
    right: 0;
    left: inherit;
    transition: 0.5s;
}

.newsletter-box {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
}

.flex-news {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.flex-news form {
    width: 50%;
}

/* PÁGINA NEWSLETTER - ADRIAN 14/11/2019 */
#form-news {
    width: 100%;
    height: 1000px;
    background-size: auto;
    background-size: 100%;
}
#form-news .wrap {
    height: 100%;
    display: flex;
    align-items: center;
}
#form-news .wrap .form-container {
    height: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#form-news input {
    background-color: transparent;
    border-bottom: 1px solid;
    border-bottom-color: currentcolor;
    border-radius: 0;
    border-color: #000;
    margin-bottom: 45px;    
    width: 100%;
}
#form-news .dinSubmit {
    padding: 15px 60px;
    border-color:transparent;
    background-color: #F58220;
    border-radius: 15px !important;
    transition: 0.5s;
    background-color: #f58220;
    text-decoration: none;
    color:
    #fff;
    border: 1px solid
    transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: transparent;
}
#form-news .dinSubmit:hover {
    color: black;
    background-color: white;
    border-color: black;
}
form.formIntegration2 {
    width: 50%;
    margin-top: 50px;
}
form.formIntegration2 div.block {
    width: 100%;
    display: flex;
    justify-content: center;
}
form.formIntegration2 div.vertical {
    width: 100%;
}
.vertical.class1.submit.submit-button-td {
    width: 50%;
}
.close-news {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #555;
    transition: 0.5s;
}

.close-news:hover {
    color: #f58220;
    transition: 0.5s;
}

.form-news .styleInput {
    position: relative;
}

.form-news .placeholder {
    display: inline-block;
    width: 60%;
}

.btn-ok {
    display: inline-block;
    padding-left: 50px;
    width: 30%;
}

#a3-f, #b3-f, #c3-f, #d3-f {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.form-news #enviar {
    padding: 15px 25px;
}

#newsletter-form {
    width: 70%;
}

.single-cases article {
    margin-bottom: 0;
}

.icones-sobre {
    padding: 0 2em;
    width: 1300px;
    max-width: 100%;
    margin: 0 auto 1em;
    float: none;
}

.box-sobre {
    cursor: pointer;
    padding: 2em 1em 1em;
    transition: 0.2s;
}
.box-sobre:hover {
    background: #000;
    color: #fff;
}
article#post-not-found {
    margin-top: 10em;
}

body.active #logo {
    height: 85px;
}

.content-cases {
    background-color: #fff;
}

.content-cases .cases-right {
    border-color: #fff;
}

.content-cases:nth-of-type(odd) {
    background-color: #ededed;
}

.content-cases:nth-of-type(odd) .cases-right {
    border-color: #ededed;
}
ul#menu-category {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 49%;
    text-align: center;
    margin-bottom: 2em;
}
.content-categorias {
    display: none;
}
ul#menu-category p {
    padding-bottom: 20px;
    border-bottom: 3px solid #EAEAEA;
    cursor: pointer;
    font-weight: bold;
    transition: 1s;
}
ul#menu-category p:hover, ul#menu-category p.active {
    border-color: #F58220;
}
.content-categorias li a {
    display: inline-block;
    margin: 0 0 0.4em;
    text-decoration: none;
    transition: 0.2s;
}
.content-categorias li a:hover {
    color: #F58220;
}
.content-categorias li {
    text-align: left;
    display: inline-block;
    width: 100%;
    max-width: 250px;
}
h1.title-portfolio {
    font-size: 1.5em;
    margin-bottom: 3em;
}
#a1-ti .img-content.video-b{
  display: flex;
  justify-content: center;
  align-items: center;
}
#a1-ti .img-content.video-b .videoWrapper{
  position: relative;
  padding-bottom: 46.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  width: 90%;
}
#a1-ti .img-content.video-b .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#post-7762 #c4-l .text-content-full.livre {
  display: flex;
  flex-flow: wrap column;
}
.category-blog iframe {
    margin: 0 auto!important;
}
a#link-abradi {
    display: none !important;
}
.footer .btn-padrao {
    background-color: #f58220;
    border: none;
    color: #fff;
}
.footer .btn-padrao:hover {
    opacity: 0.7;
}
.home article#section1 {
    background: url(../images/bg-agencia-especializada.jpg) no-repeat center;
    background-size: cover !important;
}
a.just-link {
    text-decoration: none;
}
.box-white:after {
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 25px;
    display: inline-block;
    width: 50px;
    height: 30px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.content-sobre {
    width: 760px;
    text-align: left;
    margin: 0 auto;
    max-width: 100%;
    background: url(../images/x-elem.svg) no-repeat left bottom;
    padding: 0 2em 0.2em;
}
.content-sobre span {
    color: #f58634;
}
.content-sobre h3 {
    font-size: 35px;
}
.home article#section2 a.link__more {
    float: none;
}
.img-blog {
    height: 240px;
    width: 100%;
    background-size: contain !important;
}
h2.section-title {
    font-weight: 700;
}
h2.section-title span {
    color: #f58634;
}
.home article#section3 .link__more {
    float: none;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #222;
}
body::-webkit-scrollbar {
  width: 12px;
  background-color: #222;
}
body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
.box__blog:hover a {
    -webkit-transform: scale(1.02,1.02);
    -moz-transform: scale(1.02,1.02);
    -o-transform: scale(1.02,1.02);
    -ms-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02);
}
.form-footer {
    height: 40vh !important;
}
#inner-footer .wpcf7 input, #inner-footer .wpcf7 textarea {
    background: transparent;
    font-size: 30px;
    font-weight: 500;
    padding: 0;
    color: #3a3a3a;
    opacity: 0.6;
}
#inner-footer .wpcf7 label {
    text-align: left !important;
    width: 100%;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1em;
}
#inner-footer .wpcf7 input:focus, #inner-footer .wpcf7 textarea:focus {
    background: transparent;
    outline: none;
    border-bottom: 1px solid #222;
    color: #f58634;
    opacity: 1;
}
.wpcf7 br {
    display: none !important;
}
.wpcf7 p {
    margin: 0 !important;
}
h2.section-title.left {
    text-align: left;
    max-width: 100%;
}
.form-rodape {
    position: relative;
    display: inline-block;
    width: 100%;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    opacity: 1 !important;
    color: #f58634 !important;
    border: none;
    padding: 16px 1em !important;
    transition: 0.2s;
    font-size: 22px !important;
    background: #111 !important;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background: #f58634 !important;
    color: #000 !important;
}
.social {
    display: inline-block;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #222;
}
.info-footer {
    width: 940px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.info-footer a {
    color: #fff !important;
    font-size: 13px;
    text-decoration: none;
    margin: 10px 1em 10px;
    transition: 0.2s;
}
.info-footer a:hover {
    opacity: 0.6;
}
.logo-menu-foter {
    padding: 2em 0 0;
    width: 100%;
}
.wpcf7-response-output {
    font-size: 13px;
    display: inline-block;
}
span.wpcf7-not-valid-tip {
    font-size: 13px !important;
}
input.wpcf7-form-control.wpcf7-text.textarea {
    font-size: 20px !important;
}
article#section5 {
    background: url(../images/bg-news.jpg) no-repeat center;
    background-size: cover !important;
}
article#section5 .wrap {
    background: #fff;
    padding: 3em 4em;
    text-align: left;
}
article#section5 h2.section-title {
    font-size: 43px;
    line-height: 1em;
    margin-bottom: 0;
}
article#section5 .content-sobre {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    max-width: 100%;
    background: none;
    padding: 0;
}
article#section5 .content-sobre h3 {
    font-size: 22px;
}
article#section5 .clearfix {
    width: 400px;
    max-width: 100%;
}
.form-news {
    width: 600px;
    max-width: 100%;
}
.form-news form.formIntegration2 {
    width: 100%;
    margin-top: 0;
}
.form-news input {
    background-color: transparent;
    border: 1px solid;
    border-radius: 0;
    border-color: #000;
    margin-bottom: 0;
}
.submit-button-td:before {
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 25px;
    display: inline-block;
    width: 50px;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 7px;
}
input.dinSubmit {
    border: none;
    font-weight: 600;
    font-size: 23px;
}
.vertical.class1.submit.submit-button-td {
    width: 205px;
    float: right;
    display: inline-block;
    text-align: right;
    margin-top: 1em;
}
form.formIntegration2 div.block:last-child {
    margin-bottom: 0px;
    width: auto !important;
    float: right;
}
form.formIntegration2 div.block {
    width: auto;
    display: inherit;
    justify-content: center;
}
form.formIntegration2 .g-recaptcha {
    margin-bottom: 5px;
    display: inline-block;
    float: left;
}
header.header .wrap {
    width: 90%;
}

.footer h2.section-title.left {
    color: #fff;
}
.logos {
    width: 100%;
    margin: 3em 0;
}
.logo {
    width: 220px;
    text-align: center;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3em;
}
.logo img {
  transition: 0.2s;
}
.logo img:hover {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}
.banner-top {
    height: 200px;
    width: 100%;
    display: inline-block;
    margin: -3px 0 0;
}
section.galeria-sobre {
    width: 1200px;
    margin: 0 auto;
    float: none;
    max-width: 100%;
}
div#inner-header ul#menu-principal {
    float: right;
    transition: 0.4s;
    top: 0;
    display: inline-block;
    right: 0;
    position: relative;
}
.header.fixed ul#menu-principal {
    top: -100px !important;
}
article#section6 {
    background: url(../images/bg-process-top.png) no-repeat left top, url(../images/bg-process-bottom.png) no-repeat right bottom -35px;
}
.processos {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 1em 0;
    height: 544px;
}
.processo.proc-1 {
    background: #000;
    color: #ffff;
}
.processo.proc-2 {
    background: #EF4C5F;
    color: #fff;
}
.processo.proc-3 {
    background: #CCCCCC;
    color: #000;
}
.processo.proc-4 {
    background: #00DAD8;
    color: #000;
}
.processo.proc-5 {
    background: #fff;
    top: 50%;
}
.processo:before {
    content: '0 1';
    position: absolute;
    right: 30px;
    top: 20px;
    font-weight: 700;
    color: #fff;
    font-size: 31px;
    font-family: 'Montserrat';
}
.processo.proc-2:before { 
    content: '0 2';
}
.processo.proc-3:before { 
    content: '0 3';
}
.processo.proc-4:before { 
    content: '0 4';
    color: #000;
}
.processo.proc-5:before { 
    display: none;
}
.processo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    height: 50%;
    border: 3px solid #FFF;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition: 0.3s; 
}
.processo.pos-2 {
    right: 20%;
    top: 0;
}
.processo.pos-3 {
    right: 0;
    top: 0;
}
.processo.pos-4 {
    right: 20%;
    top: 50%;
}
.processo.pos-1 {
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
}
.processo img {
    margin: 0 !important;
}
.processo.active .content-processo {
    display: block !important;
}
.content-processo {
    text-align: left;
    padding: 0 3em;
}
.content-processo p {
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 300;
    margin: 0 0 9px !important;
    letter-spacing: 3px;
}
.content-processo h2 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 10px;
    position: relative;
    padding: 7px 0 0;
}
.content-processo h2:before {
    content: '';
    width: 30px;
    height: 4px;
    background: #F58634;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}





















.t-white, .t-white a, .t-white h2, .t-white h1, .t-white h3, .t-white h1.page-title {
  color: #fff;
}
.center {
  text-align: center;
}
/* LAYOUT & GRID STYLES */
  .wrap {
    width: 96%;
    margin: 0 auto; }

/* H1, H2, H3, H4, H5 STYLES */
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }
  h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em;
  font-family: 'Montserrat';}
h2, .h2 {
    font-size: 35px;
    line-height: 1.4em;
    margin-bottom: 0.375em;
    font-family: 'Montserrat';
    font-weight: 600;
}
  h3, .h3 {
  font-size: 1.125em; }
  h4, .h4 {
  font-size: 1.1em;
  font-weight: 700; }
  h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }
/* HEADER STYLES */
  .header {
    background: #000;
    display: inline-block;
    position: fixed;
    padding: 1.8em 0 1.6em;
    float: left;
    width: 100%;
    z-index: 99;
    transition: 1s;
   }
  .header.fixed {
    padding: 0.5em 0 0.2em;
    background:transparent;
  }
  header.header.fixed path#texto-logo {
    display: none;
  }
  #logo {
     width: 234px;
    margin: 0;
    display: inline-block;
    float: left;
    height: 70px;
    transition: 0.3s !important;
    transition-delay: 0.5s !important;
    overflow: hidden; }
  header.header.fixed p#logo {
    width: 52px;
    overflow: hidden;
  }
   p#logo svg {
    float: right;
  }
  #logo a {
  color: white; }
/* NAVIGATION STYLES */
  .nav {
  border-bottom: 0;
  margin: 0; }
  .nav li { }
  .nav li a {
  display: block;
  color: black;
  text-decoration: none;
  padding: 0.75em; }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
  padding-left: 30px; }
/* POSTS & CONTENT STYLES */
  #content { }
  .hentry {
  border-radius: 3px;
  }
  .hentry header {
  padding: 1.5em; }
  .hentry footer {
  padding: 0;}
  .hentry footer p {
  margin: 0; }
  .single-title,
  .page-title,
  .entry-title {
  margin: 0; }
  .byline {
  color: #9fa6b4;
  font-style: italic;
  margin: 0; }
  .entry-content {
  padding: 1.5em 1.5em 0; }
  .entry-content p {
  margin: 0 0 1.5em; }
  .entry-content table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1.5em; }
  .entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #9fa6b4;
  text-transform: uppercase;
  letter-spacing: 1px; }
  .entry-content tr {
  border-bottom: 1px solid #eaedf2; }
  .entry-content tr:nth-child(even) {
  background-color: #f8f9fa; }
  .entry-content td {
  padding: 7px;
  border-right: 1px solid #eaedf2; }
  .entry-content td:last-child {
  border-right: 0; }
  .entry-content th {
  background-color: #f8f9fa;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2; }
  .entry-content th:last-child {
  border-right: 0; }
  .entry-content blockquote {
    padding: 0;
    font-size: 20px;
    max-width: 800px;
    margin: 3em auto;
    line-height: 1;
    text-align: left;
    position: relative;
}
  .entry-content blockquote p {
    margin: 1em 0 !important;
    font-family: 'Montserrat';
    font-weight: 700;
    margin: 0 !important;
    font-size: 30px !important;
    padding-left: 30px;
}
  .single-cases .entry-content blockquote p {
    font-weight: 400;
    font-family: 'Montserrat';
    font-size: 22px !important;
    line-height: 1.5 !important;
    text-align: center;
    position: relative;
    z-index: 1;
    }
  .single-cases .entry-content blockquote:after, .single-cases .entry-content blockquote:before {
    position: absolute;
    opacity: .5;
    z-index: 0;
    font-size: 70px;
    font-family: FontAwesome;
    color: #bbb;
  }

  .single-cases .entry-content blockquote:after {
    content: '\f10d';
    top: -40px;
    left: -50px;
  }

  .single-cases .entry-content blockquote:before {
    content: '\f10e';
    right: 20px;
    bottom: -40px;
  }
  .entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em; }
  .entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto; }
  .entry-content .size-auto,
  .entry-content .size-full,
  .entry-content .size-large,
  .entry-content .size-medium,
  .entry-content .size-thumbnail {
  max-width: 100%;
  height: auto; }
  .entry-content pre {
  background: #323944;
  color: #f8f9fa;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px; }
  .wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%; }
  .wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center; }
  .tags {
  margin: 0; }
/* PAGE NAVI STYLES */
  .pagination,
  .wp-prev-next {
  margin: 1.5em 0; }
  .pagination {
  text-align: center; }
  .pagination ul {
  display: inline-block;
  background-color: white;
  white-space: nowrap;
  padding: 0;
  clear: both;
  padding: 54px 0 0;
  border-radius: 3px; }
  .pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden; }
  .pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 10px 0;
  width: 35px;
  min-width: 1em;
  display: block;
  color: #000;
  transition: .3s; }
  .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  background-color: #000;
  border-radius: 4px;
  color: white; }
  .pagination .current {
  cursor: default;
  color: #000; }
  .pagination .current:hover, .pagination .current:focus {
  background-color: white;
  color: #5c6b80; }
  .wp-prev-next .prev-link {
  float: left; }
  .wp-prev-next .next-link {
  float: right; }
/* COMMENT STYLES */
  #comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #f8f9fa;}
  .commentlist {
  margin: 0;
  list-style-type: none; }
  .comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #f8f9fa; }
  .comment .comment-author {
  padding: 7px;
  border: 0; }
  .comment .vcard {
  margin-left: 50px; }
  .comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal; }
  .comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic; }
  .comment .vcard time a {
  color: #9fa6b4;
  text-decoration: none; }
  .comment .vcard time a:hover {
  text-decoration: underline; }
  .comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%; }
  .comment:last-child {
  margin-bottom: 0; }
  .comment .children {
  margin: 0; }
  .comment[class*=depth-] {
  margin-top: 1.1em; }
  .comment.depth-1 {
  margin-left: 0;
  margin-top: 0; }
  .comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px; }
  .comment.odd {
  background-color: white; }
  .comment.even {
  background: #f8f9fa; }
  .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }
  .comment-reply-link {
  font-size: 0.9em;
  float: right; }
  .comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em; }
/* COMMENT FORM STYLES */
  .comment-respond {
  padding: 1.5em;
  border-top: 1px solid #f8f9fa; }
  #reply-title {
  margin: 0; }
  .logged-in-as {
  color: #9fa6b4;
  font-style: italic;
  margin: 0; }
  .logged-in-as a {
  color: #5c6b80; }
  .comment-form-comment {
  margin: 1.5em 0 0.75em; }
  .form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em; }
  #submit {
  float: right;
  font-size: 1em; }
  #comment-form-title {
  margin: 0 0 1.1em; }
  #allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }
  .nocomments {
  margin: 0 20px 1.1em; }
/* SIDEBARS & ASIDES */
  .widget ul li {
  }
  .no-widgets {
  background-color: white;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #cccccc;
  border-radius: 2px;
  margin-bottom: 1.5em; }
/* FOOTER STYLES */
  .footer {
    clear: both;
    color: #222;
        padding-top: 0; }
/* LARGER MOBILE DEVICES */
  @media only screen and (min-width: 481px) {
    /* NAVIGATION STYLES */
      .menu {
      }
      .menu ul {
      }
      .menu ul li {
      }
      .menu ul li a {
      }
    /* POSTS & CONTENT STYLES */
      .entry-content {
      }
      .entry-content .alignleft, .entry-content img.alignleft {
      margin-right: 1.5em;
      display: inline;
      float: left; }
      .entry-content .alignright, .entry-content img.alignright {
      margin-left: 1.5em;
      display: inline;
      float: right; }
      .entry-content .aligncenter, .entry-content img.aligncenter {
      margin-right: auto;
      margin-left: auto;
      display: block;
      clear: both; }
  }
/* TABLET & SMALLER LAPTOPS */
  @media only screen and (min-width: 768px) {
    /* GENERAL STYLES */
    /* LAYOUT & GRID STYLES */
      .wrap {
      width: 960px;
      max-width: 100% !important; }
    /* HEADER STYLES */
    /* NAVIGATION STYLES */
      .nav {
      border: 0;
      }
      .nav ul {
      background: #323944;
      margin-top: 0; }
      .nav li {
      float: left;
      position: relative;
      }
      .nav li a {
      border-bottom: 0;
      }
      .nav li a:hover, .nav li a:focus {
      color: white;
      text-decoration: underline; }
      .nav li ul.sub-menu,
      .nav li ul.children {
      margin-top: 0;
      border: 1px solid #ccc;
      border-top: 0;
      position: absolute;
      visibility: hidden;
      z-index: 8999;
      }
      .nav li ul.sub-menu li,
      .nav li ul.children li {
      }
      .nav li ul.sub-menu li a,
      .nav li ul.children li a {
      padding-left: 10px;
      border-right: 0;
      display: block;
      width: 180px;
      border-bottom: 1px solid #ccc; }
      .nav li ul.sub-menu li:last-child a,
      .nav li ul.children li:last-child a {
      border-bottom: 0; }
      .nav li ul.sub-menu li ul,
      .nav li ul.children li ul {
      top: 0;
      left: 100%; }
      .nav li:hover > ul {
      top: auto;
      visibility: visible; }
    /* SIDEBARS & ASIDES */
      .sidebar {
      margin-top: 2.2em; }
      .widgettitle {
      border-bottom: 2px solid #444;
      margin-bottom: 0.75em; }
      .widget {
      padding: 0 10px;
      margin: 2.2em 0; }
      .widget ul li {
      margin-bottom: 0.75em;
      }
      .widget ul li ul {
      margin-top: 0.75em;
      padding-left: 1em; }
    /* FOOTER STYLES */
      .footer-links ul li {
      }
  }
/* DESKTOP */
 
  @media only screen and (min-width: 1030px) {
    .wrap {
      width: 1200px;
      max-width: 100%;
    }
    #shiftnav-toggle-main {
      display: block;
    }
    .shiftnav-wrap {
      padding-top: 0 !important;
    }
    .shiftnav-disable-shift-body {
        padding-top: 0 !important;
    }
  }
   @media only screen and (min-width: 1440px) {
    .wrap {
      width: 1400px;
      max-width: 100%;
    }
  }
/* LARGE VIEWING SIZE */
  @media only screen and (max-width: 1400px) {
    .title-chamada {
        font-size: 70px;
    }

    #a3-f img, #b3-f img, #c3-f img, #d3-f img {
        max-width: 70%;
    }

    .page-servico #section0 {
        padding-top: 120px;
    }
  }

    #shiftnav-toggle-main.shiftnav-toggle-edge-right {
       right: 10%;
    top: 20px;
    transition: 0.4s;
        display: none;
    }
    #shiftnav-toggle-main.shiftnav-toggle-edge-right.fixed {
        right: 20px;
        top: 0;
            display: block;
    }




  @media only screen and (max-height: 700px) {
      h2, .h2 {
        font-size: 25px;
      }
      .box__blog h2 {
        font-size: 20px;
        min-height: 80px;
      }
      .box__case {
        height: 120px;
      }
      .section h2 {
        margin: 1em auto 20px;
        max-width: 700px;
      }
      .box__blog a {
        min-height: 200px;
      }
      .text-content h2 {
        font-size: 60px;
      }
      .text-content p {
        font-size: 18px;
      }
      .text-content-full h2 {
        font-size: 40px;
      }
      .text-content-full p {
        font-size: 17px;
        max-width: 1000px;
        margin: 0 auto 2em !important;
      }
      .fp-section {
        padding-top: 110px;
      }

      .bg-servico {
          height: 450px;
      }

      .second-servico .bg-servico, .third-servico .bg-servico {
          height: 500px;
      }

      .box-metodologia p {
          font-size: 20px !important;
      }

      .page-servico h2 {
          margin-bottom: 30px;
          font-size: 40px;
      }

      .bg-wordpress {
          max-width: 700px;
          background-position: center;
          bottom: 20px;
      }

      .page-servico .servicos-box h2:before {
          font-size: 100px;
      }

      .second-servico .h-auto {
          padding: 0;
      }

      .page-servico p {
          font-size: 15px;
      }

      .principios-servico h2 {
          margin: 0 auto 20px;
          font-size: 30px;
          margin-bottom: 20px;
      }

      .principios-servico li {
          height: auto;
          padding: 40px 0;
      }

      .principios-servico li:nth-of-type(4n-3) {
          padding: 10px;
      }

      .principios-servico ul {
          width: 45%;
          margin: 0 auto;
      }

      .bg-pacote {
          height: 170px;
      }

      .banner-home h1 {
          font-size: 80px;
      }

      .title-chamada {
          max-width: 900px !important;
          margin-top: 50px !important;
      }

      .text-content-link {
          margin-bottom: 30px;
      }

      .title-chamada {
          font-size: 60px;
      }

      #a3-f img, #b3-f img, #c3-f img, #d3-f img {
          max-width: 70%;
      }

      .page-servico #section0 {
          padding-top: 120px;
      }
    
   
   }



 #shiftnav-toggle-main {
        background: #000;
        color: #fff;
        margin-top: 22px !important;
        margin-left: 10px !important;
        transition: 0.5s;
    }
    .shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
        background: #111;
        color: #fff;
        padding-top: 20px;
    }
    body.active #shiftnav-toggle-main {
        margin-top: 22px !important;
        transition: 0.5s;
    }
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
        display: block;
        color: #fff;
        border: none !important;
        text-shadow: none;
        font-size: 18px;
        font-family: 'Montserrat';
        text-transform: initial;
    }
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover {
      color: #F58220;
    }
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu {
        color: #fff;
        background: #222161;
    }
    .shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
        color: #F58220;
        background: transparent;
        border: none !important;
    }
    .shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
      background: #000;
        padding: 2em 1em 0;
    }
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
      border-bottom: none;
      border-top: none;
      font-size: 18px;
    }
    .shiftnav-open-right div#shiftnav-toggle-main {
      right: 0 !important;
    }

    /*Ipad*/

  @media only screen and (max-width: 1024px) {

    #inner-header {
    display: block;
}
    
    .header {
    /*  text-align: center;
      padding: 10px 0;*/
    }

    .mobile.h-auto {
       height: auto !important;
      padding: 4em 0;
      display: inline-block;
      width: 100%;
      float: left;
    }

    .copyright, .end-footer {
        width: 50%;
    }

    .footer {
        padding: 0 !important;
    }

    .form-footer, #inner-footer {
        padding: 65px 0 !important;
    }

    .single .img-content {
        height: 600px;
    }

    .single-cases .mobile {
	    padding-top: 0;
	}

	.entry-content.case {
	    padding: 0 !important;
	}
	
	.text-content h2, .text-content-full h2 {
		font-size: 50px;
	}

	h1.single-title.case {
		font-size: 55px;
	}

	.page-servico #section0 {
		padding: 0 25px;
	    padding-top: 140px;
	}
	
	.bg-servico {
	    height: 525px;
	    background-size: 100%;
	    margin: 50px 0;
	}

	.box-metodologia {
	    min-height: 400px;
	}

	.metodologia-servico .wrap {
		margin-bottom: 50px;
	}

	.page-servico .mobile {
	    padding: 0;
	}

	.box-wordpress {
		height: 370px;
	}

	.bg-wordpress {
	    width: 50%;
	    bottom: -110px;
	    left: 0;
	}

	.page-servico #section2 {
	    margin-bottom: 100px;
	}

	.btn-projetos {
	    position: relative;
	    padding-right: 50px;
	    display: inline-block;
	    right: inherit;
	    bottom: inherit;
    	margin-top: 40px;
	}

	.servicos-box .first-content h2, .servicos-box .second-content h2, .servicos-box .third-content h2 {
	    float: left;
    	padding-right: 70px;
	}

	.page-servico .servicos-box h2:before {
		font-size: 80px;
	}

	.page-servico #section4 .h-auto, .page-servico #section4 {
	    padding: 0;
	}

	.principios-servico ul {
	    margin-top: 30px;
	}

	.conteudo-foco h1 del {
		font-size: 110px;
	}

	.conteudo-foco {
	    padding: 50px 0;
	    margin-bottom: 50px;
	}

	.pacote-lojas {
	    margin-top: 50px;
	}

	.pacote-lojas h2 {
		font-size: 40px;
	}

	.bg-pacote {
		width: 100%;
		float: none;
	}

	.pacote-lojas .row {
		display: inline-block;
		margin-top: 50px;
	}

	.pacote-content {
	    text-align: left;
	    padding-left: 90px;
	}

	.option-content ul {
	    max-width: 450px;
	    padding-left: 60px;
	    height: 380px;
	    margin: 0 auto;
	}

	.option-content li {
	    margin: 10px 0;
	}

	.pacote-content ul {
	    max-width: 450px;
	    width: 100%;
	    margin: 0 auto 40px;
	}

	.cases-right img {
	    top: 70px;
	}

	.section h2 {
		max-width: 700px !important;
	}

	.title-chamada {
	    font-size: 60px;
	}

  .box-white h2, .box__blog h2 {
      font-size: 30px;
  }

  .article-header-case .wrap {
      position: relative;
      height: 100vh !important;
  }
  #shiftnav-toggle-main.shiftnav-toggle-edge-right {
    display: block;
  }

  }




  @media only screen and (max-width: 768px) {
   
    .wrap {
      max-width: 95% !important;
      width: auto;
    }

    .box__case {
        width: 100%;
        margin: 0 auto;
        display: block;
        float: none;
    }

    img.element-2 {
        max-width: 15%;
    }

    img.element-1 {
        max-width: 55%;
    }

    .banner-home h3 {
        max-width: 600px;
    }

    .home #section3 .entry-content {
        padding: 0;
    }

    .box__blog {
        padding: 1em 0;
    }

    .box-white h2, .box__blog h2 {
        font-size: 25px;
    }

    .text-content .align-items {
        float: none;
    }

    .single-cases article {
        margin-bottom: 0;
    }

    .text-content h2, .text-content-full h2 {
        font-size: 40px;
    }

    .text-content p, .text-content-full p {
        font-size: 17px;
    }

    .box-metodologia {
        min-height: 420px;
    }

    .principios-servico li:nth-of-type(4n-0):before {
        height: 180px;
    }

    .entry-content blockquote p {
        font-size: 25px !important;
    }
    .banner-home {
      height: 100vh !important;
    padding: 0 2em 0 !important;
    text-align: center;
    }
    .content-sobre {
      width: 100%;
    }
    .content-sobre h3 {
      font-size: 25px;
    }
    .entry-content {
      padding: 0 1.5em 0;
    }
    .mobile.h-auto {
      padding: 4em 0;
    }
    .box-servicos {
      padding: 0 0 2em;
    }
    .img-blog {
      height: 110px;
    }
    #fullpage #inner-footer {
      padding: 4em 2em !important;
      height: auto !important;
    }
    .form-rodape {
      margin-bottom: 3em;
    }
    .logo-menu-foter {
      display: inline-block;
      padding: 2em 0;
    }
    input.wpcf7-form-control.has-spinner.wpcf7-submit {
      width: 100%;
    }
    h2.section-title {
      font-size: 25px;
    }
    .box__blog {
      width: 100%;
      padding: 1em 2em;
    }
    #inner-footer {
      height: auto !important;
    }
    ul#menu-principal {
      display: none !important;
    }
    .processo {
        width: 100% !important;
        height: auto !important;
        position: relative;
         align-items: start;
        right: 0 !important;
        top: 0 !important;
        flex-direction: column;
        padding: 3em 0 2em;
    }
    .content-processo {
      text-align: left;
      padding: 2em;
      display: inline-block !important;
      width: 100%;
    }
    .content-processo h2 {
      font-size: 18px !important;
    }
    .processos {
      height: auto;
    }
    article#section6 {
      padding: 9em 0;
    }
    .processo img {
        margin: 0 0 0 2em !important;
      width: 50px;
    }
   
   
  }

  @media only screen and (max-width: 736px) {
    #nav-blog {
        height: 100%;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .nav-blog {
        height: 250px;
    }
    .home .logo__case {
        background-size: 75% !important;
    }

    .banner-home h1 {
        font-size: 50px;
    }


    .page-sobre #section0 h1 {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .box-sobre h2 {
        font-size: 35px;
    }

    .h-auto {
        min-height: 450px !important;
    }

    nav#nav-single {
        margin-top: 150px;
    }

    .title-chamada {
        margin-bottom: 60px !important;
    }

    .nav-control a {
        font-size: 25px;
    }

    .nav-control a:before {
        font-size: 14px;
    }

    .box-blog .text-box {
        padding: 0 10%;
    }
    .logo {
      width: 168px;
      height: 130px;
      padding: 0 21px;
    }
    .form-footer, #inner-footer {
      padding: 65px 2em !important;
    }
     .cases-right {
        height: 380px;
    }
     .cases-left {
    padding-right: 0;
    padding-top: 0;
    padding-left: 2em;
      padding-bottom: 1em;
    }
    .content-cases {
      padding: 3em 0px 0px;
  }
  }

    /*IPHONE 6, Galaxy S5, Nexus 5X*/

  @media only screen and (max-width: 568px) {
    body.active #shiftnav-toggle-main {
        margin-top: 19px !important;
    }
    
    #shiftnav-toggle-main {
      margin-left: 10px !important;
    }

    .single-blog .entry-content h6 {
        font-size: 20px;
    }

    .home h2 {
        font-size: 25px;
    }

    p.end-footer, .copyright {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .form-news .placeholder, .form-news .btn-ok {
        width: 100%;
        display: block;
        padding: 0;
    }

    .sobre-content {
        padding: 0 2%;
    }

    .page-sobre .entry-content {
        padding: 0;
    }

    .page-sobre article {
        margin-bottom: 40px;
    }

    .page-sobre h2 {
        font-size: 28px;
    }

    .clientes-sobre li {
        width: 50%;
    }

    h1.single-title.case {
        font-size: 36px;
    }

    .single-cases .mobile {
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
    }

    .text-content .align-items {
        width: 100%;
        float: none !important;
        padding: 0 4% !important;
    }

    .single .img-content {
        height: 450px;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .text-content {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    #a3-f img, #b3-f img, #c3-f img, #d3-f img {
        max-width: 100%;
    }

    .text-content h2, .text-content-full h2 {
        font-size: 35px;
    }

    nav#nav-single {
        margin-top: 0 !important;
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        height: 30vh;
    }

    .article-header-case img.logo-case {
        left: inherit;
    }

    .text-content-full.livre {
        margin-bottom: 80px;
    }

    .single-cases section.mobile {
        padding-top: 50px !important;
    }

    .title-chamada {
        font-size: 45px;
    }

    .cases-left, .cases-right {
        width: 100%;
        float: none;
    }

    .servicos-box .first-content h2, .servicos-box .second-content h2, .servicos-box .third-content h2 {
        float: none;
        padding: 0;
    }

    .bg-servico {
        height: 230px !important;
    }

    .metodologia-servico {
        padding: 0 6%;
    }

    .wordpress-content {
        padding: 0 4%;
    }

    .box-wordpress {
        height: 80vh;
    }

    .bg-wordpress {
        display: block;
        width: 70%;
        bottom: 0 !important;
        position: relative !important;
        margin: 0 auto;
        clear: both;
        top: -40px;
        height: 150px;
    }

    .btn-projetos {
        padding-bottom: 60px;
    }

    .page-servico #section3, .page-servico #section6 {
        padding: 0 3%;
    }

    .principios-servico h2 {
      font-size: 28px;
    }

    .principios-servico ul {
        width: 100%;
        padding-left: 35%;
    }

    .conteudo-foco h1 {
        font-size: 35px;
    }

    .conteudo-foco h1 del {
        font-size: 50px;
    }

    .conteudo-foco {
        padding: 40px;
    }

    .bg-pacote {
        height: 130px;
    }

    .pacote-content {
        padding: 0;
        padding-left: 5%;
    }

    .pacote-lojas h2 {
        font-size: 30px;
    }

    .item-servicos {
      font-size: 35px;
    }

    #menu-blog {
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    #menu-blog li {
        width: 70%;
        margin: 10px auto !important;
    }

    .titulo-blog {
        font-size: 30px;
    }

    .bg-blog {
        background-size: cover !important;
        height: 150px;
    }

    .box-blog .text-box {
        padding: 0 4%;
    }

    .single-blog .entry-content h2 {
        font-size: 30px;
    }

    .form-contato, .form-orcamento {
      width: 80%;
    }

    .content-cases {
        float: none;
    }

    .cases-left p {
        font-size: 14px
    }

    .box-contato a, .box-contato p {
        font-size: 16px;
    }

    .single-blog iframe {
	    max-width: 300px;
	    text-align: center;
	    margin: 0 auto;
	}

	a.link__more {
	    float: none;
	}

	.article-footer {
	    text-align: center;
	    max-width: 100%;
	}
  article#section5 .wrap {
      padding: 3em 2em;
    }
    article#section5 h2.section-title {
      font-size: 30px;
    }
    article#section5 .content-sobre h3 {
      font-size: 17px;
    }
 
  }

 @media only screen and (max-width: 375px) {
    .single-blog .entry-content p {
      font-size: 15px;
    }
    .banner-home h1 {
        font-size: 35px;
    }

    .banner-home h3 {
        font-size: 14px;
        max-width: 250px;
    }

    .home .entry-content {
        padding: 0;
    }

    .box-servicos {
        max-width: 290px;
    }

    .sobre-content {
        padding: 0 4px;
    }

    .page-sobre #section0 h1 {
        font-size: 25px;
    }

    .clientes-sobre li {
        width: 100%;
    }

    h1.single-title.case {
        font-size: 28px;
    }

    .text-content h2, .text-content-full h2 {
        font-size: 23px;
    }

    .single .img-content {
        height: 250px;
    }

    .text-content p, .text-content-full p {
        font-size: 14px;
    }

    .h-auto {
        min-height: 350px !important;
    }

    .title-chamada {
        font-size: 30px;
    }

    #link_site {
        padding: 0 !important;
    }

    .text-content-full.livre {
         margin-bottom: 0; 
    }

    .single-cases .box__case {
        height: 100%;
    }

    .article-header-case img.logo-case {
        max-width: 60%;
    }

    .single-cases a.btn-down {
        bottom: 10px !important;
    }

    nav#nav-single {
        height: 40vh;
    }

    .cases-right img {
        top: 10px;
    }

    h3.title-case {
        font-size: 30px;
    }

    .page-servico .first-content, .page-servico .second-content, .page-servico .third-content {
        padding-right: 0;
    }

    .page-servico h2 {
        font-size: 30px;
    }

    .page-servico .servicos-box h2:before {
        font-size: 60px;
    }

    .bg-servico {
        height: 150px !important;
        margin: 0;
    }

    .pattern-servico {
        padding-bottom: 130px !important;
    }

    .box-metodologia {
        margin-bottom: 20px;
    }

    .box-wordpress {
        height: 90vh;
        padding-top: 20px !important;
    }

    .bg-wordpress {
        width: 90%;
        top: -50px;
    }

    .page-servico p {
        font-size: 14px;
    }

    .btn-projetos {
        padding-bottom: 0;
    }

    a.link__more {
        font-size: 16px;
    }

    .page-servico h2 {
        font-size: 22px;
    }

    .conteudo-foco {
        padding: 40px 20px;
    }

    .pacote-lojas {
        margin-top: 0;
    }

    .titulo-blog, .single-blog .entry-content h2, .box-contato h2 {
        font-size: 25px;
    }
    ul#menu-category {
        width: 100%;
    }
  }

  /*MEDIA HEIGHT*/
   


  /*CUSTOMIZE SHIFNAV*/


/* RETINA (2x RESOLUTION DEVICES) */
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  }
/* PRINT STYLESHEET*/
  @media print {
    * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
    a, a:visited {
    color: #444 !important;
    text-decoration: underline;
    outline:none }
    a:after, a:visited:after {
    content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")"; }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
    content: ""; }
    pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
    thead {
    display: table-header-group; }
    tr, img {
    page-break-inside: avoid; }
    img {
    max-width: 100% !important; }
    @page {
    margin: 0.5cm; }
    p, h2, h3 {
    orphans: 3;
    widows: 3; }
    h2,
    h3 {
    page-break-after: avoid; }
    .sidebar,
    .page-navigation,
    .wp-prev-next,
    .respond-form,
    nav {
    display: none; }
  }