@font-face {
    font-family: "AktivGrotesk-Regular";
    src: url("./fonts/AktivGrotesk-Regular.ttf") format('truetype');
}
@font-face {
    font-family: "AktivGrotesk-Light";
    src: url("./fonts/AktivGrotesk-Light.ttf") format('truetype');
}
@font-face {
    font-family: "AktivGrotesk-Bold";
    src: url("./fonts/AktivGrotesk-Bold.ttf") format('truetype');
}
@font-face {
    font-family: "AktivGrotesk-Italic";
    src: url("./fonts/AktivGrotesk-LightItalic.ttf") format('truetype');
}
body{
    font-family: "AktivGrotesk-Light", sans-serif;
    font-size: 1rem;
    overflow-x: hidden;
    background-color: #d9d9d9;
}
body.fondo-gris{
    background-image: url('./img/historia-fondo.png');
    background-size: cover;
}
h3{
    font-size: 2rem;
    letter-spacing: 3px;
    font-family: 'AktivGrotesk-Bold';
    position: relative;
    z-index: 66;
}
.octogono{
    z-index: 55;
    position: absolute;
    width: 260px;
}
#logoImage{
    height: 85px;
    margin:auto;
    display: block;
}
#header{
    background-color: #000;
    color: #FFF;
    height: 100vh;
    z-index: 99;
}
#header .logo{
    margin-left: 110px;
}
#header li .nav-link{
	padding: 0.5rem 0.5rem !important;
}
#header .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
#header #headerNav{
    position: absolute;
    width: 100%;
    z-index: 99;
    transition: .4s;
}    
#header.sticky #headerNav{
	background-color: #1c1c1c;
	position: fixed;
    z-index: 999999999999 !important;
    position: fixed;
    width: 101%;
    padding-top: 0px !important;
}
#header #headerNav .social:hover{
    margin-top: -10px;
    padding-bottom: 5px;
}
#header.sticky #headerNav .social{
    width: 30px;
    transition: .3s;
}
#header.sticky #headerNav .navbar-toggler{
    font-size: 1.5rem;
}
#header.sticky #headerNav #navbarTogglerDemo01 ul{
    margin-top: 26px;
}
#header #headerSocialMenu{
    padding-right: 110px;
}
#headerSocialMenu{
	list-style: none;
    padding: 0;
    padding-right: 20px;
    margin-bottom: 0;
}
#headerSocialMenu li{
	display: inline-block;
}
#headerSocialMenu i{
	color: #fff;
	font-size: 30px;
}
#alpha{
    background-color: #0005;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.carousel-caption{
    left: 10%;
}
.carousel-control-prev ,
.carousel-control-next {
    z-index: 10;
}
.carousel-control-prev {
    left: -2%;
}
.carousel-control-prev-icon {
    background-image: url('./SVG/flecha\ izq.svg');
}
.carousel-control-next {
    right: -2%;
}
.carousel-control-next-icon {
    background-image: url('./SVG/flecha\ der.svg');
}
.carousel-control-prev-icon ,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    transition: .3s;
}
.carousel-control-prev-icon:hover ,
.carousel-control-next-icon:hover {
    width: 3.5rem;
    height: 3.5rem;
}
.carousel-item{
    background-size: cover;
    background-position: center;
    height: 100vh;
}
.carousel-item.hogar{
    background-image: url('./img/header-hogar.jpg');
}
#background-video {
    width: 100%;
    /* height: 100vh; */
}
.carousel-item.industria{
    background-image: url('./img/header-industrial.jpg');
}
.carousel-item.comercio{
    background-image: url('./img/header-comercio.jpg');
}
.carousel-item.cctv{
    background-image: url('./img/header-cctv.jpg');
}
.carousel-item.vial{
    background-image: url('./img/header-vial.jpg');
}
.carousel-item.domotica{
    background-image: url('./img/header-domotica.jpg');
}
.carousel-indicators{
    right: 0;
    width: fit-content;
    left: 55%;
    bottom: 3%;
    z-index: 10;
}
.carousel-indicators [data-bs-target]{
    width: 45px;
    height: 5px;
    opacity: 1;
    margin-right: 6px;
    margin-left: 6px;
}
.carousel-indicators [data-bs-target].active{
    background-color: #3f95bb;
}
.carousel-item .contenido{
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    transform: translate(20%, -5%);
    z-index: 10;
}
.carousel-item .contenido h5{
    font-size: 4.8rem;
    font-family: 'AktivGrotesk-Bold';
    letter-spacing: 12px;
}
.carousel-item .contenido span{
    font-size: 2rem;
    letter-spacing: 6px;
    font-family: 'AktivGrotesk-Light';
}
/* FORMULARIO */
.gracias #formContainer > div,
#formContainer form{
    background-color: #56709860;
    box-shadow: 3px 3px 10px #0006;
    color: #FFF;
    margin-top: 10vh;
    width: 85%;
}
.form-check-input,
.form-check-input:checked {
    background-color: #95b2b3;
    border-color: #95b2b3;
    border: 1px solid white;
    cursor: pointer;
}
form{
    padding: 40px 30px;
}
textarea{
    border: 1px solid !important;
}
.hidden {
    display: none !important;
}

