/* ========================================================================
 *  Geral
 * ======================================================================== */

@font-face {
  font-family: 'Perla Regular';
  src: url('../fonts/perla_rg-webfont.eot');
  src: url('../fonts/perla_rg-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/perla_rg-webfont.woff2') format('woff2'),
       url('../fonts/perla_rg-webfont.woff') format('woff'),
       url('../fonts/perla_rg-webfont.ttf') format('truetype'),
       url('../fonts/perla_rg-webfont.svg#perlaregularregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
  margin-bottom: 200px;
  font-family: 'Merriweather', serif;
}

body.open-nav {
  overflow-y: hidden;
}

a {
  color: #2c2c2c;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: #777;
}

h1 {
  font-family: 'Perla Regular', serif;
}

p {
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
}

.logo-font {
  font-family: 'AAlves';
  font-size: 3em;
  vertical-align: middle;
  padding-right: 5px;
}

.AA-font {
  font-family: 'Perla Regular';
  font-size: 0.7em;
}

.botao {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  -webkit-box-shadow: 1px 1px 1px #000;
  box-shadow: 1px 1px 1px #000;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.botao:hover,
.botao:active,
.botao:focus {
  background-color: rgba(0,0,0,0.4);
  color: #fff;
  opacity: 0.8;
}

.seta-dupla {
  background-color: transparent;
  color: #fff;
  font-size: 3em;
}

.seta-dupla a {
  background-color: transparent;
  color: #fff;
}

.seta-dupla a:hover {
  color: #777;
}

.seta-dupla:focus {
  outline: none;
}

/* centered columns styles */
.row-centered {
  text-align: center;
}
.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

/* ========================================================================
 *  Navbar
 * ======================================================================== */

.navbar-default {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
}

.navbar-default .navbar-brand {
  font-family: 'Perla Regular', serif;
  color: #2c2c2c;
}

.navbar-default .navbar-brand .navbar-brand-logo {
  height: 35px;
  float: left;
  display: inline-block;
  padding-right: 10px;
  margin-top: -7px;
}

.navbar-header {
  float: none;
}

/* Icon menu */
#nav-icon {
  width: 30px;
  height: 25px;
  position: relative;
  margin: 12px auto;
  background: none;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

@media (max-width: 768px) {
  #nav-icon {
    margin-right: 20px;
  }
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #2c2c2c;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 10px;
}

#nav-icon span:nth-child(4) {
  top: 20px;
}

#nav-icon.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}

/* .navbar-home-fechada */
body.navbar-home-fechada .navbar {
  background: transparent;
  border: none;
}

body.navbar-home-fechada .navbar-default .navbar-brand {
  color: #fff;
  opacity: 0;
  -webkit-transition-delay: .5s;
  -moz-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}

body.navbar-home-fechada .navbar-default .navbar,
body.navbar-home-fechada .navbar-default .navbar-brand {
  opacity: 1;
  text-shadow: 0.5px 0.5px 1px rgba(34, 34, 34, 0.5);
  -webkit-transition-delay: .5s;
  -moz-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}

body.navbar-home-fechada .navbar-default .navbar-brand:focus,
body.navbar-home-fechada .navbar-default .navbar-brand:hover,
body.navbar-home-fechada .navbar-default .navbar-brand:active {
  color: #fff;
}

body.navbar-home-fechada #nav-icon span {
  background-color: #fff;
  box-shadow: 0.5px 0.5px 1px rgba(34, 34, 34, 0.5);
}

/* .navbar-fill */
body.navbar-fill .navbar-default {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
  border-bottom: 1px solid;
  border-color: rgba(231, 231, 231, 0.5);
}

body.navbar-fill .navbar-default #nav-icon {
  border: none;
  background: none;
}

body.navbar-fill .navbar-default .navbar-brand {
  color: #222;
  text-shadow: none;
}

body.navbar-fill #nav-icon span {
  background-color: #222;
  box-shadow: none;
}

/* ========================================================================
 *  Menu Slide
 * ======================================================================== */

.menu-slide {
  background-color: #f8f8f8;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99;
  overflow-y: scroll;
  display: none;
  padding-top: 50px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
}

.menu-slide ul {
  list-style: none;
  padding-top: 75px;
  max-height: 100%;
  padding-left: 0;
}

.menu-slide ul li {
  padding: 15px;
  font-size: 2.8em;
  font-family: 'Perla Regular';
}

@media (max-width: 768px) {
  .menu-slide ul {
    padding-top: 90px;
  }

  .menu-slide ul li {
    font-size: 1.8em;
  }
}

