@charset "UTF-8";
/*@mixin media-max($width){
  @media screen and (max-width: $width) { @content; } {

}*/
/* Foundation — Classes que mudam o estabelecido pelo Framework */
img {
  width: 100%;
}

/* Type */
@font-face {
  font-family: 'Gotham Book';
  src: url("../fonts/Gotham-Book.otf");
  src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.thin {
  font-weight: 100;
}

.regular {
  font-weight: 400;
}

.strong {
  font-weight: 700;
}

.paragraph {
  font-family: "Gotham Book", sans-serif;
}

.title {
  font-family: "Gotham Book", serif;
}

.icon {
  font-family: "Gotham Book", sans-serif;
  text-transform: uppercase;
}

/* Type System */
h1, h2, h3, h4, h5, h6, p, a {
  font-family: "Gotham Book", sans-serif;
}

h1 {
  font-size: 30px;
  color: #003763;
}

p {
  color: #003763;
  font-size: 18px;
  line-height: 29px;
}
@media only screen and (min-width: 40.063em) {
  p {
    font-size: 20px;
    line-height: 34px;
  }
}

p.caption {
  font-size: 13px;
  line-height: 19px;
}

a {
  text-decoration: none;
  color: black;
}

/* Classes de Apoio */
.container {
  width: 100%;
  overflow: hidden;
}

.center {
  margin-right: auto;
  margin-left: auto;
  float: none;
}

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

.oh {
  overflow: hidden;
}

.os {
  overflow-y: scroll;
}

.mb05 {
  margin-bottom: 5px;
}

.mb1 {
  margin-bottom: 10px;
}

.mb2 {
  margin-bottom: 20px;
}

.mb3 {
  margin-bottom: 30px;
}

.mb4 {
  margin-bottom: 40px;
}

.mb5 {
  margin-bottom: 50px;
}

.mb6 {
  margin-bottom: 60px;
}

.mb7 {
  margin-bottom: 70px;
}

.mb8 {
  margin-bottom: 80px;
}

.mb9 {
  margin-bottom: 90px;
}

.mb10 {
  margin-bottom: 100px;
}

/* Tags HTML */
/* Estrutura genérica */
.row-mobile {
  padding: 0px 15px;
}
@media only screen and (min-width: 64.063em) {
  .row-mobile {
    padding: 0px;
  }
}

.fullheight {
  height: 800px;
  width: 100%;
}

.image-not-fixed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.image-fixed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (min-width: 64.063em) {
  .image-fixed {
    background-attachment: fixed;
  }
}

section.text {
  padding: 60px 0px 100px;
}
section.text h1 {
  margin-bottom: 30px;
}

.blue-white {
  /* Fallback for sad browsers */
  background-color: rgba(0, 55, 99, 0.2);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(rgba(0, 55, 99, 0), rgba(0, 55, 99, 0.2));
  /* Opera */
  background-image: -o-linear-gradient(rgba(0, 55, 99, 0), rgba(0, 55, 99, 0.2));
  /* WebKit (Chrome 11+) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 55, 99, 0)), color-stop(1, rgba(0, 55, 99, 0.2)));
  /* WebKit (Safari 5.1+, Chrome 10+) */
  background-image: -webkit-linear-gradient(rgba(0, 55, 99, 0), rgba(0, 55, 99, 0.2));
  /* IE10 */
  background-image: -ms-linear-gradient(rgba(0, 55, 99, 0), rgba(0, 55, 99, 0.2));
  /* W3C */
  background-image: linear-gradient(rgba(0, 55, 99, 0), rgba(0, 55, 99, 0.2));
}
.blue-white h1, .blue-white p {
  color: white;
}

/* Nav */
nav#nav-primary {
  position: fixed;
  width: 100%;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 999;
  max-height: 57px;
  -webkit-transition: max-height 1s ease;
  -moz-transition: max-height 1s ease;
  -o-transition: max-height 1s ease;
  transition: max-height 1s ease;
}
nav#nav-primary.transition {
  max-height: 500px;
}
nav#nav-primary .large-2 {
  border-bottom: 1px rgba(255, 255, 255, 0.6) solid;
}
nav#nav-primary h1 {
  margin: 2px 15px 10px;
  height: 45px;
  text-align: left;
  display: block;
}
nav#nav-primary h1 a {
  text-align: left;
  display: block;
  float: left;
}
nav#nav-primary h1 a::after {
  content: "menu";
  font-family: "Gotham Book", sans-serif;
  font-weight: 400;
  display: block;
  float: left;
  position: absolute;
  left: 95px;
  top: 17px;
  font-size: 16px;
}
@media only screen and (min-width: 64.063em) {
  nav#nav-primary h1 a::after {
    display: none;
  }
}
nav#nav-primary h1 a img {
  height: 25px;
  text-align: left;
}
nav#nav-primary ul li {
  display: block;
}
@media only screen and (min-width: 64.063em) {
  nav#nav-primary ul li {
    float: left;
  }
}
nav#nav-primary ul li a {
  font-size: 16px;
  display: block;
  padding: 15px;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