.ml {
    margin-left: 3%;
}

.campo {
    float: left;
    margin-bottom: 10px;
    width: 48.5%;
}

.campoFull {
    border: 0;
    margin-bottom: 10px;
    width: 100%;
}
.form-control::placeholder{
    color: #1c1c1c;
}
.campoFull,
.form-control {
    color: #3f95bb;
    font-size: .95rem;
    font-weight: 400;
    background-color: transparent;    
    letter-spacing: 1px;
}
form span {
    font-weight: 500;
    letter-spacing: 1.5px;
    font-size: 1.55rem;
    margin-right: 10px;
}
form label {
    color: #fff;
    font-weight: 400;
    font-size: .9em;
    margin-bottom: 3px;
    margin-left: 5px;
}
#art{
    border-bottom: 1px solid;
    padding-bottom: 10px; 
}
.artchoice label{
    margin-left: 0;
    font-size: 0.9em;
}
.artchoice{
    text-align: center;
    padding: 0 5px;
}
.g-recaptcha>div.error {
    border: 1px solid red;
}

#livomLink a {
    color: #163659;
    font-size: 0.9em;
}
option{
    color: #163659;
}
.success.circle {
    color: #3f95bb;
}
.form-control:focus,
.form-control {
    border: 0;
    background: transparent;
    border-bottom: 1px solid;
    border-radius: 0px;
    color: #3f95bb;
    padding-left: 5px;
}

.form-control.error {
    border: 1px solid #e42320 !important;
}
.btn-primary,
.btnSbmt,
.btnSbmt:focus,
.btnSbmt:hover{
	background-color: #3f95bb;
	border-color: #3f95bb;
    color: #FFF;
	padding-left: 20px !important;
	padding-right: 20px !important;	
	padding-top: 3px !important;
	padding-bottom: 3px !important;	
    border-radius: 15px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
    width: 100%;
}
.navbar{
    justify-content: start;
}
.navbar-toggler {
    margin-left: 0px;
    border: 0;
    font-size: 2rem;
    color: #FFF;
    z-index: 99;
    
    transition: .3s;
}
.navbar-toggler:hover {
    margin-top: -5px;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#navbarTogglerDemo01 ul {
    font-size: .8rem;
    letter-spacing: 2px;
    position: absolute;
    z-index: 10;
    margin-right: 20px !important;
    margin-top: 10px;
}
.dropdown-list.verMenu {
    opacity: 1;
    z-index: 99999;
    height: auto;
}
.dropdown-list {
    height: 0;
    overflow: hidden;
    opacity: 0;
    z-index: 0;
    background-color: #1c1c1c;
    list-style: none;
    padding: .15em;
    cursor: pointer;
    transition: .3s;
}
.dropdown-list:hover {
    background-color: #3f95bb;
}
  