.menu-slide ul li:hover {
  background-color: #e7e7e7;
}

.menu-slide ul a {
  color: #2c2c2c;
}

.menu-slide ul a:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .menu-slide ul li:hover::before {
    content: "A";
    font-family: 'AAlves';
    font-size: 2em;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 0.7;
  }
  .menu-slide ul li:hover {
    margin-left: -57px;
  }
}

.mosaicos {
  height: 50%;
  padding: 145px 0px;
  border-right: none;
  border-bottom: none;
  background: url('../img/1.png') no-repeat center center;
  -webkit-transition: all 0.35 linear;
  -moz-transition: all 0.35 linear;
  -o-transition: all 0.35 linear;
  transition: all 0.35s linear;
}
a:nth-child(1) .mosaicos,
a:nth-child(4) .mosaicos {
  border-left: none;
}

.mosaicos p {
  font-family: 'Italiana', 'Merriweather', serif;
  font-weight: 900;
  font-size: 2em;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mosaicos:hover {
  background-color: #222;
  background-size: cover;
  -ms-transform: scale(0.96); /* IE 9 */
  -webkit-transform: scale(0.96); /* Safari */
  transform: scale(0.96); /* Standard syntax */
  overflow: hidden;
  color: #fff;
}

a#menu-home .mosaicos {
  background-image: url('../img/menu/1.png');
  background-size: cover;
}

a#menu-home .mosaicos:hover {
  background-image: url('../img/menu/1h.png');
}

a#menu-the-company .mosaicos {
  background-image: url('../img/menu/2.png');
  background-size: cover;
}

a#menu-the-company .mosaicos:hover {
  background-image: url('../img/menu/2h.png');
}


a#menu-collections .mosaicos {
  background-image: url('../img/menu/3.png');
  background-size: cover;
}

a#menu-collections .mosaicos:hover {
  background-image: url('../img/menu/3h.png');
}

a#menu-design-and-customization .mosaicos,
.menu-slide .mosaicos:nth-child(4) {
  background-image: url('../img/menu/4.png');
  background-size: cover;
}

a#menu-design-and-customization .mosaicos:hover {
  background-image: url('../img/menu/4h.png');
}

a#menu-catalogue-and-multimedia .mosaicos,
.menu-slide .mosaicos:nth-child(5) {
  background-image: url('../img/menu/5.png');
  background-size: cover;
}

a#menu-catalogue-and-multimedia .mosaicos:hover {
  background-image: url('../img/menu/5h.png');
}

a#menu-contacts .mosaicos {
  background-image: url('../img/menu/6.png');
  background-size: cover;
}

a#menu-contacts .mosaicos:hover {
  background-image: url('../img/menu/6h.png');
}

.menu-slide .mosaicos.disabled {
  cursor: not-allowed;
}

.menu-slide .mosaicos.disabled:hover p span {
  display: none;
}

.menu-slide .mosaicos.disabled:hover p::after {
  content: 'Coming Soon';
}

@media (min-width: 768px) {
  a:nth-child(4) .mosaicos,
  a:nth-child(5) .mosaicos {
  padding: 125px 0px;
  }
}

@media (max-width: 1100px) {
  .mosaicos p {
    font-size: 1.4em;
  }
}

@media (max-width: 767px) {
  .mosaicos p {
    font-size: 1.3em;
  }

  .mosaicos {
    padding: 100px 0px;
    height: 33.3%;
  }

}

@media (max-width: 370px) {
  .mosaicos p {
    font-size: 1em;
  }
}

/* Sections */
section {
  padding-top: 50px;
}

section h1 {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  section h1 {
    font-size: 2em;
  }
}

/* ========================================================================
 *  Homepage
 * ======================================================================== */

body#home {
  background: linear-gradient(
      rgba(255, 255, 255, 0.25), 
      rgba(255, 255, 255, 0.25)
  ), url('../img/intro-bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Video Background */
body#home #bgVideo,
body#catalogue-and-multimedia #introVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  top:0;
  right:0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black; /* in case the video doesn't fit the whole page*/
  background-image: url("../img/intro-bg.jpg");
  background-position: center center;
  background-size: cover;
  object-fit: cover; /*cover video background */
  z-index:3;
}

/* Layer with position absolute in order to have it over the video 
(and hide the video navigation controls on mouse move) */
body#home #video-section .layer{
  position: absolute;
  z-index: 4  ;
  width: 100%;
  left: 0;
  top: 0;
}

/* solves problem with overflowing video in Mac with Chrome */
body#home #video-section{
  overflow: hidden;
}

