a {
  text-decoration: none; }

* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box; }

body {
  font-family: "Montserrat", sans-serif;
  background-image: url(../img/binding_dark.png); }

.light-text {
  color: #D6D3C0; }

.light-text-hover {
  color: #D6D3C0; }

.light-text-hover:hover {
  color: #bc6514; }

.dark-text {
  color: #bc6514; }

.red-text {
  color: #990000; }

.greenText {
  color: #7BCE45; }

.vh80 {
  height: 80vh;
  min-height: 500px; }

.vh50 {
  height: 50vh;
  min-height: 250px; }

.esp-button {
  background-color: rgba(0, 0, 0, 0.7);
  border: 2px solid #bc6514;
  border-radius: 20px;
  color: #D6D3C0;
  padding: 8px; }
  .esp-button:hover {
    color: black !important;
    background-color: #D6D3C0; }
    .esp-button:hover a {
      color: black; }

nav {
  margin-bottom: 70px;
  width: 100%;
  color: #D6D3C0;
  position: fixed;
  background-image: url(../img/binding_dark.png);
  z-index: 7; }
  nav ul {
    width: 50%;
    float: right;
    display: flex;
    justify-content: space-around; }
    nav ul li {
      padding: 20px;
      color: #D6D3C0;
      height: 60px !important; }
      nav ul li:hover {
        color: #bc6514; }

.w3-bar-item {
  width: 150px !important;
  background-color: transparent !important;
  color: #D6D3C0 !important; }

.w3-bar-item:hover {
  color: #bc6514 !important; }

.w3-dropdown-hover {
  color: #D6D3C0; }

.w3-dropdown-content {
  background-color: transparent;
  width: 250px;
  padding-top: 30px;
  right: 100px; }
  .w3-dropdown-content a {
    padding: 8px;
    display: block;
    width: 100%; }

.itemsCircle {
  color: #D6D3C0;
  background-color: #990000;
  border-radius: 50%;
  padding: 1px 4px; }

.nav2 {
  top: 0; }
  .nav2 ul {
    margin-top: 50px; }

.greyed {
  color: #646464; }

.flex-sa-ctr {
  display: flex;
  justify-content: space-around;
  align-items: center; }

.flex-sa-fs {
  display: flex;
  justify-content: space-around;
  align-items: flex-start; }

.flexv-sa-ctr {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center; }

.flex-end-ctr {
  display: flex;
  justify-content: flex-end; }

.flex-fs-ctr {
  display: flex;
  justify-content: flex-start; }

.flexv-fs-ctr {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }

.flexv-fs-fs {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; }

.BDD-form {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: space-around;
  color: #D6D3C0; }

.BDD-formBox {
  width: 25%;
  margin: 20px;
  padding: 30px;
  border: 2px solid #bc6514;
  border-radius: 20px; }
  .BDD-formBox .label {
    margin-bottom: 2px;
    display: block; }

#cf {
  width: 100%;
  margin-top: 100px; }

#cf-top, #cf-bot {
  width: 75%; }

#cf-tl, #cf-tr {
  width: 40%;
  min-width: 450px; }

#cf-tl1, #cf-tl2, #cf-tl3 {
  width: 80%; }

#cf-tl3 {
  margin-top: 50px; }

#cf-tl1-2 {
  margin-left: 30px; }

#cf-top label {
  border: none;
  margin-top: 30px; }
#cf-top input {
  margin-bottom: 30px;
  color: #bc6514;
  opacity: 0.5; }
  #cf-top input:focus {
    color: #D6D3C0;
    opacity: 1; }
#cf-top textarea {
  background-color: black;
  padding: 30px;
  margin-top: 20px;
  border: 1px solid #bc6514;
  border-radius: 20px; }

.inputBox {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #bc6514;
  display: block;
  margin-top: 15px;
  color: #D6D3C0; }

.BDD-btn {
  margin: 50px 200px 100px 0;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  border: 2px solid #bc6514;
  border-radius: 20px;
  color: #D6D3C0; }
  .BDD-btn:hover {
    color: black;
    background-color: #D6D3C0; }

.modal-container {
  background-color: rgba(0, 0, 0, 0.54);
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  color: white;
  z-index: 100;
  display: none; }

.modal-container .modal-box {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  margin: auto;
  max-width: 600px;
  margin-left: -750px;
  position: relative;
  background-color: #ffffff;
  transition: all 1s ease;
  animation-name: move;
  animation-duration: 1s;
  animation-fill-mode: forwards; }

@keyframes move {
  from {
    margin-left: -750px; }
  to {
    margin-left: 0px; } }
.modal-container .modal-box .modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 100px; }

.modal-container .modal-box .modal-close:hover, .modal-container .modal-box .modal-close:focus {
  color: #cecece;
  cursor: pointer; }

.modal-container .modal-content {
  padding: 25px;
  color: black; }

.modal-container .modal-content h2 {
  margin-top: 25px;
  margin-bottom: 20px; }

.modal-container .modal-content p {
  margin-bottom: 20px; }

/*************************** */
.modal-open {
  padding: 20px;
  font-size: 30px;
  background-color: #26c2de;
  color: white;
  box-shadow: 0 0 7px -1px #725757;
  border: 1px solid #b9b9b9;
  margin: 40px;
  margin-top: 0; }

.alertBox {
  position: fixed;
  width: 800px;
  height: 125px;
  font-size: 1.5rem;
  top: 40%;
  left: 10%;
  border-radius: 50px; }
  .alertBox p {
    margin-left: 200px; }

.redAlert {
  background: url("../img/messageBoxRed.svg") no-repeat;
  background-size: 100% 100%;
  color: #D6D3C0; }

.greenAlert {
  background: url("../img/messageBoxGreen.svg") no-repeat;
  background-size: 100% 100%;
  color: black; }

html .trans-center {
  position: absolute;
  object-fit: contain;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

html .center {
  display: block;
  margin: auto; }

.footerContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px;
  color: #D6D3C0; }

.footerAddress H5 {
  font-size: 1.5em;
  padding: 20px;
  color: #bc6514; }
.footerAddress p {
  padding: 10px;
  color: #D6D3C0; }

.footerML {
  padding-top: 50px;
  display: flex;
  flex-direction: column; }
  .footerML p {
    margin-top: 60px;
    padding-left: 0; }

.ML {
  transition: all 0.7s ease-in-out; }
  .ML a {
    border: 2px solid #D6D3C0;
    border-radius: 20px;
    text-decoration: none;
    color: #D6D3C0;
    padding: 20px; }

.footerRS {
  transition: 0.5s ease-in-out; }
  .footerRS a {
    color: #D6D3C0;
    padding: 10px; }

.bar {
  margin-top: 70px;
  height: 5px;
  background-color: #bc6514; }

#linea {
  height: 200px;
  width: 100%;
  background-image: url("../img/linea-without.svg");
  background-repeat: no-repeat;
  background-size: cover; }

#linea:hover {
  height: 200px;
  width: 100%;
  background-image: url("../img/linea-with.svg");
  background-repeat: no-repeat;
  background-size: cover; }

.inscription {
  margin-top: 200px !important; }

/*# sourceMappingURL=styles-common.css.map */