/* ---------------------------------- */
/* ----------- BASE CONFIG ---------- */
/* ---------------------------------- */
/* -------------------------- */
/* ------- TYPOGRAPHY ------- */
/* -------------------------- */
@import url(http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@font-face {
  font-family: Levibrush;
  font-style: normal;
  font-weight: normal;
  src: url("font/levibrush.eot?#iefix") format("embedded-opentype"), url("font/levibrush.woff2") format("woff2"), url("font/levibrush.woff") format("woff"), url("font/levibrush.ttf") format("truetype"), url("font/levibrush.svg#Levibrush") format("svg");
}

/* -------------------------- */
/* ANIMATED BORDERS */
.special-border {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #2c3e50;
  -webkit-transition: background 0.4s 0.5s;
  transition: background 0.4s 0.5s;
}

.special-border svg {
  position: absolute;
  top: 0;
  left: 0;
}

.special-border svg line {
  stroke-width: 0;
  stroke: #fff;
  fill: none;
  -webkit-transition: none;
  transition: none;
}

.special-border svg.top, .special-border svg.bottom {
  stroke-dasharray: 330 240;
}

.special-border svg.left, .special-border svg.right {
  stroke-dasharray: 490 400;
}

.special-border:hover svg line {
  stroke-width: 8;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
}

.special-border:hover svg line.top {
  -webkit-transform: translateX(-500px);
  transform: translateX(-500px);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.special-border:hover svg line.bottom {
  -webkit-transform: translateX(600px);
  transform: translateX(600px);
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.special-border:hover svg line.left {
  -webkit-transform: translateY(920px);
  transform: translateY(920px);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.special-border:hover svg line.right {
  -webkit-transform: translateY(-350px);
  transform: translateY(-350px);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

@-webkit-keyframes arrow-down {
  from {
    bottom: 0;
    opacity: 1;
  }
  to {
    bottom: -40px;
    opacity: 0;
  }
}

@keyframes arrow-down {
  from {
    bottom: 0;
    opacity: 1;
  }
  to {
    bottom: -40px;
    opacity: 0;
  }
}

/* -------------------------- */
/* --------- RESET ---------- */
/* -------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: middle;
}

/* -------------------------- */
/* ---------------------------------- */
/* ---------------------------------- */
/* --------- GENERAL LAYOUTS -------- */
/* ---------------------------------- */
/* -------------------------- */
/* ------ GENERAL GRID ------ */
/* ------ LAYOUT ------------ */
/* -------------------------- */
html {
  position: relative;
  min-height: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #353436;
}

body {
  margin: 0 0 60px;
  margin: 0;
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  body {
    margin: 0;
  }
}

@media (max-width: 480px) {
  body {
    padding-bottom: 0;
  }
}

a {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a:hover {
  color: #666769;
}

h1,
h2,
h3,
h4 {
  font-family: "Montserrat", sans-serif;
}

img {
  max-width: 100%;
}

strong {
  font-weight: bold;
  color: #2A4551;
}

.clearboth {
  clear: both;
}

.img-responsive {
  display: none;
}

@media (max-width: 480px) {
  .img-responsive {
    display: inline;
  }
}

.img-desktop {
  display: inline;
}

@media (max-width: 480px) {
  .img-desktop {
    display: none;
  }
}

/* -------------------------- */
/* -------------------------- */
/* ----- HEADER LAYOUT ------ */
/* -------------------------- */
form.newsletter {
  background-color: #2a4752;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: auto;
  color: #FFFFFF;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}

header .content-header {
  max-width: 1400px;
  width: 100%;
  padding: 50px 50px;
  margin: 0 auto;
  display: table;
  font-size: 14px;
  -webkit-transition: 0.2s all 0.4s ease-in-out;
  transition: 0.2s all 0.4s ease-in-out;
}

header .content-header > * {
  display: table-cell;
  vertical-align: middle;
}

header .content-header .logo img {
  max-width: 140px;
}

@media (max-width: 1280px) {
  header .content-header {
    max-width: 1200px;
    padding: 50px 20px;
  }
}

@media (max-width: 1024px) {
  header .content-header {
    width: 100%;
    padding: 20px;
    font-size: 1em;
  }
  header .content-header .logo img {
    max-width: 100px;
  }
}

@media (max-width: 480px) {
  header .content-header {
    display: table;
    width: 100%;
    padding: 10px 20px;
  }
  header .content-header .logo {
    display: table-cell;
  }
  header .content-header .logo img {
    max-width: 80px;
  }
  header .content-header nav.main {
    display: table-cell;
  }
  header .content-header nav.main .responsive {
    float: right;
    position: static;
  }
  header .content-header nav.main .responsive .menu-button {
    position: static;
  }
}

header.inner .content-header {
  padding: 0;
}

header nav.main {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: auto;
  font-family: "Montserrat", sans-serif;
}

header nav.main .content-items {
  display: table;
  width: 100%;
}

header nav.main .content-items .menu-item {
  display: table-cell;
  vertical-align: top;
}

header nav.main .content-items .menu-item a {
  padding: 10px;
  border: solid 4px transparent;
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: border-color 0.2s ease-out 0s;
  transition: border-color 0.2s ease-out 0s;
}

header nav.main .content-items .menu-item:hover > a {
  border-color: #1D2C39;
}

header nav.main .content-items .menu-item:hover.has-submenu > a {
  margin-top: 0;
}

header nav.main .content-items .menu-item.current > a {
  color: #fff;
  background-color: rgba(0, 16, 30, 0.6);
}

header nav.main .content-items .menu-item.has-submenu > a:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-left: 7px;
  vertical-align: middle;
  background: url("../img/style/submenu.png") no-repeat center;
}

@media (max-width: 1024px) {
  header nav.main .content-items .menu-item.has-submenu > a:after {
    display: none;
  }
}

header nav.main .content-items .menu-item .submenu {
  max-height: 0;
  opacity: 0;
  position: absolute;
  margin-top: -4px;
  width: 250px;
  overflow: hidden;
  border: solid 4px #1D2C39;
}

header nav.main .content-items .menu-item .submenu li {
  background-color: rgba(0, 16, 30, 0.6);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

header nav.main .content-items .menu-item .submenu li a {
  padding: 8px 6px;
  font-size: 0.9em;
  display: block;
  text-align: left;
}

header nav.main .content-items .menu-item .submenu li:hover {
  background-color: rgba(0, 16, 30, 0.8);
}

@media (max-width: 1024px) {
  header nav.main .content-items .menu-item .submenu {
    display: none;
  }
}

header nav.main .content-items .menu-item .submenu:hover,
header nav.main .content-items .menu-item.has-submenu:hover > .submenu,
header nav.main .content-items .menu-item.has-submenu:after:hover > .submenu {
  opacity: 1;
  display: block;
  max-height: 270px;
  -webkit-transition: all 0.5s ease-out 0.2s;
  transition: all 0.5s ease-out 0.2s;
}

@media (max-width: 1024px) {
  header nav.main .content-items .menu-item {
    vertical-align: middle;
  }
}

header nav.main .responsive {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 108px;
  height: 100%;
}

header nav.main .responsive .menu-button .button .lines {
  background-color: #FFFFFF;
}

header nav.main .responsive .menu-button .button .lines:after, header nav.main .responsive .menu-button .button .lines:before {
  background-color: #FFFFFF;
}

@media (max-width: 768px) {
  header nav.main .responsive {
    display: block;
    overflow: hidden;
  }
}

header nav.main .responsive .items {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  padding: 80px 0;
  background-image: radial-gradient(rgba(0, 0, 0, 0.7), black);
  -webkit-transition: opacity 0.5s ease-out 0s;
  transition: opacity 0.5s ease-out 0s;
}

header nav.main .responsive .items a {
  display: table-row;
  padding: 0;
  color: #FFFFFF;
  font-size: 1.5em;
  text-align: center;
  text-transform: uppercase;
}

header nav.main .responsive .items a:hover {
  color: #666769;
  background-color: #2A4551;
}

header nav.main .responsive .items a span {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 1024px) {
  header nav.main {
    width: 80%;
  }
}

@media (max-width: 768px) {
  header nav.main .content-items {
    display: none;
  }
}

header .social {
  display: none;
  position: absolute;
  right: 0;
  bottom: calc(20% - (35px / 2));
  z-index: 3;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

header .social a {
  display: block;
  float: left;
  width: 35px;
  padding: 7.5px;
  margin: 0 5px;
  background-color: #666769;
  border-radius: 50px;
}

header .social a:hover {
  background-color: #2A4551;
}

header .social a img {
  width: 100%;
}

@media (max-width: 768px) {
  header .social {
    display: none;
  }
}

header.fixed {
  background-color: rgba(0, 16, 30, 0.8);
  -webkit-transition: 0.2s all 0.4s ease-in-out;
  transition: 0.2s all 0.4s ease-in-out;
}

header.fixed .content-header {
  padding: 5px;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}

header.fixed .content-header .logo img {
  height: 60px;
}

@media (max-width: 1024px) {
  header.fixed .content-header .logo img {
    height: 40px;
    margin-left: 20px;
  }
}

header.fixed .content-header nav .content-items .menu-item a {
  font-size: 14px;
}

header.fixed .content-header nav .content-items .menu-item .submenu {
  top: 56px;
  margin-top: 0;
}

header.fixed .content-header nav .content-items .menu-item:hover.has-submenu {
  position: relative;
}

header.fixed .content-header nav .content-items .menu-item:hover.has-submenu > a {
  border-bottom: solid 4px rgba(0, 16, 30, 0.8);
  margin-top: 0;
}

header.fixed .content-header nav .content-items .menu-item:hover.has-submenu:after {
  content: "";
  height: 14px;
  width: 100%;
  display: block;
  position: absolute;
}

@media (max-width: 1024px) {
  header.fixed .content-header nav.main {
    width: 100%;
  }
}

header.fixed .social {
  opacity: 0;
  z-index: -1;
}

header.active {
  height: 100%;
  -webkit-transition: height 0s ease-out 0s;
  transition: height 0s ease-out 0s;
}

header.active nav.main .responsive .menu-button .lines {
  background-color: transparent;
}

header.active nav.main .responsive .menu-button .lines:before {
  top: 0px;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

header.active nav.main .responsive .menu-button .lines:after {
  top: 0px;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

header.active nav.main .responsive .items {
  opacity: 1 !important;
  z-index: 5 !important;
  display: table !important;
  -webkit-transition: opacity 0.5s ease-out 0.2s;
  transition: opacity 0.5s ease-out 0.2s;
}

@media (max-width: 480px) {
  header.active nav.main .responsive .menu-button {
    position: relative;
  }
}

@media (max-width: 768px) {
  header {
    height: 60px;
    -webkit-transition: top 0.2s ease-out, height 0s ease-out 0.5s;
    transition: top 0.2s ease-out, height 0s ease-out 0.5s;
  }
  header .background {
    height: 60px;
    width: 100%;
  }
  header nav .logo {
    position: relative;
    z-index: 10;
  }
  header nav .logo img {
    height: 80px;
  }
  header nav .content-items {
    display: none;
    z-index: -1;
  }
  header nav .content-items a {
    padding: 25px 10px 0;
  }
  header .social {
    z-index: -1;
    opacity: 0;
  }
  header.nav-up:not(.active) {
    top: -60px;
  }
}

/* MENU BUTTON */
.menu-button {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  height: 60px;
}

.menu-button .text {
  display: table-cell;
  vertical-align: middle;
}

.menu-button .button {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px 20px;
  cursor: pointer;
}

.menu-button .lines {
  display: inline-block;
  position: relative;
  height: 4px;
  width: 40px;
  margin-top: -10px;
  background-color: #2A4551;
  padding-bottom: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.menu-button .lines:before, .menu-button .lines:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  height: 4px;
  width: 40px;
  background: #2A4551;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.menu-button .lines:before {
  top: -12px;
}

.menu-button .lines:after {
  top: 12px;
}

.menu-button:hover .lines:before {
  top: -15px;
}

.menu-button:hover .lines:after {
  top: 15px;
}

.push {
  clear: both;
  width: 100%;
  height: 100px;
  background-color: #666769;
}

@media (max-width: 1024px) {
  .push {
    height: 60px;
  }
}

/* -------------------------- */
/* ------- NAV LAYOUT ------- */
/* -------------------------- */
/* -------------------------- */
nav.inner-page {
  position: relative;
  z-index: 2;
  width: 85%;
  height: 100%;
  margin: auto;
  font-family: "Montserrat", sans-serif;
}

nav.inner-page .content-items {
  display: table;
  display: none;
  width: 100%;
}

nav.inner-page .content-items .menu-item {
  display: table-cell;
  vertical-align: middle;
}

nav.inner-page .content-items .menu-item a {
  padding: 10px;
  border: solid 4px transparent;
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: border-color 0.2s ease-out 0s;
  transition: border-color 0.2s ease-out 0s;
}

nav.inner-page .content-items .menu-item:hover > a {
  border-color: rgba(0, 16, 30, 0.8);
}

nav.inner-page .content-items .menu-item:hover.has-submenu > a {
  margin-top: 0;
}

nav.inner-page .content-items .menu-item.has-submenu > a:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-left: 7px;
  vertical-align: middle;
  background: url("../img/style/submenu.png") no-repeat center;
}

nav.inner-page .content-items .menu-item .submenu {
  max-height: 0;
  opacity: 0;
  position: absolute;
  top: 66px;
  width: 250px;
  overflow: hidden;
  border: solid 4px rgba(0, 16, 30, 0.8);
}

nav.inner-page .content-items .menu-item .submenu li {
  background-color: rgba(0, 16, 30, 0.6);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

nav.inner-page .content-items .menu-item .submenu li a {
  padding: 8px 6px;
  font-size: 0.9em;
  display: block;
  text-align: left;
}

nav.inner-page .content-items .menu-item .submenu li:hover {
  background-color: rgba(0, 16, 30, 0.8);
}

nav.inner-page .content-items .menu-item .submenu:hover,
nav.inner-page .content-items .menu-item.has-submenu:hover > .submenu,
nav.inner-page .content-items .menu-item.has-submenu:after:hover > .submenu {
  opacity: 1;
  display: block;
  max-height: 270px;
  -webkit-transition: all 0.5s ease-out 0.2s;
  transition: all 0.5s ease-out 0.2s;
}

nav.inner-page .responsive {
  overflow: hidden;
  display: block;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100px;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: height 0s ease-out 0.4s, width 0s ease-out 0.4s;
  transition: height 0s ease-out 0.4s, width 0s ease-out 0.4s;
}

nav.inner-page .responsive .items {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  padding: 100px 0;
  background-image: radial-gradient(rgba(0, 0, 0, 0.7), black);
  -webkit-transition: opacity 0.5s ease-out 0s;
  transition: opacity 0.5s ease-out 0s;
}

nav.inner-page .responsive .items a {
  display: table-row;
  padding: 0;
  color: #FFFFFF;
  font-size: 1.5em;
  text-align: center;
  text-transform: uppercase;
}

nav.inner-page .responsive .items a:hover {
  color: #f5f5f5;
  background-color: #2A4551;
  text-shadow: 5px 5px 10px #000;
}

nav.inner-page .responsive .items a span {
  display: table-cell;
  vertical-align: middle;
}

nav.inner-page .responsive .items a span img {
  max-height: 70px;
}

nav.inner-page .responsive .menu-button {
  width: 100px;
  height: 80px;
}

nav.inner-page .responsive .menu-button .button {
  padding: 0;
  text-align: center;
}

nav.inner-page .responsive .menu-button .button .lines,
nav.inner-page .responsive .menu-button .button .lines:before,
nav.inner-page .responsive .menu-button .button .lines:after {
  height: 5px;
  width: 50px;
}

nav.inner-page .responsive .menu-button .button .lines:before {
  top: -15px;
}

nav.inner-page .responsive .menu-button .button .lines:after {
  top: 15px;
}

@media (max-width: 480px) {
  nav.inner-page .responsive {
    position: absolute;
    width: 60px;
    height: 55px;
  }
  nav.inner-page .responsive .menu-button {
    height: 50px;
    width: 50px;
  }
  nav.inner-page .responsive .menu-button .button {
    padding: 15px;
  }
  nav.inner-page .responsive .menu-button .button .lines,
  nav.inner-page .responsive .menu-button .button .lines:before,
  nav.inner-page .responsive .menu-button .button .lines:after {
    height: 3px;
    width: 30px;
  }
  nav.inner-page .responsive .menu-button .button .lines:before {
    top: -10px;
  }
  nav.inner-page .responsive .menu-button .button .lines:after {
    top: 10px;
  }
  nav.inner-page .responsive .items {
    padding: 50px 0;
  }
}

nav.inner-page.active .responsive {
  height: 100%;
  position: fixed;
  width: 100%;
  -webkit-transition: none;
  transition: none;
}

nav.inner-page.active .responsive .items {
  opacity: 1;
  z-index: 5;
  -webkit-transition: opacity 0.5s ease-out 0.2s;
  transition: opacity 0.5s ease-out 0.2s;
}

nav.inner-page.active .menu-button .button .lines {
  background-color: transparent;
}

nav.inner-page.active .menu-button .button .lines:before {
  top: 0px;
  background-color: #FFFFFF;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

nav.inner-page.active .menu-button .button .lines:after {
  top: 0px;
  background-color: #FFFFFF;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

nav.inner .menu-item {
  display: block;
  float: left;
  height: 450px;
  width: 33.333%;
  position: relative;
  overflow: hidden;
}

nav.inner .menu-item .item-content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}

nav.inner .menu-item .item-content a img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
}

nav.inner .menu-item .filtered-bg {
  position: absolute;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}

nav.inner .menu-item:hover .filtered-bg {
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

nav.inner .menu-item:hover .item-content {
  background-color: transparent;
}

@media (max-width: 1280px) {
  nav.inner .menu-item {
    height: 300px;
  }
}

@media (max-width: 768px) {
  nav.inner .menu-item {
    height: 200px;
  }
}

@media (max-width: 480px) {
  nav.inner .menu-item {
    width: 50%;
    height: 150px;
  }
}

nav.inner.four {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

nav.inner.four .menu-item {
  width: 25%;
  height: 250px;
}

nav.inner.four .menu-item .item-content {
  display: table;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}

nav.inner.four .menu-item .item-content a {
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  padding: 0 20px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  opacity: 0;
  font-style: italic;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}

nav.inner.four .menu-item .item-content a span {
  font-family: "Levibrush";
  font-size: 3.5em;
  font-style: normal;
  line-height: 1em;
  padding-bottom: 10px;
}

nav.inner.four .menu-item:hover .item-content {
  background-color: rgba(226, 0, 121, 0.4);
}

nav.inner.four .menu-item:hover .item-content a {
  opacity: 1;
}

@media (max-width: 480px) {
  nav.inner.four .menu-item {
    width: 50%;
    height: 150px;
  }
}

/* -------------------------- */
/* ----- CONTENT LAYOUT ----- */
/* -------------------------- */
.terminos {
  padding-right: 40px;
  text-align: initial;
}

.content, .part.part-text .content_part, .part.gallery {
  width: 100%;
  max-width: 1200px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
}

.content h2, .part.part-text .content_part h2, .part.gallery h2 {
  padding: 30px 50px;
  margin: auto;
  font-weight: 400;
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: center;
}

@media (max-width: 480px) {
  .content h2, .part.part-text .content_part h2, .part.gallery h2 {
    padding: 20px;
    font-size: 1.8em;
  }
}

.content h3, .part.part-text .content_part h3, .part.gallery h3 {
  padding: 30px 0;
  margin: auto;
  font-weight: 400;
  font-size: 2em;
  text-transform: uppercase;
}

@media (max-width: 480px) {
  .content h3, .part.part-text .content_part h3, .part.gallery h3 {
    padding: 20px;
    padding-left: 0;
    font-size: 1.4em;
  }
}

.content h4, .part.part-text .content_part h4, .part.gallery h4 {
  margin-bottom: 10px;
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 400;
  text-transform: uppercase;
  color: #353436;
}

@media (max-width: 480px) {
  .content h4, .part.part-text .content_part h4, .part.gallery h4 {
    font-size: 1.2em;
  }
}

.content .title-filled, .part.part-text .content_part .title-filled, .part.gallery .title-filled {
  max-width: 30%;
  color: #FFFFFF;
  background-color: #2A4551;
  border-radius: 0;
  border: 5px solid #FFFFFF;
  -webkit-box-shadow: 0 0 0 7.5px #2A4551;
          box-shadow: 0 0 0 7.5px #2A4551;
}

@media (max-width: 1024px) {
  .content .title-filled, .part.part-text .content_part .title-filled, .part.gallery .title-filled {
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .content .title-filled, .part.part-text .content_part .title-filled, .part.gallery .title-filled {
    max-width: 100%;
  }
}

.content .title-empty, .part.part-text .content_part .title-empty, .part.gallery .title-empty {
  max-width: 50%;
  color: #666769;
  background-color: #FFFFFF;
  border-radius: 0;
  border: 10px solid #2A4551;
  -webkit-box-shadow: 0 0 0 15px transparent;
          box-shadow: 0 0 0 15px transparent;
  font-size: 2.2em;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .content .title-empty, .part.part-text .content_part .title-empty, .part.gallery .title-empty {
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .content .title-empty, .part.part-text .content_part .title-empty, .part.gallery .title-empty {
    max-width: 100%;
    font-size: 1.4em;
  }
}

.content p, .part.part-text .content_part p, .part.gallery p {
  margin-bottom: 20px;
  font-weight: 300;
  line-height: 1.5em;
}

.content p.big, .part.part-text .content_part p.big, .part.gallery p.big {
  font-size: 19.2px;
}

.content ul, .part.part-text .content_part ul, .part.gallery ul,
.content ol,
.part.part-text .content_part ol,
.part.gallery ol {
  padding-left: 50px;
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
}

.content ul li, .part.part-text .content_part ul li, .part.gallery ul li,
.content ol li,
.part.part-text .content_part ol li,
.part.gallery ol li {
  font-weight: inherit;
}

.content ul ul, .part.part-text .content_part ul ul, .part.gallery ul ul,
.content ul ol,
.part.part-text .content_part ul ol,
.part.gallery ul ol,
.content ol ul,
.part.part-text .content_part ol ul,
.part.gallery ol ul,
.content ol ol,
.part.part-text .content_part ol ol,
.part.gallery ol ol {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .content ul, .part.part-text .content_part ul, .part.gallery ul,
  .content ol,
  .part.part-text .content_part ol,
  .part.gallery ol {
    padding: 0 20px;
  }
}

.content ul, .part.part-text .content_part ul, .part.gallery ul {
  list-style-type: circle;
}

.content ul ul, .part.part-text .content_part ul ul, .part.gallery ul ul {
  list-style-type: square;
}


.content ol,
.part.part-text .content_part ol,
.part.gallery ol {
  list-style-type: decimal;
}

.content img, .part.part-text .content_part img, .part.gallery img {
  vertical-align: middle;
}

.content a, .part.part-text .content_part a, .part.gallery a {
  color: #2A4551;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.content a:hover, .part.part-text .content_part a:hover, .part.gallery a:hover {
  color: #666769;
}

.content strong, .part.part-text .content_part strong, .part.gallery strong {
  font-weight: 700;
}

.content em, .part.part-text .content_part em, .part.gallery em {
  font-style: italic;
}

.content .separator, .part.part-text .content_part .separator, .part.gallery .separator {
  width: 20%;
  clear: both;
  margin: 20px auto;
  border-bottom: 1px solid #666769;
}

@media (max-width: 480px) {
  .content .separator, .part.part-text .content_part .separator, .part.gallery .separator {
    margin: 10px auto;
  }
}

.content.no-bottom, .part.part-text .no-bottom.content_part, .no-bottom.part.gallery {
  padding-bottom: 0;
  margin-bottom: 0;
}

.content .part.part-text .content_part, .part.part-text .content_part .part.part-text .content_part, .part.gallery .part.part-text .content_part {
  padding: 0;
}

@media (max-width: 1024px) {
  .content, .part.part-text .content_part, .part.gallery {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (max-width: 768px) {
  .content, .part.part-text .content_part, .part.gallery {
    padding: 40px;
  }
}

@media (max-width: 480px) {
  .content, .part.part-text .content_part, .part.gallery {
    padding: 30px 20px;
  }
}

.goup {
  position: fixed;
  bottom: 65px;
  right: 20px;
  cursor: pointer;
  z-index: 100;
}

.goup.hide {
  display: none;
}

@media (max-width: 480px) {
  .goup {
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
  }
}

.go-down {
  background: url(../img/style/down.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100px;
  height: 80px;
}

.go-down:hover {
  -webkit-animation: arrow-down 1.5s infinite;
  animation: arrow-down 1.5s infinite;
}

@media (max-width: 480px) {
  .go-down {
    height: 50px;
  }
}

.link-button {
  display: inline-block;
  padding: 20px 40px;
  background-color: #2A4551;
  color: #FFFFFF !important;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-top: 20px;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.link-button span {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.link-button:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  right: -15px;
  position: absolute;
  opacity: 0;
  background: url(../img/style/arrow.png) no-repeat center;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.link-button:hover {
  opacity: 0.9;
}

.link-button:hover span {
  margin-left: -10px;
  margin-right: 10px;
  text-shadow: 5px 5px 10px #000;
}

.link-button:hover:after {
  opacity: 1;
  right: 10px;
}

.link-button.small {
  padding: 10px 20px;
  font-size: 0.9em;
}

@media (max-width: 480px) {
  .link-button {
    padding: 10px 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.hide {
  display: none;
}

/* -------------------------- */
.part {
  margin-bottom: 20px;
}

.part.part-text {
  margin-bottom: 0;
}

.part.part-text img {
  display: block;
  max-width: 50%;
  margin-bottom: 0;
}

.part.part-text img.center {
  width: auto;
  margin: 20px auto;
  max-width: 800px;
  width: 100%;
}

.part.part-text img.left {
  float: left;
  margin-right: 50px;
}

.part.part-text img.right {
  float: right;
  margin-left: 50px;
}

.part.part-text img.responsive {
  display: none;
}

@media (max-width: 768px) {
  .part.part-text img {
    display: none;
  }
  .part.part-text img.responsive {
    display: block;
    padding-top: 15px;
  }
}

@media (max-width: 480px) {
  .part.part-text img {
    max-width: 100%;
  }
  .part.part-text img.left, .part.part-text img.right {
    float: none;
    margin: auto;
  }
}

.part.part-text .content_part h2 {
  text-align: left;
  padding: 0;
  margin-bottom: 30px;
}

.part.part-text .content_part h3 {
  display: inline-block;
}

.part.part-text .content_part h3:first-child {
  padding-top: 0;
}

.part.part-text .content_part h4 {
  -webkit-column-span: all;
  column-span: all;
}

.part.part-text .content_part ol {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 20px;
  counter-reset: section;
  list-style-type: none;
  padding: 0;
}

.part.part-text .content_part ol li {
  display: table-cell;
}

.part.part-text .content_part ol li:before {
  counter-increment: section;
  content: counters(section, ".") " ";
  display: block;
  font-size: 4em;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2em;
  color: #ccc;
}

@media (max-width: 1024px) {
  .part.part-text .content_part h3 {
    padding-bottom: 20px;
  }
  .part.part-text .content_part h4 {
    font-size: 1.3em;
  }
  .part.part-text .content_part p {
    margin-bottom: 10px;
    line-height: 1.3em;
  }
}

@media (max-width: 480px) {
  .part.part-text .content_part {
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
  }
  .part.part-text .content_part ol {
    display: block;
  }
  .part.part-text .content_part ol li {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
  }
  .part.part-text .content_part ol li:before {
    float: left;
    width: 50px;
    text-align: center;
    margin-right: 10px;
  }
  .part.part-text .content_part .icon {
    float: right;
  }
}

.part.part-text .content_image {
  width: 35%;
  max-width: 1200px;
  padding-top: 50px;
  padding-left: 20px;
  margin: auto;
}

@media (max-width: 480px) {
  .part.part-text .content_image {
    padding: 10px;
  }
}

@media (max-width: 480px) {
  .part.part-text .link-button {
    margin-bottom: 20px;
  }
}

.part.even {
  background-color: #eee;
}

.part.featured .content-part {
  padding: 50px;
  margin-bottom: 50px;
  border-top: 10px solid #2A4551;
  border-bottom: 10px solid #2A4551;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 2em;
  text-align: center;
}

.part.featured .content-part p {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .part.featured .content-part {
    padding: 50px 20px;
    font-size: 1.6em;
  }
}

.part.gallery-patronato {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 20px;
}

.part.gallery-patronato .wrapper-table .image {
  display: table-cell;
  vertical-align: middle;
}

.part.gallery-patronato .wrapper-table .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.part.gallery-patronato .wrapper-table .image.big {
  width: 100%;
  height: auto;
}

.part.gallery-patronato .wrapper-table .image.small {
  width: 60px;
}

.part.gallery-patronato .wrapper-table .image.small img {
  width: 60px;
}

.part.gallery-patronato .wrapper-table .image.small-landscape {
  width: 25%;
  padding: 2% 2%;
}

.part.gallery-patronato .image {
  float: left;
  width: 33.33333%;
  height: 120px;
  text-align: center;
  padding-bottom: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.part.gallery-patronato .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.part.gallery-patronato .image.big {
  width: 100%;
  height: auto;
}

.part.gallery-colaboradores {
  margin-bottom: 0;
  padding-bottom: 20px;
}

.part.gallery-colaboradores.single-element .wrapper-table .image {
  margin: 0 auto;
}

.part.gallery-colaboradores .wrapper-table {
  display: table;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  border-spacing: 20px;
}

.part.gallery-colaboradores .wrapper-table .image {
  display: table-cell;
  vertical-align: middle;
}

.part.gallery-colaboradores .wrapper-table .image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.part.gallery-colaboradores .wrapper-table .image.big {
  width: 100%;
  height: auto;
}

.part.gallery-colaboradores .wrapper-table .image.small {
  width: 60px;
}

.part.gallery-colaboradores .wrapper-table .image.small img {
  width: 60px;
}

.part.gallery-colaboradores .wrapper-table .image.small-landscape {
  width: 120px;
}

.part.gallery-colaboradores .wrapper-table .image.small-landscape img {
  width: 120px;
}

/* -------------------------- */
/* ----- SIDEBAR LAYOUT ----- */
/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* ----- FOOTER LAYOUT ------ */
/* -------------------------- */
span {
  padding-bottom: 10px;
}

.top-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #2a4752;
  padding: 20px;
}

.separacion {
  width: 10%;
}

@media (max-width: 768px) {
  .separacion {
    width: 0%;
  }
}

.content-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: auto;
  width: 100%;
}

@media (max-width: 480px) {
  .content-bottom {
    display: block;
  }
}

.left {
  width: 50%;
  z-index: 3;
  padding: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 480px) {
  .left {
    width: 100%;
    padding: 0px;
    padding-bottom: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 30px;
  }
}

.right {
  width: 50%;
  padding: 15px;
}

@media (max-width: 480px) {
  .right {
    padding: 0px;
    width: 100%;
  }
}

.redes {
  text-align: left;
}

.right .newsletter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 480px) {
  .right .newsletter-form {
    display: block;
  }
}

.submitiD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.right .newsletter-form form {
  width: 50%;
}

@media (max-width: 1024px) {
  .right .newsletter-form form {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .right .newsletter-form form {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .right .newsletter-form form {
    width: 100%;
  }
}

.right .newsletter-form form .title h3 {
  padding-left: 4px;
  text-align: left;
}

.right .newsletter-form form .input.full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 5px;
}

.right .newsletter-form form .input label {
  color: white;
  font-weight: 100;
}

.right .newsletter-form form .input input {
  background-color: #3f535e;
  width: 100%;
  border: none;
  height: 25px;
}

.letters {
  font-weight: 100;
}

.form-block.legal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  padding-top: 10px;
}

.submiti {
  background-color: #132c35;
  border: none;
  cursor: pointer;
  color: #fff;
  -webkit-transition: 0.4s all ease-in-out;
  transition: 0.4s all ease-in-out;
}

.submiti:hover {
  background-color: #3f535e;
}

.contacto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  padding: 30px;
}

@media (max-width: 768px) {
  .contacto {
    padding: 0px;
    text-align: center;
    padding-left: 44px;
  }
}

@media (max-width: 480px) {
  .contacto {
    padding: inherit;
    text-align: center;
  }
}

.bottom-footer {
  background-color: #132c35;
  color: white;
}

.powered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40.5%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1024px) {
  .powered {
    width: 59%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 480px) {
  .powered {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

a.legal {
  padding: 5px;
}

.legales {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  width: 27%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1024px) {
  .legales {
    width: 38%;
  }
}

@media (max-width: 480px) {
  .legales {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 10px;
}

@media (max-width: 480px) {
  .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 25px;
  background-color: #2a4752;
  width: 100%;
  height: 60px;
  z-index: 3;
}

footer .content-footer {
  display: table;
  width: 100%;
  max-width: 1200px;
  padding: 20px;
  margin: auto;
}

@media (max-width: 768px) {
  footer .content-footer {
    display: block;
    padding: 20px 0;
  }
}

footer .top-footer {
  color: #FFFFFF;
}

footer .top-footer .logo {
  float: left;
  width: 30%;
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
  left: 20%;
  padding: 5px 5px;
}

@media (max-width: 1024px) {
  footer .top-footer .logo {
    left: 10%;
  }
}

@media (max-width: 768px) {
  footer .top-footer .logo {
    padding: 5px 15px;
    left: 0%;
  }
}

footer .top-footer .logo img {
  width: 30%;
}

@media (max-width: 768px) {
  footer .top-footer .logo img {
    width: 50%;
  }
}

footer .top-footer h3 {
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
}

footer .top-footer a {
  color: #FFFFFF;
  text-transform: none;
}

footer .top-footer a:hover {
  text-decoration: underline;
}

footer .top-footer .social {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}

footer .top-footer .social a {
  color: #FFFFFF;
}

.ico {
  display: inline-block;
  width: 30px;
  padding: 5px;
  margin: 0 5px;
  background-color: rgba(0, 16, 30, 0.6);
}

footer .top-footer .social .ico:hover {
  background-color: #2A4551;
}

footer .top-footer .social .ico img {
  width: 100%;
}

@media (max-width: 480px) {
  footer .top-footer {
    text-align: center;
  }
  footer .top-footer .logo {
    float: none;
    top: 10%;
    width: 40%;
    left: 0%;
    padding-left: 10px;
  }
  footer .top-footer .social {
    float: none;
    margin: 30px auto;
  }
  footer .top-footer .social a {
    display: block;
    width: 100%;
    margin: 10px 0 15px;
  }
  footer .top-footer .social span {
    display: none;
  }
}

@media (max-width: 480px) {
  footer {
    position: relative;
    height: auto;
  }
}

/* -------------------------- */
/* ---------------------------------- */
/* ---------------------------------- */
/* ------ PAGE SPECIFIC STYLES ------ */
/* ---------------------------------- */
/* -------------------------- */
/* ---- HOME PAGE STYLES ---- */
/* -------------------------- */
.content-grid {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.content-grid .cell {
  display: table-cell;
  vertical-align: top;
}

.content-grid .cell:first-child {
  padding-right: 20px;
}

.content-grid .cell:last-child {
  padding-left: 20px;
}

@media (max-width: 480px) {
  .content-grid {
    display: block;
  }
  .content-grid .cell {
    display: block;
    width: 100%;
    padding: 0 !important;
  }
}

.video {
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.video video {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  min-height: 100vh;
  position: absolute;
  bottom: 0;
  right: 0;
}

.video .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 16, 30, 0.4);
}

@media (max-width: 480px) {
  .video {
    background-image: url(../img/static/bosque_nevado.jpg);
    background-size: cover;
  }
  .video video {
    display: none;
  }
  .video.actividades {
    background-image: url(../img/static/actividades.jpg);
  }
  .video.cuaderno-de-campo {
    background-image: url(../img/static/cuaderno.jpg);
  }
}

.wrapper-content {
  z-index: 2;
  position: relative;
}

.tab--black {
  color: black;
}

.video-control {
  position: absolute;
  z-index: 4;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: solid 2px #FFFFFF;
  right: 10%;
  bottom: 10%;
  cursor: pointer;
  background: url(../img/style/play.png) no-repeat center;
  background-size: 65%;
  -webkit-transition: box-shadow 0.3s;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.video-control.playing {
  background-image: url(../img/style/pause.png);
}

.video-control:hover {
  -webkit-box-shadow: 0 0 10px 0.5px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 10px 0.5px rgba(255, 255, 255, 0.8);
}

@media (max-width: 480px) {
  .video-control {
    display: none;
  }
}

.home .top-content {
  width: 100%;
  height: 100%;
  height: 100vh;
  position: relative;
}

.home .top-content .video-content {
  display: table;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home .top-content .video-content .cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.home .top-content .video-content .cell img {
  border: solid 8px #FFFFFF;
  padding: 20px 40px;
  max-height: 30vh;
}

@media (max-width: 1024px) {
  .home .top-content .video-content .cell img {
    border: solid 4px #FFFFFF;
  }
}

.home .top-content .video-content .cell h2 {
  color: #FFFFFF;
  margin-top: 75px;
  font-size: 1.5em;
  text-transform: uppercase;
}

@media (max-width: 480px) {
  .home .top-content .video-content .cell h2 {
    margin-top: 50px;
    font-size: 1.2em;
  }
}

.home .top-content .video-content .cell .last-content {
  display: table;
  padding: 20px 40px;
  max-width: 500px;
  max-width: 50vw;
  margin: 50px auto 0;
  margin: 8vh auto 0;
  table-layout: fixed;
  background-color: rgba(0, 16, 30, 0.4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

.home .top-content .video-content .cell .last-content a {
  display: table-cell;
  color: #FFFFFF;
  vertical-align: middle;
  padding: 10px;
  font-weight: 400;
  font-size: 1.5em;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2em;
  text-transform: uppercase;
}

.home .top-content .video-content .cell .last-content:hover {
  background-color: rgba(0, 16, 30, 0.8);
}

@media (max-width: 1024px) {
  .home .top-content .video-content .cell .last-content {
    max-width: 80vw;
  }
}

@media (max-width: 480px) {
  .home .top-content .video-content .cell .last-content {
    max-width: 100%;
    padding: 10px;
    display: block;
  }
  .home .top-content .video-content .cell .last-content a {
    display: block;
    width: 100%;
  }
  .home .top-content .video-content .cell .last-content a.second {
    border-left: none;
    border-top: solid 2px #FFFFFF;
  }
}

@media (max-width: 480px) {
  .home .top-content .video-content .cell {
    padding-top: 50px;
  }
}

@media (max-width: 480px) {
  .home .top-content .video-content .cell img {
    border: solid 4px #FFFFFF;
    max-height: 30vh;
    padding: 10px 20px;
  }
  .home .top-content .video-control {
    display: none;
  }
}

.home .wrapper-slice {
  background-color: #FFFFFF;
}

.home .wrapper-slice.featured {
  text-align: center;
}

.home .wrapper-slice .quotes {
  padding: 0 30px;
  position: relative;
}

.home .wrapper-slice .quotes:before, .home .wrapper-slice .quotes:after {
  font-size: 6em;
  position: absolute;
  color: #c6c7c8;
}

.home .wrapper-slice .quotes:before {
  content: "\201C";
  top: 20px;
  left: 0;
}

.home .wrapper-slice .quotes:after {
  content: "\201E";
  bottom: 20px;
  margin-left: 10px;
}

.home .wrapper-slice .mapas-oso {
  background-color: rgba(0, 129, 197, 0.1);
  width: 100%;
}

.home .wrapper-slice .mapas-oso legend {
  margin: 0 auto 20px;
}

.home .wrapper-slice .mapas-oso legend p {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  display: table;
  line-height: 1.1em;
  margin-bottom: 10px;
}

.home .wrapper-slice .mapas-oso legend p span {
  display: table-cell;
  vertical-align: middle;
}

.home .wrapper-slice .mapas-oso legend p:before {
  content: "";
  display: table-cell;
  width: 32px;
  height: 32px;
  padding-right: 20px;
  vertical-align: middle;
}

.home .wrapper-slice .mapas-oso legend .occidente:before {
  background: url(../img/style/legend_occidente) no-repeat center;
  background-size: 32px;
}

.home .wrapper-slice .mapas-oso legend .oriente:before {
  background: url(../img/style/legend_oriente) no-repeat center;
  background-size: 32px;
}

.home .wrapper-slice .mapas-oso legend .paso:before {
  background: url(../img/style/legend_paso) no-repeat center;
  background-size: 32px;
}

.home .wrapper-slice .mapas-oso legend .presencia:before {
  background: url(../img/style/legend_presencia) no-repeat center;
  background-size: 32px;
}

.home .wrapper-slice .mapas-oso legend .sublegend {
  font-size: 0.7em;
  display: inline;
}

@media (max-width: 480px) {
  .home .wrapper-slice .mapas-oso legend {
    font-size: 0.8em;
    margin-top: 20px;
  }
  .home .wrapper-slice .mapas-oso legend p {
    margin-bottom: 0;
  }
}

.home .wrapper-slice .colabora {
  max-width: 40%;
  float: left;
}

@media (max-width: 480px) {
  .home .wrapper-slice .colabora {
    max-width: 100%;
  }
}

.home .wrapper-slice .colabora-osa {
  float: right;
}

.home .links {
  display: table;
  width: 100%;
}

.home .links .line {
  display: table-cell;
  vertical-align: middle;
  width: 7.5%;
}

.home .links .line span {
  display: block;
  width: 100%;
  border: 5px solid #2A4551;
}

@media (max-width: 768px) {
  .home .links .line {
    display: none;
  }
}

.home .links .link {
  display: table-cell;
  vertical-align: middle;
  width: 28.33%;
  padding: 30px;
  color: #666769;
  border: 10px solid #2A4551;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.home .links .link:hover {
  color: #FFFFFF;
  background-color: #2A4551;
  text-decoration: none;
}

@media (max-width: 768px) {
  .home .links .link {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px;
  }
}

.contet-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .contet-image {
    display: block;
  }
}

.content-lug {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 5px;
}

/* -------------------------- */
/* -------------------------- */
/* ------- NEWS STYLES ------ */
/* -------------------------- */
.latest-articles h3 a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.latest-articles h3 a:hover {
  color: #2A4551;
  text-decoration: none;
}

@media (max-width: 480px) {
  .latest-articles h3 {
    margin-bottom: 0;
  }
}

.latest-articles h3.borders {
  font-size: 1.2em;
  font-weight: 800;
  border-top: solid 3px #353436;
  border-bottom: solid 3px #353436;
  padding: 10px 0;
  margin-bottom: 50px;
}

.content-articles {
  padding-top: 20px;
}

.content-articles .separator {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .content-articles .separator {
    display: none;
  }
}

.content-articles article {
  margin-bottom: 50px;
}

.content-articles article .content-article {
  position: relative;
  height: auto;
  width: 100%;
}

.content-articles article .image {
  width: 100%;
  max-height: 200px;
  overflow: hidden;
  margin-bottom: 20px;
  border: solid 3px #2A4551;
}

.content-articles article h4 {
  clear: both;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.3em;
  height: 30px;
}

.content-articles article h4 a {
  color: #666769;
}

.content-articles article h4 a:hover {
  text-decoration: underline;
}

.content-articles article .excerpt {
  overflow: hidden;
  font-weight: 300;
  font-size: 1em;
  height: 70px;
}

.content-articles article .excerpt p {
  margin-bottom: 10px;
}

.content-articles article .more {
  position: absolute;
  bottom: 20px;
  padding: 10px;
  background-color: #2A4551;
  color: #FFFFFF;
  font-size: 1.2em;
  text-decoration: none;
}

.content-articles article .more:hover {
  background-color: #666769;
}

@media (max-width: 1024px) {
  .content-articles article {
    height: 450px;
  }
}

@media (max-width: 768px) {
  .content-articles article {
    height: auto;
  }
  .content-articles article h4 {
    font-size: 1.3em;
    margin: 10px 0;
  }
  .content-articles article .excerpt {
    height: auto;
  }
  .content-articles article .more {
    position: static;
    display: block;
    float: right;
    margin-top: 20px;
  }
}

@media (max-width: 480px) {
  .content-articles article .info,
  .content-articles article .image {
    width: 100%;
    float: none;
  }
  .content-articles article .image {
    height: 100px;
    margin: 20px 0;
  }
  .content-articles article .info {
    padding: 0 20px;
  }
}

.article-date {
  text-align: right;
  font-style: italic;
  margin-bottom: 10px;
}

.inner-articles .wrapper-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.inner-articles .wrapper-article .body {
  padding-right: 20px;
  width: 70%;
}

.inner-articles .wrapper-article aside {
  display: block;
  width: 30%;
  padding-left: 20px;
}

.inner-articles .wrapper-article aside .wrapper-image {
  margin-left: 20px;
  margin-bottom: 40px;
  position: relative;
}

.inner-articles .wrapper-article aside .wrapper-image .maximize {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url(../img/style/maximize.png);
  background-size: 80px 40px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.inner-articles .wrapper-article aside .wrapper-image:hover .maximize {
  opacity: 1;
}

.inner-articles .wrapper-article aside .wrapper-image.active {
  height: 500px;
}

.inner-articles .wrapper-article aside .wrapper-image.active .maximize {
  opacity: 0;
}

.inner-articles .wrapper-article aside .attachments {
  padding: 20px 0;
}

.inner-articles .wrapper-article aside .attachments .attachment {
  display: block;
}

.inner-articles .wrapper-article aside .attachments .attachment img {
  margin: 0 10px;
}

.inner-articles .wrapper-article aside .tags {
  text-align: right;
}

.inner-articles .wrapper-article aside .tags .tag {
  display: inline-block;
  color: #666769;
  border: 2px solid #666769;
  padding: 5px 10px;
  margin: 5px;
  font-size: 0.8em;
  text-decoration: none;
}

.inner-articles .wrapper-article aside .tags .tag:hover {
  color: #FFFFFF;
  background-color: #2A4551;
  border-color: #2A4551;
}

.inner-articles .wrapper-article aside .share a {
  display: block;
  width: 150px;
  padding: 10px;
  margin: 0 auto 5px;
  color: #FFFFFF;
  background-color: #666769;
  background-size: 20px 20px;
  background-position: left 10px center;
  background-repeat: no-repeat;
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 0.8em;
  text-align: center;
  text-decoration: none;
}

.inner-articles .wrapper-article aside .share a.facebook {
  background-image: url(../img/social/facebook.png);
}

.inner-articles .wrapper-article aside .share a.facebook:hover {
  background-color: #43609C;
}

.inner-articles .wrapper-article aside .share a.twitter {
  background-image: url(../img/social/twitter.png);
}

.inner-articles .wrapper-article aside .share a.twitter:hover {
  background-color: #5EA9DD;
}

.inner-articles .wrapper-article aside .share a.google {
  background-image: url(../img/social/google+.png);
}

.inner-articles .wrapper-article aside .share a.google:hover {
  background-color: #DF5138;
}

.inner-articles h1 {
  padding: 20px 50px;
  font-size: 2.5em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #2A4551;
}

.inner-articles h2 {
  padding: 20px 80px;
  font-size: 1.2em;
  text-transform: none;
  text-align: center;
  line-height: 1.5em;
}

.inner-articles p {
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  .inner-articles h1 {
    padding: 20px;
  }
  .inner-articles h2 {
    padding: 20px;
    line-height: 1.2em;
  }
  .inner-articles .wrapper-article {
    display: block;
    width: 100%;
  }
  .inner-articles .wrapper-article .body,
  .inner-articles .wrapper-article aside {
    width: 100%;
    display: block;
    padding-right: 0;
    padding-left: 0;
  }
  .inner-articles .wrapper-article aside .tags {
    text-align: center;
  }
}

.inner-articles h3 {
  text-transform: uppercase;
}

.inner-articles .article-item {
  padding: 20px;
}

.inner-articles .article-item .date {
  margin-bottom: 10px;
  font-style: italic;
}

.inner-articles .article-item .wrapper-table {
  display: table;
  width: 100%;
}

.inner-articles .article-item .wrapper-table > * {
  display: table-cell;
  vertical-align: middle;
}

.inner-articles .article-item .wrapper-table .article-content {
  width: 70%;
  padding-left: 20px;
}

.inner-articles .archivo {
  background-color: #eeeff1;
  margin-top: 20px;
  padding: 20px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  line-height: 1.4em;
}

.inner-articles .archivo ul {
  padding-left: 10px;
  margin-bottom: 10px;
}

.inner-articles .archivo ul ul {
  padding-left: 20px;
  font-size: 0.9em;
}

.inner-articles .archivo a {
  color: #666769;
}

@media (max-width: 480px) {
  .inner-articles .article-item {
    padding: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
  .inner-articles .article-item .wrapper-table {
    display: block;
  }
  .inner-articles .article-item .wrapper-table > * {
    display: block;
    width: 100%;
  }
  .inner-articles .article-item .wrapper-table .article-content {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  .inner-articles .archivo {
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
    margin-top: 40px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .inner-articles .archivo ul {
    max-height: 0;
    margin: 0;
    text-align: left;
  }
  .inner-articles .archivo.active ul {
    border-top: solid 1px #FFFFFF;
    max-height: 100vh;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .inner-articles .archivo.active ul ul {
    padding-top: 0;
    padding-bottom: 10px;
    border-top: none;
  }
  .inner-articles .archivo h3 {
    position: relative;
    padding: 10px 0;
    margin-bottom: 0 !important;
  }
  .inner-articles .archivo h3:after {
    content: "+";
    display: block;
    position: absolute;
    top: 10px;
    right: 5px;
    width: 20px;
    /*background: url(../img/style/archive.png) no-repeat center;
                    background-size: contain;*/
    font-size: 1.5em;
    color: #666769;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .inner-articles .archivo h3.active:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}

/* -------------------------- */
/* -------------------------- */
/* ----- PRODUCTS STYLES ---- */
/* -------------------------- */
.tabs.tabs-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.tabs.tabs-wrapper .header-tabs {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.tabs.tabs-wrapper .header-tabs .tab {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  line-height: 1.2em;
}

.tabs.tabs-wrapper .header-tabs .tab.active {
  background-color: #353436;
  color: #FFFFFF;
}

.tabs.tabs-wrapper .content-tabs {
  padding: 20px 0;
}

.tabs.tabs-wrapper .content-tabs .tab {
  position: relative;
}

.tabs.tabs-wrapper .content-tabs .tab.project {
  display: none;
}

.tabs.tabs-wrapper .content-tabs .tab.project.current {
  display: block;
}

.tabs.tabs-wrapper .content-tabs h2 {
  font-size: 1.6em;
  line-height: 1.2em;
  margin: 20px 0;
  text-transform: uppercase;
}

.tabs.tabs-wrapper .content-tabs h3 {
  margin: 0 0 20px;
  font-size: 1.5em;
  line-height: 1.2em;
}

.tabs.tabs-wrapper .content-tabs h3.full {
  width: 100%;
  background-color: #eeeff1;
  color: #666769;
  padding: 10px 30px;
  font-size: 1.4em;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabs.tabs-wrapper .content-tabs h3.full .extra {
  float: right;
}

.tabs.tabs-wrapper .content-tabs h3.title {
  border-bottom: solid 1px #666769;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.4em;
  line-height: 1.2em;
}

.tabs.tabs-wrapper .content-tabs h4 {
  margin: 30px 0 13.33333px;
  font-size: 1.2em;
  line-height: 1.2em;
  text-transform: uppercase;
}

.tabs.tabs-wrapper .content-tabs .main {
  width: 70%;
  float: left;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tabs.tabs-wrapper .content-tabs .main h2 {
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.tabs.tabs-wrapper .content-tabs .main .project-content {
  line-height: 1.2em;
  text-align: justify;
}

.tabs.tabs-wrapper .content-tabs .main .project-content p {
  margin-bottom: 20px;
}

.tabs.tabs-wrapper .content-tabs .main .project-content ol,
.tabs.tabs-wrapper .content-tabs .main .project-content ul {
  margin-left: 30px;
  margin-bottom: 20px;
}

.tabs.tabs-wrapper .content-tabs .main .project-content ol li,
.tabs.tabs-wrapper .content-tabs .main .project-content ul li {
  margin-bottom: 10px;
  list-style-type: disc;
}

.tabs.tabs-wrapper .content-tabs .main .project-content p + ol,
.tabs.tabs-wrapper .content-tabs .main .project-content p + ul {
  margin-top: -10px;
}

.tabs.tabs-wrapper .content-tabs .main .project-content .logo {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.tabs.tabs-wrapper .content-tabs .main .project-content .logo .logo_ministerio_fb {
  width: 70%;
}

.tabs.tabs-wrapper .content-tabs .sidebar {
  width: 30%;
  float: right;
}

.tabs.tabs-wrapper .content-tabs .sidebar img {
  margin-bottom: 10px;
}

.tabs.tabs-wrapper .content-tabs .sidebar img + span {
  margin-top: -40px;
  font-style: italic;
  display: block;
}

.tabs.tabs-wrapper .content-tabs .attachs {
  border-top: solid 1px #eeeff1;
  padding-top: 30px;
}

.tabs.tabs-wrapper .content-tabs .attachs .grid-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  padding: 40px;
  border: 1px solid #2a4752;
}

@media (max-width: 768px) {
  .tabs.tabs-wrapper .content-tabs .attachs .grid-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .content-tabs .attachs .grid-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

.tabs.tabs-wrapper .content-tabs .attachs .flex-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: 1px solid #2a4752;
  padding: 40px;
}

@media (max-width: 768px) {
  .tabs.tabs-wrapper .content-tabs .attachs .flex-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .content-tabs .attachs .flex-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

.tabs.tabs-wrapper .content-tabs .attachs .bottom-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  margin-top: 20px;
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .content-tabs .attachs .bottom-grid {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

.tabs.tabs-wrapper .content-tabs .attachs .bottom-grid .grid-1 {
  -ms-grid-row: 1;
  grid-row: 1;
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .content-tabs .attachs .bottom-grid .grid-1 {
    grid-row: unset;
  }
}

.tabs.tabs-wrapper .content-tabs .attachs .bottom-grid .grid-2 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .content-tabs .attachs .bottom-grid .grid-2 {
    grid-row: unset;
    -ms-grid-column: unset;
        grid-column-start: unset;
  }
}

.tabs.tabs-wrapper .content-tabs .attachs .bottom-grid .grid-3 {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
      grid-column-start: 1;
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .content-tabs .attachs .bottom-grid .grid-3 {
    grid-row: unset;
    -ms-grid-column: unset;
        grid-column-start: unset;
  }
}

.tabs.tabs-wrapper .content-tabs .attachs .bottom-grid .grid-4 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 2;
  grid-row: 2;
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .content-tabs .attachs .bottom-grid .grid-4 {
    grid-row: unset;
    -ms-grid-column: unset;
        grid-column-start: unset;
  }
}

.tabs.tabs-wrapper .content-tabs .attachs .bottom-grid .attach-item.concret {
  border: 1px solid #2a4752;
  padding: 30px;
}

.tabs.tabs-wrapper .content-tabs .attachs .attach-item-small {
  display: -ms-grid;
  display: grid;
  text-align: center;
  font-size: smaller;
  width: 440px;
  margin: auto;
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .content-tabs .attachs .attach-item-small {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

.tabs.tabs-wrapper .content-tabs .attachs .attach-item-father {
  display: -ms-grid;
  display: grid;
  width: 440px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  color: #2a4752;
  padding: 0 50px;
  margin-bottom: 20px;
}

.tabs.tabs-wrapper .content-tabs .attachs .attach-item-father:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url(../img/style/ico-attach.png) no-repeat center;
  background-size: contain;
  margin: auto;
  margin-bottom: 10px;
}

.tabs.tabs-wrapper .content-tabs .attachs .attach-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Montserrat", sans-serif;
  text-align: left;
  margin: auto;
  color: #2a4752;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabs.tabs-wrapper .content-tabs .attachs .attach-item:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url(../img/style/ico-attach.png) no-repeat center;
  background-size: contain;
  margin-bottom: 10px;
  margin-right: 6px;
}

.tabs.tabs-wrapper .content-tabs .project-item {
  margin: 50px 0;
  padding-bottom: 20px;
  border-bottom: solid 1px #666769;
}

.tabs.tabs-wrapper .content-tabs .project-item:last-child {
  border-bottom: none;
}

.tabs.tabs-wrapper .content-tabs .project-item h3 {
  margin: 50px 0 20px;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: 1.2em;
}

.tabs.tabs-wrapper .content-tabs .project-item img {
  float: right;
  margin-left: 50px;
}

.tabs.tabs-wrapper .content-tabs p {
  margin-bottom: 20px;
  line-height: 1.3em;
}

@media (max-width: 1024px) {
  .tabs.tabs-wrapper .content-tabs {
    padding: 20px;
  }
  .tabs.tabs-wrapper .content-tabs h4 {
    margin: 20px 0 13.33333px;
  }
  .tabs.tabs-wrapper .content-tabs .main {
    padding-right: 50px;
  }
}

@media (max-width: 768px) {
  .tabs.tabs-wrapper .content-tabs .main {
    padding-right: 20px;
    width: 70%;
  }
  .tabs.tabs-wrapper .content-tabs .sidebar {
    width: 30%;
  }
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .content-tabs .main,
  .tabs.tabs-wrapper .content-tabs .sidebar {
    width: 100%;
    float: none;
    padding: 0;
  }
  .tabs.tabs-wrapper .content-tabs .sidebar {
    text-align: center;
  }
  .tabs.tabs-wrapper .content-tabs h3.full {
    text-align: center;
    font-size: 1.3em;
    padding: 10px;
    position: relative;
    background-color: transparent;
  }
  .tabs.tabs-wrapper .content-tabs h3.full:before, .tabs.tabs-wrapper .content-tabs h3.full:after {
    content: "\2022";
    margin: 0 5px;
  }
  .tabs.tabs-wrapper .content-tabs h3.full.extra .text {
    display: none;
  }
  .tabs.tabs-wrapper .content-tabs h3.full.extra .extra {
    float: none;
  }
  .tabs.tabs-wrapper .content-tabs h3.title {
    font-size: 1em;
    line-height: 1.2em;
  }
}

@media (max-width: 768px) {
  .tabs.tabs-wrapper .content-tabs.actividades .main,
  .tabs.tabs-wrapper .content-tabs.actividades .sidebar {
    width: 100%;
    float: none;
  }
  .tabs.tabs-wrapper .content-tabs.actividades .sidebar {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .tabs.tabs-wrapper.has-many-tabs .header-tabs {
    display: -webkit-box;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    box-align: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    box-pack: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tabs.tabs-wrapper.has-many-tabs .header-tabs .tab {
    display: block;
    width: 33.333%;
    border: solid 1px #FFFFFF;
  }
}

@media (max-width: 480px) {
  .tabs.tabs-wrapper .header-tabs {
    display: -webkit-box;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    box-align: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    box-pack: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .tabs.tabs-wrapper .header-tabs .tab {
    display: block;
    width: 50%;
    border: solid 1px #FFFFFF;
    padding: 20px 0;
    font-size: 0.65em;
  }
  .tabs.tabs-wrapper .content-tabs .main h2 {
    font-size: 1.5em;
    line-height: 1.2em;
  }
  .tabs.tabs-wrapper.three .header-tabs .tab {
    width: 33.333%;
  }
}

table.publicaciones {
  width: 100%;
  margin-top: 20px;
}

table.publicaciones thead {
  background-color: #666769;
  color: #FFFFFF;
}

table.publicaciones th,
table.publicaciones td {
  padding: 10px;
  text-align: center;
}

table.publicaciones th:first-child,
table.publicaciones td:first-child {
  text-align: left;
}

table.publicaciones tr:nth-child(even) {
  background-color: #eeeff1;
}

/* -------------------------- */
/* -------------------------- */
/* ----- ACTUALIDAD STYLES ---- */
/* -------------------------- */
.gallery-item {
  margin-bottom: 50px;
}

.gallery-item .gallery {
  margin-top: 20px;
}

.gallery-video {
  text-align: center;
}

/* -------------------------- */
/* -------------------------- */
/* -- CONTACT PAGE STYLES --- */
/* -------------------------- */
.mapa {
  max-width: 1200px;
  width: 100%;
  height: 500px;
  margin: 0 auto 50px;
}

.mapa img {
  max-width: none;
}

.info-view {
  padding: 20px;
  color: #353436;
  width: 100%;
}

.info-view .info-content {
  text-align: center;
}

.info-view .info-content h1 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.info-view .info-content h2 {
  font-size: 15px;
}

@media (max-width: 480px) {
  .info-view {
    padding: 10px;
  }
}

.contact .content, .contact .part.part-text .content_part, .part.part-text .contact .content_part, .contact .part.gallery {
  max-width: 700px;
}

.contact .content p, .contact .part.part-text .content_part p, .part.part-text .contact .content_part p, .contact .part.gallery p {
  text-align: center;
}

.contact address {
  display: table;
  width: 100%;
}

.contact address .map-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding: 20px;
}

.contact address .map-wrapper .map-canvas {
  width: 100%;
  height: 200px;
}

.contact address .content-address {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.contact address .content-address h3 {
  padding: 0 0 20px;
}

.contact address .content-address p {
  margin-bottom: 0;
}

.contact address .content-address .phone {
  font-size: 1.5em;
}

@media (max-width: 480px) {
  .contact address {
    display: block;
  }
  .contact address .map-wrapper {
    display: block;
    width: 100%;
  }
  .contact address .content-address {
    display: block;
    width: 100%;
  }
}

/* -------------------------- */
.inner-page {
  position: relative;
  z-index: 2;
}

.inner-page .top {
  position: relative;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  font-family: "Montserrat", sans-serif;
  display: table;
  -webkit-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}

.inner-page .top .top-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.inner-page .top .top-content img {
  max-height: 500px;
  max-height: 50vh;
  -webkit-transition: max-height 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out;
}

.inner-page .top .top-content .inner-links {
  display: table;
  width: 100%;
  max-width: 800px;
  border-spacing: 20px;
  table-layout: fixed;
  margin: 50px auto 0;
}

.inner-page .top .top-content .inner-links a {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 10px;
  background-color: rgba(0, 16, 30, 0.6);
  color: #FFFFFF;
  cursor: pointer;
  font-size: 1.2em;
  line-height: 1.2em;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.inner-page .top .top-content .inner-links a:hover {
  background-color: rgba(0, 16, 30, 0.8);
}

.inner-page .top .top-content .fixed-inner-links {
  display: none;
  position: fixed;
  left: 20px;
  top: 40vh;
  text-align: left;
  z-index: 9999999999999999999999;
}

.inner-page .top .top-content .fixed-inner-links li {
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}

.inner-page .top .top-content .fixed-inner-links li a {
  display: inline-block;
  background-color: rgba(0, 16, 30, 0.8);
  padding: 5px 10px;
  color: #FFFFFF;
}

.inner-page .top .top-content .fixed-inner-links li a.current {
  background-color: rgba(0, 16, 30, 0.6);
}

.inner-page .top .top-content .fixed-inner-links.fixed {
  display: -webkit-box;
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  box-pack: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

@media (max-width: 1280px) {
  .inner-page .top .top-content .fixed-inner-links.fixed {
    left: 0;
    z-index: 1;
    width: 100%;
    background-color: rgba(0, 16, 30, 0.8);
    border-top: solid 2px #1D2C39;
  }
  .inner-page .top .top-content .fixed-inner-links.fixed li {
    float: left;
    margin-top: 10px;
  }
  .inner-page .top .top-content .fixed-inner-links.fixed li a {
    background-color: transparent;
  }
  .inner-page .top .top-content .fixed-inner-links.fixed li a.current {
    background-color: #1D2C39;
  }
}

@media (max-width: 768px) {
  .inner-page .top .top-content .fixed-inner-links.fixed {
    display: none;
  }
}

@media (max-width: 1024px) {
  .inner-page .top .top-content img {
    max-height: 300px;
    max-width: 75vw;
  }
  .inner-page .top .top-content .inner-links {
    max-width: 90%;
  }
}

@media (max-width: 768px) {
  .inner-page .top .top-content img {
    max-height: 150px;
  }
}

@media (max-width: 480px) {
  .inner-page .top .top-content {
    padding-top: 20px;
  }
  .inner-page .top .top-content img {
    max-width: 80vw;
    max-height: 150px;
  }
  .inner-page .top .top-content img.total {
    max-height: 300px;
  }
  .inner-page .top .top-content .inner-links {
    display: block;
    font-size: 0.8em;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  .inner-page .top .top-content .inner-links a {
    display: block;
    margin-bottom: 1px;
  }
}

.inner-page .top.active {
  height: 50vh;
}

.inner-page .top.active .top-content img {
  max-height: 200px;
}

.inner-page .top.active .go-down {
  display: none;
}

@media (max-width: 768px) {
  .inner-page .top {
    height: 50vh;
  }
  .inner-page .top .go-down {
    display: none;
  }
}

@media (max-width: 480px) {
  .inner-page .top {
    height: 100vh;
  }
}

.inner-page .wrapper-content {
  background-color: #FFFFFF;
  width: 100%;
}

.inner-page .wrapper-slice {
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.inner-page .wrapper-slice .bg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
}

.inner-page .wrapper-slice .content, .inner-page .wrapper-slice .part.part-text .content_part, .part.part-text .inner-page .wrapper-slice .content_part, .inner-page .wrapper-slice .part.gallery {
  z-index: 5;
  position: relative;
  text-align: center;
  padding: 13.33333px 0;
}

.inner-page .wrapper-slice .content h2, .inner-page .wrapper-slice .part.part-text .content_part h2, .part.part-text .inner-page .wrapper-slice .content_part h2, .inner-page .wrapper-slice .part.gallery h2 {
  color: #FFFFFF;
  font-size: 3em;
  line-height: 1.3em;
  padding-bottom: 0;
  letter-spacing: 5px;
}

.inner-page .wrapper-slice .content h3, .inner-page .wrapper-slice .part.part-text .content_part h3, .part.part-text .inner-page .wrapper-slice .content_part h3, .inner-page .wrapper-slice .part.gallery h3 {
  color: #FFFFFF;
  padding-top: 0;
  font-size: 1.6em;
}

@media (max-width: 1024px) {
  .inner-page .wrapper-slice {
    font-size: 0.6em;
  }
  .inner-page .wrapper-slice .content h3, .inner-page .wrapper-slice .part.part-text .content_part h3, .part.part-text .inner-page .wrapper-slice .content_part h3, .inner-page .wrapper-slice .part.gallery h3 {
    font-size: 2em;
  }
}

@media (max-width: 768px) {
  .inner-page .wrapper-slice {
    font-size: 0.6em;
  }
  .inner-page .wrapper-slice .content, .inner-page .wrapper-slice .part.part-text .content_part, .part.part-text .inner-page .wrapper-slice .content_part, .inner-page .wrapper-slice .part.gallery {
    padding: 20px;
  }
  .inner-page .wrapper-slice .content h2, .inner-page .wrapper-slice .part.part-text .content_part h2, .part.part-text .inner-page .wrapper-slice .content_part h2, .inner-page .wrapper-slice .part.gallery h2 {
    font-size: 4em;
    padding: 0;
  }
  .inner-page .wrapper-slice .content h3, .inner-page .wrapper-slice .part.part-text .content_part h3, .part.part-text .inner-page .wrapper-slice .content_part h3, .inner-page .wrapper-slice .part.gallery h3 {
    padding-bottom: 0;
    font-size: 1.5em;
  }
}

@media (max-width: 480px) {
  .inner-page .wrapper-slice .content h2, .inner-page .wrapper-slice .part.part-text .content_part h2, .part.part-text .inner-page .wrapper-slice .content_part h2, .inner-page .wrapper-slice .part.gallery h2 {
    font-size: 3em;
  }
}

.inner-page aside h3 {
  padding: 0;
  margin-bottom: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  text-align: center;
}

.inner-page .back {
  display: block;
  width: 30%;
  padding: 20px;
  margin: auto;
  color: white;
  background-color: #bacf7a;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5em;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.inner-page .back:hover {
  color: #FFFFFF;
  background-color: #666769;
  text-decoration: none;
}

@media (max-width: 768px) {
  .inner-page .back {
    width: 50%;
  }
}

@media (max-width: 480px) {
  .inner-page .back {
    width: 80%;
  }
}

.inner-page .alert-message {
  padding: 20px;
  color: #fff;
  font-size: 1.1em;
  line-height: 1.2em;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.inner-page .alert-message.ok {
  background-color: green;
}

.inner-page .alert-message.error {
  background-color: red;
}

.inner-page form {
  margin-bottom: 40px;
  width: 50%;
  margin: 0 auto;
}

.inner-page form .input {
  width: 100%;
}

.inner-page form .input.half {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inner-page form .input.half:first-of-type {
  padding-right: 10px;
}

.inner-page form .input.half:last-of-type {
  padding-left: 10px;
}

.inner-page form .input input,
.inner-page form .input textarea {
  border: none;
  padding: 10px 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 1.1em;
  text-transform: uppercase;
  width: 100%;
  margin: 10px 0;
  background-color: rgba(0, 16, 30, 0.6);
  color: #FFFFFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.inner-page form .input input::-webkit-input-placeholder,
.inner-page form .input textarea::-webkit-input-placeholder {
  color: #FFFFFF;
}

.inner-page form .input input::-moz-placeholder,
.inner-page form .input textarea::-moz-placeholder {
  color: #FFFFFF;
}

.inner-page form .input input:-moz-placeholder,
.inner-page form .input textarea:-moz-placeholder {
  color: #FFFFFF;
}

.inner-page form .input input:-ms-input-placeholder,
.inner-page form .input textarea:-ms-input-placeholder {
  color: #FFFFFF;
}

.inner-page form .input input[type="submit"],
.inner-page form .input textarea[type="submit"] {
  width: auto;
  background-color: #2A4551;
  color: #fff;
  cursor: pointer;
  padding: 10px 30px;
  -webkit-transition: 0.4s, all, ease-in-out;
  transition: 0.4s, all, ease-in-out;
}

.inner-page form .input input[type="submit"]:hover,
.inner-page form .input textarea[type="submit"]:hover {
  opacity: 0.7;
}

.inner-page form .input input[type="checkbox"],
.inner-page form .input textarea[type="checkbox"] {
  width: auto;
  margin-right: 10px;
}

.inner-page form .input input[type="radio"],
.inner-page form .input textarea[type="radio"] {
  -webkit-box-shadow: none;
          box-shadow: none;
  width: auto;
  margin: 0 10px;
}

.inner-page form .input input.error,
.inner-page form .input textarea.error {
  border: solid 1px red;
}

.inner-page form .input a {
  font-weight: bold;
}

.inner-page form .input a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .inner-page form {
    width: 100%;
  }
}

.inner-page.error-page .top {
  background-image: url(../img/static/bosque_nevado.jpg);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 16, 30, 0.6)), to(rgba(0, 16, 30, 0.6))), url(../img/static/bosque_nevado.jpg);
  background-image: linear-gradient(rgba(0, 16, 30, 0.6), rgba(0, 16, 30, 0.6)), url(../img/static/bosque_nevado.jpg);
  color: #FFFFFF;
  text-align: center;
  height: 100vh;
  padding: 20px;
}

.inner-page.error-page .top h1 {
  font-family: "Levibrush";
  font-size: 5em;
  line-height: 1.2em;
}

.inner-page.error-page .top h2 {
  font-size: 2em;
  line-height: 1.2em;
  margin-bottom: 50px;
}

.empty {
  color: #666769;
}

.empty h1 {
  font-size: 3em;
  margin: 100px 0 50px;
  text-transform: uppercase;
}

@media (max-width: 480px) {
  .empty h1 {
    font-size: 2em;
    margin: 50px 0 25px;
  }
}

/* -------------------------- */
/* ----- PRODUCTS STYLES ---- */
/* -------------------------- */
.cuaderno .main {
  width: 80%;
  float: left;
  padding-right: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cuaderno .main h2 {
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.cuaderno .sidebar {
  width: 20%;
  float: right;
}

.cuaderno .sidebar img {
  margin-bottom: 50px;
}

.cuaderno .alert {
  text-align: center;
  font-size: 1.5em;
  line-height: 1.2em;
  margin-top: 20px;
}

.cuaderno h3 {
  margin: 0 0 20px;
  padding: 0;
  font-size: 1.5em;
  line-height: 1.2em;
}

.cuaderno h3.full {
  width: 100%;
  background-color: #eeeff1;
  color: #666769;
  padding: 10px 30px;
  font-size: 1.4em;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cuaderno h3.full .extra {
  float: right;
}

.cuaderno h3.title {
  border-bottom: solid 1px #666769;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 1.4em;
  line-height: 1.2em;
}

@media (max-width: 480px) {
  .cuaderno .main,
  .cuaderno .sidebar {
    width: 100%;
    float: none;
    padding: 0;
  }
  .cuaderno .sidebar {
    text-align: center;
  }
  .cuaderno h3.full {
    text-align: center;
    font-size: 1.3em;
    padding: 10px;
    position: relative;
    background-color: transparent;
  }
  .cuaderno h3.full:before, .cuaderno h3.full:after {
    content: '\2022';
    margin: 0 5px;
  }
  .cuaderno h3.full.extra .text {
    display: none;
  }
  .cuaderno h3.full.extra .extra {
    float: none;
  }
  .cuaderno h3.title {
    font-size: 1em;
    line-height: 1.2em;
  }
}

/* -------------------------- */
/* ---------------------------------- */
/* -------------------------- */
/* ------- NEO GALLERY ------ */
/* -------------------------- */
.gallery .thumbs {
  display: -webkit-box;
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  box-pack: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gallery .thumbs.noticias {
  display: block !important;
}

@media (max-width: 768px) {
  .gallery .thumbs.noticias {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.gallery .thumbs .thumb {
  position: relative;
  margin: 5px;
  width: 100%;
  cursor: pointer;
}

.gallery .thumbs .thumb .lens {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: url("../js/plugins/neo/neo-gallery/maximize.png");
  background-size: 40px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.gallery .thumbs .thumb:hover .lens {
  opacity: 1;
}

@media (max-width: 480px) {
  .gallery .thumbs .thumb {
    height: 80px;
    width: 80px;
  }
}

.gallery .viewport {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-image: radial-gradient(rgba(0, 0, 0, 0.7), black);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.gallery .viewport.active {
  z-index: 2000;
  opacity: 1;
}

.gallery .viewport .menu-button {
  display: table;
  position: absolute;
  top: 78px;
  right: 0;
  left: auto;
  z-index: 10;
  height: 60px;
}

.gallery .viewport .menu-button .text {
  display: table-cell;
  vertical-align: middle;
}

.gallery .viewport .menu-button .text .close {
  margin-bottom: 0;
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.gallery .viewport .menu-button .button {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  padding: 0 20px 10px;
  margin: none;
  float: none;
  cursor: pointer;
  background-color: transparent !important;
  border: none;
}

.gallery .viewport .menu-button .lines {
  display: inline-block;
  position: relative;
  height: 3px;
  width: 40px;
  margin-top: -10px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.gallery .viewport .menu-button .lines:before, .gallery .viewport .menu-button .lines:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  height: 3px;
  width: 40px;
  background: #FFFFFF;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.gallery .viewport .menu-button .lines:before {
  top: 0px;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

.gallery .viewport .menu-button .lines:after {
  top: 0px;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.gallery .viewport .images {
  z-index: 20;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70%;
  width: 70%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gallery .viewport .images .before,
.gallery .viewport .images .after {
  z-index: 30;
  height: 100%;
  width: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gallery .viewport .images .before {
  position: absolute;
  top: 50%;
  left: 0;
  background-image: url("../js/plugins/neo/neo-gallery/prev.png");
}

.gallery .viewport .images .after {
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url("../js/plugins/neo/neo-gallery/next.png");
}

.gallery .viewport .images .image {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.gallery .viewport .images .image.current {
  opacity: 1;
}

@media (max-width: 1024px) {
  .gallery .viewport .images .before {
    left: -50px;
  }
  .gallery .viewport .images .after {
    right: -50px;
  }
}

.part.gallery .thumbs .thumb {
  width: calc(14% - 10px);
  height: 100px;
  float: left;
}

@media (max-width: 768px) {
  .part.gallery .thumbs .thumb {
    width: calc(25% - 10px);
  }
}

/* -------------------------- */
/* -------------------------- */
/* -------- NEO SLIDER ------ */
/* -------------------------- */
.slider {
  width: 100%;
  height: 100vh;
  background: #666769;
}

.slider .content-slider {
  position: relative;
  height: 100%;
  width: 100%;
}

.slider .slide {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  z-index: 0;
}

.slider .slide .coin {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 200px;
  width: 200px;
  color: #FFFFFF;
  padding: 20px;
  background-color: #2A4551;
  border-radius: 100px;
  border: 5px solid #FFFFFF;
  -webkit-box-shadow: 0 0 0 7.5px #2A4551;
          box-shadow: 0 0 0 7.5px #2A4551;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translate(-50%, -50%) rotateY(-180deg);
  transform: translate(-50%, -50%) rotateY(-180deg);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.slider .slide .coin:hover {
  background-color: #666769;
  border-radius: 100px;
  border: 5px solid #FFFFFF;
  -webkit-box-shadow: 0 0 0 7.5px #666769;
          box-shadow: 0 0 0 7.5px #666769;
}

.slider .slide .coin .content-coin {
  display: table-cell;
  vertical-align: middle;
}

.slider .slide .coin h2 {
  margin: 20px 0;
}

.slider .slide .coin h2 span {
  display: block;
}

.slider .slide .coin h2 .top-title {
  font-size: 1.2em;
  font-weight: 300;
}

.slider .slide .coin h2 .main-title {
  font-size: 1.7em;
  font-weight: 400;
}

.slider .slide .coin .more {
  color: #FFFFFF;
  font-size: 1.2em;
  font-weight: 300;
}

.slider .slide .coin .price {
  display: table;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 10;
  height: 80px;
  width: 80px;
  margin: 0 auto;
  color: #FFFFFF;
  background-color: #666769;
  border-radius: 50px;
  border: 3px solid #FFFFFF;
  -webkit-box-shadow: 0 0 0 4.5px #666769;
          box-shadow: 0 0 0 4.5px #666769;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-align: center;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.slider .slide .coin .price p {
  display: table-cell;
  vertical-align: middle;
}

.slider .slide .coin .price span:first-child {
  font-size: 1.8em;
}

.slider .slide .coin .price span:last-child {
  font-size: 1.4em;
}

.slider .slide.current {
  z-index: 1;
  opacity: 1;
}

.slider .slide.current .coin {
  -webkit-transform: translate(-50%, -50%) rotateY(0deg);
  transform: translate(-50%, -50%) rotateY(0deg);
}

@media (max-width: 768px) {
  .slider {
    height: 50vh;
  }
}

@media (max-width: 480px) {
  .slider {
    height: 50vh;
  }
}

/* -------------------------- */
/* -------------------------- */
/* -------- NEO SCROLL ------ */
/* -------------------------- */
.scrollable .loading {
  clear: both;
  opacity: 0.5;
  padding-bottom: 40px;
  margin-bottom: 50px;
  background-image: url(../img/style/loading.png);
  background-size: 60px 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center;
}

.scrollable .loading.hidden {
  display: none;
}

.scrollable .fader {
  opacity: 0;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}

.scrollable .fader.active {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.scrollable .fader.active.right {
  -webkit-transition: all 0.5s ease-out 0.2s;
  transition: all 0.5s ease-out 0.2s;
}

/* -------------------------- */
/* -------------------------- */
/* --------- NEO TABS ------- */
/* -------------------------- */
.tabs .header-tabs {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.tabs .header-tabs .tab {
  display: table-cell;
  text-align: center;
  background: #eee;
  padding: 50px 20px;
  cursor: pointer;
  -webkit-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
  vertical-align: middle;
}

.tabs .header-tabs .tab:hover {
  background-color: rgba(0, 52, 112, 0.2);
}

.tabs .header-tabs .tab.current {
  color: #FFFFFF;
  background: #2A4551;
}

.tabs .content-tabs .tab {
  display: none;
}

.tabs .content-tabs .header-tabs {
  display: -webkit-box;
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  box-pack: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
  margin-top: 0;
}

.tabs .content-tabs .header-tabs .tab {
  display: block;
  width: 32%;
  padding: 20px;
  margin-bottom: 5px;
  font-size: 0.9em;
  margin: 5px;
}

@media (max-width: 768px) {
  .tabs .content-tabs .header-tabs .tab {
    width: 30%;
  }
}

@media (max-width: 480px) {
  .tabs .content-tabs .header-tabs .tab {
    width: 49%;
    margin: 1px;
    font-size: 0.7em;
    padding: 10px 5px;
  }
}

.tabs .content-tabs .content-tabs {
  padding: 10px 50px 60px;
}

@media (max-width: 768px) {
  .tabs .content-tabs .content-tabs {
    padding: 10px 20px 60px;
  }
}

@media (max-width: 480px) {
  .tabs .content-tabs .content-tabs {
    padding: 10px 0 20px;
  }
}

.tabs .content-tabs.categorias {
  padding: 20px 50px;
}

@media (max-width: 480px) {
  .tabs .content-tabs.categorias {
    padding: 20px;
  }
}

.tabs .content-tabs.actividades ol,
.tabs .content-tabs.actividades ul {
  margin-bottom: 20px;
  border-left: solid 3px #2A4551;
  margin-left: 10px;
  padding-left: 10px;
}

.tabs .content-tabs.actividades ol li,
.tabs .content-tabs.actividades ul li {
  margin-bottom: 5px;
}

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