#video-section .pattern-overlay {
  background-color: rgba(71, 71, 71, 0.1);
  padding: 110px 0 32px;
  min-height: 710px;
  min-height: 100vh;
  /* Incase of overlay problems just increase the min-height*/
}

#video-section .layer img {
  -webkit-filter: drop-shadow(1px 1px 1px #4d4d4d);
  filter: drop-shadow(1px 1px 1px #4d4d4d);
  max-height: 160px; 
  margin: 100px auto;
}

#video-section .layer h3 {
  text-align:center;
  color:#fff;
  font-size: 25px;
  font-weight: 300;
  margin: -50px auto 15px;
  opacity: 0;
  -webkit-animation: fadein 2s forwards; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s forwards; /* Firefox < 16 */
  -ms-animation: fadein 2s forwards; /* Internet Explorer */
  -o-animation: fadein 2s forwards; /* Opera < 12.1 */
  animation: fadein 2s forwards;
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  -o-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

@media (max-width: 768px) {
  #video-section h3 {
    margin-top: 0px;
  }
}

@media (min-width: 1900px) {
  #video-section .layer img {
    margin-top: 200px;
  }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ========================================================================
 *  The Company
 * ======================================================================== */

section#the-company-section .container-fluid {
  margin-top: -50px;
}

.row.page {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

section#the-company-section .container-fluid h1 {
  padding-left: 10px;
  z-index: 999;
}

section#the-company-section .container-fluid hr {
  margin-left: 10px;
  position: relative;
  width: 60%;
}

section#the-company-section .page {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

section#the-company-section .page:not(.img-full) {
  min-height: 300px;
  padding: 50px 0;
}

section#the-company-section .page h2 {
  font-family: 'Italiana', 'Merriweather', serif;
}

section#the-company-section .page.img-full {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  height: 100vh;
}

section#the-company-section .page#page1 {
  height: 100vh;
  justify-content: left;
}

section#the-company-section .page#page3 {
  background-image: url('../img/the-company/1.jpg');
  background-position: center right;
}

section#the-company-section .page#page5 {
  background-image: linear-gradient(
  rgba(0,0,0,0.4),
  rgba(0,0,0,0.4)
  ), url('../img/the-company/2.jpg');
}

section#the-company-section .page#page7 {
  background-image: linear-gradient(
  rgba(0,0,0,0.4),
  rgba(0,0,0,0.4)
  ), url('../img/the-company/3.jpg');
}

section#the-company-section .page#page9 {
  background-image: linear-gradient(
  rgba(0,0,0,0.4),
  rgba(0,0,0,0.4)
  ), url('../img/the-company/4.jpg');
  z-index: 3;
}

.page button {
  margin-top: 30px;
}

@media (max-width: 768px) {
  section#the-company-section .page#page1,
  section#the-company-section .page#page2 {
    display: inherit;
  }

  section#the-company-section .page h2 {
    font-size: 1.5em;
    text-align: center;
    font-family: 'Merriweather', serif;
  }

  section#the-company-section .page#page2 .page-texto,
  section#the-company-section .page#page3 .page-texto,
  section#the-company-section .page#page4 .page-texto,
  section#the-company-section .page#page5 .page-texto,
  section#the-company-section .page#page9 .page-texto  {
    padding-top: 0;
  }
}

/* ========================================================================
 *  Collections
 * ======================================================================== */

body#collections {
  margin-bottom: 160px;
}

section#collections-carousel-section {
  margin-top: -50px;
}

section#collections-carousel-section #collections-carousel .botao {
  margin-top: -80px;
}

section#collections-carousel-section #collections-carousel  .carousel-inner::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%);
}

.carousel-inner {
  z-index: 0;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.05) 0,rgba(0,0,0,.0001) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.05) 0,rgba(0,0,0,.0001) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.05)),to(rgba(0,0,0,.0001)));
  background-image: linear-gradient(to right,rgba(0,0,0,.05) 0,rgba(0,0,0,.0001) 100%);
}

.carousel-control.right {
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.05) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.05) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.05)));
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.05) 100%);
}

section#collections-carousel-section #collections-carousel .item {
  width: auto;
  height: 710px;
  max-height: 710px;
  height: 100vh;
  max-height: 100vh;  
}

section#collections-section {
  min-height: 110vh;
}

@media (max-width: 1065px) {
  section#collections-carousel-section #collections-carousel .item img {
    width: auto;
    height: 100%;
    max-width: none;
  }
}

@media (max-width: 768px) {
  section#collections-section {
    padding-bottom: 70px;
  }
}

section#collections-section .row:nth-child(2) {
  padding-bottom: 80px;
}

