#navSocials {
    display: none;
}

@media (min-width: 768px) {
    #navSocials {
        display: block;
    }
}

/* -------------------------------------------------- GERAL -------------------------------------------------- */
@font-face {
    font-family: 'Bariol';
    src: url(../fonts/Bariol.ttf);
}

@font-face {
    font-family: 'Bariol Bold';
    src: url(../fonts/Bariol_Bold.otf);
}

.section-heading {
  margin-top: 0;
}

::-moz-selection, ::selection {
  color: #fff;
  background: #292d3a;
  text-shadow: none;
}

img::-moz-selection, img::selection {
  color: #fff;
  background: transparent;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff; !important
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff; !important
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff; !important
}

img, figure {
    max-width: 100%;
}

.row {
    display: flex;
}

.column {
    flex: 50%;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px)
{
    .column {
        width: 100%;
    }
}

.table td {
	padding: 0;
}

/* -------------------------------------------------- BUTTONS STYLING -------------------------------------------------- */
.btn {
  border: none;
  font-family: 'Bariol', 'Helvetica Neue', Arial, sans-serif;
}

.btn-xl {
  padding: 0.3rem 2.5rem;
}

.btn-primary {
  background-color: green;
  border-color: green;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #fff;
  background-color: #006400 !important;
}

.btn-primary:active, .btn-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
}

/* -------------------------------------------------- SECTIONS STYLING -------------------------------------------------- */
#sobrenos {
	background-color: #fff;
	color: #000;
}

#form-contactos
{
	font-family: 'Bariol', 'Helvetica Neue', Arial, sans-serif;
  background-color: #292d3a;
  color: #fff;
  padding-top: 5rem; /* 3rem */
  padding-bottom: 5rem; /* 10rem */
}
#form-contactos input
{
	background-color: #292d3a;
	color: #fff;
}

#form-contactos textarea
{
	background-color: #292d3a;
	color: #fff;
	resize: none;
}

#form-contactos ::placeholder
{
    color: #fff;
    opacity: 1; /* Firefox */
}

#form-contactos .form-control:focus
{
	background-color: #292d3a;
	color: #fff;
}

/* ------------------------------ PORTFOLIO GRID (PRODUTOS) --------------------------------------------------- */
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
	padding-right: 0;
	padding-left: 0;
}

.image {
	display: block;
	height: auto;
	width: 100%;
}

.overlay {
	background-color: #000;
	height: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: .5s ease;
	top: 0;
	width: 100%;
}

.cell-container:hover .overlay {
	opacity: .85;
}

.text {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.btn-default:active {
    background-color: #42B32F;
    color: white;
}

img:hover {
    filter: alpha(opacity=90);
    opacity: 0.90;
}

#map {
	height: 100%;
}

.container-nav {
    position: relative;
    text-align: center;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#footer {
	background-color: #fff;
	color: #000;
	padding-top: 5rem;
	padding-bottom: 2.5rem;
  /* margin-top: 5rem; */
}

#novidades {
  background-color: #efefef;
  padding-top: 4rem;
}

.background1-novidades {
  background-color: #efefef;
}

.background2 {
  background-color: #fff;
}

.export-footer {
  font-size: 12px;
}

.export-navbar {
  background-color: #efefef;
}

#internacionalizacao {
  background-color: #292d3a;
  color: #fff;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.container-inside {
    padding-left: 0rem;
    background-color: #efefef;
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.mobile-fix {
  overflow-x: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
}

.hover-image {
  position: relative;
  top: 0px;
}

.text-block-2 {
    position: initial;
    bottom: -50px;
    left: 50px;
    background-color:rgba(41, 45, 58, 1);
    text-align: left;
    font-size: 12px;
    color: white;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.text-block-3 {
    position: initial;
    bottom: 90px;
    left: -350px;
    background-color:rgba(41, 45, 58, 1);
    text-align: left;
    font-size: 12px;
    color: white;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.text-block-4 {
    position: initial;
    bottom: 90px;
    right: -350px;
    background-color:rgba(41, 45, 58, 1);
    text-align: left;
    font-size: 12px;
    color: white;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.goes-left {
  padding-left: 0;
}

#footer-section1 {
    padding-top: 0rem;
    padding-bottom: 5rem;
}

#footer-section2 {
    padding-top: 2.5rem;
}

#footer-section3 {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
}