/* SOLICITAR */
#solicitar .octogono{
    left: -130px;
    top: -130px;
}
#solicitar{
    background-image: url('./img/presupuesto-fondo.png');
    background-size: cover;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 80px;
}
h3 span{
    font-family: 'AktivGrotesk-Light';
}
#solicitar .datos-contacto{
    font-size: .9rem;
    line-height: 1.1rem;
}
#solicitar .social {
    width: 35px;
    transition: .3s;
}
/* HOME SECCIONES */
.seccion{
    background-size: cover;
    background-position: center;    
    cursor: pointer;
    position: relative;
    padding-bottom: 40px;

}
.seccion img.back{
    opacity: 0;
}
#secciones .seccion.institucional{
    background-image: url('./img/institucional.png');
}
#secciones .seccion.sucursales{
    background-image: url('./img/sucursales.png');
}
#secciones .seccion.catalogos{
    background-image: url('./img/catalogos.png');
}
#secciones .seccion.obras{
    background-image: url('./img/nuestras\ obras.png');
}
#secciones .seccion.tienda{
    background-image: url('./img/tienda.png');
}
#secciones .seccion.newsletter{
    background-color: #000;
}
#secciones #newsForm{
    color: #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
    text-align: center;
    width: 70%;
}
#secciones #newsForm input[type='text']::placeholder{
    color: #FFF;
}
#secciones #newsForm input[type='text']{
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #FFF;
    width: 100%;
}
.seccion span{
    color: #FFF;
    display: block;
    position: absolute;
    font-family: 'AktivGrotesk-Light';
    font-size: 2.3rem;
    letter-spacing: 10px;
    text-align: center;
    width: 100%;

    left: 50%;
    bottom: 40px;
    transform: translate(-50%, 0);
    transition: .3s;
}
.seccion:hover span{
    bottom: 50px;
}
/* HISTORIA */
#historia{
    background-image: url('./img/historia-fondo.png');
    background-size: cover;
    padding-top: 200px;
}
#historia .octogono{
    left: -130px;
    top: -130px;
}
#historia .container-fluid{
    padding-bottom: 180px;
}
img.back{
    opacity: 0;
}
#historia .historiaFoto{
    background-image: url('./img/historia.png');
    background-size: cover;
    background-position: center;
}
#historiaSlider{
    /* height: 550px; */
    /* overflow-y: hidden;
    position: relative;
    padding-top: 100px;
    margin-bottom: 100px; */
    margin-top: 100px;
    margin-bottom: 100px;
}
#historiaSlider .slick-prev {
    top: -20px;
}
#historiaSlider .slick-prev:before{
    background-image: url('./SVG/flecha abajo tiempo.svg') !important;
}
#historiaSlider .slick-next{
    top: calc(100% + 20px);
}
#historiaSlider .slick-next:before{
    background-image: url('./SVG/flecha arriba tiempo.svg') !important;
}
#historiaSlider .slick-next:before, .slick-prev:before {
    font-size: 40px;
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}
#historiaSlider .slick-next, #historiaSlider .slick-prev{
    width: 60px;
    height: 60px;
    left: -20px;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 1;
}
.historiaControl div{
    border-left: 1px solid #3f95bb;
    height: 100%;
    /* width: 19px; */
    position: absolute;
    left: 10px;
}
.historiaControl img{
    position: absolute;
    left: -11px;
}
.historiaControl img#historiaArriba{
    top: 0;
}
.historiaControl img#historiaAbajo{
    bottom: -50px;
}
.historiaItem{
    display: flex;
    align-items: start;
    padding-right: 100px;
    height: 100%;
    padding-bottom: 20px;
    font-family: 'AktivGrotesk-Light';
}
strong{
    font-family: 'AktivGrotesk-Bold';
}
.historiaItem img{
    width: 20px;
    margin-top: 10px;
}
.historiaItem span{
    font-size: 1.5rem;
    font-family: 'AktivGrotesk-Bold';
    padding-left: 15px;
    padding-right: 15px;
}
i{
    font-family: 'AktivGrotesk-Italic';
}
.historiaItem p{
    margin-top: 5px;
    min-height: 75px;
    line-height: 1.2rem;
}
.historiaP{
    font-size: 1.5rem;
    margin-bottom: 2rem;
    font-family: 'AktivGrotesk-Light';
}
#historiaMenu{
    margin-top: 2rem;
    padding-right: 100px;
    font-family: 'AktivGrotesk-Bold';
}
#historiaMenu a{
    color:#000;
    font-size: 1.6rem;
    text-decoration: none;
}
#historiaMenu a{
    display: block;
    padding-bottom: 8px;
    transition: .3s;
}
#historiaMenu a:hover{
    color:#3f95bb;
    padding-bottom: 0px;
}
#historiaMenu a .marka{
    background-color: #3f95bb;
    display: block;
    height: 0;
    padding: 0;
    min-width: 40px;
    width: 25%;
    margin: auto;
    margin-top: 8px;
    transition: .3s;
}
#historiaMenu a:hover .marka{
    height: 8px;
}