nav#nav-primary ul li a:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

/* Primeira Imagem + Slide */
#first-image {
  position: relative;
}
#first-image .logos {
  position: absolute;
  width: 100%;
  top: 15%;
}
@media only screen and (min-width: 64.063em) {
  #first-image .logos {
    top: 35%;
  }
}
@media only screen and (min-width: 40.063em) {
  #first-image .logos .large-2 {
    margin-left: 10px;
  }
}
#first-image .logos #down {
  display: block;
}
#first-image .logos #down img {
  width: 35px;
}
#first-image .large-2 img {
  max-width: 182px;
}
#first-image .large-6 > img {
  margin-left: -10px;
  max-width: 654px;
}

.background-animate {
  height: 100%;
  width: 100%;
  position: absolute;
  /* Fallback for sad browsers */
  background-color: rgba(0, 55, 99, 0);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(rgba(0, 55, 99, 0.8), rgba(0, 55, 99, 0));
  /* Opera */
  background-image: -o-linear-gradient(rgba(0, 55, 99, 0.8), rgba(0, 55, 99, 0));
  /* WebKit (Chrome 11+) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 55, 99, 0.8)), color-stop(1, rgba(0, 55, 99, 0)));
  /* WebKit (Safari 5.1+, Chrome 10+) */
  background-image: -webkit-linear-gradient(rgba(0, 55, 99, 0.8), rgba(0, 55, 99, 0));
  /* IE10 */
  background-image: -ms-linear-gradient(rgba(0, 55, 99, 0.8), rgba(0, 55, 99, 0));
  /* W3C */
  background-image: linear-gradient(rgba(0, 55, 99, 0.8), rgba(0, 55, 99, 0));
  background-size: 200% 200%;
  -webkit-animation: AnimationName 1s ease infinite;
  -moz-animation: AnimationName 1s ease infinite;
  animation: AnimationName 1s ease infinite;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* Slider */
.slider {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.slider ul {
  position: absolute;
  height: 100%;
  left: 0px;
}
.slider ul.transition {
  -webkit-transition: left 0.8s ease-out;
  -moz-transition: left 0.8s ease-out;
  -o-transition: left 0.8s ease-out;
  transition: left 0.8s ease-out;
}

.slider ul li {
  height: 100%;
  float: left;
  position: relative;
  width: 100%;
}
.slider ul li div {
  height: 100%;
  float: left;
  left: 0px;
  position: absolute;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* End Slider */
#organizacao .text {
  background-color: white;
  position: absolute;
  width: 100%;
  bottom: 0px;
}

/* Inmemorim */
.big-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (min-width: 64.063em) {
  .big-section {
    background-attachment: fixed;
  }
}
.big-section .image {
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  opacity: 0;
  background-color: rgba(0, 55, 99, 0.5);
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.big-section .center {
  position: relative;
  z-index: 3;
}
.big-section .center h1, .big-section .center p {
  color: white;
}

.medium-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (min-width: 64.063em) {
  .medium-section {
    background-attachment: fixed;
  }
}
.medium-section .image {
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  opacity: 0;
  background-color: rgba(0, 55, 99, 0.5);
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.image-repeat {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 0px;
  z-index: 1;
  width: 100%;
  display: none;
  opacity: 0;
}
@media only screen and (min-width: 64.063em) {
  .image-repeat {
    opacity: 1;
  }
}

#areas.text {
  padding-bottom: 0px;
}

#areas-image {
  position: relative;
}
#areas-image .text {
  position: absolute;
  bottom: 0px;
}
#areas-image .text h1, #areas-image .text p {
  color: #003763;
}

