@charset "UTF-8";

/*!
Theme Name: Framework
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: framework
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Framework is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  /* font-size: 100%; */
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
  font-size: 62.5%;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: 'Barlow Condensed', sans-serif;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;7
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li>ul,
li>ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

figure {
  margin: 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.3333333333%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.6666666667%;
}

.gallery-columns-7 .gallery-item {
  width: 14.2857142857%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.1111111111%;
}

.gallery-columns-10 .gallery-item {
  width: 10%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/* contact form 7 */
.formulario {
  max-width: 400px;
}

.wpcf7 {
  margin: 24px 0 !important;
}

.wpcf7 input {
  width: 100%;
  height: 40px;
  border: none;
  border-bottom: 1px solid #003852;
  border-radius: 0;
  padding: 6px 8px;
  margin-bottom: 20px;
  background-color: transparent;
  color: #003852;
  font-size: 2em;
  font-weight: 400;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.wpcf7 textarea {
  width: 100%;
  height: 100px;
  padding: 6px 8px;
  border: none;
  border-bottom: 1px solid #003852;
  border-radius: 0;
  color: #003852;
  font-size: 2em;
  font-weight: 400;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: none;
  background-color: transparent;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.wpcf7 input[type=submit] {
  width: 300px;
  height: 70px;
  margin-top: 50px;
  border: none;
  background: #003852;
  color: #fff;
  font-size: 3.2em;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.wpcf7 input[type=submit]:hover {
  background: #008dd0;
}

/* .wpcf7 input:hover,
.wpcf7 input:active,
.wpcf7 input:focus,
.wpcf7 textarea:hover,
.wpcf7 textarea:active,
.wpcf7 textarea:focus {
  background: rgba(255, 255, 255, 0.5);
}*/ 

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #003852;
  text-transform: none;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #003852;
  text-transform: none;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #003852;
  text-transform: none;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #003852;
  text-transform: none;
}

/* Contact form 7 message boxes */
span .wpcf7-not-valid {
  border: 1px solid #ff0000 !important;
  color: #f00 !important;
  background: rgba(0, 0, 0, 0.1);
}

span .wpcf7-not-valid:focus {
  background: #FFF;
  color: #000;
}

span.wpcf7-not-valid-tip {
  display: none !important;
}

div.wpcf7-response-output {
  margin: 0;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: 0px solid #f7e700;
  display: none !important;
}

div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

div.wpcf7-mail-sent-ok {
  border: none !important;
  font-size: 14px;
  color: #398f14;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
  border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
  border: 2px solid #ffa500;
}

.wpcf7-form-control-wrap {
  position: relative;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  border: 1px solid #ff0000;
  background: #fff;
  padding: .2em .8em;
}

span.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
  content: " ";
}

.wpcf7-display-none {
  display: none;
}

div.wpcf7 .ajax-loader {
  visibility: hidden;
  display: inline-block;
  background-image: url("../../images/ajax-loader.gif");
  width: 16px;
  height: 16px;
  border: none;
  padding: 0;
  margin: 0 0 0 4px;
  vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
  visibility: visible;
}

div.wpcf7 div.ajax-error {
  display: none;
}

div.wpcf7 .placeheld {
  color: #888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
  margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
  cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
  cursor: default;
}

/* search */
#searchform {
  padding: 0 0 20px;
  margin: 0;
}

#searchform .wrap {
  width: 100%;
  position: relative;
}

#searchform label {
  display: block;
  color: #000;
  font-size: 18px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  margin: 32px 0 0 0;
  text-transform: uppercase;
}

#searchform input#s {
  margin: 14px 0 0 0;
  height: 40px;
  border: 1px solid #ddd;
  padding: 2px 56px 0 12px;
  width: 100%;
  color: #000;
  border-radius: 0;
}

#searchform input#s:focus {
  color: #333;
}

#searchsubmit {
  border: none;
  width: 46px;
  height: 40px;
  background: url(assets/images/00icon_search.png) center center no-repeat #ddd;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 15px;
  margin: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#searchsubmit:hover {
  background: url(assets/images/00icon_search.png) center center no-repeat #666;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #000;
}