/* PERFIL */
#perfil .octogono{
    left: 50%;
    top: 100%;
    transform: translate(-50%, -130px)
}
#perfil .img-fluid{
    z-index: 1;
}
#perfil.container-fluid{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 250px;
}
.perfilWrapper{
    width: 60%;
    margin-left: 2rem;
    padding-left: 3rem;
    border-left: 8px solid #3f95bb;
    text-align: justify;
    hyphens: auto;
    line-height: 1.42rem;
}
.perfilWrapper p{
    margin-top: 1rem;
    margin-bottom: 0;
}
.perfilWrapper p:first-child{
    margin-top: 0;
    margin-bottom: 1rem;
}

/* PARTNERS */
#partners{
    background-color: #d9d9d9;
    padding-bottom: 100px;
}

.partnersSlider .slick-prev {
    left: -80px;
}
.partnersSlider .slick-prev:before{
    background-image: url('./SVG/partners\ izq.svg') !important;
}
.partnersSlider .slick-next{
    right: -60px;
}
.partnersSlider .slick-next:before{
    background-image: url('./SVG/parteners\ der.svg') !important;
}
.partnersSlider .slick-next:before, .slick-prev:before {
    font-size: 40px;
    color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}
.partnersSlider .slick-next, .partnersSlider .slick-prev{
    width: 60px;
    height: 60px;
}
/* SUCURSALES */
#sucursal{
    background-color: #d9d9d9;
    height: 600px;
    padding-bottom: 100px;
    transition: 2s;
}
#sucursal.hid{
    height: 0;
    overflow: hidden;
    padding-bottom: 0;
}
.cerrarSuc{
    color:#3f95bb;
    cursor: pointer;
    height: 30px;
    width: 30px;

    position: absolute;
    right: 10px;
    top: -50px;
}
#sucursal span{
    cursor: auto !important;
    margin-top: 1rem !important;
    margin-bottom: 2rem;
}
#sucursal span a{
    color: inherit;
    text-decoration: none;
}
#sucursal p{
    margin-bottom: 0;
}
#sucursales-detail{
    background-color: #d9d9d9;
    padding-bottom: 100px;
}
#sucursales-detail p{
    letter-spacing: 2px;
}
#sucursales-menu{
    background-color: #d9d9d9;
}
#sucursales-menu .pilar,
#sucursales-menu .san-isidro,
#sucursales-menu .escobar{
    background-size: cover;
}
#sucursales-menu .pilar{
    background-image: url('./img/Pilar.png');
}
#sucursales-menu .san-isidro{
    background-image: url('./img/San\ Isidro.png');
}
#sucursales-menu .escobar{
    background-image: url('./img/Escobar.png');
}
.suc-info{
    color: #FFF;
    position: absolute;
    left: 40px;
    bottom: 25px;
    width: 100%;
}
.suc-info img{
    display: block;
    width: 45px;
}
.suc-info span{
    display: block;
}
.suc-info .suc-title{
    letter-spacing: 3px;
    font-size: 2.8rem;
}
#sucursal span,
.suc-info .suc-btn{
    background-color: #3f95bb;
    cursor: pointer;
    color: #FFF;
    display: inline-block;
    border-radius: 12px;
    padding: 2px 14px;
    margin-top: 1rem;
    transition: .3s;
}
.suc-info .suc-btn:hover{
    padding: 2px 20px;
}
/* FOOTER */
#newsFormFooter{
    padding: 0;
    margin-left: -12px;
    width: 80%;
}
#newsFormFooter input::placeholder{
    color: #6d6d6d;
}
#newsFormFooter .btnNewsFooter{
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 12px;
    transition: .3s;
}
#newsFormFooter .btnNewsFooter:hover{
    right: -5px;
}
a.nav-link {
    padding-top: 0;
    padding-bottom: 0;
}
.bt-1{
    border-top: 1px solid;
    padding-top: 1rem;
    margin-top: 1.5rem;
}
footer{
    background-color: #000;
    color: #3f95bb;
    font-size: .9rem;
    padding-top: 40px;
}
#logoFooter{
    height: 80px;
}
.social {
    margin-top: -5px;
    width: 35px;
}
li .nav-link.der{
    color: #FFF;
	border-left: 1px solid; 
	border-right: 1px solid; 
}
footer li .nav-link{
    padding: 0.5rem 0.5rem !important;
}
footer #navFooter ul{
    margin-right: 50px;
    margin-left: 50px;
    padding: 0;
}
footer #navFooter ul li a{
    position: relative;
}
footer #navFooter ul li span{
    margin-left: 5px;
}
footer #navFooter ul li svg{
    position: absolute;
    margin-left: -25px;
    top: 2px;
    transition: .3s;
}
footer #navFooter ul li:hover svg{
    margin-left: -20px;
}
footer #navFooter li .nav-link{
    color: #3f95bb;
    padding:  0 !important;
    padding-bottom: .5rem !important; 
}
footer #headerSocialMenu li{
    padding: 5px;
}
footer #headerSocialMenu li .social{
    transition: .3s;
}
footer #headerSocialMenu li .social:hover{
    margin-top: -10px;
    padding-bottom: 5px;
}
#footerTienda{
    margin-right: 50px;
}
#footerTienda img{
    width: 40px;
    transition: .3s;
}
#footerTienda img:hover{
    margin-top: -5px;
}
#livomLink a{
	color: #3f95bb;
	font-size: 1.1em;
    text-decoration: none;
}
#whatsapp {
	position: fixed;
	bottom: 25px;
	right: 25px;
	width: 50px;
	transition: 0.3s;
	z-index: 9999;
}
#whatsapp:hover{
	bottom: 30px;
}
#whatsapp img{
	width: 100%;
}
body.fondo-gris #header{
    height: auto;
    background-color: transparent;
}
body.fondo-gris #header #headerNav{
    position: relative;
    border-bottom: 1px solid #000;
    width: 101%;
}
body.fondo-gris #header #headerNav .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.inner-section{
    margin-top: 150px;
}
.inner-section h3{
    font-size: 2.5rem;
}
#catalog-viewer{
    position: fixed;
    background-color: #6d6d6d;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;

    z-index: 999;
}
#catalog-viewer svg{
    color: #1c1c1c;
    cursor: pointer;
    font-size: 2rem;
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-50%,0);
    width: 40px;
    height: 40px;
}
#catalog-viewer iframe{
    width: 100%;
    height: 100%;
}
/* CATALOGOS */
body.catalogos{
    background-image: url('./img/fondo-catalogos.png');
}
body.catalogos .octogono{
    right: -130px !important;
}
.catalogos-col > div > div .tapa,
.catalogos-col > div > div{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    cursor: pointer;
}
.tapa span{
    color: #FFF;
    font-size: 2.5rem;
    letter-spacing: 10px;
    left: 50%;
    bottom: 5%;
    transform: translate(-50%, 0);
    position: absolute;
    transition: .3s;
}
.tapa:hover span{
    font-size: 2.8rem;
}
.tapa:hover + .nombre-cat{
    font-weight: 600;
}
.nombre-cat{
    color: #6d6d6d;
    display: block;
    font-size: 1rem;
    letter-spacing: 2px;
    padding-top: 10px;
}
.lucciola .tapa{
    background-image: url('./img/catalogos/LUCCIOLA.png');
}
.wlg  .tapa{
    background-image: url('./img/catalogos/WORLD.png');
}
.ledvance  .tapa{
    background-image: url('./img/catalogos/LEDVANCE.png');
}
.macroled  .tapa{
    background-image: url('./img/catalogos/MACROLED.png');
}
.gam  .tapa{
    background-image: url('./img/catalogos/GAM.png');
}
.fw  .tapa{
    background-image: url('./img/catalogos/FW.png');
}
.acqualuce  .tapa{
    background-image: url('./img/catalogos/ACQUA.png');
}
.leuk  .tapa{
    background-image: url('./img/catalogos/LEUK.png');
}
.akai  .tapa{
    background-image: url('./img/catalogos/AKAI.png');
}
.gsg  .tapa{
    background-image: url('./img/catalogos/GSG.png');
}
.dabor  .tapa{
    background-image: url('./img/catalogos/DABOR.png');
}
.magnalum  .tapa{
    background-image: url('./img/catalogos/MAGNALUM.png');
}
.punto  .tapa{
    background-image: url('./img/catalogos/PUNTO.png');
}
.ronda  .tapa{
    background-image: url('./img/catalogos/RONDA.png');
}
.markas  .tapa{
    background-image: url('./img/catalogos/MARKAS.png');
}
.puro  .tapa{
    background-image: url('./img/catalogos/PURO.png');
}
.candil  .tapa{
    background-image: url('./img/catalogos/CANDIL.png');
}
.bael  .tapa{
    background-image: url('./img/catalogos/BAEL.png');
}
.tbc  .tapa{
    background-image: url('./img/catalogos/TBC.png');
}
.artelum  .tapa{
    background-image: url('./img/catalogos/ARTELUM.png');
}
.imidi  .tapa{
    background-image: url('./img/catalogos/IMDI.png');
}
.enrique  .tapa{
    background-image: url('./img/catalogos/ENRIQUE.png');
}
/* PROYECTOS */
body.fondo-gris.proyectos{
    background-image: url('./img/proyectos/fondo-proyectos.png');
}
#proyectos.inner-section{
    margin-top: 0;
    padding-bottom: 0px;
}
#proyectos .seccion.vial{
    background-image: url('./img/proyectos/VIAL.png');
}
#proyectos .seccion.hogar{
    background-image: url('./img/proyectos/HOGAR.png');
}
#proyectos .seccion.industria{
    background-image: url('./img/proyectos/INDUSTRIA.png');
}
#proyectos .seccion.comercio{
    background-image: url('./img/proyectos/COMERCIO.png');
}
#proyectos .octogono{
    right: 100px;
    bottom: -130px;
    z-index: 0;
}
.galeria-proyecto{
    margin-top: 100px;
}
.flecha-volver{
    margin-left: 0px;
    transition: .3s;
}.flecha-volver:hover{
    margin-left: -5px;
}
#graciasModal .modal-body p{
    font-size: 1.1rem;
    letter-spacing: 1.5px;
}
#graciasModal .modal-body p:first-child{
    font-size: 2.2rem;
    letter-spacing: 5px;
}
#graciasModal button{
    background-color: #3f95bb;
    border-radius: 15px;
    border: 0;
    color: #FFF;
    display: block;
    width: fit-content;
    margin: auto;
    margin-top: 20px;

    padding: 3px 25px;
}
.modal-dialog{
    max-width: 650px;
}
.modal-content{
    background-color: #d7d7d7;
    padding: 20px 40px;
    border-radius: 2px;
}
@media (max-width: 1400px) {
    .perfilWrapper {
        width: 70%;
    }
    .suc-info span {
        font-size: .9em;
    }
    #secciones #newsForm{
        top: 35%;
        width: 90%;
        padding: 20px;
    }
}
@media (max-width: 1280px) {
    .carousel-item .contenido{
        transform: translate(10%, -5%);
    }
}
@media (max-width: 768px) {
    html, body {
        box-sizing: border-box;
      }
       *:before, *:after {
        box-sizing: inherit;
      }
    #header.sticky #headerNav{
        width: 100%;
    }
    #background-video{
        margin-top: 50vh;
        transform: translate(0, -50%);
    }
    .carousel-control-prev{
        left: 0.75%;
    }
    .carousel-control-next{
        right: -1%;
    }
    .carousel-caption {
        left: 0% !important;
    }
    .carousel-item .contenido h5 {
        font-size: 2.5rem;
    }
    .carousel-indicators{
        left: auto;
        right: -10% ;
    }
    .carousel-indicators [data-bs-target] {
        width: 25px;
    }
    .seccion span{
        font-size: 1rem;
    }
    #perfil .octogono{
        top: 81%;
    }
    .suc-info .suc-title{
        font-size: 1.8rem;
    }
    .suc-info span {
        font-size: .8em;
    }
}
@media (max-width: 475px) {
    .carousel-item.domotica{
        background-image: url('./img/header-domotica-mob.jpg');
    }
    #background-video{
        margin-top: 40vh;
    }
    .carousel-item {
        height: 80vh;
    }
    .carousel-caption {
        left: -4% !important;
        bottom: 4.5rem;
    }
    .carousel-inner{
        height: 100%;
    }
    #solicitar{
        padding-top: 80px;
    }
    #historiaMenu{
        padding-right: 0;
    }
    .campoFullMb{
        width: 100%;
        margin-left: 0;
    }
    #perfil.container-fluid{
        padding-bottom: 100px;
    }
    #sucursales-detail{
        padding-bottom: 50px;
    }
    #newsFormFooter {
        padding: 0;
        margin-left: 0px;
    }
    #historia{
        padding-top: 100px;
    }
    .historiaItem{
        padding-right: 0;
    }
    .slick-slider{
        margin: auto;
        width: 80%;
    }
    #historia .container-fluid {
        padding-bottom: 90px;
    }
    #historiaSlider.slick-slider{
        width: 100%;
    }
    .historiaItem p {
        min-height: 105px;
    }
    .partnersSlider .slick-next:before, .slick-prev:before {
        font-size: 30px;
    }
    .partnersSlider .slick-next, .partnersSlider .slick-prev {
        /* width: 40px;
        height: 20px; */
    }
    .partnersSlider .slick-prev {
        left: -50px;
    }
    .partnersSlider .slick-next{
        right: -50px;
    }
    #header #headerSocialMenu {
        padding-right: 0px;
    }
    .inner-section {
        margin-top: 100px !important;
    }
    #proyectos.inner-section h3{
        margin-bottom: 50px;
    }
    body.fondo-gris #header #headerNav{
        width: 103%;
    }
    .navbar {
        justify-content: space-between;
        width: 100%;
    }
    #header {
        height: 80vh;
    }
    #header .logo {
        margin-left: 10px;
    }
    #navbarTogglerDemo01 ul{
        right: -5px;
    }
    #sucursal {
        height: 850px;
        padding-bottom: 20px;
    }
    #gstreet{
        height: 270px;
    }
    #logoFooter{
        height: auto;
    }
}