@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap);body {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  width: 100vw;
  overflow-x: hidden;
}
/***********************
  FOOTER STYLES
************************/
footer {
  background-color: #1a1a1a;
  padding-left: 5%;
  padding-right: 5%;
}
footer .footer-column {
  width: 25%;
}
@media (max-width: 768px) {
  footer {
    padding: 1rem;
  }
  footer .footer-flex {
    flex-direction: column;
  }
  footer .footer-flex .footer-column {
    width: 100%;
    text-align: center !important;
  }
  footer .footer-disclaimer .disclaimer-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.custom-container {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
/***********************
  NAVBAR STYLES
***********************/
#navmenu {
  background: rgba(0,0,0,0.3);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
#navmenu .custom-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-right: 0;
  margin-left: 0;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#navmenu .image {
  -webkit-filter: blur(5px);
          filter: blur(5px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#navmenu .navbar-brand img {
  max-height: 50px;
  min-height: 50px;
}
@media (max-width: 991px) {
  #navmenu .custom-container {
    margin: 0;
    padding: 0;
  }
  #navmenu .custom-container .navbar-brand {
    order: 2;
    position: absolute;
    right: 0;
    top: 4px;
  }
  #navmenu .custom-container .menu-wrapper {
    order: 1;
    flex: 1 1 auto;
  }
  #navmenu .custom-container .menu-wrapper .navbar-toggler {
    font-size: 2rem;
    padding: 0.5rem;
  }
}
#sitemap-list {
  flex-direction: column;
  align-items: flex-start;
}
#sitemap-list .nav-link {
  font-weight: 700;
  color: #fff;
}
#sitemap-list .nav-item.active .nav-link {
  color: #ffb800;
}
#sitemap-list .submenu {
  border-top: 2px solid #ffb800;
  color: #fff;
  max-width: 310px;
  display: none;
}
#sitemap-list .submenu .nav-link {
  padding: 0.3rem 0;
}
/**********************
  HOMEPAGE STYLES
**********************/
#home-top {
  position: relative;
  margin-bottom: 10%;
}
#home-top .background-image {
  max-width: 75%;
}
#home-top .message-wrapper {
  position: absolute;
  top: 0;
  left: 10%;
  bottom: 0;
}
#home-top .message-wrapper .message-title {
  font-size: 5rem;
  line-height: 5rem;
  font-weight: 800;
  text-transform: uppercase;
}
#home-top .bottom-message {
  position: absolute;
  bottom: -7%;
  right: 0;
  width: 45%;
}
@media (max-width: 768px) {
  #home-top {
    margin-top: 50px;
  }
  #home-top .bottom-message {
    padding: 1rem 2rem !important;
    text-align: center;
    width: auto;
    bottom: -20%;
  }
  #home-top .message-wrapper {
    left: 5%;
  }
}
@media (max-width: 576px) {
  #home-top .wrapper-img {
    flex-direction: column;
    align-items: flex-end;
  }
  #home-top .bottom-message {
    position: relative;
  }
  #home-top .message-title {
    margin-top: 0 !important;
  }
  #home-top .message-wrapper .message-title {
    font-size: 11vw;
    line-height: 1;
  }
}
#home-presentation {
  position: relative;
  margin-bottom: 10%;
}
#home-presentation .carousel {
  width: 55%;
}
#home-presentation .carousel .custom-indicators {
  position: relative;
  padding: 15px;
  margin-right: 25%;
  justify-content: flex-end;
  align-items: center;
}
#home-presentation .carousel .custom-indicators li {
  background: #707070;
  width: 5px;
  height: 15px;
  box-sizing: inherit;
  margin-left: 5px;
  margin-right: 5px;
  border: none;
}
#home-presentation .carousel .custom-indicators li.active {
  background: #1a1a1a;
  height: 20px;
  width: 20px;
}
#home-presentation .message {
  position: absolute;
  background: #fff;
  width: 55%;
  right: 0;
  top: 10%;
  padding: 5rem;
  z-index: 16;
}
#home-presentation .message .message-inner-wrapper {
  max-width: 700px;
}
#home-presentation .message .info-text {
  font-size: 1rem;
}
@media (max-width: 768px) {
  #home-presentation {
    padding: 15px;
    margin-top: 20px;
  }
  #home-presentation .carousel {
    width: 100%;
    margin: auto;
  }
  #home-presentation .carousel .custom-indicators {
    margin: auto;
    justify-content: center !important;
  }
  #home-presentation .message {
    position: relative;
    width: 100%;
    padding: 2rem 10%;
  }
}
#home-preinfo {
  margin-top: 15%;
  padding-top: 10%;
  padding-bottom: 5%;
  background: #f0f0f0;
  position: relative;
}
#home-preinfo .message-container {
  width: 75%;
}
#home-preinfo .info-block {
  max-width: 600px;
}
#home-preinfo .clock-image {
  padding-left: 45%;
  position: absolute;
  top: 0;
}
#home-preinfo .clock-image img {
  margin-top: -50%;
}
@media (max-width: 768px) {
  #home-preinfo {
    padding-left: 15px;
    padding-right: 15px;
  }
  #home-preinfo .message-wrapper {
    padding-top: 3rem;
  }
  #home-preinfo .message-wrapper .message-container {
    width: 100%;
    flex-direction: column;
  }
  #home-preinfo .clock-image {
    width: 100%;
    padding-left: 0;
    text-align: center;
    position: relative;
    padding: 0 !important;
  }
  #home-preinfo .clock-image img {
    width: 50%;
    max-width: 250px;
    margin-top: 0;
  }
}
#home-products {
  padding-bottom: 10%;
  background: #f0f0f0;
}
#home-products .message-wrapper {
  max-width: 300px;
}
#home-products .message-wrapper .title {
  min-height: 4.5rem;
}
#home-products .control {
  width: 12.5%;
  background: transparent;
}
#home-products .control-left {
  justify-self: flex-start;
}
#home-products .control-right {
  justify-self: flex-end;
}
#home-products .control-btn {
  position: relative;
  padding: 1.5rem;
  border: 2px solid #fff;
  color: #fff;
  font-size: 3rem;
  width: auto;
}
#home-products .carousel-uncover {
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 0;
  right: 0;
  background: #1a1a1a;
  z-index: 0;
}
#home-products .carousel {
  width: 75%;
}
#home-products .carousel-inner {
  background: #f0f0f0;
}
#home-products .carousel-inner .carousel-text-area {
  padding: 3rem;
}
@media (max-width: 768px) {
  #home-products {
    max-width: 100vw;
    overflow-x: hidden;
  }
  #home-products .carousel {
    width: 95%;
  }
  #home-products .carousel .carousel-inner .carousel-item {
    flex-direction: column;
  }
  #home-products .carousel .carousel-inner .carousel-item .w-50 {
    width: 100% !important;
  }
  #home-products .carousel .carousel-inner .message-wrapper {
    width: 100%;
    max-width: 100%;
  }
  #home-products .carousel .carousel-inner .carousel-text-area {
    padding: 2rem 1rem;
  }
}
#home-solutions {
  margin-bottom: 10%;
  margin-top: 5%;
}
#home-solutions .slogan-wrapper {
  margin-bottom: 5%;
}
#home-solutions .slogan-wrapper .slogan {
  max-width: 800px;
}
#home-solutions .info-wrapper .image-wrapper {
  max-width: 45%;
  margin-right: 10%;
}
#home-solutions .info-wrapper .message-block {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 50%;
}
#home-solutions .info-wrapper .message-block .message {
  max-width: 600px;
  margin: 4rem;
}
@media (max-width: 768px) {
  #home-solutions .info-wrapper {
    flex-direction: column;
  }
  #home-solutions .info-wrapper .message-block {
    position: static;
    width: 100%;
  }
  #home-solutions .info-wrapper .image-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
