/** CUSTOM SYLES */

html, body, * {font-family: 'Montserrat', sans-serif;}

a {text-decoration:none;transition:.6s}
a:hover , a:focus {transition:.6s;opacity:.5;}

header {background: #000;position:fixed;top:0;left:0;right:0;z-index:43}
.navbar-collapse {justify-content:center;}
.navbar-nav .nav-link {color:#fff;font-size: 15px;padding: 0 30px !important;}
.navbar-nav .nav-link.active {color:#383838;}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 35px;
  height: auto;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.carousel-control-next-icon {background-image:url('../images/flecha-right.png');}
.carousel-control-prev-icon {background-image:url('../images/flecha-left.png');}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
     top: 11px;
    width: 70%;
    left: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 22px;
}

#nav-icon1.open span:nth-child(1) {
  top: 14px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 14px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.box-hamburger {position: relative;display: inline-block;margin-bottom: auto;margin-top: auto;margin-right: 0;width: 50px;height: 31px;}
.slide-principal .back-slide-img {min-height: 100vh;width: 100%;background-size: cover;background-position: center;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.slide-principal .back-slide-img h3 {color: #fff;font-weight: bold;text-align: center;font-size: 41px;margin-bottom: 45px;}
.slide-principal .back-slide-img a {color: #fff;font-weight: bold;text-align: center;border: 3px #fff solid;border-radius: 30px;padding: 10px 35px;font-size: 25px;}
.carousel-indicators [data-bs-target] {border-radius:100%;width:13px;height:13px;background:#fff;opacity:1;flex:none;border:none;}
.carousel-indicators .active {background:#1cc6d3;}
.carousel-indicators {margin:4% 0px;}

.franja-back {text-align: center;background: rgb(0 0 0 / 35%);width: 100%;padding: 80px 0px;margin-top: auto;margin-bottom: 8%;}

.icon-arrow {position: absolute;bottom: -15px;left: 0;right: 0;text-align: center;z-index:2;}
.icon-arrow i {background: #1cc6d3;color: #fff;padding: 10px;border-radius: 100%;font-size: 14px;}

.menu-right.menu-op {transform:translate(0px);transition:.6s;}
.menu-right {position: fixed;right: 0;top: 0;bottom: 0;z-index: 44;transition:.6s;transform: translate(99%, 0px);}
.menu-right .container-menu-right {height: 100%;display: block;background: #fff;text-align: right;padding: 40px;max-width: 400px;}
.menu-right .container-menu-right h3 {color: #22395C;font-weight: 600;font-size: 35px;}
.menu-right .container-menu-right p {color: #22395C;font-size: 16px;line-height: 2;}
.info-div {display: flex;align-items: center;justify-content: flex-end;margin-bottom: 30px;}
.info-div p {color:#22395C;margin:auto 10px 0px;font-size: 19px;line-height: 1.3;}
.info-div img {margin-bottom:auto;}
.hr-top {background: rgb(56 56 56 / 18%);margin-top: 20%;margin-bottom: 15%;border-width: 7px;height: 3px !important;}
.hr-bot {background: rgb(56 56 56 / 18%);margin-top: 20%;margin-bottom: 15%;border-width: 7px;height: 3px !important;}
.menu-right .container-menu-right h4 {color: #1cc6d3;font-weight: normal;font-size: 28px;}

.redes a {color: #22395C;font-size: 20px;margin: 0 5px;}

.section-nosotros {padding: 100px 125px;display: block;position: relative;}
.section-nosotros .color-sect-ns {position: relative;background-color: #2b2b2b;padding: 110px 50px;border-radius: 20px;background-image: url('../images/logo-fondo.png');background-repeat: no-repeat;background-position: center;background-size: 18%;}
.section-nosotros .color-sect-ns h3 {color: #1cc6d3;font-size: 27px;font-weight: 600;margin: 0 0 30px;}
.section-nosotros .color-sect-ns p {color: #fff;margin: 0;font-size: 17px;}



.dot-abs {position: absolute;bottom: -12px;left: 0;right: 0;text-align: center;display: flex;align-items: center;justify-content: center;}
.dot-abs span {width: 25px;display: block;height: 25px;background: #1cc6d3;border-radius: 100%;}

.section-ns-02 {background-size:cover;background-position:center;min-height: 135vh;display: flex;margin-top: -25%;padding: 25% 0px 40px;}
.section-ns-02 .container {margin-top:auto;}
.section-ns-02 .content-ns {min-height: 250px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;background: rgb(255 255 255 / 80%);border: 3px rgb(58 186 203 / 80%) solid;border-radius: 20px;padding: 35px 45px;}
.section-ns-02 .content-ns h4 {color: #22395C;font-weight: 600;font-size: 21px;}
.section-ns-02 .content-ns p {color: #22395C;font-size: 16px;line-height: normal;}

.section-ns-02.taller {min-height: 100vh;margin-top:0px;}
.section-ns-02.taller .content-ns {background: rgb(0 0 0 / 80%);}
.section-ns-02.taller .content-ns h4 {color: #1cc6d3;}
.section-ns-02.taller .content-ns p {color:#fff}

.title-taller .content-title {background: #F4F4F4;border-radius: 25px 25px 0px 0px;padding: 70px 40px 50px;text-align: center;}
.title-taller .content-title h3 {color: #22395C;font-size: 27px;font-weight: 600;margin: 0px;}

.footer-title .gris-foot {background: #F4F4F4;border-radius: 0px 0px 25px 25px;padding: 70px 40px 50px;text-align: center;}

.marcas {display:block;padding:100px 0px;position: relative;overflow: hidden;}
.marcas .image-absolulte-marcas {position: absolute;right: -9%;top: 0;bottom: 0;opacity: 0.1;display: flex;align-items: center;justify-content: center;}
.marcas .image-absolulte-marcas img {margin:0;}
.marcas h3 {color: #22395C;font-size: 34px;font-weight: 600;}
.marcas h5 {color: #22395C;font-size: 21px;margin: 0 0 70px;}
.marcas img {margin:15px;}

.servicios {background: #2b2b2b;padding: 150px 0px;display: block;position: relative;}
.servicios .image-absolulte-marcas {position: absolute;left: -10%;bottom: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.servicios h3 {color: #1cc6d3;font-size: 27px;font-weight: 600;margin: 0 0 20px;}
.servicios p.c-p {text-align: left;color: #fff;font-size: 21px;margin-bottom: 80px;padding: 0px;}
.servicios img {text-align:center;}
.servicios h5 {color: #fff;text-align: center;font-size: 19px;margin: 29px 0 25px;}
.servicios p {color: #fff;text-align: center;font-size: 17px;margin: 0;line-height: normal;font-weight: 300;padding: 0 25px;}

.sectores {background:#fff;padding: 100px 0px;display:block;}
.sectores h3 {color: #22395C;font-size: 27px;font-weight: 600;margin: 0 0 45px;}
.sectores .mid-row-01 {background: #F4F4F4;border-radius: 25px;padding:70px 40px;}
.sectores .box-left {background: #000000;border-radius: 25px 0px 0px 25px;padding: 70px 75px;display: flex;flex-direction: column;justify-content: center;}
.sectores .box-left h4 {color: #1cc6d3;font-size: 26px;margin: 0 0 10px;}
.sectores .box-left p {color: #fff;margin: 0;font-size: 16px;line-height: normal;}
.sectores .box-right {position:relative;display: flex;align-items: flex-end;justify-content: flex-end;min-height: 400px;background-size: cover;background-position: center;border-radius: 0px 25px 25px 0px;}
.sectores .sombra {position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(0deg, rgb(0 0 0 / 44%) 0%, rgba(255,255,255,0) 100%);min-height: 135px;border-radius: 0px 25px 25px 0px;}
.sectores h6 {color:#fff;padding: 10px 20px;position: relative;}
.sectores .mg-bottm {margin-bottom:30px;position:relative;z-index:1}
.linea-border {position: absolute;top: 10%;left: -8%;right: -8%;bottom: 10%;border: 2px #1cc6d3 solid;border-radius: 30px;}

.contacto {padding:150px 0px 100px;display:block;}
.contacto h3 {color: #1cc6d3;font-size: 27px;font-weight: 600;margin: 0 0 25px;}
.contacto p {color: #22395C;font-size: 20px;line-height: normal;}
.contacto form {margin-top:30px;}
.contacto form span {display:block;width:100%;text-align:left;color:#22395C;font-size:18px;}
.contacto form input, .contacto form textarea {display:block;width:100%;text-align:left;padding:8px 15px;border-radius:30px;border:1px #1cc6d3 solid;margin:5px 0px;}
.contacto form textarea {min-height:120px;margin-bottom:20px;}
.contacto form input[type="submit"] {background: #1cc6d3;width: auto;float: right;color: #22395C;text-transform: uppercase;padding: 10px 40px;font-size: 17px;}
.contacto iframe {width: 100%;height: 90%;border-radius: 25px;margin-top: 10px;}
.contacto h5 {color: #1cc6d3;font-size: 24px;margin: 20px 0 10px;}
.contacto a {color: #22395C;font-size: 18px;margin: 0 5px;}
.pd-20 {padding:20px;}

.icons-contact {display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px;}
.icons-contact p {margin:0px;font-size:18px;}

.side-bar.active-bar {transition:.6s;transform: translate(0%, 0px);opacity:1}
.side-bar {transition:.6s;opacity:0;transform: translate(140%, 0px);position: fixed;top: 0;bottom: 0;right: 20px;display: flex;align-items: center;justify-content: center;text-align: center;z-index: 12;}
.side-bar .navigation {display: flex;flex-direction: column;background: #fff;padding: 10px 20px;box-shadow: 1px 3px 9px 1px rgb(0 0 0 / 19%);border-radius: 25px;}
.side-bar .navigation a {position:relative;}
.side-bar .navigation a:hover {opacity:1 !important;}
.side-bar .navigation a:hover p {transform:translate(0px);transition:.6s;opacity:1;}
.side-bar .navigation a.active p {transform:translate(0px);transition:.6s;opacity:0;}
.side-bar .navigation .dot-nav {transition:.6s;position:relative;width: 11px;height: 11px;background: #383838;border-radius: 100%;display: block;margin: 15px 0px;}
.side-bar .navigation .dot-nav::after {transition:.8s;border: 3px transparent solid;content: '';position: absolute;left: -10px;right: -10px;bottom: -10px;top: -10px;border-radius: 100%;}
.side-bar .navigation .dot-nav:hover::after {transition:.8s;border-color:#1cc6d3;}
.side-bar .navigation a.active .dot-nav::after {border-color:#1cc6d3;transition:.8s;background:#1cc6d3;}
.side-bar .navigation .dot-nav:hover {transition:.6s;background:#1cc6d3;}
.side-bar .navigation p {transition:.6s;opacity:0;transform: translate(20%, 0px);z-index: -1;position: absolute;right: 50px;top: 0;min-width: 273px;margin: 0;bottom: 0px;display: inline-flex;align-items: center;justify-content: flex-end;pointer-events: none;color: #383838;font-size: 14px;line-height: normal;text-align: right;width: 100%;}

.close-menu {cursor:pointer;transition:.6s;position: absolute;left: 25px;top: 15px;background: #22395C;color: #fff;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 100%;font-weight: bold;font-size: 12px;}
.close-menu:hover {opacity:0.6;transition:.6s;}

.navbar-brand img {max-width:150px;}

footer {background: #000;padding: 70px 0px 35px;}
footer p {color: #fff;font-size: 12px;margin-top: 80px;}

.visible-xs {display:none;}

@media screen and (max-width:700px) {

  .icon-arrow i, .image-absolulte-marcas {display:none !important;}

  .slide-principal .back-slide-img {min-height:65vh;padding:0px 20px;}
  .slide-principal .back-slide-img h3 {font-size:32px;margin-bottom:20px;}
  .slide-principal .back-slide-img a {font-size:18px;padding:7px 35px;}

  .section-nosotros {padding:50px 25px;}
  .servicios p {margin:0px 0px 30px;}

  .contacto .reverse-xs-column {flex-direction:column-reverse;}
  .contacto iframe {height:300px;}

  .section-nosotros .color-sect-ns {padding:32px 30px;}
  .side-bar .navigation {padding:5px 15px;}
  .side-bar .navigation .dot-nav {width:7px;height:7px;}

  .sectores .mid-row-01 {padding:70px 15px;}
  .sectores .box-left {padding:40px 25px;border-radius:25px 25px 0px 0px;}
  .sectores .sombra {border-radius:0px 0px 25px 25px;}
  .sectores .box-right {border-radius:0px 0px 25px 25px;min-height:250px;}
	
}