/*a:visited {
	color: #000;
}*/
a:hover,
a:focus,
a:active {
  color: #008dd0;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  text-transform: none;
  text-align: left;
  margin: 0;
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 2.4em;
  font-weight: 300;
}

.main-navigation ul {
  position: relative;
  z-index: 300;
  margin: 40px 0 0;
  padding: 0;
  display: block;
}

.main-navigation ul li {
  display: block;
  position: relative;
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0;
}

.main-navigation ul li:last-child {
  margin-bottom: 0;
}

.main-navigation ul li a {
  padding-right: 5px;
  margin: 0;
  color: #fff;
  display: table;
  border-bottom: none;
}

.main-navigation ul li a:hover {
  color: #ffd530;
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-navigation ul li.current_page_item a {
  color: #ccc;
}

.main-navigation ul li.current_page_item a:hover {
  color: #fff;
}

.menu-desktop {
  display: block;
}

.menu-responsivo {
  display: none;
}

/*--------------------------------------------------------------
## Site
--------------------------------------------------------------*/
h1,
.post h1 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 400;
  font-size: 5.6em;
  line-height: 1.2em;
  text-transform: none;
  color: #003852;
}

h1.pagetitle {
  margin-bottom: 50px;
  font-weight: normal;
  text-transform: none;
}

h2,
.post h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 400;
  font-size: 4.2em;
  line-height: 1.2em;
  text-transform: none;
  color: #003852;
}

h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 500;
  font-size: 2.2em;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #003852;
}

h4 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}

h5 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

h6 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

h6 span {
  text-transform: uppercase;
  font-style: italic;
}

p {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 300;
  font-size: 2.4em;
  line-height: 1.8em;
  color: #003852;
}

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

a:hover {
  text-decoration: none;
  color: #666;
}

/* container */
.container {
  max-width: 1190px;
  margin: 0 auto;
}

.container::after {
  clear: both;
}

.container::before,
.container::after {
  content: "";
  display: table;
}

/* header */
header {
  width: 100%;
  height: 215px;
  position: relative;
  background-color: #003852;
}

header .container,
header .row,
header .column-4 {
  height: 100%;
}

header .info-contato {
  margin-top: 40px;
}

header .logo a {
  display: block;
  height: 100%;
  padding-top: 40px;
}

.info-contato p {
  color: #fff;
  line-height: normal;
}

.info-contato a {
  color: #fff;
}

.info-contato a:hover {
  color: #ffd530;
}

.info-contato .telefone,
.info-contato .whatsapp,
.info-contato .email {
  position: relative;
  padding-left: 40px;
}