/***********************
  PARTIALS STYLES
***********************/
#floating-button {
  position: fixed;
  background-color: #ffb800;
  bottom: 2%;
  right: 2%;
  padding: 10px;
  cursor: pointer;
  z-index: 20;
}
#floating-button .inner-text {
  color: #1a1a1a;
  border: 1px solid #1a1a1a;
  background-color: transparent;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5rem;
  text-align: center;
}
#estimate-modal {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
}
#estimate-modal .modal-dialog {
  width: 60%;
  max-width: 600px;
  max-width: inherit;
}
#estimate-modal .modal-dialog .modal-content {
  background: #000;
  border: none !important;
  border-radius: none;
  position: relative;
}
#estimate-modal .modal-dialog .modal-content .close {
  font-size: 1.5rem;
  color: #ffb800 !important;
  border: none;
  position: absolute;
  top: 15px;
  right: 20px;
}
#estimate-modal .modal-dialog .modal-content #estimate-form {
  background: none;
}
#estimate-modal .modal-dialog .modal-content .title {
  line-height: 1.2;
  position: relative;
}
#estimate-modal .modal-dialog .modal-content .title .modal-image {
  position: absolute;
  top: 30%;
  right: 0;
  max-width: 160%;
}
#estimate-modal .modal-dialog .modal-content .form-wrapper {
  width: 75%;
}
#estimate-modal .modal-dialog .modal-content .form-wrapper .form-row {
  align-items: flex-end;
}
#estimate-modal .modal-dialog .modal-content .btn-argent {
  width: 100%;
  max-width: 350px;
}
@media (max-width: 991px) {
  #estimate-modal .modal-dialog {
    width: 95%;
  }
}
@media (max-width: 768px) {
  #estimate-modal .modal-body {
    flex-direction: column;
    max-height: 95vh;
  }
  #estimate-modal .modal-body .form-wrapper {
    width: 100% !important;
    overflow-y: auto;
  }
  #estimate-modal .modal-body .form-wrapper .submit-group {
    text-align: center;
  }
  #estimate-modal .title {
    width: 100%;
  }
  #estimate-modal .title .modal-image {
    display: none;
  }
}
.material-group label {
  transition: transform 0.2s ease;
  margin-bottom: 0;
  transform: translateY(28px);
}
.material-group label.active {
  transform: translateY(0) scale(0.8);
}
/**********************
  SECTION SERVICE AND REPAIR STYLES
**********************/
#service-and-repair-description .message {
  width: 55%;
  padding: 0 8%;
}
#service-and-repair-description .image-wrapper {
  width: 30%;
}
@media (max-width: 768px) {
  #service-and-repair-description {
    flex-direction: column;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  #service-and-repair-description .message {
    width: 100%;
    margin: 3rem 15px;
  }
  #service-and-repair-description .image-wrapper {
    width: 100%;
    max-width: 250px;
    margin: auto;
  }
}
#service-and-repair-contact {
  position: relative;
  margin-bottom: 5%;
}
#service-and-repair-contact .left-message {
  width: 55%;
  padding: 0 8%;
  z-index: 1;
}
#service-and-repair-contact .right-message {
  width: 30%;
  z-index: 1;
}
#service-and-repair-contact .uncover {
  position: absolute;
  width: 70%;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffb800;
}
@media (max-width: 768px) {
  #service-and-repair-contact {
    flex-direction: column-reverse;
    background: #ffb800;
  }
  #service-and-repair-contact .uncover {
    display: none;
  }
  #service-and-repair-contact .left-message {
    width: 100%;
    padding: 2rem 1.5rem;
  }
  #service-and-repair-contact .right-message {
    width: 100%;
    padding: 2rem 1.5rem;
    text-align: center;
  }
}
/***************************
  SECTION ABOUT US STYLES
 **************************/
