/*
==========================================================================
  LANDING / HOME :: PROTECTO ELITE by: KUBIK;
==========================================================================
*/

#slide-formulario-container{  display:block; width:100%; height:100%; position:relative; }
#slideshow{ width:100%; height:100%; display:block; position:relative; /*z-index:50;*/}
#slideshow .item{   width:100%;  height:600px;display: inline;}
#slideshow .item .slide{ width:100%; height:100%;  background-size:cover; background-position:top center; background-repeat:no-repeat;}
.owl-controls {display: none;}
#slideshow #slide1{background:url(../images/slideshow/slide_Desktop.jpg)top center no-repeat;height: 135%; width: 100%; position: absolute; top: 0%;    background-size: contain;    background-color: #000;}
/* #slideshow .item #slide4{background:url(../images/banners/contacto/banner4.png)top center no-repeat;height: 200%; width: 100%; position: absolute; top: 0%;    background-size: contain;} */
#slideshow .item .slide-sm, #slideshow .item .slide-xs{display:block;width:100%;height:auto;}
#slideshow .item .slide-sm img, #slideshow .item .slide-xs img{width:100%;height:auto;}
#slide-formulario-container #slideshow{position:relative;top:0;left:0;width:100%;z-index:0;}
.form-slider{position: absolute; right: 20%; width: 100%; max-width: 380px; display: inline-block;z-index:2;}
#slide-instalaciones{position:relative;}
.owl-dots{display: none !important;}
.back-white{background-color: #fff;}

/*#home-section{padding:0;position:relative;}
.top-container{ display:block; width:100%; height:auto; position:relative;}
.top-container .owl-controls{display: none;}
#main-logo{ position:absolute; top:90px; left:calc(50% - 250px); display:block; z-index:51; pointer-events:none;}
#slideshow{ width:100%; height:700px; display:block; position:relative; z-index:50;}
#slideshow .item{}
#slideshow .item .slide{ width:100%; height: 100vh; }
#slideshow .item .slide#slide1{background:url(../images/slideshow/slide_Desktop.jpg)top center no-repeat;background-size: contain;}
.info-data{position: absolute; bottom: 25%; width: 100%; left: 13%; z-index: 9; max-width: 650px;}
.info-data p{ text-align: center; color: #fff; padding-top: 5px; padding-bottom: 10px; font-style: italic; font-size: 30px; font-family: 'Nunito Sans', sans-serif; margin-bottom: 0px;letter-spacing: 1.2px}
.info-data h2{ text-align: center; color: #fff; padding-top: 0px; text-transform: uppercase; padding-bottom: 5px; font-size: 24px; font-family: 'Nunito Sans', sans-serif;font-size: 28px;}

#slideshow .item .slide-xs{display:block;width:100%;height:auto;}
#slideshow .item .slide-xs img{width:100%;height:auto;}*/
#formulario-container{ position:relative; display:block; width: 476px;z-index: 999; height:auto; padding:25px 20px 25px; /*top: 70%; right:calc(50% - 600px);*/ background: #001a5a; border:3px solid #fff; text-align: center; padding-bottom: 0px; color:#fff; margin-bottom: 7px; margin-top: 10px;}
#formulario-container #formulario{}
#formulario-container #formulario .heading-form{padding:0 15px; font-size: 24px;}
#formulario-container #formulario .form-group label.form-label{text-align:left;display:block;}
#formulario-container #formulario .form-check{text-align:right;margin-bottom:15px;} 
#formulario-container #formulario textarea{height:60px;}
#formulario-container #formulario .send-btn { width: 100%; max-width: 200px; float: right; margin-bottom: 10px; font-size: 16px; border-radius: 40px; font-weight: 100; }
#formulario-container #formulario .send-btn:hover{}
.form-control{height: 30px;font-family: 'Nunito Sans', sans-serif;}
.form-check-label{font-size: 12px; font-family: 'Nunito Sans', sans-serif; padding: 0px; display: inline-block; position: relative; width: 290px; text-align: left;}
.form-check-label a{color: #ffffff;}
.content-btns{display: inline-block;width: 100%;}

.links{margin-top: -5%;}
.images-link{max-width: 250px; width: 100%; transition: ease-out .1618s; -webkit-transition: ease-out .1618s; -moz-transition: ease-out .1618s; transform: scale(0.9);}
.images-link:hover { transform: scale(1); }
/* ==|====================
   Layout/Nosotros
   ======================= */
.nosotros{background-color: #e4e6e9;}
.info-nosotros{ /*max-width: 700px;*/ }
.info-nosotros p{position: relative; color: #001a5a; font-size: 30px; width: 100%; /* max-width: 700px; */ text-align: center; font-family: 'Nunito Sans', sans-serif; padding-left: 40px; padding-right: 40px;}
.titulo-icons{color: #000000; font-size: 18px;font-family: 'Nunito Sans', sans-serif;font-weight: 800;}
#services .item .images-height img{max-width: 160px;}
#services .owl-prev, #services .owl-next{color: #253862; opacity: 0.9;}
.title-content-services{background-color:#e5e8ee; width: 100%; display: inline-block;}
.title-content-services h2{background: #000000; color: #fff; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; font-family: 'Nunito Sans', sans-serif; font-weight: 300;}
.arrowRight:before, .arrowRight:after { top: -1px; content: " "; position: absolute; display: block; width: 26%; height: 0; right: 0px; border-top: 80px solid #fff; border-left: 90px solid transparent; }


/*.arrowRight{position: relative; background: #001a5a; border: solid 1px #001a5a; float: left;}
.arrowRight:before, .arrowRight:after {border-bottom: 23px solid transparent;border-top: 23px solid transparent;top:-2px;content: " ";position: absolute;display: block;width: 0;height: 0;}*/
.title-services{color: #000;font-size: 16px;font-weight: 500;font-family: 'Nunito Sans', sans-serif;}
.images-proyecto{width: 100%; max-width: 90px;}


.title-content-clientes h2 { background: #132059; color: #fff; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; font-family: 'Nunito Sans', sans-serif; font-weight: 300; }
.title-content-clientes h2 p{font-size: 22px;margin-bottom: 0px;}
.arrowRightb{position: relative; background: #001a5a; border: solid 0px #001a5a; float: left;}
.arrowRightb:before, .arrowRightb:after {top: -1px; content: " "; position: absolute; display: block; width: 18%; height: 0; right: 0px; border-top: 110px solid #fff; border-left: 120px solid transparent;}


/* ==|====================
   Layout/PLATAFORMA
   ======================= */
.imagen#backoffice-bg {/*  background: url(../images/smartpanic/smartpanic.png)top right no-repeat;  background-size: cover; height: 100%; */}
.smart-phone{ display: inline-block; position: absolute; bottom: 0; width: 640px;}
.title-content-plataforma{background-color:#5f030a; width: 100%; display: inline-block;}
.title-content-plataforma h2{background: #be0613; color: #fff; width: 100%; text-align: center;padding-top: 10px; padding-bottom: 10px;/* font-style: italic;*/ font-size: 44px; font-family: 'Nunito Sans', sans-serif;padding-right: 4%;}
.title-plataforma{color: #000;font-size: 16px;font-weight: 500;}
.content .puntos .data { list-style: none; color: #fff; font-size: 18px; font-weight: 300; line-height: 25px; float: left; padding: 0; margin: 10px 0 0; }
.content .puntos .data h2{font-weight: 400;font-size: 28px;font-family: 'Nunito Sans', sans-serif;}
.content .puntos .data h3{font-weight: 400;font-size: 20px;font-family: 'Nunito Sans', sans-serif;}
.content .puntos .data p{font-size: 22px; font-weight: 100; margin-top: 40px; margin-bottom: 40px;font-family: 'Nunito Sans', sans-serif;}
.content .puntos .data .elemento{font-family: 'Nunito Sans', sans-serif; font-weight: 100;padding-bottom: 20px;font-size: 18px; padding-left: 28px;}
.placa-blue{padding-top: 50px; background: #132059; width: 100%; display: inline-block; padding-bottom: 20px;}
.placa-blue p{background: #132059; color: #fff; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; font-family: 'Nunito Sans', sans-serif; font-weight: 300;text-transform: uppercase;}
/* ==|====================
   Layout/COMO FUNCIONA
   ======================= */
.funciona{width: 100%; display: inline-block; position: relative;}
.content .puntos .data { list-style: none; color: #fff; font-size: 18px; font-weight: 300; line-height: 25px; float: left; padding: 0; margin: 10px 0 0; }
.content .pasos .data h2{font-weight: 400;font-size: 28px;font-family: 'Nunito Sans', sans-serif;}
.content .pasos .data h3{font-weight: 700; font-size: 60px; font-family: 'Montserrat', sans-serif; color: #000;margin-top: -9px;}
.content .pasos .data p{font-size: 18px; font-weight: 300; margin-bottom: 40px;font-family: 'Nunito Sans', sans-serif;}
.elemento-list{list-style: none; width: 85%; display: inline-block; font-size: 26px; padding-right: 10%;}


/* ==|====================
   Layout/Contacto
   ======================= */
.info-contacto p{position: relative; color: #001a5a; font-size: 24px; width: 100%; text-align: center;font-family: 'Nunito Sans', sans-serif;}
.item .images-height .images-marcas:hover, .item .images-height .images-marcas:focus { -webkit-filter: none; -moz-filter: none; -ms-filter: grayscale(100%); -o-filter: none; filter: none; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; }

.item .images-height .images-marcas{ -webkit-filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%); filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%); max-width: 130px; }

.title-content-contacto{background-color:#cccccc; width: 100%; display: inline-block; height: 60px;}
.title-content-contacto h2{background: #000000; color: #fff; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px;/* font-style: italic;*/ font-size: 44px; font-family: 'Nunito Sans', sans-serif;z-index: 1;}
.arrowRightc{position: relative; background: #000000; border: solid 1px #000000; float: left;}
.arrowRightc:before, .arrowRightc:after {border-bottom: 23px solid transparent;border-top: 23px solid transparent;top:-2px;content: " ";position: absolute;display: block;width: 0;height: 0;}
/*.arrowRightc:after {border-left: 16px solid #000000;right: -17px;z-index: 2; } 
.arrowRightc:before { border-left: 16px solid #000000; right: -16px; z-index: 1; }*/
.title-plataforma{color: #000;font-size: 16px;font-weight: 500;}
.banner-contacto{margin-top: -7px;}
.content-comunicacion{display: flex; position: absolute; top: 30%; width: 100%; right: 0; justify-content: flex-end; text-align: right;}
#DatoInfo { display: flex; list-style: none; text-align: right; position: relative; padding: 0px 15%; float: right; width: 100%; justify-content: flex-end; }
.redesIcon img{width: 100%; display: inline-block; margin-left: 15px; margin-right: 15px; max-width: 70px;}
#DatoInfo .redesIcon:hover{background-color: transparent !important;}
.redesIcon:hover{ transform: scale(1.05);}




.mapsection { float: left; position: relative; width: 100%; min-height: 500px; overflow: hidden; display: inline-block; }
#infoWindow{text-align: center;display: inline-block; padding: 20px 0px;}
.maps-dir{ color: #656565; display: inline-block; position: relative; font-size: 16px; text-align: center; padding: 10px 40px 20px;}
.txtvergmap{background: #042c55; color: #fff !important; font-size: 15px; line-height: 28px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px;font-family: 'Nunito Sans', sans-serif;}
.gm-ui-hover-effect{top: 0px !important; right: 0px !important;}
.gm-ui-hover-effect img{width: 24px !important; height: 24px !important; margin: 0px !important;}
.infoImg{display: none;}

.dOoUsi.is-proactive{width: 300px !important;height: 150px !important;}



/* GALLERY */
#myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; max-width: 100%;height: 100%; }
#myImg2 { border-radius: 5px; cursor: pointer; transition: 0.3s; max-width: 100%;height: 100%; }
#myImg3 { border-radius: 5px; cursor: pointer; transition: 0.3s; max-width: 100%;height: 100%; }

#myImg:hover {opacity: 0.4;}
#myImg2:hover {opacity: 0.4;}
#myImg3:hover {opacity: 0.4;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

#caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }
.modal-content, #caption { animation-name: zoom;  animation-duration: 0.6s; }

#caption2 { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }
.modal-content, #caption2 { animation-name: zoom;  animation-duration: 0.6s; }

#caption3 { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }
.modal-content, #captio3 { animation-name: zoom;  animation-duration: 0.6s; }



@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }
.close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; }

.close2 { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }
.close2:hover, .close2:focus { color: #bbb; text-decoration: none; cursor: pointer; }

.close3 { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }
.close3:hover, .close3:focus { color: #bbb; text-decoration: none; cursor: pointer; }


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}








/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
@media screen and (max-width: 2560px){
  #contacto{margin-top: 8%;}
}
@media screen and (max-width: 2400px){
  #slideshow #slide1{height: 133%;}
  #contacto { margin-top: 7%; }
}

@media screen and (max-width: 2290px){
  #contacto { margin-top: 7%; }
  #slideshow #slide1 { height: 127%; }
}

@media screen and (max-width: 2190px){
  #slideshow #slide1 { height: 120%; }
  #contacto { margin-top: 5%; }
}

@media screen and (max-width: 2000px){
  #slideshow #slide1 { height: 110%; }
  #contacto { margin-top: 3%; }
}
@media screen and (max-width: 1920px){
  #slideshow #slide1 { height: 200%; background-color: transparent; position: relative; }
  #contacto { margin-top: 0%; }
  #slide-formulario-container #slideshow{background-color: #000;}
}

@media screen and (max-width: 1814px){
  #slideshow #slide1 { height: 200%;}
  #contacto { margin-top: 0%; }
}
@media screen and (max-width: 1880px){
  #slideshow .item{height: 560px;}
}
@media screen and (max-width: 1700px){
  .smart-phone{ width: 600px; }
  .title-content-plataforma h2{padding-right: 0%;}
  #contacto { margin-top: -1%; }

}
@media screen and (max-width: 1630px){
  #contacto { margin-top: -2%; }

}
@media screen and (max-width: 1600px){
  .title-content-plataforma h2{ padding-left: 2%;}
  .smart-phone { width: 570px; }  
  #contacto { margin-top: -3%; }

}
@media screen and (max-width: 1500px){
  .smart-phone { width: 550px; }
  #slideshow .item { height: 530px; }
  .links { margin-top: -6%; }
}
@media screen and (max-width: 1480px){
  /*.info-data{left: 7%;}*/
  .smart-phone{ width: 560px; }
  .title-content-plataforma h2{padding-left: 0%; font-size: 30px; padding-right: 4%;}
  .content .puntos{padding-left: 2%;}
  .title-content-contacto h2{font-size: 30px;}
  .title-content-services h2{font-size: 26px;}
  .arrowRight:before, .arrowRight:after{width: 22%;}
}
@media screen and (max-width: 1450px){
  #slideshow .item { height: 510px; }
  .title-content-contacto{height: 50px}
}
@media screen and (max-width: 1400px){
  .title-content-plataforma h2{padding-right: 1%;}
  #formulario-container{margin-bottom: 5px;}
  #contacto { margin-top: -4%; }
  #slideshow .item { height: 500px; }
}
@media screen and (max-width: 1360px){
  .smart-phone{ width: 520px; }
}
@media screen and (max-width: 1350px){
  #slideshow .item { height: 480px; }
}

@media screen and (max-width: 1300px){
  #slideshow .item { height: 470px; }
}

@media screen and (max-width: 1100px){
  .smart-phone{max-width:500px; }
}
@media screen and (max-width: 1280px){
  .smart-phone { width: 480px; }
  .links { margin-top: -7%; }
}

@media screen and (max-width: 1250px){
  #slideshow .item { height: 460px; }
}
@media screen and (max-width: 1230px){
  #slideshow .item { height: 450px; }
}

@media screen and (max-width: 1200px){
  .smart-phone { width: 470px; }
}
@media screen and (max-width: 1199px){
 /* #slideshow .item .slide#slide1 {background-position:-200px 0px;}*/
  #slideshow .item .slide#slide2 {background-position:-200px 0px;}
  #slideshow .item .slide#slide3 {background-position:-200px 0px;}
  #formulario-container {position:relative;width:100%;border:0;top:0;right:0;}
  #formulario-container:before{display:none;}
  #formulario-container:after{display:none;}
  #formulario-container #formulario {margin-top:0px;padding:45px;}
  #formulario-container #formulario .send-btn {max-width: 300px;}
  .nosotros{margin-top: -3%;}
  .info-nosotros p{width: 100%; position: relative; max-width: 100%; left: 0; margin-bottom: 2%; padding-top: 5%; padding-left: 15%; padding-right: 15%;}
  #formulario-container #formulario .form-check{padding: 0px 40px}
  .info-data{ max-width: 100%; left: 0; }
  #main-logo{top: 90px; /* left: calc(50% - 220px); */ max-width: 500px;}
  #formulario-container{background-color:#001a5a;}
  .info-nosotros{max-width: 100%;}
  .content-btns{display: inline-block;}
  .elemento-list{font-size: 20px;}
  .content .pasos .data h3{font-size: 50px;}
  #formulario-container #formulario .form-check{text-align: center;}
  .title-content-contacto{height: 40px;}
  .form-control { height: 35px;}
  #slideshow .item { height: 100%; }
  #slideshow .item img{ width: 100%; }
  #contacto { margin-top: 0%; }
  #plataforma{margin-top: -7px;}
  .title-content-clientes h2 p { font-size: 19px;}

}

@media screen and (max-width: 1080px){
  .content .puntos .data h2{font-size: 24px;}
  .content .puntos .data p{font-size: 20px;}
  .content .puntos .data .elemento{font-size: 15px;}
  .links { margin-top: -9%; }
  .info-nosotros p{ padding-top: 0%;}
  .images-link { max-width: 200px;}
  .title-content-clientes h2 p { font-size: 18px; }

}
@media screen and (max-width: 991px){
  #slideshow{height:auto;}
  .smart-phone{position: relative;}
  .imagen#backoffice-bg { display: flex; justify-content: center; }
  .smart-phone{max-width: 350px;}
  .half-container-special{display: flex; justify-content: center;}
  .titulo-icons{font-size: 14px;}
  .content .puntos .data .elemento{font-size: 14px;}
  .content .puntos .data h3{font-size: 18px;}
  .content .puntos .data h2{font-size: 22px;}
  .content .puntos .data p{margin-top: 20px; margin-bottom: 20px;}
  .info-contacto p{font-size: 22px;}
  .info-nosotros p{font-size: 22px;  /* margin-top: 0%; */}
  .info-nosotros { min-height: 50px; }
  .nosotros { margin-top: -1%; } 
  #DatoInfo{ padding: 0px 8%; }
  .content-comunicacion{top: 20%;}
  .navbar-expand-lg .navbar-collapse {
    background: rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: inset 0px 8px 16px 0px rgb(0 0 0 / 0%);
    -moz-box-shadow: inset 0px 8px 16px 0px rgba(0,0,0,0);
    box-shadow: inset 0px 8px 16px 0px rgb(0 0 0 / 0%);}
#main-logo { top: 90px; left: calc(50% - 180px); max-width: 350px; }
  .info-data{display: none;}
  .funciona { width: auto;}
  .elemento-list{ padding-right: 14%;}
  .arrowRight:before, .arrowRight:after{width: 20%;}

}
@media screen and (max-width: 767px){
  /* #formulario-container {padding: 0 0 30px;} */
  .info-nosotros p { font-size: 18px; margin-bottom: 0%; display: inline-block; margin-top: 5%;}
  .info-contacto p { font-size: 18px; }
  .redesIcon img{max-width: 50px;}
  .content .puntos .data h2{font-size: 22px;}
  .content .puntos .data p{font-size: 18px;}
  .content .puntos .data h3{font-size: 18px;}
  #formulario-container #formulario {  margin-top: 0px; padding: 25px; }
  .form-check-label a{font-size: 11px;}
  .form-group{padding: 0px;}
  .content-btns{display: block;}
  .form-group .g-recaptcha{display: flex !important; justify-content: center; }
  #formulario-container #formulario .send-btn{max-width: 100%;}
  .item .images-height .images-marcas{max-width: 100px;}
  .elemento-list { font-size:18px;}
  .icon-espacio{padding: 0px;}
  .modal{ padding-top: 40px; }
  .arrowRightb:before, .arrowRightb:after{width: 10%;}

}
@media screen and (max-width: 700px){
  .title-content-plataforma h2{font-size: 24px;padding-right: 0%;}
  .title-content-services h2{font-size: 24px;}
  .title-content-contacto h2{font-size: 24px;}
  .funciona { width: 100%; max-width: 380px; }
  #formulario-container #formulario .send-btn{font-size: 14px;margin-bottom:0px;}
  iframe.sc-pZOBi{display: none !important;}
  .arrowRight:before, .arrowRight:after{display: none;}
  .arrowRightb:before, .arrowRightb:after{display: none;}
}
@media screen and (max-width: 640px){}
@media screen and (max-width: 600px){
  .mapsection{min-height: 400px;}
  .redesIcon img { max-width: 40px; margin-left: 10px; margin-right: 10px; }
  .icon-espacio{margin-bottom: 30px;}
  #main-logo { top: 80px; left: calc(50% - 150px); max-width: 300px; }
  #formulario-container #formulario .form-check { padding: 0px 30px; }
  .title-content-services h2{font-size: 20px; width: 100%; padding-right: 0; text-align: center;}
  .title-content-plataforma h2{font-size: 20px; width: 100%; padding-right: 0; text-align: center;}
  .title-content-contacto h2{font-size: 20px; width: 100%; padding-right: 0; text-align: center;}
  .elemento-list { padding-right: 25%;}
  .pasos .data{padding-left: 75px;}
  .info-nosotros p{font-size: 20px;  padding-left: 10%; padding-right: 10%; margin-bottom: 12%;}
  .links{margin-top: 0%;}
  .close2{top: 5px; right: 5px;}
  .close3{top: 5px; right: 5px;}
  /*.images-link { max-width: 100%;}*/
  .images-link { max-width: fit-content;}
  .nosotros .container{padding: 0px;}
  #myImg { max-width: fit-content; }
#myImg2 { max-width: fit-content; }
#myImg3 { max-width: fit-content; }
.title-content-clientes h2 p { font-size: 14px;}
}
@media screen and (max-width: 560px){
  .elemento-list { padding-right: 20%; }
  .direccion-footer{font-size: 18px;}
  #formulario-container #formulario .heading-form{font-size: 20px;}
  #formulario-container #formulario .heading-form br{display: none;}
}
@media screen and (max-width: 500px){
    .info-nosotros p{padding-left: 15%; padding-right: 15%;}
    .content .puntos .data h2 { font-size: 18px;}
    .content .puntos .data h3 { font-size: 16px; }
    .funciona { max-width: 330px; }
    .footercopy p.legal { font-size: 16px; }
    ul#redesFooter li a.redesIcon{width: 35px; height: 35px;}
    ul#redesFooter li a.redesIcon:before{width: 45px; height: 45px;}
    ul#redesFooter li a.redesIcon i.fab { color: #fff; font-size: 24px; line-height: 36px; }
    footer ul#redesFooter{margin-bottom: 15px;}
    #formulario-container #formulario .heading-form{font-size: 16px;}
}
@media screen and (max-width: 480px){
  #formulario-container { width: calc(100% - 0px); right: 0; left: 0; }
  #main-logo { left: calc(50% - 110px); max-width: 220px; }
  .info-nosotros p br{display: none;}
  .txtvergmap{font-size: 12px;}
  .pasos .data { padding-left: 45px; }
  .elemento-list { padding-right: 10%; }
  .icon-espacio { margin-bottom: 20px; }
}
@media screen and (max-width: 448px){
  #main-logo { left: calc(50% - 90px); max-width: 180px; top: 60px; }
  #formulario-container #formulario{padding: 25px 0px;}
  .pasos .data { padding-left: 30px; }
  .elemento-list { padding-right: 1%; }
  .form-check-label{width: 100%;font-size: 11px;}
  .info-nosotros p { padding-left: 1%; padding-right: 1%;margin-bottom: 0%; }
}

@media screen and (max-width: 360px){
  .pasos .data { padding-left: 0px; }
}