section#collections-section .collections-wrapper {
  clear: both;
}

section#collections-section .collections-filter {
  height: 60px;
  margin-left: 15px;
}

section#collections-section .collections-filter a {
  padding-right: 5px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

section#collections-section .collections-filter a.active {
  color: #2c2c2c;
  font-weight: 600;
}

section#collections-section .collections-filter a:before {
  content: " / ";
  padding-right: 5px;
  padding-left: 5px;
  font-weight: 300;
}

section#collections-section .collections-filter a:first-child:before {
  content: "  ";
  padding-right: 5px;
  padding-left: 5px;
}

section#collections-section #collections-grid {
  height: 80%;
  height: 480px;
}

section#collections-section #collections-grid > div{
  padding-bottom: 30px;
}

/* Collection Modals */
.collection-modal .modal-content {
  padding: 30px 0 50px 0;
  min-height: 100%;
  border: 0;
  border-radius: 0;
  text-align: center;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.carousel-modal .carousel-control.right,
.carousel-modal .carousel-control.left {
  background-image: none;
}

.collection-modal .modal-content h2 {
  margin-bottom: 15px;
  font-size: 3em;
  font-family: 'Perla Regular', serif;
}

.collection-modal .modal-content p {
  margin-bottom: 30px;
}

.collection-modal .modal-content p.item-intro {
  margin: 10px 0 30px;
  font-size: 16px;
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-weight: 300;
}

.collection-modal .modal-content ul.list-inline {
  margin-top: 0;
  margin-bottom: 30px;
}

.collection-modal .modal-content img {
  margin-bottom: 30px;
}

.collection-modal .modal-content .artigos {
  margin-bottom: 20px;
}

.collection-modal .modal-content button {
  color: #2c2c2c;
  background: transparent;
  border: 1px solid transparent;

}

.collection-modal .modal-content button:hover {
  border: 1px solid #2c2c2c;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;

}

.collection-modal .modal-backdrop {
  display: none;
  opacity: 0;
}

.carousel-modal .item {
  max-height: 75vh;  
}


@media (max-width: 768px) {
  .carousel-modal .item,
  .carousel-modal .carousel-control {
    height: 190px;
  }
}

/* ========================================================================
 *  Design and Customization
 * ======================================================================== */

section#design-and-customization-section #customization-content {
  padding-bottom: 50px;
}

section#design-and-customization-section #customization-content #customization-texto {
  padding-top: 20px;
}

/* ========================================================================
 *  Catalogue and Multimedia
 * ======================================================================== */

iframe#video-full {
    height: 100vh;
    width: 100%;
    border: none;
}

body#catalogue-and-multimedia .seta-dupla {
  z-index: 58;
  margin-top: -100px;
}

section#multimedia {
  position: relative;
  margin-bottom: 300px;
}

section#multimedia #multimedia-content {
  padding-top: 50px;
}

section#multimedia #multimedia-content #video-exponor {
  padding-bottom: 100px;
}

section#multimedia #multimedia-content #btn-catalogo {
  border: 1px solid #333;
  background-color: transparent;
  padding: 15px 24px;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}

section#multimedia #multimedia-content #btn-catalogo:hover,
section#multimedia #multimedia-content #btn-catalogo:active,
section#multimedia #multimedia-content #btn-catalogo:focus {
  background-color: #333;
  color: #fff;
}

section#multimedia #multimedia-content figure {
  position: relative;
}

section#multimedia #multimedia-content figure > * {
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}

section#multimedia #multimedia-content figcaption.hidden-xs {
  position: absolute;
  top: 25%;
  right: 0;
  opacity: 0;
}

section#multimedia #multimedia-content figure:hover figcaption.hidden-xs {
  opacity: 1;
}

section#multimedia #multimedia-content figcaption.hidden-xs h1 {
  font-size: 4em;
  line-height: 1.3em;
}

section#multimedia #multimedia-content figure:hover figcaption.hidden-xs h1 {
  color: #333;
}

@media (min-width:768px) {
  section#multimedia #multimedia-content figure:hover img {
    opacity: 0.5;
  }
}

/* ========================================================================
 *  Contacts
 * ======================================================================== */

section#contacts-section {
  padding-bottom: 70px;
}

section#contacts-section .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