#about-description {
  margin-bottom: 10%;
  padding-top: 15%;
  padding-bottom: 15%;
  position: relative;
}
#about-description .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40%;
  z-index: 1;
}
#about-description .message .message-block {
  padding: 5% 10%;
  width: 60%;
}
#about-description .message .message-block .message-content {
  position: relative;
  z-index: 1;
}
#about-description .message .uncover {
  background: #1a1a1a;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: -5%;
}
#about-description .message .spacer {
  width: 40%;
}
@media (max-width: 768px) {
  #about-description {
    flex-direction: column-reverse;
    display: flex;
    margin-bottom: 0;
  }
  #about-description .image-wrapper {
    position: relative;
    width: 100%;
    background: #f0f0f0;
  }
  #about-description .image-wrapper img {
    max-width: 300px;
    margin: auto;
  }
  #about-description .message {
    position: relative;
    background: #1a1a1a;
  }
  #about-description .message .message-block {
    width: 100%;
  }
  #about-description .message .uncover,
  #about-description .message .spacer {
    display: none;
  }
}
/**************************
  SECTION CONTACT  STYLES
 **************************/
#contact-top {
  position: relative;
}
#contact-top .title-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8%;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #contact-top {
    margin-top: 50px;
  }
  #contact-top .title-wrapper {
    left: 5%;
  }
  #contact-top .title-wrapper .title-top {
    font-size: 12vw;
  }
}
#contact-body {
  position: relative;
  display: flex;
  padding: 0 8%;
  margin-bottom: 15%;
  background: #f0f0f0;
}
#contact-body .form-wrapper {
  width: 50%;
  padding: 5%;
  background: #1a1a1a;
  position: relative;
  margin-top: -10%;
  margin-bottom: -10%;
}
#contact-body .form-wrapper .form-row {
  align-items: flex-end;
}
#contact-body .form-wrapper .dropzone {
  background: none;
  border: none;
}
#contact-body .form-wrapper [type=submit] {
  width: 100%;
  max-width: 350px;
  margin: auto;
}
#contact-body .info-wrapper {
  width: 50%;
  padding: 8%;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  #contact-body {
    flex-direction: column;
    padding: 0;
  }
  #contact-body .form-wrapper {
    position: relative;
    margin: 0;
    width: 100%;
  }
  #contact-body .form-wrapper .submit-group {
    text-align: center;
  }
  #contact-body .info-wrapper {
    width: 100%;
    padding: 3rem 2rem;
  }
}
/**************************
  SECTION PROJECTS STYLES
 *************************/