.info-contato .telefone::before {
  content: '';
  width: 20px;
  height: 20px;
  background: url(assets/images/01icon_telefoneb.png);
  background-size: cover;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.info-contato .whatsapp::before {
  content: '';
  width: 20px;
  height: 20px;
  background: url(assets/images/01icon_whatsapp.png);
  background-size: cover;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.info-contato .email::before {
  content: '';
  width: 20px;
  height: 20px;
  background: url(assets/images/01icon_envelope.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}

/* botoes bt */
.bt1 {
  width: 100%;
  max-width: 300px;
  height: 70px;
  margin: 0;
  text-align: center;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 2.2em;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}

.bt1 a {
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #003852;
  position: relative;
  display: block;
}

.bt1 a:hover {
  background-color: #008dd0;
}

.bt1 a span {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/****** index ******/
.content-top {
  height: 300px;
  padding-bottom: 100px;
  background-color: #003852;
  position: relative;
}

.content-top h1 {
  color: #fff;
  margin-top: 25px;
}

.content-top h1.mt0 {
  margin-top: 0;
}

.content-top .container {
  position: relative;
}

.seta {
  width: 30px;
  height: 30px;
  background: url(assets/images/seta.png) left center no-repeat;
  background-size: 14px 30px;
  position: absolute;
  bottom: -120px;
  left: -50px;
  z-index: 999;
  cursor: pointer;
}

.seta a {
  width: 100%;
  height: 100%;
  display: block;
}

#redes {
  padding-left: 5px;
  display: flex;
  align-items: flex-end;
}

#redes figure {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

#redes figure a {
  width: 100%;
  height: 100%;
  display: block;
}

/* slider */
.destaque {
  margin-top: -100px;
}

.tp-bullets {
  left: 20px !important;
  top: auto !important;
  bottom: -110px !important;
}

.hermes .tp-bullet:after {
  height: 100%;
  background-color: #003852 !important;
}

.hermes .tp-bullet.selected:after {
  background-color: #008dd0 !important;
}

.slider {
  width: 81.77%;
  float: right;
}

/* o que fazemos */
.o-que {
  padding: 200px 0 75px;
}

.o-que h1 {
  margin-bottom: 100px;
}

.o-que .bt1 {
  margin-right: 0;
  margin-left: auto;
}

.galeria-produtos figure {
  position: relative;
  display: table;
  margin: auto;
}

.galeria-produtos figure:hover > img{
  opacity: 0.8;
}

.gaçeria-produtos .uni a {
  display: block;
  width: 100%;
  height: 100%;
}

.galeria-produtos .uni .nome_produto {
  width: 100%;
  max-width: 420px;
  height: 40%;
  padding-top: 15%;
  background-image: linear-gradient(to top, rgba(0, 56, 82, 1), rgba(0, 56, 82, 0.75), transparent);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 2.4em;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

/* sobre */
.sobre {
  padding: 260px 0 100px;
  position: relative;
}

.sobre h1 {
  margin-bottom: 100px;
}

.sobre figure {
  margin: 70px auto 120px;
  text-align: center;
}

.sobre .bt1 {
  margin-right: 0;
  margin-left: auto;
}

.citacao {
  max-width: 700px;
  margin-right: 0;
  margin-left: auto;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 400;
  font-size: 4.2em;
  font-style: italic;
  line-height: 1.2em;
  text-transform: none;
  text-align: right;
  color: #008dd0;
}

/****** page ******/
.titulo {
  width: 100%;
  height: 115px;
  background-color: #ebebeb;
}

.titulo .container {
  height: 100%;
  position: relative;
}

.titulo h1 {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.breadcrumb {
  margin-top: 40px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 300;
  font-size: 2em;
  color: #008dd0;
}

.breadcrumb a {
  color: #008dd0;
}

.page {
  min-height: -moz-calc(100% - 160px);
  min-height: -webkit-calc(100% - 160px);
  min-height: calc(100% - 160px);
}

.page-destaque figure {
  max-width: 903px;
}

.catalogo {
  margin-top: -100px;
  position: relative;
}

.catalogo .bt1 {
  width: 100%;
  max-width: 300px;
}

.catalogo .bt1 a,
.todos .bt1 a{
  background-color: #008dd0;
}

.catalogo .bt1 a:hover,
.todos .bt1 a:hover{
  background-color: #003852;
}

.catalogo figure {
  margin-bottom: 130px;
}

.page-produtos{
  margin-top: 50px;
}

.page-produtos h2 {
  margin-bottom: 50px;
}

.page-produtos .row {
  margin-bottom: 120px;
}

.page-produtos figure {
  position: relative;
  display: table;
}

.page-produtos .imagem-azul {
  width: 100%;
  height: 40%;
  padding-top: 15%;
  background-image: linear-gradient(to top, rgba(0, 56, 82, 1), rgba(0, 56, 82, 0.75), transparent);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.single-content {
  max-width: 903px;
}

.single-produto {
  margin-top: -100px;
  position: relative;
}

.single-produto figure {
  margin-bottom: 60px;
}

.todos {
  padding: 100px 0 120px;
}

.todos .row:nth-of-type(1) {
  justify-content: flex-end;
}

.todos .row:nth-of-type(2) {
  margin-top: 65px;
}

.todos h3 {
  margin-top: 30px;
  text-align: center;
}

.todos a {
  display: block;
  width: 100%;
  height: 100%;
}

.todos figure {
  position: relative;
  display: table;
}

.todos .imagem-azul {
  width: 100%;
  height: 40%;
  padding-top: 15%;
  background-image: linear-gradient(to top, rgba(0, 56, 82, 1), rgba(0, 56, 82, 0.75), transparent);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.page-sobre {
  margin-top: -100px;
  position: relative;
  padding-bottom: 100px;
}

.page-sobre figure {
  margin-bottom: 60px;
  ;
}

.contato {
  padding: 120px 0;
  background: #eee;
}

.contato h2 {
  margin-bottom: 65px;
}

.contato p {
  max-width: 250px;
}

.mapa {
  margin-top: -100px;
  position: relative;
  margin-bottom: 100px;
}

.embed-container {
  max-width: 903px;
  position: relative;
  height: 426px;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

/* footer */
footer {
  background-color: #003852;
  clear: both;
  width: 100%;
  padding: 50px 0;
  margin: 0 auto;
}

footer p,
footer a {
  color: #FFF;
}

footer a:hover{
  color: #ffd530;
}

footer ul li {
  list-style-type: none;
  text-transform: none;
  margin: 0 0 20px;
  font-size: 2.4em;
  font-weight: 300;
}

footer ul li:last-child {
  margin-bottom: 0;
}

footer ul li a {
  color: #fff;
}

footer ul li a:hover {
  color: #ffd530;
}

footer p.endereco {
  text-align: center;
  margin-bottom: 0;
  padding-right: 30px;
  position: relative;
}

footer p.endereco::after{
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(assets/images/00icon_map.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

footer p.endereco a{  
  width: 100%;
  height: 100%;
  display: block;
}

footer .redes{
  max-width: 275px;
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
}

footer .redes figure{
  width: 25px;
  margin-left: 10px;
}

footer .redes figure a{
  display: block;
  width: 100%;
  height: 100%;
}

/* erro 404 */
.erro404 {
  min-height: -moz-calc(100% - 160px);
  min-height: -webkit-calc(100% - 160px);
  min-height: calc(100% - 160px);
  text-align: center;
}

.erro404 .container {
  height: 100%;
}

.erro404 h1 {
  margin: 52px 0 16px;
}

/****** extras stuff ******/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.linear {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.elm-button {
  background: #EA2D1F !important;
  border: none;
  padding: 10px 20px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.elm-button:hover {
  background: #594f47 !important;
  cursor: pointer;
}

.slick-prev,
.slick-next {
  width: 60px !important;
  height: 60px !important;
  background-color: rgba(0, 56, 82, 0.5) !important;
  background-position: center !important;
  background-size: 15px auto !important;
  background-repeat: no-repeat !important;
  border-radius: 0 !important;
  top: 50% !important;
  z-index: 9 !important;-webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.slick-prev {
  background-image: url(assets/images/seta_esq.png) !important;
  left: 5px !important;
}

.slick-next {
  background-image: url(assets/images/seta_dir.png) !important;
  right: 5px !important;
}

.slick-prev:hover, .slick-next:hover{
  background-color: rgba(0, 56, 82, 0.7) !important;
}

.slick-slide {
  padding: 0 5px !important;
  margin: 0 !important;
}

/* linhas paralelas */
.linha {
  width: 14px;
  height: 590px;
  background: #008dd0;
  position: absolute;
  z-index: 999;
}

.content-top .linha.linha-1 {
  right: 300px;
  top: -40px;
}

.content-top .linha.linha-2 {
  right: 220px;
  top: 350px;
}

.content-top .linha.linha-3 {
  right: 130px;
  top: -40px;
}

.sobre .linha.linha-1 {
  left: 300px;
  bottom: 260px;
}

.sobre .linha.linha-2 {
  left: 220px;
  bottom: -200px;
}

.sobre .linha.linha-3 {
  left: 130px;
  bottom: 260px;
}

/* lightbox */
#abrir {
  width: 300px;
  height: 50px;
  margin-top: 30px;
  cursor: pointer;
}

#abrir span {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.grupo_lightbox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999999999;
  display: none;
}

#fechar {
  width: 30px;
  height: 30px;
  top: 50px;
  right: 50px;
  position: absolute;
  background: url(assets/images/menu-close.png) center no-repeat;
  cursor: pointer;
}

.conteudo_lightbox {
  width: 80%;
  height: 80%;
  padding: 10px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: #fff;
}

/*section*/
section {
  width: 100%;
}

/* rows and columns */
.row {
  width: 100%;
  margin: 0.5em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.row::after {
  clear: both;
}

.row::before,
.row::after {
  content: "";
  display: table;
}

.column {
  min-height: 20px;
  position: relative;
}

.column+.column {
  margin-left: 1.6%;
}

/* grid */
.column-1 {
  width: 6.8666666667%;
}

.column-2 {
  width: 15.3333333333%;
}

.column-3 {
  width: 23.8%;
}

.column-4 {
  width: 32.2666666667%;
}

.column-5 {
  width: 40.7333333333%;
}

.column-6 {
  width: 49.2%;
}

.column-7 {
  width: 57.6666666667%;
}

.column-8 {
  width: 66.1333333334%;
}

.column-9 {
  width: 74.6%;
}

.column-10 {
  width: 83.0666666667%;
}

.column-11 {
  width: 91.5333333334%;
}

.column-12 {
  width: 100%;
}

/* grid 10 colunas */
.col10-1 {
  width: 8.56%;
}

.col10-2 {
  width: 18.72%;
}

.col10-3 {
  width: 28.88%;
}

.col10-4 {
  width: 39.04%;
}

.col10-5 {
  width: 49.2%;
}

.col10-6 {
  width: 59.36%;
}

.col10-7 {
  width: 69.52%;
}

.col10-8 {
  width: 79.68%;
}

.col10-9 {
  width: 89.84%;
}

.col10-10 {
  width: 100%;
}

/* linha ├║nica */
.unica .column {
  margin-bottom: 30px;
}

.unica .column-1:nth-of-type(12n+1),
.unica .column-2:nth-of-type(6n+1),
.unica .column-3:nth-of-type(4n+1),
.unica .column-4:nth-of-type(3n+1),
.unica .column-6:nth-of-type(2n+1),
.unica .column-102:nth-of-type(5n+1),
.unica .column-105:nth-of-type(2n+1) {
  margin-left: 0;
}

/* content */
#load .post {
  margin-bottom: 30px;
}

#load .post:last-child {
  margin-bottom: 0;
}

/* Primary Sidebars */
.primary-sidebar {
  margin: 0;
  padding: 0;
  font-size: 12px;
  overflow: hidden;
  float: right;
  width: 100%;
}

.primary-sidebar h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #000;
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #ddd;
}

.primary-sidebar p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.primary-sidebar ul li {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  list-style-type: none;
}

/****** media queries ******/
@media screen and (max-width: 1700px) {
  .sobre .linha.linha-2 {
    bottom: -30px;
  }

  .sobre .linha {
    height: 400px;
  }

  .content-top .linha.linha-2 {
    top: 260px;
  }

  .content-top .linha.linha-1,
  .content-top .linha.linha-3 {
    top: 30px;
  }

  .content-top .linha {
    height: 400px;
  }
}

@media screen and (max-width: 1366px) {
  h1 {
    font-size: 4.8em;
  }

  p {
    font-size: 2.2em;
    line-height: 1.6em;
  }

  .main-navigation {
    font-size: 2.2em;
  }

  .o-que {
    padding-top: 120px;
  }

  .o-que h1,
  .sobre h1 {
    margin-bottom: 60px;
  }

  .sobre {
    padding-top: 100px;
  }

  .sobre figure {
    margin: 60px auto 80px;
  }

  .citacao {
    font-size: 4em;
  }

  .page-produtos .row {
    margin-bottom: 75px;
  }

  .contato {
    padding: 80px 0;
  }

  .slick-next {
    right: 3px !important;
  }

  .wpcf7 input[type="submit"] {
    font-size: 2.2em;
  }
}

@media screen and (max-width: 1180px) {
  .container {
    padding: 0 10px;
  }
}

@media screen and (max-width: 1120px) {
  .linha {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  .unica .column-3 {
    width: 49.2%;
  }

  .unica .column-3:nth-of-type(2n+1) {
    margin-left: 0;
  }

  header div.column-4:nth-of-type(1) {
    display: none;
  }

  header .column-4 {
    width: 49.2%;
  }

  .menu-desktop {
    display: none;
  }

  .menu-responsivo {
    width: 100%;
    height: 80px;
    background-color: #ffd530;
    position: fixed;
    z-index: 999;
  }

  .menu-responsivo figure {
    width: 30px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
  }

  .main-navigation {
    width: calc(100% - 40px);
    height: 100%;
    padding-top: 15px;
    float: none;
    line-height: normal;
  }

  .main-navigation ul {
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
  }

  .main-navigation ul li {
    display: inline-block;
    position: relative;
    margin: 0 15px 0 0;
    padding: 10px;
  }

  .main-navigation ul li:last-child {
    margin-right: 0;
  }

  .main-navigation ul li a,
  .main-navigation ul li a:hover,
  .main-navigation ul li.current_page_item a,
  .main-navigation ul li.current_page_item a:hover {
    color: #003852;
  }

  .menu-abrir {
    width: 36px;
    height: 36px;
    background-color: #003852;
    background-image: url(assets/images/menu_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: 100px;
    right: 5%;
    cursor: pointer;
    z-index: 999999;
    display: block;
  }

  .menu-fechar {
    background-image: url(assets/images/menu-close.png);
  }

  #redes {
    display: none;
  }

  footer {
    text-align: center;
  }

  footer ul {
    margin: 30px 0;
  }

  footer ul li {
    margin-bottom: 0;
  }

  footer p {
    display: table;
    margin: 15px auto;
  }

  footer .column-4 {
    width: 100%;
    margin: 0;
  }

  footer .redes figure {
    max-width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .embed-container {
    height: 250px;
  }

  .bt1 {
    max-width: 250px;
    height: 60px;
    font-size: 2em;
  }
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 4.4em;
  }

  h2 {
    font-size: 3.8em;
  }

  p {
    font-size: 2em;
    line-height: 1.4em;
  }

  header .logo {
    width: 180px;
    padding-right: 10px;
  }

  header div.column-4 {
    width: calc(100% - 180px);
  }

  .row {
    flex-wrap: wrap;
  }

  .column-1,
  .column-2,
  .column-3,
  .column-4,
  .column-5,
  .column-6,
  .column-7,
  .column-8,
  .column-9,
  .column-10,
  .column-11,
  .column-12,
  .column-101,
  .column-102,
  .column-103,
  .column-104,
  .column-105,
  .column-106,
  .column-107,
  .column-108,
  .column-109,
  .column-110,
  .unica .column-3 {
    width: 100%;
    margin: 0.5em 0;
  }

  .column+.column {
    margin-left: 0;
  }

  .page-produtos {
    margin-top: 50px;
  }

  .page-produtos .row {
    flex-direction: column-reverse;
  }

  .page-produtos figure {
    max-width: 350px;
    margin-bottom: 30px;
  }

  .todos .row:nth-of-type(1) {
    justify-content: flex-start;
    margin-top: 30px;
  }

  .todos figure {
    max-width: 350px;
  }

  .todos h3 {
    max-width: 350px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 500px) {
  .info-contato p {
    font-size: 1.8em;
  }

  
  .bt1 {
    max-width: 200px;
    height: 50px;
  }
}

@media screen and (max-width: 410px) {
  header {
    height: auto;
  }

  header .logo {
    width: 100%;
  }

  header div.column-4 {
    width: 100%;
  }
}

/*# sourceMappingURL=style.css.map */