/***** General *****/
@font-face {
  font-family: BonvenoCF;
  src: url(/static/src/assets/fonts/BonvenoCF-Light.otf);
}

:root {
  /***** Fonts *****/
  --lato: 'Lato', sans-serif;
  --bonveno: BonvenoCF;
  /***** End Fonts *****/
  /***** Colors *****/
  --gold: #D59A28;
  --gray: #ECECEC;
  --black: #000000;
  /***** End Colors *****/
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--bonveno);
}

.body-black {
  background-color: var(--black);
}

.body-gray {
  background-color: var(--gray);
}

a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

.text-hover {
  text-shadow: 0px 2.33376px 3.50064px #000000;
  transition: transform text-shadow .3s;
}

.text-hover:hover {
  transform: scale(1.05);
  color: var(--gold) !important;
  text-shadow: 0px 1.5px 2px #000000;
}
.scale-hover {
  transition: transform .3s;
}
.scale-hover:hover {
  transform: scale(1.08);
}

.content-elarte {
  z-index: 0;
}

/***** End General *****/
/***** Header *****/
.header-elarte {
  z-index: 10;
  position: absolute;
  width: 100%;
}

.header-elarte .header-shadow {
  width: 100%;
  position: fixed;
  z-index: 10;
}

.header-elarte .menu-fixed {
  position: fixed;
  z-index: 10;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--gold);
}
.dropdown-item.active, .dropdown-item:disabled {
  color: var(--black);
}

.header-elarte .navbar .container-fluid .logo-elarte {
  position: relative;
  z-index: 0;
}

.header-elarte .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link {
  font-weight: 900;
  color: white;
  text-transform: uppercase;
}
.header-elarte .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .active {
  color: var(--gold);
  text-shadow: 0px 1.5px 2px #000000;
}