#projects-gallery {
  padding: 5% 8%;
}
#projects-gallery .gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 3rem;
  grid-column-gap: 15px;
}
#projects-gallery .gallery .bottom-yellow {
  border-bottom: 10px solid #ffb800;
}
@media (max-width: 767px) {
  #projects-gallery .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
  #projects-gallery .gallery .gallery-item {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
@media (max-width: 576px) {
  #projects-gallery .gallery {
    grid-template-columns: repeat(1, 1fr);
  }
}
/****************************
  SECTION ROLLUP DOORS STYLES
 ***************************/
#rollup-repair {
  margin-top: 5%;
  margin-bottom: 10%;
}
#rollup-repair .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 45%;
}
#rollup-repair .image-wrapper img {
  position: absolute;
  right: 0;
  bottom: -15%;
}
#rollup-repair .image-wrapper .vertical-text {
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: 100% 0;
  position: absolute;
  top: 10%;
  right: 80%;
  white-space: nowrap;
}
#rollup-repair .message-wrapper {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 20%;
  padding-right: 8%;
  width: 70%;
  background: #1a1a1a;
}
#rollup-repair .message-wrapper .uncover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -25%;
  background: #1a1a1a;
  z-index: -1;
}
#rollup-repair .spacer {
  width: 30%;
}
@media (max-width: 768px) {
  #rollup-repair {
    flex-direction: column;
    margin-top: 4rem;
  }
  #rollup-repair .image-wrapper {
    padding: 2rem 1rem;
    position: relative;
    width: 100%;
    background: #f0f0f0;
  }
  #rollup-repair .image-wrapper img {
    position: static;
  }
  #rollup-repair .image-wrapper .vertical-text {
    font-size: 3vw;
    top: 2.5rem;
  }
  #rollup-repair .message-wrapper {
    width: 100%;
    padding: 4rem 10%;
  }
}
#rollup-repair-services,
#rollup-security-services {
  display: flex;
  padding-left: 8%;
  padding-right: 8%;
}
#rollup-repair-services .repair-service,
#rollup-security-services .repair-service {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #rollup-repair-services,
  #rollup-security-services {
    flex-direction: column;
    padding: 0;
  }
  #rollup-repair-services .repair-service,
  #rollup-security-services .repair-service {
    width: 100%;
  }
}
#rollup-security {
  margin-top: 5%;
  margin-bottom: 5%;
  display: flex;
  padding: 5% 8%;
}
#rollup-security .image-wrapper {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#rollup-security .image-wrapper div {
  width: 45%;
}
#rollup-security .message-block {
  width: 60%;
  display: flex;
  flex-direction: column;
  max-width: 800px;
  justify-content: center;
}
@media (max-width: 768px) {
  #rollup-security {
    flex-direction: column;
  }
  #rollup-security .image-wrapper {
    width: 100%;
  }
  #rollup-security .message-block {
    width: 100%;
    margin-top: 2rem;
  }
}
#rollup-motors {
  margin-top: 5%;
  display: flex;
  padding-left: 8%;
  padding-right: 8%;
}
#rollup-motors .image-wrapper {
  width: 40%;
}
#rollup-motors .message-block {
  width: 60%;
  display: flex;
  flex-direction: column;
  max-width: 800px;
  justify-content: center;
}
@media (max-width: 768px) {
  #rollup-motors {
    padding: 5%;
    background: #f0f0f0;
  }
  #rollup-motors .image-wrapper {
    display: none;
  }
  #rollup-motors .message-block {
    width: 100%;
  }
}
/**********************
  General Clases can be used on all pages
***********************/
.btn-argent {
  border: 1px solid #ffb800;
  text-align: center;
  text-transform: uppercase;
  color: #ffb800 !important;
  background: transparent;
  padding: 15px 30px;
  text-decoration: none !important;
  cursor: pointer;
}
.input-argent {
  line-height: 1.2;
  color: #fff;
}
.input-argent textarea,
.input-argent input {
  background: none !important;
  border: none;
  border-bottom: 1px solid #ffb800 !important;
  border-radius: 0;
  color: #fff !important;
  box-shadow: none !important;
}
.tooltip-inner {
  border-radius: 0 !important;
}
.text-yellow {
  color: #ffb800;
}
.text-white {
  color: #f0f0f0;
}
.text-black {
  color: #1a1a1a;
}
.bg-black {
  background: #1a1a1a;
}
.bg-lgwhite {
  background: #f0f0f0;
}
.title-yellow {
  color: #ffb800;
  font-size: 3rem;
  font-weight: 800;
}
@media (max-width: 576px) {
  .title-yellow {
    font-size: 9vw;
  }
}
.text-bold-black {
  font-size: 1.5rem;
  font-weight: 700;
}
.img-logo-argent {
  max-height: 60px;
}
.link-unstyled {
  color: inherit;
  text-decoration: none !important;
}
.link-unstyled:hover,
.link-unstyled:focus {
  color: inherit;
}
.line-height-1 {
  line-height: 1.2;
}
.section-header {
  position: relative;
}
.section-header .image-wrapper {
  width: 75%;
}
.section-header .title-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 40%;
  padding-left: 8%;
}
.section-header .title-wrapper .decoration {
  border-bottom: 1px solid #ffb800;
  position: absolute;
  left: 0;
  bottom: 25%;
  width: 50%;
}
@media (max-width: 991px) {
  .section-header {
    margin-top: 50px;
  }
  .section-header .decoration {
    display: none;
  }
  .section-header .title-wrapper {
    padding-left: 5%;
  }
  .section-header .title-wrapper .title-top {
    font-size: 13vw;
  }
}
.title-top {
  font-size: 5rem;
  color: #1a1a1a;
  font-weight: 800;
  line-height: 1;
}
/*****************************
  Dropzone styles
 *****************************/
.dz-message {
  border: 1px dashed #ffb800;
  margin: 0;
  padding: 1rem 2rem;
}
.dz-message .btn-argent {
  width: auto;
}
.dz-preview {
  background: none !important;
}
.dz-remove {
  color: #ffb800;
}
.dz-progress {
  display: none;
}
/**********************************
  Override lighgallery styles
 *******************************/
.lg-actions .lg-prev,
.lg-actions .lg-next {
  color: #ffb800;
  border: 1px solid #ffb800;
}
.lg-actions .lg-prev:hover,
.lg-actions .lg-next:hover {
  color: #ffb800;
}