#parcerias {
  position: relative;
}
#parcerias .text {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

/* Contactos */
#map {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
}

#sec-contactos {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
#sec-contactos .large-6 {
  padding: 100px 0px;
  overflow: hidden;
}

/* Footer */
footer {
  display: none;
  height: 159px;
  width: 100%;
  background-color: white;
  border-top: 1px solid #e7e7e7;
}
@media only screen and (min-width: 40.063em) {
  footer {
    height: 134px;
  }
}
footer p {
  font-weight: 700;
  font-size: 12px;
  padding-top: 15px;
}
@media only screen and (min-width: 40.063em) {
  footer p {
    padding-top: 23px;
  }
}

/* Images */
/* Images Slide */
#slide-1 {
  background-image: url("../../content/images/slide-1.jpg");
}
@media only screen and (min-width: 40.063em) {
  #slide-1 {
    background-image: url("../../content/images/640/slide-1.jpg");
  }
}

#slide-2 {
  background-image: url("../../content/images/slide-2.jpg");
}
@media only screen and (min-width: 40.063em) {
  #slide-2 {
    background-image: url("../../content/images/640/slide-2.jpg");
  }
}

#slide-3 {
  background-image: url("../../content/images/slide-3.jpg");
}
@media only screen and (min-width: 40.063em) {
  #slide-3 {
    background-image: url("../../content/images/640/slide-3.jpg");
  }
}

#slide-4 {
  background-image: url("../../content/images/slide-4.jpg");
}
@media only screen and (min-width: 40.063em) {
  #slide-4 {
    background-image: url("../../content/images/640/slide-4.jpg");
  }
}

#slide-5 {
  background-image: url("../../content/images/slide-5.jpg");
}
@media only screen and (min-width: 40.063em) {
  #slide-5 {
    background-image: url("../../content/images/640/slide-5.jpg");
  }
}

#slide-6 {
  background-image: url("../../content/images/slide-6.jpg");
}
@media only screen and (min-width: 40.063em) {
  #slide-6 {
    background-image: url("../../content/images/640/slide-6.jpg");
  }
}

#organizacao {
  background-image: url("../../content/images/organizacao.jpg");
}
@media only screen and (min-width: 40.063em) {
  #organizacao {
    background-image: url("../../content/images/640/organizacao.jpg");
  }
}

#inmemorium, #inmemorium .image-repeat {
  background-image: url("../../content/images/memoriam.jpg");
}
@media only screen and (min-width: 40.063em) {
  #inmemorium, #inmemorium .image-repeat {
    background-image: url("../../content/images/640/memoriam.jpg");
  }
}

#areas-image {
  background-image: url("../../content/images/areas-1.jpg");
}
@media only screen and (min-width: 40.063em) {
  #areas-image {
    background-image: url("../../content/images/640/areas-1.jpg");
  }
}

#areas-image-2 {
  background-image: url("../../content/images/areas-2.jpg");
}
@media only screen and (min-width: 40.063em) {
  #areas-image-2 {
    background-image: url("../../content/images/640/areas-2.jpg");
  }
}

#parcerias, #parcerias .image-repeat {
  background-image: url("../../content/images/parcerias.jpg");
}
@media only screen and (min-width: 40.063em) {
  #parcerias, #parcerias .image-repeat {
    background-image: url("../../content/images/640/parcerias.jpg");
  }
}

#contactos-image {
  background-image: url("../../content/images/contactos.jpg");
}
@media only screen and (min-width: 40.063em) {
  #contactos-image {
    background-image: url("../../content/images/640/contactos.jpg");
  }
}