/***** End Header *****/
/***** Footer *****/
.footer-elarte .separator-footer {
  width: 100%;
  background: rgb(190, 152, 64);
  background: -moz-linear-gradient(90deg, rgba(190, 152, 64, 1) 5%, rgba(255, 228, 146, 1) 15%, rgba(190, 152, 64, 1) 25%);
  background: -webkit-linear-gradient(90deg, rgba(190, 152, 64, 1) 5%, rgba(255, 228, 146, 1) 15%, rgba(190, 152, 64, 1) 25%);
  background: linear-gradient(90deg, rgba(190, 152, 64, 1) 5%, rgba(255, 228, 146, 1) 15%, rgba(190, 152, 64, 1) 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be9840", endColorstr="#be9840", GradientType=1);
}

.footer-elarte .content {
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(34, 34, 34, 1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(34, 34, 34, 1) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(34, 34, 34, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#222222", GradientType=1);
  color: white;
}

.footer-elarte .content .sec-menu ul {
  list-style: none;
  padding: 0;
  font-weight: 900;
  text-transform: uppercase;
}

.footer-elarte .content .sec-logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-elarte .content .sec-social .social-networks {
  display: flex;
}

.footer-elarte .content .sec-social .social-networks figure {
  padding: 0;
  margin: 0;
}

.footer-elarte .content .sec-social .info {
  height: 100%;
  display: flex;
  align-items: center;
}

.footer-elarte .content .sec-social .info span {
  font-family: var(--lato);
  font-weight: 900;
}

/***** End Footer *****/
/***** Index *****/
.index-elarte .sec-video #video {
  width: 100%;
  pointer-events: none;
  overflow: hidden;
}

.index-elarte .sec-video #video iframe {
  width: 300%;
  margin-left: -100%;
}

.index-elarte .sec-request .bg-request,
.index-elarte .sec-team .bg-team,
.index-elarte .sec-design .bg-design,
.index-elarte .sec-style .bg-style,
.index-elarte .sec-production .bg-production,
.index-elarte .sec-categories .bg-categories {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.index-elarte .sec-request .bg-request .sec-content,
.index-elarte .sec-team .bg-team .sec-content,
.index-elarte .sec-design .bg-design .sec-content,
.index-elarte .sec-style .bg-style .sec-content,
.index-elarte .sec-production .bg-production .sec-content,
.index-elarte .sec-categories .bg-categories .sec-content {
  height: 100%;
  align-items: center;
  color: white;
}

.index-elarte .sec-request .bg-request .bg-shadow,
.index-elarte .sec-team .bg-team .bg-shadow,
.index-elarte .sec-design .bg-design .bg-shadow,
.index-elarte .sec-style .bg-style .bg-shadow,
.index-elarte .sec-production .bg-production .bg-shadow,
.index-elarte .sec-categories .bg-categories .bg-shadow {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.index-elarte .sec-request .bg-request .sec-content .text-width .title,
.index-elarte .sec-team .bg-team .sec-content .text-width .title,
.index-elarte .sec-design .bg-design .sec-content .text-width .title,
.index-elarte .sec-style .bg-style .sec-content .text-width .title,
.index-elarte .sec-production .bg-production .sec-content .text-width .title {
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 0px 2.33376px 3.50064px #000000;
}

.index-elarte .sec-request .bg-request .sec-content .text-width .text,
.index-elarte .sec-team .bg-team .sec-content .text-width .text,
.index-elarte .sec-design .bg-design .sec-content .text-width .text,
.index-elarte .sec-production .bg-production .sec-content .text-width .text {
  font-family: var(--lato);
  font-weight: 900;
  text-shadow: 0px 2.33376px 3.50064px #000000;
}

.index-elarte .sec-request .bg-request .sec-content .text-width .btn-golden {
  font-family: var(--lato);
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  background-color: var(--gold);
  border-color: var(--gold);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 3px 0px 5.52px #000000;
  transition: all 0.3s;
}

.index-elarte .sec-request .bg-request .sec-content .text-width .btn-golden:hover {
  transform: scale(1.06, 1.02);
}

.index-elarte .sec-team .bg-team .sec-content .img-width .bg-img-team {
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 100%;
}
.index-elarte .sec-style .bg-style .sec-content .text-width .style-container .bg-logo {
  background-color: rgba(255, 255, 255, 0.23);
  border-radius: 50%;
}
.index-elarte .sec-style .bg-style .sec-content .text-width .style-container .bg-logo .style-logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.index-elarte .sec-style .bg-style .sec-content .text-width .style-container .sec-text .subtitle {
  font-weight: 900;
  color: var(--gold);
  text-transform: uppercase;
}
.index-elarte .sec-style .bg-style .sec-content .text-width .style-container .sec-text .text {
  font-family: var(--lato);
  font-weight: 900;
}
.index-elarte .sec-production .bg-production .sec-content .video-production {
  pointer-events: none;
  overflow: hidden;
}
.index-elarte .sec-categories .bg-categories .sec-content .space-categories .content-category {
  padding: 0;
}

.index-elarte .sec-categories .bg-categories .sec-content .space-categories .content-category a:hover * {
  transform: scale(1.05);
  filter: none;
  color: var(--gold);
  border: none;
}

.index-elarte .sec-categories .bg-categories .sec-content .space-categories .content-category a figure {
  display: flex;
  justify-content: center;
}

.index-elarte .sec-categories .bg-categories .sec-content .space-categories .content-category a figure img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(356deg) brightness(103%) contrast(104%);
  transition: transform .3s;
}

.index-elarte .sec-categories .bg-categories .sec-content .space-categories .content-category a h3 {
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 1.5px 2px #000000;
  transition: transform .3s;
}

/***** End Index *****/
/***** Tools *****/
/***** Menu *****/
.header-elarte .menu-fixed .row .icon-fixed .btn {
  padding: 0;
  color: white;
}

.header-elarte .menu-fixed .row .icon-fixed .btn span {
  font-weight: 900;
}

.header-elarte .menu-fixed .row .icon-fixed .dropdown-menu-dark,
.project-elarte .sec-project .sec-info .sec-icon .icon .dropdown-menu-dark {
  opacity: .9;
}
.project-elarte .sec-project .sec-info .sec-icon {
  display: flex;
}

.project-elarte .sec-project .sec-info .sec-icon .icon .btn {
  padding: 0;
  color: var(--black);
}

/***** End Menu *****/
/***** Carousel *****/
.sec-carousel .carousel-indicators .active {
  border: 1px solid var(--gold);
  background-color: var(--gold) !important;
}

.sec-carousel .carousel-indicators button {
  border: 1px solid #000;
  transition: all .3s;
}

.sec-carousel .carousel-inner .img-carousel-1,
.sec-carousel .carousel-inner .img-carousel-2,
.sec-carousel .carousel-inner .img-carousel-3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.index-elarte .sec-carousel .carousel-inner .img-logo {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.carousel-control-next,
.carousel-control-prev {
  width: 10%;
}

.sec-carousel .carousel-dark .carousel-control-next-icon,
.sec-carousel .carousel-dark .carousel-control-prev-icon {
  filter: brightness(0) saturate(100%) invert(79%) sepia(38%) saturate(2102%) hue-rotate(342deg) brightness(89%) contrast(85%);
}

.sec-carousel .carousel-control-next:focus, .carousel-control-next:hover,
.sec-carousel .carousel-control-prev:focus, .carousel-control-prev:hover {
  opacity: 1;
}

/***** End Carousel *****/
/***** Paginator *****/
.sec-pagination nav .pagination {
  margin: 0;
  border-radius: 0;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 0;
}

.sec-pagination nav .pagination .page-item .page-link {
  background-color: var(--black);
  border: solid var(--black);
  padding: 0;
  margin: 0;
}

.sec-pagination nav .pagination .active>.page-link,
.sec-pagination nav .pagination .page-link.active {
  background-color: var(--gold);
  border: solid var(--gold);
}

/***** End Paginator *****/
/***** Breadcrumb *****/
.sec-breadcrumb .breadcrumb {
  margin-bottom: 0;
  font-family: var(--lato);
  font-weight: 900;
}

.sec-breadcrumb .breadcrumb .active {
  color: var(--gold);
}

/***** End Breadcrumb *****/
/***** Magnifier *****/
.project-elarte .modal {
  --bs-modal-bg: none;
  --bs-modal-border-color: none;
}

.project-elarte .modal .modal-body {
  padding: 0;
}

.project-elarte .modal figure {
  margin: 0;
}

.project-elarte .modal figure #img_modal {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.project-elarte figure.zoom {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  margin: 0;
}

.project-elarte figure.zoom img:hover {
  opacity: 0;
}

.project-elarte figure.zoom img {
  transition: opacity 0.5s;
  display: block;
}

/***** End Magnifier *****/
/***** End Tools *****/
/***** Consult - Account *****/
.consult-elarte .consult-container .sec-consultation-form .sec-return button,
.account-elarte .account-container .sec-account-form .sec-return button {
  display: flex;
  align-items: center;
  font-family: var(--lato);
  font-weight: 900;
  text-transform: uppercase;
  padding: 0;
  transition: all .3s;
}
.consult-elarte .consult-container .sec-consultation-form .sec-return button:hover,
.account-elarte .account-container .sec-account-form .sec-return button:hover {
  transform: translateX(-4%);
}
.consult-elarte .consult-container .sec-consultation-form .sec-return button span,
.account-elarte .account-container .sec-account-form .sec-return button span {
  color: var(--gold);
}
.consult-elarte .consult-container .sec-consultation-form .sec-text h2,
.account-elarte .account-container .sec-account-form .sec-text h2 {
  font-weight: 900;
  text-transform: uppercase;
  color: var(--gold);
}
.consult-elarte .consult-container .sec-consultation-form .sec-text p,
.consult-elarte .consult-container .sec-consultation-form .sec-form .img-consult p,
.account-elarte .account-container .sec-account-form .sec-text p,
.account-elarte .account-container .sec-form .input-container .input-account .f-password a {
  font-family: var(--lato);
  font-weight: 900;
}
.consult-elarte .consult-container .sec-form .input-consult,
.account-elarte .account-container .sec-form .input-account {
  font-family: var(--lato);
  font-weight: 900;
}

.form-control:focus {
  border-color: var(--gold);
}
.consult-elarte .consult-container .sec-form .input-consult .form-control,
.account-elarte .account-container .sec-form .input-account .form-control {
  font-weight: 900;
  padding-top: 0;
  padding-bottom: 0;
}
.consult-elarte .consult-container .sec-form .input-consult .form-control,
.consult-elarte .consult-container .sec-form .input-consult span,
.consult-elarte .consult-container .sec-form .textarea-consult .form-control,
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .form-floating .form-control,
.account-elarte .account-container .sec-form .input-account .form-control,
.account-elarte .account-container .sec-form .input-account span {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.consult-elarte .consult-container .sec-form .input-consult label,
.consult-elarte .consult-container .sec-form .input-consult span,
.account-elarte .account-container .sec-form .input-account label,
.account-elarte .account-container .sec-form .input-account span {
  display: flex;
  align-items: center;
}
.consult-elarte .consult-container .sec-form .input-consult .phone-container,
.account-elarte .account-container .sec-form .input-account .phone-container {
  display: flex;
  justify-content: space-between;
}
.consult-elarte .consult-container .sec-form .input-consult .phone-1 .form-control,
.account-elarte .account-container .sec-form .input-account .phone-1 .form-control {
  background-color: var(--gold);
  color: var(--gray);
}
.consult-elarte .consult-container .sec-form .input-consult .phone-1 .form-control::placeholder,
.account-elarte .account-container .sec-form .input-account .phone-1 .form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--gray);
}
.consult-elarte .consult-container .sec-form .btn-container,
.account-elarte .account-container .sec-form .btn-container {
  display: flex;
  justify-content: end;
}
.consult-elarte .consult-container .sec-form .btn-container .btn-submit,
.account-elarte .account-container .sec-form .btn-container .btn-submit,
.account-elarte .account-container .account-responsive .btn-golden,
.account-elarte .account-container .sec-account-bg .bg-account .bg-shadow .btn-golden {
  display: flex;
  align-items: center;
  background-color: var(--gold);
  color: white;
  font-family: var(--lato);
  font-weight: 900;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  text-shadow: 0px 4px 4px rgb(0 0 0 / 25%), 3px 0px 5.52px #000000;
  transition: transform .3s;
}
.consult-elarte .consult-container .sec-form .btn-container .btn-submit:hover,
.account-elarte .account-container .sec-form .btn-container .btn-submit:hover,
.account-elarte .account-container .account-responsive .btn-golden:hover,
.account-elarte .account-container .sec-account-bg .bg-account .bg-shadow .btn-golden:hover {
  transform: scale(1.06, 1.02);
}
.consult-elarte .consult-container .sec-consultation-bg .bg-consultation,
.account-elarte .account-container .sec-account-bg .bg-account {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: -10px 0px 25px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -10px 0px 25px 0px rgba(0, 0, 0, 0.5);
  box-shadow: -10px 0px 25px 0px rgba(0, 0, 0, 0.5);
}
.consult-elarte .consult-container .sec-consultation-bg .bg-consultation .bg-shadow,
.account-elarte .account-container .sec-account-bg .bg-account .bg-shadow {
  background: rgb(245, 245, 245);
  background: -moz-linear-gradient(180deg, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.35395877100840334) 100%);
  background: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.35395877100840334) 100%);
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.35395877100840334) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#000000", GradientType=1);
  width: 100%;
  height: 100%;
}
/***** End Consult - Account *****/
/***** Consult *****/
.datepicker-header .datepicker-controls .button {
  color: var(--gold);
}

