/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/templates/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  
  font-family: 'Spartan', sans-serif;font-weight:400; color:#323232
  
}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; font-weight:400}
/*
    font-family: 'Montserrat', sans-serif;

    font-family: 'Spartan', sans-serif;
*/


.btn{border-radius:0; font-weight:300 !important; text-transform:uppercase;padding: .375rem 2.5rem;font-family: 'Montserrat', sans-serif; font-weight:400}
.btn-primary{background-color: #016f8c;
border-color: #016f8c;}
.btn-secondary{background-color: #4b2b73;
border-color: #4b2b73;}


.btn-primary:hover,.btn-secondary:hover{background-color:#fbb21a;border-color: #fbb21a;}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0) !important ;
}



header#top{ position: absolute; top:0; z-index:999; width:100%;background-color: rgba(255,255,255,.5) !important;}
.nav-item .nav-link{ color:#016f8c;  font-weight:400; text-transform: uppercase;font-family: 'Montserrat', sans-serif; padding-left:1rem; padding-right:1rem }
.nav-item .nav-link:hover{ color:#fbb21a;}
#rededtop{ background:#fbb21a;-webkit-border-radius: 0 0 0 30px;border-radius: 0 0 0 30px; position:absolute;top: 0;
right: 0;padding: 0 65px; color:#fff}
#rededtop .teltop{ font-size: .75rem; float:right}
.redes.nav .nav-link{color:#fff; padding-left:.5rem; padding-right:.5rem}
.redes.nav .nav-link:hover{ border-bottom:none; color:#fff; opacity:0.5}
#carouselHome .carousel-item {
  height: 80vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#carouselPage .carousel-item {
  height: 72vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption{ top:200px; color:#016f8c}
.carousel-caption h3{ font-size:2rem}
.navbar-toggle{ position: absolute; top:75px; right:25px;background:transparent; z-index:1032}
.navbar-toggler span{
    color:#fff !important; 
}
.navbar-toggle.collapsed{background:transparent;}
.navbar-toggle.collapsed .controller-open {display: inline-block; color: #016f8c; font-size:1.5rem;}
.navbar-toggle .controller-open {display: none;}
.navbar-toggle .controller-close {display: inline-block; color:#fff;font-size:1.5rem;}
.navbar-toggle.collapsed .controller-close {display: none; }
.txt-color-blanco{color:#fff}
.txt-color-01{color:#016f8c}
.txt-color-02{color:#b80060}
.txt-color-03{color:#fbb21a}
.txt-color-04{color:#c28b4f}

.bg-gris{background:#f1f1f2;}
.txt-color-05{color:#016f8c;}
.txt-color-06{color:#4b2b73}
.txt-color-bbva{color:#163A6A}
.bg-bbva{background:#163A6A;}

.btn-wa{ width:50px; height:50px; border-radius:50px; position: fixed; z-index:9999;right:45px; top:110px; font-size:30px; background:#19af27; color:#fff;
text-align:center}
.btn-wa i{ margin-top:10px}
.btn-wa:hover{color:#fff; background:#016f8c;}
/*********************** Demo - 1 *******************/
.box1{ overflow:hidden}
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}

.box1:after,.box1:before{content:""}


.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .title{margin:0;position:absolute}
.box1{/*box-shadow:0 0 3px rgba(0,0,0,.3)*/;position:relative}
/*.box1:after,.box1:before{height:50%;background:rgba(0,0,0,0);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}*/
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:18px;font-weight:300;color:#fff;text-transform:uppercase; text-align:center;
top:50%;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s; width:100%;}
.box1:hover .title{opacity:1;transform:scale(1)}

/*********************** Demo - 2 *******************/
.bg-01{ background-color:#016f8c}
.bg-02{ background-color:#fbb21a}
.bg-03{ background-color:#b80060}
.bg-04{ background-color:#4b2b73}
.bg-05{ background-color:#c28b4f}
.box2{position:relative;width: 100%; min-width:220px;
height: 210px; overflow:hidden}

a:hover{ text-decoration:none}

.link-movil  a:hover{ text-decoration:none; color:#fbb21a}
h4.titulo-btn{ color:#fff; font-weight:400; font-size:0.875rem;font-family: 'Spartan', sans-serif; margin-top:50%}
.bg-03 h4.titulo-btn {margin-top:45%}
.box2 img{width:100%;height:auto}
.box2 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);}
.box2 .inner-content{width:100%;height:100%;color:#000;padding:0;position:absolute;top:50%;left:50%;  border-radius:100%;
z-index:2;transform:translate(-150%,-50%);transition:all .3s ease .2s; text-align:center}
.box2:hover .inner-content{transform:translate(-50%,-50%);transition:all .3s ease 0s}
.box3{position:relative;width: 100%; min-width:220px;
height: 210px; overflow:hidden}
.box3 img{width:100%;height:auto}
.box3 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);}
.box3 .inner-content{width:100%;height:100%;color:#000;padding:0;position:absolute;top:50%;left:50%;  border-radius:100%;
z-index:2;transform:translate(-50%,-50%);transition:all .3s ease .2s; text-align:center}
.box3:hover .inner-content{transform:translate(-150%,-50%);transition:all .3s ease 0s}

.bg-dark { background-color: #016f8c !important; background-image: url("../img/bg_footer_l.png");   background-repeat: no-repeat;  background-size:contain;}
footer{color:#fff; font-size:0.875rem;background-image: url("../img/bg_footer_r.png");   background-repeat: no-repeat; background-position: top right} 
.bg-img{background-image: url("../img/bg-gris.png");   background-repeat: no-repeat;  background-size:contain;}
p.txt-sequiro{ font-size:1.45rem}
p.txt-sequiro img{ margin-right:5px}
p.n-equipo{font-size:1rem; font-weight:600}
p.c-equipo{font-size:0.875rem; font-weight:400;}
.contacto .form-control { border:none; background:#f1f1f2; border-radius:0}
.custom-file-upload input[type="file"] {
    display: none;
}
.custom-file-upload .custom-file-upload1 {
    border: 1px solid #fbb21a; width:90%; margin-top:110px;
    display: inline-block;
    padding:10px 0; text-transform:uppercase;
    cursor: pointer;color: #fff;
background-color: #fbb21a;font-family: 'Montserrat', sans-serif; text-align:center

}
.producto-title{ text-align:center; padding:10px 0; font-size:1rem}

.creditos {font-size:.75rem; font-weight:300}
.contacto .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #016f8c;  font-weight:400; text-transform:uppercase;font-family: 'Montserrat', sans-serif;
}
.contacto  .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #016f8c;  font-weight:400; text-transform:uppercase;font-family: 'Montserrat', sans-serif;
}
.contacto  .form-control:-ms-input-placeholder{ /* IE 10+ */
   color: #016f8c;  font-weight:400; text-transform:uppercase;font-family: 'Montserrat', sans-serif;
}
.contacto  .form-control:-ms-input-placeholder { /* Firefox 18- */
  color: #016f8c;  font-weight:400; text-transform:uppercase;font-family: 'Montserrat', sans-serif;
}
.help-block ul li{list-style: none;color: #f11;font-size: 0.875rem;}
a.link{ color:#000; font-size:1.125rem}
.titulo-form h5{line-height: 1.25rem;}
.titulo-form h5 span{font-size:.875rem; font-weight:300}
 #phone-text a{color:#fff !important; text-decoration:none;} 
@media (max-width: 992px) {

#carouselHome .carousel-item {
   height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#carouselPage .carousel-item {
  height: 55vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#rededtop{ background:#fbb21a;-webkit-border-radius: 0 0 0 30px;border-radius: 0; position:absolute;top: 0;
right: 0;padding: 0 40px; color:#fff; width:100%}
#rededtop .teltop{ font-size: .75rem; float: right; position: absolute; right:15px; top:13px}
.navbar-brand{ padding-top:50px}
.btn-wa{ width:50px; height:50px; border-radius:50px; position: fixed; z-index:9999;right:15px; top:60%; font-size:30px; background:#19af27; color:#fff;
text-align:center}

#navbarResponsive {
   
    background: #016f8c;
    position: absolute;
    width: 100%;
	min-height:1000px;
    top: -88px;
    left: 0;
    z-index: 999;
    padding: 90px 0;
	height:100% !important;
	
}#navbarResponsive .nav-item .nav-link{ color:#fff; text-align:center }
.bg-dark { background-color: #016f8c !important; background-image: url("../img/bg_footer_lm.png");   background-repeat: no-repeat;  background-size:100%;}
footer{color:#fff; font-size:0.875rem;background-image:none; } 
.bg-sm{background-color: #fbb21a !important;}
.bg-img{background-image: none;   background-repeat: no-repeat;  background-size:contain;}
p.n-equipo {
    font-size: .875rem;
    font-weight: 600;
}
}
footer a{ color:#fff; text-decoration:none;}
footer a:hover{ color:#fff;opacity:.5}


.box-steps li {
    list-style: none;
    float: left;
    margin-right: 5px;
    background: #fbb21a;
    padding: 7px;
    width: auto;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #fff;
}
.box-steps li label {
    width: 100%;
    display: block;
	text-transform:uppercase;
	font-weight:700; font-size:1.25rem
}
.box-steps li.active {
    background: #4b2b73;
    color: #FFF;
    opacity: 1;
}

.border-r { border-right:1px solid #ccc}
.border-t { border-right:0 solid #fff}
.resultado span,.resultado p{ font-size: .75rem !important}
.resultado p.precio{ font-size:1.5rem !important}
@media (max-width: 992px) {
	.box-steps li {
    list-style: none;
    float: left;
    margin-right: 0;
    background: #fbb21a;
    padding: 7px;
    width: 100%;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #fff;
	margin:5px 0
}
.border-t { border-right:1px solid #ccc}
}