/*Font*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*Body*/
body{
    font-family: 'Roboto', sans-serif;
}

.light-italic{
    font-weight:300;
    font-style:italic;
}
.light{
    font-weight:300;
}
.bold{
    font-weight:bold;
}
.black{
    font-weight:900 !important;
}

.min{
    font-size:.7rem !important;
}
.margin-extra{
    margin-top:30px;
    margin-bottom:30px;
}

.marginB-extra{
    margin-bottom:40px;
}
.left{
    text-align:left !important;
}
.desktop{
    display:block !important;
}
.phone{
    display:none !important;
}
.text-left{
    text-align:left;
}
.big{
    font-size:1.6rem;
}
.div-tel{
    text-align: left;
    border-left: 1px solid #d4d4d4;
    min-width: 190px;
}
.a-top{
    margin:10px 0px;
}
.a-top>i{
    font-size:1.3rem;
}
.more-info{
    position: absolute;
    right: 5px;
    bottom: 10px;

}
/*Header*/
.img-logo{
    height:32px;
}
header .navbar a, header .navbar a:visited, header .navbar button {
    position: relative;
    display: block;
    color: #fff;
    font-size: 1rem;
}
header>.navbar>div>.navbar-collapse>.navbar-nav>.dropdown>.dropdown-menu {
    background-color:transparent;
    border:none;
}
header>.navbar>div>.navbar-collapse>.navbar-nav>.dropdown>.dropdown-menu.filled {
    background-color: #152b51 !important;
}
.nav-alt>div>.navbar-collapse>.navbar-nav>.dropdown>.dropdown-menu {
    background-color:white !important;
    border:none !important;
}
.nav-alt>div>.navbar-collapse>.navbar-nav>.dropdown>.dropdown-menu.filled {
    background-color:white !important;
    border:none !important;
}
.dropdown-menu>li{
    padding:5px 10px;
}

.navbar{
    min-height:80px;
}
.nav-link:hover {
    text-decoration: underline;
}
.bg-white{
    background-color:white;
    position:fixed;
    z-index:10;
}
.bg-filled{
    background-color: #fbfbfb !important;
}
header > nav.filled {
    background-color: #152b51;
    box-shadow: 0px 3px #152b51;
}

.padding-extra{
    padding:5px;
}

/*Div Flotante*/
.div-float{
    position:absolute;
    bottom:40px;
    right:40px;
}
.div-float>i{
    color: white;
    font-size: 2rem;
    z-index:110;
}

/*Body*/
.right{
    text-align: right !important;
}
.h-100{}