#footer-section4 {
    padding-top: 15px;
}

th {
  font-weight: 100;
}

/* ###################### Lightbox ###################### */
.thumbnail {
  max-width: 40%;
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

.text-block {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color:rgba(41, 45, 58 ,0.7);
    text-align: left;
    font-size: 50px;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

.linkedin {
  background-color: #55ACEE;
  color: white;
  margin-top: 10px;
  padding: 12px;
}

.fb {
  background-color: #3B5998;
  color: white;
  margin-top: 10px;
  padding: 12px;
}

.email {
  background-color: #63baa7;
  color: white;
  margin-top: 10px;
  padding: 12px;
}

section {
  padding-top: 5rem;
}

.btn-success {
    background-color: #de6e23;
    color: #fff;
}

.btn-success:hover {
    background-color: #fff;
    color: #de6e23;
    border: 1px solid #de6e23;
}

/* LINKS */
a { color: #000; text-decoration: none; }
table a { color: #fff; }
a:hover, a:focus { color: #dd6300 !important; text-decoration: none; }
a.active { color: #de6e23; text-decoration: none; }

/* BUTTONS */
.export-button {
  background-color: #de6e23;
  color: #fff;
  border-radius: 0;
  margin-top: 4rem;
  margin-left: 15px;
}

.btn-light:hover {
	background-color: #fff;
	color: #de6e23;
  border-width: 1px;
  border-style: solid;
	border-color: #de6e23;
}

.export-button-1 {
  font-weight: 600;
  border-color: #e8e8e8;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  background-color: #efefef;
  color: #272a35;
  padding: 10px 40px;
}

.export-button-2 {
  font-weight: 600;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  background-color: #272a35;
  color: #fff;
  padding: 10px 40px;
}

.export-button-logout {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  background-color: #272a35;
  color: #fff;
  padding: 10px 40px;
  width: 100%;
}

.export-button-1:hover {
  border-color: #ddd;
  background-color: #272a35 !important;
  color: #efefef !important;
}

.export-button-2:hover {
  border-color: #ddd;
  background-color: #272a35 !important;
  color: #fff !important;
}

.ver-mais-button {
  background-color: #de6e23;
  color: #fff;
  border-radius: 0;
  margin-bottom: 1.5rem;
}

.btn-1 { background-color: #de6e23; color: #fff !important; border-radius: 0; margin-top: 100px; padding: 0.3rem 2.5rem; }

.btn-1:hover { background-color: #dd6300; color: #fff !important; border-radius: 0; margin-top: 100px; padding: 0.3rem 2.5rem; }

.btn-2 { /* Guardar alterações */
    background-color: #de6e23;
    color: #fff !important;
    transition: color 0s ease-in-out, background-color 0s ease-in-out;
    margin: 1rem;
}

.btn-2:hover {
    background-color: #dd6300;
    color: #fff !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    margin: 1rem;
}

.btn-3 { /* Editar conteúdo da página */
    background-color: #28a745;
    color: #fff !important;
    border: 1px solid #28a745;
    transition: color 0s ease-in-out, background-color 0s ease-in-out;
    margin: 1rem;
}

.btn-3:hover {
    background-color: #fff;
    color: #28a745 !important;
    border: 1px solid #28a745;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    margin: 1rem;
}

.btn-eliminar {
  background-color: transparent; color: #dc3545; border: 1px solid #dc3545;
  transition: color 0s ease-in-out, background-color 0s ease-in-out;
}

.btn-eliminar:hover {
  background-color: #dc3545; color: #fff; border: 1px solid #dc3545;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.btn-alert {
    background-color: #dc3545;
    color: #fff;
    border: 1px solid #dc3545;
    transition: color 0s ease-in-out, background-color 0s ease-in-out;
}

.btn-alert:hover {
    background-color: #fff;
    color: #dc3545;
    border: 1px solid #dc3545;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.btn-success {
    background-color: #28a745;
    color: #fff;
    border: 1px solid #28a745;
    transition: color 0s ease-in-out, background-color 0s ease-in-out;
}

.btn-success:hover {
    background-color: #fff;
    color: #28a745;
    border: 1px solid #28a745;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

/* FONTS */
.font-xl { color: #292d3a; font-size: 35px; font-weight: 600; padding-bottom: 5rem; } /* Título grande (font-xl) [export-font1] */
.font-xl a { color: inherit; }
.font-md { color: #292d3a; font-size: 25px; font-weight: 600; text-transform: uppercase; padding-bottom: 1.5rem; padding-top: 2rem; padding-left: 0rem; } /* Título médio (font-md) */
.font-md-white {  color: #fff; font-size: 25px; font-weight: 600; padding-bottom: 3rem; } /* Título médio white (font-md-white) */

.font-orange { color: #EE7600; text-transform: uppercase; } /* Título laranja (font-orange) */
.font-black { color: #000; text-align: justify; } /* Main text, color black (font-black) */
.font-white { color: #fff; text-align: justify; } /* Main text, color white (font-white) */
.font-sm-orange { color: #EE7600; font-size: 12px; padding-top: 5px; } /* Orange Download link */

.projeto-titulo { color: #292d3a; font-size: 25px; font-weight: 600; padding-bottom: 1.5rem; padding-left: 0; margin-bottom: 0; text-transform: uppercase; }
.projeto-titulo2 { color: #292d3a; font-size: 20px; font-weight: 600; padding-top: 2.5rem; padding-bottom: 0.5rem; padding-left: 15px; padding-right: 15px; margin-bottom: 0; }
.plasticos { margin-top: 1rem; }

.projeto-descricao2 { padding-left: 15px; padding-right: 15px; }
.export-font-mv { color: #292d3a; font-size: 25px; font-weight: 600; text-transform: uppercase; padding-bottom: 1.5rem; padding-top: 2rem; padding-left: 1.7rem; }

.font-profile { color: #292d3a; font-size: 25px; font-weight: 600; padding-bottom: 1.5rem; padding-top: 2rem; padding-left: 3rem; }
.font-profile-bold { color: #292d3a; font-size: 15px; font-weight: 600; padding-bottom: 1.5rem; padding-top: 2rem; padding-left: 3rem; }
.font-home { color: #292d3a; font-size: 25px; padding-bottom: 20px; padding-left: 20px; }

.exportadores-inter-text {
  padding-bottom: 2rem;
  padding-left: 0rem;
  margin-right: 0px;
  margin-left: 0px;
}

.agroalimentar-section {
    padding: 0;
}

.agroalimentar-section2 {
    padding-top: 0;
    padding-right: 15px;
    padding-left: 15px;
}

.agroalimentar-section3 {
    padding-right: 0;
    padding-left: 0;
}

.projeto-1 {
  padding-right: 0;
}

.projeto-2 {
  border-left: 0px solid #ddd; padding-left: 0;
}

.projeto-3 {
  border-left: 0px solid #ddd; padding-left: 0;
}

.projeto-4 {
  padding-top: 2.5rem;
}

.montra-img {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.imp_padding {
  padding-left: 0; padding-right: 0;
}

#sidebar {
    visibility: hidden;
  }

#content {
    margin-left: 0;
    transition: all 0.3s;
}

#mobileNav {
  display: block;
}

.paddingSidebar {
    padding-left: 0;
    padding-right: 0;
}

/* Medium devices (tablets, desktops) */
@media (min-width: 768px) {
  .paddingSidebar {
      padding-left: 15px;
      padding-right: 15px;
  }

  #mobileNav {
    display: none;
  }

  #sidebar {
      visibility: visible;
    }

    #content {
        margin-left: 250px;
        transition: all 0.3s;
    }
  .container-inside {
      padding-left: 6rem;
      background-color: #efefef;
      padding-top: 1.5rem;
      padding-bottom: 4rem;
  }

  .exportadores-inter-text {
    padding-bottom: 2rem;
    padding-left: 3rem;
    margin-right: 0px;
    margin-left: 0px;
  }

  .home-padding {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .mobile-fix {
    overflow-x: visible;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .hover-image {
    position: relative;
    top: -200px;
  }

.text-block-2 {
    position: absolute;
    bottom: -50px;
    left: 50px;
    background-color:rgba(41, 45, 58, 0.8);
    text-align: left;
    font-size: 12px;
    color: white;
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
}

.text-block-3 {
    position: absolute;
    bottom: 90px;
    left: -350px;
    background-color:rgba(41, 45, 58, 0.8);
    text-align: left;
    font-size: 12px;
    color: white;
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
}

.text-block-4 {
    position: absolute;
    bottom: 90px;
    right: -350px;
    background-color:rgba(41, 45, 58, 0.8);
    text-align: left;
    font-size: 12px;
    color: white;
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
}

#novidades {
  background-color: #efefef;
  padding-top: 0rem;
}

.goes-left {
  padding-left: 5rem;
}

#footer-section1 {
    padding-top: 3rem;
    padding-bottom: 0rem;
}

#footer-section2 {
    padding-top: 0rem;
}

#footer-section3 {
    padding-top: 60px;
    padding-bottom: 0rem;
}

#footer-section4 {
    padding-top: 7rem;
}

    .font-xl { color: #292d3a; font-size: 35px; font-weight: 600; padding-bottom: 2.5rem; }
    .font-md { color: #292d3a; font-size: 25px; font-weight: 600; text-transform: uppercase; padding-bottom: 1.5rem; padding-top: 2rem; padding-left: 3rem; } /* Título médio (titulo-md) */

    .font-profile { color: #292d3a; font-size: 15px; font-weight: 400; padding-bottom: 1.5rem; padding-top: 2rem; padding-left: 3rem; }
    .font-profile-bold { color: #292d3a; font-size: 15px; font-weight: 600; padding-bottom: 1.5rem; padding-top: 2rem; padding-left: 3rem; }

    .projeto-titulo2 { color: #292d3a; font-size: 20px; font-weight: 600; padding-top: 0; padding-bottom: 1.5rem; padding-left: 0; padding-right: 0; margin-bottom: 0; }
    .projeto-descricao2 { padding-left: 0; padding-right: 0; }
    .plasticos { margin-top: 0; }

    .export-button {
      background-color: #de6e23;
      color: #fff;
      border-radius: 0;
      margin-top: 4rem;
      margin-left: 0;
    }

    .agroalimentar-section {
        padding: 30px;
    }

    .agroalimentar-section2 {
        padding-top: 0;
        padding-right: 20px;
        padding-left: 0;
    }

    .agroalimentar-section3 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .projeto-1 {
      padding-right: 20px;
    }

    .projeto-2 {
      border-left: 2px solid #ddd; padding-left: 20px;
    }

    .projeto-3 {
      border-left: 2px solid #ddd; padding-left: 20px;
    }

    .projeto-4 {
      padding-top: 0;
    }

    .montra-img {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .imp_padding {
      padding-left: 3rem; padding-right: 20px;
    }
}

.fc th:nth-last-child(2) {
	background: #282c39;
}

.fc th:last-child {
	background: #282c39;
}

.fc th {
	border-width: 0;
}

td.fc-head-container.fc-widget-header {
    border-width: 0;
}

#myChart, #speedChart {
  background-color: #292d3a;
}

.alert > div {
	margin-left: 250px;
}