section#contacts-section .container-fluid .row.no-gutter div {
  height: 186px;
  overflow: hidden;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText {
  position: relative;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
  opacity: 0.8;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText:hover {
  opacity: 1;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText#info {
  background: url("../img/contacts/1.jpg") no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText#design {
  background: url("../img/contacts/2.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText#technical-support {
  background: url("../img/contacts/3.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: radial-gradient(rgba(0,0,0,0),#000);
  opacity: .4;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText .col {
  position: absolute;
  z-index: 1; 
  top: 0; 
  left: 0;
  width: 100%;
  top: 33.33%;
  height: 33.33%;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText:hover .col {
  background-color: rgba(0,0,0,0.3);
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText p,
section#contacts-section .container-fluid .row.no-gutter .imageAndText p a {
  color: #fff;
  padding-top: 12.5px;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(50,50,50,1);
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText p a:hover {
  color: #ccc;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText p .categoria,
section#contacts-section .container-fluid .row.no-gutter .imageAndText p .email {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText p .email,
section#contacts-section .container-fluid .row.no-gutter .imageAndText:hover p .categoria {
  display: none;
}

section#contacts-section .container-fluid .row.no-gutter .imageAndText:hover p .email {
  display: inline-block;
}

form {
  margin-top: 50px; 
}

.form-control {
  font-weight: 300;
  margin-top: -10px; 
}

textarea.form-control {
  height: 100px;
}

.form-group {
  position: relative;
  margin-bottom: 0;
  border-bottom: 1px solid #eee;
}

.form-group input,
.form-group select,
.form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: 0;
  border-radius: 0;
  font-size: 1.2em;
  background: 0 0;
  box-shadow: none!important;
  resize: none;
}

.form-group select {
  margin-left: -8px;
}

.form-group label {
  opacity: 0;
}

.form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eee;
}

form .row:last-child .form-group {
  border: none;
}

.btn-success {
  background-color: transparent;
  border-color: #222;
  color: #222;
  font-weight: 300;
  font-size: 1.2em;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  background-color: #222;
  border-color: #222;
  color: #fff;
}

#mapas {
  padding-top: 50px;
}

.map-container { 
  display: block;
  height: 430px;
}

.morada {
  padding-top: 15px;
}

.morada a {
  font-family: 'Open Sans', sans-serif;
}

/* ========================================================================
 *  Footer
 * ======================================================================== */

.footer {
  position: absolute;
  z-index: 98;
}

footer {
  padding: 15px 0;
  text-align: center;
  bottom: 0;
  width: 100%;
  height: 200px;
  background-color: #555;
  background: linear-gradient(
        rgba(0, 120, 0, 0.5), 
        rgba(0, 0, 0, 0.75)
    ), url('../img/floresta-2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  border-top: 1px solid #111;
}

footer .container-fluid {
  padding: 15px;
}

footer .container-fluid:nth-child(1) {
  background-color: rgba(0,0,0,0.4);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+1,0+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  margin-top: -15px;
  height: 100px;
  padding-top: 30px;
}

footer .container-fluid:nth-child(2) {
  padding-top: 35px;
}

footer ul.quicklinks {
  margin-bottom: 0;
  line-height: 40px;
  font-size: 0.9em;
}

@media (max-width: 768px) {
  footer ul.quicklinks {
    font-size: 0.8em;
  }
}

@media (max-width: 370px) {
  footer ul.quicklinks {
    font-size: 0.65em;
  }
}

footer ul.quicklinks li a {
  color: #e7e7e7;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
}

footer ul.quicklinks li a:hover,
footer ul.quicklinks li a:active,
footer ul.quicklinks li a:focus {
  color: #777;
}

ul.social-buttons {
  margin-bottom: 0;
}

ul.social-buttons li a {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 40px;
  outline: 0;
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
  background-color: #fff;
  border: 1px solid #fff;
  color: #222;
}

body#home footer {
  background: transparent;
  border: none;
  height: 70px;
}

body#home footer ul.quicklinks li a {
  color: #fff;
}

body#home footer ul.social-buttons li a {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}

body#home footer ul.social-buttons li a:hover,
body#home footer ul.social-buttons li a:active,
body#home footer ul.social-buttons li a:focus {
  background-color: #222;
}

@media (max-width: 1200px) {
  footer .list-inline li {
    padding-right: 2.5px;
    padding-left: 2.5px;
  }
}

@media (max-width: 992px) {
  footer ul.quicklinks {
    float: none!important;
    margin-top: 10px;
  }
}

.quicklinks-modal .modal-header {
  padding: 40px 40px 0px;
  border: none;
}

.quicklinks-modal .modal-body {
  padding: 40px;
}

/*translation*/

body:not(.pt) :lang(pt) { 
    display: none; 
}


/* ========================================================================
 *  Remover cor do autofill do chrome
 * ======================================================================== */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}