p{
    font-size:1rem;
}
.title{
    text-align:left;
    color:#152b51;
    font-weight:bold;
}
.title-line{
    border-bottom: 3px solid #152b51;
}
.title-line-white{
    border-bottom: 3px solid white;
}
.title-white{
    text-align:center;
    text-transform: uppercase;
    color:white;
    font-weight:900;
}
.p-black{
    color:#545454;
}
.p-white{
    color:white;
}
.p-blue{
    color:#152b51 !important;
}
.p-green{
    color:#20803F;
}
.center{
    text-align:center;
}
.bg-none{
    background-color:white !important;   
}
.a-blue{
    color:#003A63 !important;
}
.h-half{
    height:40px;
}
.icon-serv{
    color: #152b51;
    font-size: 3rem;
    margin: 30px 0px;
}
.icon-contacto{
    color: #152b51;
    font-size: 1.2rem;
    text-align:center;
}
.a-contacto{
    margin:10px 0px;
}
/*Sections*/
section{
    padding-top:115px;
}
#video{
    padding-top:0px !important;
    position:relative;
    height:650px;
    overflow:hidden;
}
.video-div {
    position: absolute;
    z-index: 110;
    padding-left: 10%;
    padding-top: 15%;
    width: 100%;
    height: 100%;
    background-color:#0000006b;
}
.video-text{
    font-size:3.5rem;
    color:white;
}
.padding-test{
    padding-top: 110px !important;
}
.padding-bottom{
    padding-bottom: 110px !important;
}
#nosotros{
    padding-bottom:115px;
    min-height:600px;
    margin:auto;
    position:relative;
}
.nosotros-texto{
    padding:50px 0px;
}
.img-nosotros{
    height: 300px;
    position: absolute;
    right: 10%;
    bottom: 25%;
}
.img-serv{
    height:350px;
}
.div-servicios{
    min-height:276px;
    position:relative;
}
#contacto{
    padding-bottom:50px;
    background-image:url("/assets/img/slnorm_web_footer.png");
    background-position:bottom;
    background-size:contain;
    background-repeat:no-repeat;
}
.form-control {
    border: 1px solid transparent !important;
    border-bottom: 2px solid #152b51 !important;
    background-color: transparent !important;
}
.img-video{
    height:100%;
    width:100%;
}
.div-home{
    position:absolute;
    bottom:20%;
    text-align :center;
    width:100%;
}
.div-home-phone{
    display:none;
    position:absolute;
    bottom:0px;
    text-align :center;
    width:100%;
}
.bg-beneficios{
    background-image: url(/img/beneficios/beneficios-rentar.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 310px;
    padding: 100px 30px 0px 30px;
    margin:25px 0px 25px 0px;
}

.icon-beneficios{
    height:75px;
}
.bg-forma{
    border-radius: 100px 0px;
    background-color:white;
    overflow:hidden;
    max-height:100%;
    margin:25px 0px 25px 0px;
}
.img-beneficios{
    width:33%;
    display:inline;
}
.bg-nosotros{
    background-image: url(/img/nosotros/porque-rentar.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
}
.center-vertical{
    margin-top:80px;
    text-align:center;
    padding:0px 30px;
}
.bg-blue{
    background-color:#0080E2;
}
.bg-green{
    border-radius: 50px 0px;
    background-color:#00aa00;
    margin: 35px 0px 35px 0px;
    padding:50px;
}
.div-icon{
    text-align:center;
    width:11%;
}
.icon-nosotros{
   height:75px; 
}
#contact-form{
    padding: 90px 25px;
}
::placeholder {
  color: #4d4c4c;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #4d4c4c;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #4d4c4c;
}
/*OWL*/
.owl-nav{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 50px !important;
    height: 100% !important;
    color: white !important;
    width:30px !important;
}
.owl-prev{
    position:absolute;
    left:0px;
}
.owl-next{
    position:absolute;
    right:0px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: white;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

/*Carousel Contacto*/
.carousel-indicators{
    position:relative !important;
}
.bg-darkblue{
    background-color:#0070cd;
    padding-top:50px;
    padding-bottom:50px;
}
.bg-blue-contacto{
    background-color:#0080E2;
    padding-top:50px;
    padding-bottom:50px;
}
.bg-orange-contacto{
    background-color:#ff6600;
    padding-top:100px;
    padding-bottom:50px;
}
.img-contacto{
    border-radius: 100px 0px;
    border: 3px solid white;
    width:50%;
}
.div-test{
    margin:10px 20%;
    
}
/*btn*/
a{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
.btn{
    padding: 5px 30px;
    border-radius: 20px;
}
.btn-white{
    background-color:Transparent;
    color:white;
    border:1px solid white;
}
.btn-white:hover{
    background-color:white;
    color:#152b51;;
}
.btn-blue{
    background-color:Transparent;
    color:#152b51 !important;
    border:1px solid #152b51;
}
.btn-blue:hover{
    background-color:#152b51;
    color:white !important;
}

/*Nav*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #4d4c4c;
    background-color: white;
    font-weight: bold;
    border-bottom:10px solid #004470 !important;
    border-radius:0px;
}
.nav-pills > .nav-item > .nav-link{
    color: #4d4c4c;
    font-weight: bold;
    border-bottom:10px solid #d4d4d4;
    border-radius:0px;
}
.tab-content{
    margin-bottom:40px;
}

.up{
    position:fixed;
    bottom:80px;
    right:20px;
    border-radius:10px;
    height:45px;
    width:45px;
    padding:0px 10px;
    font-size:30px;
    background-color:#004580d6;
    color:#8aa7c8;
}

/*Footer*/
footer{
    padding-top:30px;
    background-color:#152b51;
    
}
.footer-link{
    color:white;
    margin:10px;
}
.footer-link:hover{
    color:white;
    text-decoration:underline;
}
.footer-padding{
     padding: 10px;
}
.footer-border {
    padding: 12px 0px;
    border-left: 1px solid white;
    height: 80%;
}
.f2{
    padding-top:25px;
    padding-bottom:25px;
}
.lg-footer{
    height:80px
}
.bg-dark-blue{
    background-color:#003A63;
    color:white;
    padding:20px;
}
.a-footer{
    text-decoration:none;
    color:#4d4c4c;
}
.redes-sociales{
    margin-top:25px;
}
.a-rs{
    background-color: blue !important;
    height: 25px !important;;
    width: 25px !important;;
    color: white !important;;
    border-radius: 50% !important;;
    padding: 5px !important;;
    margin: 5px !important;;
}
.div-rs-whats{
    height:30px;
    background-color:#24C666;
    width:100%;
    display:inline-flex;
    border-radius: 20px;
    text-align:center;
    margin-left:10px;
}
.div-rs-fb{
    height:30px;
    background-color:#1A78EB;
    width:100%;
    display:inline-flex;
    border-radius: 20px;
    text-align:center;
    margin-left:10px;
}
.div-rs-in{
    height:30px;
    background-color:#016194;
    width:100%;
    display:inline-flex;
    border-radius: 20px;
    text-align:center;
    margin-left:10px;
}
.div-rs-blog{
    height:30px;
    background-color:#20803F;
    width:100%;
    display:inline-flex;
    border-radius: 20px;
    text-align:center;
    margin-left:10px;
}
.img-rs{
    height:20px;
    margin:auto;
}
/* ==========================================================================
      [3. ANIMATIONS]
  ========================================================================== */
.shapes-container-us{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.shapes-container-v{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*============Circles Header============*/
/*White*/
.rectangle-1{
    background-color:#ededed;
    border:3px solid #ededed;
    height:240px;
    width:150px;
    border-radius:20px;
    top: 15%;
    right: 15%;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    position:absolute;
}.rectangle-2{
    background-color:#ededed;
    border:3px solid #ededed;
    height:240px;
    width:150px;
    border-radius:20px;
    top: 35%;
    left: 55%;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    position:absolute;
}
.rectangle-3{
    background-color:#ededed;
    border:3px solid #ededed;
    height:240px;
    width:150px;
    border-radius:20px;
    top: 75%;
    left: 15%;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    position:absolute;
}
.rectangle-4{
    background-color:#ededed;
    border:3px solid #ededed;
    height:240px;
    width:150px;
    border-radius:20px;
    top: 45%;
    right: 45%;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    position:absolute;
}
.rectangle-5{
    background-color:#ededed;
    border:3px solid #ededed;
    height:240px;
    width:150px;
    border-radius:20px;
    top: 85%;
    left: 15%;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    position:absolute;
}
.rectangle-6{
    background-color:#ededed;
    border:3px solid #ededed;
    height:240px;
    width:150px;
    border-radius:20px;
    top: 95%;
    right: 15%;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    position:absolute;
}
.rectangle-7{
    background-color:#ededed;
    border:3px solid #ededed;
    height:240px;
    width:150px;
    border-radius:20px;
    top: 65%;
    right: 15%;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    position:absolute;
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg) translate(-165px) rotate(0deg);
            transform: rotate(0deg) translate(-165px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translate(-165px) rotate(-360deg);
            transform: rotate(360deg) translate(-165px) rotate(-360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg) translate(-165px) rotate(0deg);
            transform: rotate(0deg) translate(-165px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translate(-165px) rotate(-360deg);
            transform: rotate(360deg) translate(-165px) rotate(-360deg);
  }
}

@-webkit-keyframes anti-clockwise {
  0% {
    -webkit-transform: rotate(0deg) translate(165px) rotate(0deg);
            transform: rotate(0deg) translate(165px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg) translate(165px) rotate(360deg);
            transform: rotate(-360deg) translate(165px) rotate(360deg);
  }
}

@keyframes anti-clockwise {
  0% {
    -webkit-transform: rotate(0deg) translate(165px) rotate(0deg);
            transform: rotate(0deg) translate(165px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg) translate(165px) rotate(360deg);
            transform: rotate(-360deg) translate(165px) rotate(360deg);
  }
}

@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@-webkit-keyframes rotating-diagonal {
  0% {
    -webkit-transform: translate(-300px, 150px) rotate(0deg);
            transform: translate(-300px, 150px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(300px, -150px) rotate(180deg);
            transform: translate(300px, -150px) rotate(180deg);
  }
}

@keyframes rotating-diagonal {
  0% {
    -webkit-transform: translate(-300px, 150px) rotate(0deg);
            transform: translate(-300px, 150px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(300px, -150px) rotate(180deg);
            transform: translate(300px, -150px) rotate(180deg);
  }
}

.animation--clockwise {
  -webkit-animation: clockwise 30s linear infinite normal;
          animation: clockwise 30s linear infinite normal;
}

.animation--anti-clockwise {
  -webkit-animation: anti-clockwise 30s linear infinite normal;
          animation: anti-clockwise 30s linear infinite normal;
}

.animation--rotating {
  -webkit-animation: rotating 15s linear infinite normal;
          animation: rotating 15s linear infinite normal;
}

.animation--rotating-diagonal {
  -webkit-animation: rotating-diagonal 15s linear infinite alternate;
          animation: rotating-diagonal 15s linear infinite alternate;
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes jump {
  0% {
    top: 0;
  }
  50% {
    top: 50px;
  }
  100% {
    top: 0;
  }
}

@keyframes jump {
  0% {
    top: 0;
  }
  50% {
    top: 50px;
  }
  100% {
    top: 0;
  }
}

.animation {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
          animation: blink 0.7s infinite;
}

@-webkit-keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}

@keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}

.floating {
  -webkit-animation: floating 4s ease-in-out infinite;
          animation: floating 4s ease-in-out infinite;
  -webkit-filter: none;
          filter: none;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes bubble-v {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-640px);
            transform: translateY(-640px);
  }
}

@keyframes bubble-v {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-640px);
            transform: translateY(-640px);
  }
}

@-webkit-keyframes bubble-v-left {
  0% {
    margin-bottom: 0;
    opacity: .1;
  }
  20% {
    opacity: 1;
  }
  100% {
    margin-bottom: 640px;
    opacity: 1;
    left: 0;
  }
}

@keyframes bubble-v-left {
  0% {
    margin-bottom: 0;
    opacity: .1;
  }
  20% {
    opacity: 1;
  }
  100% {
    margin-bottom: 640px;
    opacity: 1;
    left: 0;
  }
}

@-webkit-keyframes bubble-v-right {
  0% {
    margin-bottom: 0;
    opacity: .1;
  }
  20% {
    opacity: 1;
  }
  100% {
    margin-bottom: 640px;
    opacity: 1;
    left: 100%;
  }
}

@keyframes bubble-v-right {
  0% {
    margin-bottom: 0;
    opacity: .1;
  }
  20% {
    opacity: 1;
  }
  100% {
    margin-bottom: 640px;
    opacity: 1;
    left: 100%;
  }
}

@-webkit-keyframes shake-v {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 20px;
  }
}

@keyframes shake-v {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 20px;
  }
}

/*Verificación*/
#h-verificacion{
    background-image:url("/assets/img/plecas/verificacion.jpg");
    background-position:center;
    background-position-y: -188px;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:100;
    padding-bottom:40px;
}
#h-verificacion:before {
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}
#verificacion{
    position:relative;
    overflow:hidden;
    background-image:url("/assets/img/slnorm_web_footer.png");
    background-position:bottom;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:#f7f7f7;
}
.div-white{
    background-color:white;
    min-height:280px;
    border-bottom:2px solid #152b51;
    padding:15px;
}
.div-white-v{
    background-color:white;
    min-height:308px;
    border-bottom:2px solid #152b51;
    padding:15px;
}
.nav-alt{
    background-color:white;
}
.nav-alt> div>div>ul>li>a.nav-link{
    color:#152b51;
}
.nav-alt>div>div>div>div>div>a>i{
    color:#152b51;
}
.nav-alt>div>.div-tel{
    border-left: 1px solid #152b51;
}
header > .nav-alt.filled {
    background-color: white;
    box-shadow: 0px 3px #152b51;
}
.img-verif{
    width:100px;
    margin:auto;
    display:block;
}
/*Almacen*/
#h-almacen{
    background-image:url("/assets/img/plecas/almacen.jpg");
    background-position:center;
    background-position-y: -245px;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:100;
    padding-bottom:40px;
}
#h-almacen:before {
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}
/*Certificaci¨®n*/
#h-certificacion{
    background-image:url("/assets/img/plecas/certificacion.jpg");
    background-position:center;
    background-position-y: -245px;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:100;
    padding-bottom:40px;
}
#h-certificacion:before {
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}
/*Manufactura*/
#h-manufactura{
    background-image:url("/assets/img/plecas/manufactura.jpg");
    background-position:center;
    background-position-y: -547px;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:100;
    padding-bottom:40px;
}
#h-manufactura:before {
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}
/*Despacho*/
#h-despacho{
    background-image:url("/assets/img/plecas/despacho.jpg");
    background-position:center;
    background-position-y: -547px;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:100;
    padding-bottom:40px;
}
#h-despacho:before {
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}
#despacho{
    position:relative;
    overflow:hidden;
    background-image:url("/assets/img/slnorm_web_footer.png");
    background-position:bottom;
    background-size:contain;
    background-repeat:no-repeat;
    background-color:#f7f7f7;
    min-height:650px;
}
/*Padr¨®n*/
#h-padron{
    background-image:url("/assets/img/plecas/padron.jpg");
    background-position:center;
    background-position-y: -295px;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:100;
    padding-bottom:40px;
}
#h-padron:before {
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}
/*Dispositivos Móviles*/
@media only screen and (max-width: 600px) {
    #h-almacen{
        background-position-y: 0px;
    }
    #h-manufactura{
        background-position-y: 0px;
    }
    #h-despacho{
        background-position-y: 0px;
    }
    #h-padron{
        background-position-y: 0px;
    }
    #h-certificacion{
        background-position-y: 0px;
    }
    #h-verificacion{
        background-position-y: 0px;
    }
    section{
        position:relative;
        overflow:hidden;
    }
    .rectangle-1{
        top: 15%;
        right: 15%;
    }.rectangle-2{;
        top: 35%;
        left: 55%;
    }
    .rectangle-3{;
        top: 75%;
        left: 15%;
    }
    .rectangle-4{
        top: 45%;
        right: 45%;
    }
    .rectangle-5{
        top: 85%;
        left: 15%;
    }
    .rectangle-6{
        top: 95%;
        right: 15%;
    }
    .navbar{
        background-color: #152b51;
    }
    header > nav.filled { 
        background-color: #152b51;
        border:none;
    }
    .h-half{
        height:50px;
    }
    .img-servicios{
        height:70px;
    }
    .desktop{
        display:none !important;
    }
    .phone{
        display:block !important;
    }
    .nav-top {
        top: 50px !important;
        background-color: white;
        text-align: center;
    }
    #video {
        padding-top: 80px !important;
        height: 290px;
    }
    .video-text{
        font-size:1.5rem;
    }
    #nosotros{
        padding-bottom:0px;
    }
    .img-serv{
        height: 150px;
    }
    .div-home{
        display:none;
    }
    .div-home-phone{
        display:block;
    }
    .bg-beneficios {
        height: 300px;
        padding: 20px;
    }
    .bg-nosotros {
        height: 150px;
    }
    .center-vertical {
        margin-top: 20px;
        text-align: center;
        padding: 0px 30px;
        margin-bottom: 50px;
    }
    .div-icon {
        text-align: center;
        width: 50%;
    }
    .modal-dialog {
        margin-right: .5rem !important;
    }
    .btn-group{
        display:block !important;
    }
    .w-100{
        width:100% !important;
    }
    .nav-fill .nav-item {
        width: 50%!important;
        padding: 10px!important;
    }
    .btn-whats{
        display:block;
    }
    .div-float{
        display:none;
    }
    .bg-none{
        background-color:#00436f5c !important;
    }
    .a-blue{
        color:#4D4D4D !important;
    }
    .btn-soporte{
        display:none;
    }
    .btn-soporte-phone{
        display:block;
    }
    /*Verificaión*/
    #header{
        background-position-y: 80px;
    }
    #verificacion {
        padding-top: 50px;
    }
    .nav-alt{
        background-color:white;
    }
    .nav-alt> div>div>ul>li>a.nav-link{
        color:#152b51;
    }
    .nav-alt>div>div>div>div>div>a>i{
        color:#152b51;
    }
    .nav-alt>div>.div-tel{
        border-left: 1px solid #152b51;
    }
    .nav-alt>div>button{
        color:#152b51;
    }
}