html {
  scroll-behavior: smooth; }

p, ul, ol {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  color: #2d2d2d;
  line-height: 1.8em; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Titillium Web", sans-serif !important;
  font-weight: 300 !important; }

a {
  transition: all 300ms ease; }

.list-inline li{
  display: inline;}

.custom-nav-item {
  color: #B2B2B2;
  font-size: 1.1em;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  padding: 1em 2em; }
  @media screen and (max-width: 992px) and (min-width: 768px) {
    .custom-nav-item {
      padding: 1em 1em; } }

.custom-nav-item:hover {
  color: #FF8825;
  text-decoration: none; }

.navbar-background {
  background: rgba(255, 255, 255, 0.9); }

.navbar-shadow {
  box-shadow: 0px 0px 1.5em rgba(178, 178, 178, 0.3); }

.brand-logo {
  height: 2em; }

.center {
  margin: 0 auto; }

.social-icon {
  padding: 0.5em 0.75em;
  background-color: #B2B2B2;
  color: white;
  border-radius: 50%;
  font-size: 1.2em; }

.social-icon:hover {
  background-color: #FF8825;
  color: white;
  text-decoration: none; }

.menu-icon {
  color: #B2B2B2; }

@media screen and (max-width: 768px) {
  .hide-xs {
    display: none; } }

.slider-img {
  height: 100vh;
  width: 100vw;
  object-fit: cover; }

.jumbo-container-alt {
  height: 100vh;
  position: relative;
  overflow: hidden; }

.traslucid-alt {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 1020; }

.absolute-center {
  margin: auto;
  position: absolute;
  top: 35%;
  left: 0;
  bottom: 0;
  right: 0; }

.jumbo-header {
  color: white;
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-size: 5em; }
  @media screen and (max-width: 768px) {
    .jumbo-header {
      font-size: 3.5em; } }

.jumbo-author {
  width: 100%;
  text-align: left;
  color: white;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-size: 3em; }
  @media screen and (max-width: 768px) {
    .jumbo-author {
      font-size: 2em; } }

.text-shadow {
  text-shadow: 0px 0px 15px #000; }

.flex-container {
  display: flex;
  justify-content: start;
  flex-wrap: wrap; }

.flex-cell {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden; }
  .flex-cell:before {
    content: '';
    display: table;
    padding-top: 100%; }

.flex-item {
  flex-grow: 1;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.flex-icon {
  align-items: flex-end; }

.flex-img {
  flex: 1;
  height: 100%; }

.flex-fullsize {
  flex: 0 0 100;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  box-sizing: border-box;
  width: 100%; }

.full-height {
  height: calc(100vh - 364px); }

@media screen and (max-width: 575px) {
  .xs-form-margin {
    margin-top: 0.5em; } }

.theme-font {
  font-family: "Titillium Web", sans-serif; }

textarea {
  resize: none !important; }

.btn-submit {
  font-family: "Titillium Web", sans-serif;
  padding: 0.3em 2em;
  font-weight: 400;
  width: 100%;
  margin: 1em auto;
  background-color: #2d2d2d;
  color: white; }

.empty {
  background: rgba(178, 178, 178, 0.3); }

.black {
  color: black !important; }

.orange {
  color: #FF8825 !important; }

.gray {
  color: #B2B2B2 !important; }

.light-gray {
  color: #929395 !important; }

.divider {
  content: '';
  height: 1px;
  background-color: black;
  width: 100%; }

.divider-gray {
  content: '';
  height: 1px;
  background-color: #929395;
  width: 100%; }

.divider-orange {
  content: '';
  height: 1px;
  background-color: #FF8825;
  width: 100%; }

@media screen and (min-width: 768px) {
  .bl-white {
    border-left: 1px solid #929395; } }

.hidden {
  display: none; }

.legal {
  font-size: 0.8em;
  color: #6d6d6d; }

a.legal:hover {
  color: #fff;
  text-decoration: none !important; }

.spam-cell {
  width: 40px;
  background-color: #fff;
  color: #B2B2B2;
  padding: .375rem .25rem;
  font-size: 1rem;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #B2B2B2;
  text-align: center; }

.p {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  color: #2d2d2d;
  line-height: 1.8em; }

.error {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  color: #red;
  line-height: 1.8em; }

.space-margin-l {
  margin-left: .05em; }

.about {
  background: url("../img/indexbg4_3200x1800.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%; }

#portfolio {
  background-color: black; }

.gallery-container {
  margin: 1em auto; }

@media screen and (min-width: 768px) {
  .section-title-container {
    margin: 0, auto, 1.5em, auto; } }

@media screen and (max-width: 768px) {
  .portfolio-section {
    font-size: 1.5em !important; } }

.print {
  background: url("../img/printstrips.jpg");
  background-size: cover;
  background-position: center; }

.outdoor {
  background: url("../img/outdoor.jpg");
  background-size: cover;
  background-position: center; }

.packaging {
  background: url("../img/packaging.jpg");
  background-size: cover;
  background-position: center; }

.digital {
  background: url("../img/keyboard.jpg");
  background-size: cover;
  background-position: center; }

#contact {
  background: url("../img/indexbg5_3200x1800.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; }

.footer {
  background-color: black;
  color: white;
  padding: 3em; }

.custom-link {
  color: #929395;
  font-family: "Titillium Web", sans-serif;
  font-weight: 400; }

.custom-link:hover {
  color: #FF8825;
  text-decoration: none; }

.footer-logo {
  max-height: 40px; }

.orange-stripe {
  content: "";
  height: 20px;
  width: 100%;
  background-color: #FF8825; }

a.portfolio {
  color: white;
  text-decoration: none; }

a.portfolio:hover {
  text-decoration: none;
  color: #FF8825; }

img.zoom {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.modal-header {
  border-bottom: none; }

.modal-title {
  color: #000; }

.modal-footer {
  display: none; }

#gallery p{
  color: white;
  text-align:center;
  padding:10px;
}

/* Estilos Tabla Cookies */

.table-cookies{
  width: 97%;
}

.table-cookies tr td {
  border: 1px solid;
  padding-left:5px;
  border-color: #a5a5a5;
}

.cabecera-tabla td{
  font-weight: bold;
  background-color: #b9e9ff;
}

.tabla2 .cabecera-tabla td{
  background-color: #adb5bd;
  text-align: center;
}

.proteccion-datos-personales{
    border: 1px solid !important;
    font-size: 0.8em !important;
    background-color: #00000012 !important;
}

.proteccion-datos-personales p{
  margin-bottom:0 !important;
}

.proteccion-datos-personales .legal{
  font-size: inherit !important;
  text-decoration:underline !important;
}