.datepicker-view .dow {
  color: #8F8F8F;
}

.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: var(--gold) !important;
}

.datepicker-header .datepicker-controls .button,
.datepicker-view .dow,
.datepicker-view .days .datepicker-cell {
  font-family: var(--lato) !important;
  font-weight: 900;
}

.datepicker-cell.focused:not(.selected) {
  background-color: var(--gold) !important;
  color: var(--gray);
}
.consult-elarte .consult-container .sec-form .input-consult span {
  color: var(--gold);
}
.consult-elarte .consult-container .sec-form .textarea-consult,
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .form-floating {
  font-family: var(--lato);
  font-weight: 900;
}
.consult-elarte .consult-container .sec-form .textarea-consult .form-control {
  font-weight: 900;
}
.consult-elarte .consult-container .sec-form .img-consult .text {
  text-shadow: 0px 1.5px 2px #000000
}
.consult-elarte .consult-container .sec-form .img-consult .img-container {
  display: flex;
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border {
  display: flex;
  justify-content: center;
  align-items: center;
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border span.material-icons-outlined {
  display: flex;
  justify-content: center;
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border:hover span.material-icons-outlined {
  color: var(--gold);
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border p {
  margin: 0;
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border p span {
  color: var(--gold);
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border figure {
  margin: 0;
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border #fig_preview_1,
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border #fig_preview_2,
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border #fig_preview_3 {
  display: none;
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border figure img {
  object-fit: cover;
  transition: all .3s;
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .img-border:hover figure img {
  filter: grayscale(100%);
}
.consult-elarte .consult-container .sec-form .img-consult .img-container .img-form .form-floating .form-control {
  font-weight: 900;
  margin-bottom: 0;
}
.consult-elarte .consult-container .sec-consultation-bg .bg-consultation .bg-shadow .bg-logo {
  background-position: bottom right;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

/***** End Consult *****/
/***** Account *****/
.account-elarte .account-container .sec-account-form .account-width {
  height: 100%;
  display: grid;
}
.account-elarte .account-container .sec-form .input-container .input-account .f-password a:hover {
  color: var(--gold);
}
.account-elarte .account-container .sec-form .input-account .form-check .form-check-input:checked {
  background-color: var(--gold);
  border-color: var(--gold);
}
.account-elarte .account-container .sec-form .input-account .form-check .form-check-input:focus {
  border-color: var(--gold);
  box-shadow: none;
}
.account-elarte .account-container .sec-form .input-account .form-check .form-check-label,
.account-elarte .account-container .sec-form .input-account .error-message {
  font-weight: 900;
}
.account-elarte .account-container .sec-form .input-account .form-check .form-check-label p {
  margin-bottom: 0;
}
.account-elarte .account-container .sec-form .input-account .form-check .form-check-label p a {
  font-weight: 900;
  color: var(--gold);
}
.account-elarte .account-container .sec-form .modal .modal-content {
  padding: 10% 2%;
  text-align: center;
}
.account-elarte .account-container .sec-form .modal .modal-content figure img {
  width: 24%;
  height: 24%;
}
.account-elarte .account-container .sec-form .modal .modal-content .modal-body h4 {
  font-family: var(--lato);
  font-size: 171%;
  font-weight: 900;
  margin-bottom: 5%;
}
.account-elarte .account-container .sec-form .modal .modal-content .modal-body p {
  font-family: var(--lato);
  font-size: 105%;
  line-height: 120%;
  font-weight: 900;
  color: #718096;
  margin-bottom: 6%;
}
.account-elarte .account-container .sec-form .modal .modal-content .modal-body .btn-gold,
.account-elarte .account-container .sec-form .modal .modal-content .modal-body .btn-cancel {
  background-color: var(--gold);
  font-family: var(--lato);
  font-size: 100%;
  font-weight: 900;
  color: white;
  padding: 2% 6%;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  text-shadow: 0px 4px 4px rgb(0 0 0 / 25%), 3px 0px 5.52px #000000;
  transition: transform .3s;
}
.account-elarte .account-container .sec-form .modal .modal-content .modal-body .btn-gold {
  background-color: var(--gold);
}
.account-elarte .account-container .sec-form .modal .modal-content .modal-body .btn-cancel {
  background-color: #dc3545;
}
.account-elarte .account-container .sec-form .modal .modal-content .modal-body .btn-gold:hover,
.account-elarte .account-container .sec-form .modal .modal-content .modal-body .btn-cancel:hover {
  transform: scale(1.06, 1.02);
}
.account-elarte .account-container .sec-form .input-account .check-container {
  display: flex;
  justify-content: space-between;
}
.account-elarte .account-container .sec-form .input-account .check-container .input-check {
  width: 15%;
}
.account-elarte .account-container .sec-form .input-account .check-container .input-check .form-control {
  text-align: center;
}
.account-elarte .account-container .sec-form .input-account .check-container .separator-check {
  width: 10%;
  text-align: center;
  align-self: center;
  font-size: 200%;
}
.account-elarte .account-container .sec-account-form .menu-emd {
  align-self: flex-end;
  text-align: center;
}
.account-elarte .account-container .sec-account-form .menu-emd .menu-items a {
  font-family: var(--lato);
  font-weight: 900;
}
.account-elarte .account-container .sec-account-form .menu-emd .menu-items a:hover {
  color: var(--gold);
}
.account-elarte .account-container .account-responsive p,
.account-elarte .account-container .sec-account-bg .bg-account .bg-shadow p {
  font-weight: 900;
  margin-bottom: 0;
  color: var(--black);
  text-decoration: underline var(--black);
}
.account-elarte .account-container .account-responsive p span,
.account-elarte .account-container .sec-account-bg .bg-account .bg-shadow p span {
  font-weight: 900;
  margin-bottom: 0;
  color: var(--gold);
  text-decoration: underline var(--gold);
}
.account-elarte .account-container .sec-account-bg .bg-account .bg-shadow .bg-logo {
  background-position: bottom right;
  background-repeat: no-repeat;
  width: 100%;
  height: 82%;
}
/***** End Account *****/
/***** About Us *****/
.about-us-elarte .sec-description .sec-text .title h4 {
  font-weight: 900;
  text-transform: capitalize;
}
.about-us-elarte .sec-description .sec-text .title h4 span {
  color: var(--gold);
  font-weight: 900;
}
.about-us-elarte .sec-description .sec-text .description p {
  font-family: var(--lato);
  font-weight: 900;
}
.about-us-elarte .sec-description figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.about-us-elarte .separator {
  opacity: 1;
}
.about-us-elarte .sec-team-words .bg-up {
  background-position: top right;
  background-repeat: no-repeat;
}
.about-us-elarte .sec-team-words .bg-bottom {
  background-position: bottom left;
  background-repeat: no-repeat;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment:nth-child(even) {
  width: 100%;
  display: flex;
  justify-content: right;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment .worker {
  display: flex;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment:nth-child(even) .worker {
  justify-content: right;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment .worker figure img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment .worker .text-container {
  display: flex;
  align-items: center;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment .worker .text-container h4 {
  font-weight: 900;
  margin-bottom: 0;
  text-transform: capitalize;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment .worker .text-container p {
  font-family: var(--lato);
  font-weight: 900;
  color: #155F90;
  margin-bottom: 0;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment .comment {
  font-family: var(--lato);
  font-weight: 900;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment:nth-child(even) .comment {
  text-align: right;
}
.about-us-elarte .sec-team-words .bg-bottom .team-comment .comment p {
  margin-bottom: 0;
}
.about-us-elarte .sec-team .title {
  font-weight: 900;
  text-align: center;
  text-transform: capitalize;
}
.about-us-elarte .sec-team .team .member {
  text-align: center;
}
.about-us-elarte .sec-team .team .member .img-container {
  display: flex;
  justify-content: center;
}
.about-us-elarte .sec-team .team .member .img-container figure img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.about-us-elarte .sec-team .team .member h4 {
  font-weight: 900;
  text-transform: capitalize;
}
.about-us-elarte .sec-team .team .member p {
  font-family: var(--lato);
  font-weight: 900;
  color: #155F90;
}
.about-us-elarte .sec-team .team .member .comment {
  color: inherit;
}
.about-us-elarte .sec-customer-comments .sec-title {
  text-align: center;
}
.about-us-elarte .sec-customer-comments .sec-title h4 {
  font-weight: 900;
  text-transform: capitalize;
}
.about-us-elarte .sec-customer-comments .sec-title p {
  font-family: var(--lato);
  font-weight: 900;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container {
  display: flex;
  justify-content: center;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .card-comment {
  width: 100%;
  background-color: white;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .qualification {
  display: flex;
  justify-content: center;
  margin-bottom: .5vw;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .bg-up {
  background-image: url(/static/src/assets/img/landing/about_us/quotes_up.png);
  background-position: top left;
  background-repeat: no-repeat;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .bg-up .bg-bottom {
  background-image: url(/static/src/assets/img/landing/about_us/quotes_bottom.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .bg-up .bg-bottom p {
  font-family: var(--lato);
  font-weight: 900;
  text-align: center;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .customer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .customer .circle {
  border-radius: 50%;
  background-color: var(--gold);
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .customer .circle p {
  font-weight: 900;
  text-transform: capitalize;
  color: white;
}
.about-us-elarte .sec-customer-comments .sec-carousel .comments-container .comment .customer .name {
  font-weight: 900;
  text-transform: capitalize;
}
/***** End About Us *****/
/***** Gallery *****/
.gallery-elarte .sec-publicity {
  background: rgb(245, 245, 245);
  background: -moz-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 80%, rgba(0, 0, 0, 0.1998971463585434) 100%);
  background: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 80%, rgba(0, 0, 0, 0.1998971463585434) 100%);
  background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 80%, rgba(0, 0, 0, 0.1998971463585434) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#000000", GradientType=1);
}

.gallery-elarte .sec-publicity .sec-text .img-category figure {
  display: flex;
  justify-content: center;
  margin: 0;
}

.gallery-elarte .sec-publicity .sec-text .img-category h3 {
  color: var(--gold);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
}

.gallery-elarte .sec-publicity .sec-text .text-category p {
  margin: 0;
  font-family: var(--lato);
  font-weight: 900;
  color: white;
  text-shadow: 0px 2.33376px 3.50064px #000000;
}

.gallery-elarte .sec-gallery {
  background-image: url(/static/src/assets/img/landing/gallery/bg-gallery.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery-elarte .sec-gallery .bg-shadow-top {
  background: rgb(245, 245, 245);
  background: -moz-linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: -webkit-linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#000000", GradientType=1);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}

.gallery-elarte .sec-gallery .bg-shadow-bottom {
  background: rgb(245, 245, 245);
  background: -moz-linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#000000", GradientType=1);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.gallery-elarte .sec-gallery .sec-btn-scroll {
  position: relative;
  display: flex;
  justify-content: center;
}

.gallery-elarte .sec-gallery .sec-btn-scroll .btn-golden {
  border-radius: 50%;
  background-color: var(--gold);
  padding: 0;
}

.gallery-elarte .sec-gallery .sec-btn-scroll .btn-golden span {
  color: white;
}

.gallery-elarte .sec-gallery .sec-type-product .sec-title h2 {
  text-transform: uppercase;
  font-weight: 900;
}

.gallery-elarte .sec-gallery .sec-type-product .sec-title span {
  font-family: var(--lato);
  font-weight: 900;
  color: var(--gold);
  text-shadow: 0px 1.5px 2px #000000;
}

.gallery-elarte .sec-gallery .sec-type-product .product .img-container .img-type-product {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .3s;
}

.gallery-elarte .sec-gallery .sec-type-product .product .img-container .img-type-product:hover {
  filter: grayscale(100%);
  border-radius: 3%;
}

.gallery-elarte .sec-gallery .sec-type-product .product .text-container .title h3 {
  font-weight: 900;
  text-transform: uppercase;
  transition: all .3s;
}

.gallery-elarte .sec-gallery .sec-type-product .product .text-container .title h3:hover {
  color: var(--gold);
}

.gallery-elarte .sec-gallery .sec-type-product .product .text-container .text p {
  font-family: var(--lato);
  font-weight: 900;
}

.gallery-elarte .sec-gallery .sec-type-product .product .text-container .text p a {
  color: var(--gold);
  text-decoration: underline;
}

/***** End Gallery *****/
/***** Gallery Detail *****/
.gallery-detail-elarte .sec-type-product {
  background: rgb(245, 245, 245);
  background: -moz-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 80%, rgba(0, 0, 0, 0.1998971463585434) 100%);
  background: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 80%, rgba(0, 0, 0, 0.1998971463585434) 100%);
  background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 80%, rgba(0, 0, 0, 0.1998971463585434) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#000000", GradientType=1);
}

.gallery-detail-elarte .sec-type-product .type-product .text-container .btn-container {
  margin: 0;
}

.gallery-detail-elarte .sec-type-product .type-product .title h3 {
  font-weight: 900;
  text-transform: uppercase;
}

.gallery-detail-elarte .sec-type-product .type-product p {
  font-family: var(--lato);
  font-weight: 900;
}

.gallery-detail-elarte .sec-type-product .type-product .btn-golden {
  font-weight: 900;
  text-transform: uppercase;
  background-color: var(--gold);
  border-color: var(--gold);
  padding: 0.5vw 5vw 0.4vw;
  transition: all 0.3s;
}

.gallery-detail-elarte .sec-type-product .type-product .btn-golden:hover {
  transform: scale(1.06, 1.02);
}

.gallery-detail-elarte .sec-type-product .type-product .btn-container .btn-arrow span {
  color: var(--gold);
}

.gallery-detail-elarte .sec-gallery {
  background-image: url(/static/src/assets/img/landing/gallery/bg-gallery.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery-detail-elarte .sec-gallery .bg-shadow-top {
  background: rgb(245, 245, 245);
  background: -moz-linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: -webkit-linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#000000", GradientType=1);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}

.gallery-detail-elarte .sec-gallery .bg-shadow-bottom {
  background: rgb(245, 245, 245);
  background: -moz-linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0) 60%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#000000", GradientType=1);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.gallery-detail-elarte .sec-gallery .sec-btn-scroll {
  position: relative;
  display: flex;
  justify-content: center;
}

.gallery-detail-elarte .sec-gallery .sec-btn-scroll .btn-golden {
  border-radius: 50%;
  background-color: var(--gold);
  padding: 0;
}

.gallery-detail-elarte .sec-gallery .sec-btn-scroll .btn-golden span {
  color: white;
}

.gallery-detail-elarte .sec-gallery .sec-list-project .sec-title h2 {
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
}

.gallery-detail-elarte .sec-gallery .sec-list-project .sec-title span {
  font-family: var(--lato);
  font-weight: 900;
  color: var(--gold);
  text-shadow: 0px 1.5px 2px #000000;
}

.gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project .img-project {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .3s;
}

.gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project .img-project:hover {
  border-radius: 3%;
}

.gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project .img-project .text-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
}

.gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project .img-project .text-container:hover {
  background-color: var(--black);
  border-radius: 3%;
  opacity: 80%;
}

.gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project .img-project .text-container p {
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--gray);
  text-align: center;
  margin: 0;
  opacity: 0;
  transition: all .3s;
}

.gallery-detail-elarte .sec-gallery .sec-list-project .project-container .project .img-project:hover .text-container p {
  opacity: 100%;
}

/***** End Gallery Detail *****/
/***** Project *****/
.project-elarte {
  background-color: var(--gray);
}

.project-elarte .sec-project .sec-info .sec-text h4 {
  font-weight: 900;
  text-transform: uppercase;
}

.project-elarte .sec-project .sec-info .sec-text .description h4,
.project-elarte .sec-project .sec-info .sec-related h4 {
  font-family: var(--lato);
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 0px 1.5px 2px #000000;
}

.project-elarte .sec-project .sec-info .sec-text .description p {
  font-family: var(--lato);
  font-weight: 900;
}

.project-elarte .sec-project .sec-info .sec-related .img-container {
  display: flex;
  justify-content: space-between;
}

.project-elarte .sec-project .sec-info .sec-related .img-container .related-project .img-project {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  transition: all .3s;
}

.project-elarte .sec-project .sec-info .sec-related .img-container .related-project:hover .img-project {
  filter: grayscale(100%);
  border-radius: 3%;
}

.project-elarte .sec-project .sec-info .sec-related .img-container .related-project .img-project .shadow-project {
  background: rgb(245, 245, 245);
  background: -moz-radial-gradient(circle, rgba(245, 245, 245, 0) 40%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: -webkit-radial-gradient(circle, rgba(245, 245, 245, 0) 40%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  background: radial-gradient(circle, rgba(245, 245, 245, 0) 40%, rgba(0, 0, 0, 0.24751619397759106) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#000000", GradientType=1);
  width: 100%;
  height: 100%;
  transition: all .3s;
}

.project-elarte .sec-project .sec-info .sec-related .img-container .related-project:hover .img-project .shadow-project {
  border-radius: 3%;
}

.project-elarte .sec-project .sec-info .sec-related .img-container .related-project p {
  font-family: var(--lato);
  font-weight: 900;
  text-align: center;
  text-decoration: underline;
  margin: 0;
  transition: all .3s;
}

.project-elarte .sec-project .sec-info .sec-related .img-container .related-project:hover p {
  color: var(--gold);
}

.project-elarte .sec-project .sec-img .img-container {
  display: flex;
  justify-content: center;
}

.project-elarte .sec-project .sec-img .img-container figure {
  margin: 0;
}

.project-elarte .sec-project .sec-img .img-container figure img {
  object-fit: cover;
}

.project-elarte .sec-project .sec-img .container #thumbnails img {
  width: 100%;
  object-fit: cover;
  transition: all .3s;
}

.project-elarte .sec-project .sec-img .container #thumbnails img:hover {
  cursor: pointer;
  filter: grayscale(100%);
}

.project-elarte #carousel_elarte .carousel-item .img-carousel {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/***** End Project *****/