body {
font-family: 'Montserrat', sans-serif;
}
.espacio10{
clear: both;
padding: 5px 0;
}
.espacio20{
clear: both;
padding: 10px 0;
}
.espacio50{
clear: both;
padding: 25px 0;
}
.espacio100{
clear: both;
padding: 50px 0;
}
.espacio-mobile{
display: none;
}
a{
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
a:hover{
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
h1, h2, h3{
font-weight: 700;
} #main-navbar {
background: transparent;
-webkit-transition: background 1s linear;
-moz-transition: background 1s linear;
-ms-transition: background 1s linear;
-o-transition: background 1s linear;
transition: background 1s linear;
}
.sticky-top.scrolled #main-navbar {
background: #666;
-webkit-transition: background 1s linear;
-moz-transition: background 1s linear;
-ms-transition: background 1s linear;
-o-transition: background 1s linear;
transition: background 1s linear;
}
.header-logo{
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-ms-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
width:170px;
}
.sticky-top.scrolled .header-logo{
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-ms-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
width:100px;
}
.sticky-top .logo-ac-desktop{
display: inline-block;
} #main-navbar a{
color: #fff;
}
.sticky-top.scrolled #main-navbar a{
color:#fff;
}
.sticky-top.scrolled .py-3{
padding: 0 !important;
}
.sticky-top.scrolled .navbar-brand{
padding: 0 !important;
}
#main-navbar a:hover,
#main-navbar .nav-item.activo a{
color: #fac42b;
}
#main-navbar .nav-item:hover,
#main-navbar .nav-item.activo{
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
#main-navbar .nav-item{
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 768px) {
.sticky-top .container{
padding-left: 0;
padding-right: 0;
}
.navbar-brand{
margin-left:15px;
}
.navbar-toggler{
border: 1px solid #fac42b;
background: #fac42b;
margin-right: 15px;
}
.navbar-toggler span{
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.espacio-mobile{
display: block;
} .navbar-nav{
padding:30px;
}
.navbar-nav .nav-item{
padding: 7px;
}
.navbar-nav .nav-item{
font-size: 28px;
}
.navbar-nav a{
color: #323682;
}
.navbar-toggler:focus {
box-shadow: none;
}
#main-navbar a {
color: #fff;
}
.nav-item{
text-align: center;
}
.sticky-top.scrolled #main-navbar {
}
.navbar.py-3{
padding:0 !important;
}
.header-logo {
width: 100px;
}
.sticky-top{
background:#666;
}
} .banner{
position: relative;
margin-top:-160px;
}
.banner .owl-carousel img {
width: 100%;
}
.banner .owl-carousel .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.5);
color: white;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
}
.banner .owl-carousel .owl-nav button.owl-prev {
left: 30px;
}
.banner .owl-carousel .owl-nav button.owl-next {
right: 30px;
}
.banner .owl-carousel .owl-dots {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
} .banner .owl-carousel .owl-dots .owl-dot {
width: 15px;
height: 15px;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 50%;
transition: background-color 0.3s ease;
margin:0 3px;
} .banner .owl-carousel .owl-dots .owl-dot.active {
background-color: #fac42b;
width: 17px;
height: 17px;
}
.banner .owl-carousel .owl-nav button.owl-next{
right: 0;
}
.banner .owl-carousel .owl-nav button.owl-prev{
left: 0;
}
.banner .owl-carousel .owl-nav button.owl-next,
.banner .owl-carousel .owl-nav button.owl-prev{
background: rgba(0, 0, 0, 0.2);
border: none;
border-radius: 0%;
color: #fff;
font-size: 28px;
height: auto;
padding: 20px 30px !important;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
width: auto;
}
.banner .owl-carousel .owl-nav button.owl-next:hover,
.banner .owl-carousel .owl-nav button.owl-prev:hover{
background: #fff;
color: #666;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.banner .owl-carousel .owl-nav {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
} .banner:hover .owl-nav {
opacity: 1;
visibility: visible;
}
img.banner-desktop,
.banner .owl-carousel .owl-item img.banner-desktop{
display: block;
}
img.banner-mobile,
.banner .owl-carousel .owl-item img.banner-mobile{
display: none;
} @media (max-width: 768px) {
img.banner-desktop,
.banner .owl-carousel .owl-item img.banner-desktop{
display: none;
}
img.banner-mobile,
.banner .owl-carousel .owl-item img.banner-mobile{
display: block;
}
.banner .owl-carousel .owl-dots {
bottom: 10px;
}
.banner{
margin-top:0px;
}
} .servicios {
background-color: #323682;
color: #fff;
padding: 60px 0;
text-align:center;
text-transform: uppercase;
}
.servicios #owl-servicios a{
color:#fff !important;
text-decoration:none;
}
.servicios .owl-carousel .owl-item img.service-icon{
display: inline-block;
width: 40px;
}
.service-text{
font-size:18px;
font-weight:500;
}
@media (max-width: 768px) {
.service-text{
font-size:22px;
}
} .nosotros{
background-image: url(//aquilacapital.cl/wp-content/themes/aquilacapital/assets/img/bg-testimonial.jpg?v=123);
background-size: 100% auto;
background-position: center;
padding: 40px 0;
}
.nosotros h2{
color:#FFF;
text-transform: uppercase;
}
.nosotros p{
color:#333;
}
@media (max-width: 768px) {
.nosotros{
background: url(//aquilacapital.cl/wp-content/themes/aquilacapital/assets/img/bg-testimonial-mobile.jpg?v=123) top right;
}
.nosotros p{
color:#fff;
}
} .team-member {
color: #fff;
margin-bottom: 10px;
display: flex;
align-items: center; }
.team-member img {
border-radius: 50%; border: 4px solid #fecd59; }
.team-info {
margin-left: 20px; }
.team-member h3 {
font-size: 20px;
font-weight: bold;
margin: 0 !important;
}
.team-member .position {
color:#fff;
font-size: 16px;
margin-bottom: 0;
}
.team-member .social-links a {
margin-top: 10px;
color: #fff;
font-size: 14px;
}
.team-member .social-links a:hover {
color: #fecd59;
} #owl-operaciones{
display:block;
}
#owl-operaciones-interior{
display:none;
}
.operaciones {
background-color: #fff;
color: #333;
}
#owl-operaciones .owl-nav{
display:none;
}
.operaciones h2 span{
color:#323682;
border-bottom: 3px solid #fecd59;
}
.counter-item {
color:#323682;
font-size: 1.2rem;
font-weight: 500;
max-width: 80%;
}
.counter,
.counter2{
font-size: 4.9rem;
font-weight: bold;
color: #323682;
}
.operaciones .owl-carousel .owl-item img.operaciones-icon{
display: inline-block;
width: 150px;
}
.operaciones .operaciones-nombre{
color: #323682;
font-size:24px;
font-weight: 1000;
line-height: 20px;
letter-spacing: -0.8px;
text-transform: uppercase;
}
.operaciones-desc{
font-weight: 500;
}
.operaciones-monto{
color:#999;
font-size: 18px;
font-weight: 500;
}
.btn-ver-mas{
border:2px solid #323682;
color: #323682;
font-size: 16px;
font-weight: 500;
padding: 10px 30px;
text-decoration: none;
text-transform: uppercase;
}
@media (max-width: 768px) {
.counter-item {
max-width: 100%;
}
#owl-operaciones{
display:none;
}
#owl-operaciones-interior{
display:block;
}
#owl-operaciones-interior .owl-nav{
display:none;
}
} footer{
background: #323682;
color:#fff;
font-size: 12px;
font-weight: 500;
}
footer a{
color:#fff;
text-decoration: none;
}
footer h4,
footer h5{
text-transform: uppercase;
}
.ac-newsletter input{
background: #fff;
border:2px solid #FFF;
color:#999;
font-size: 18px;
padding: 10px 20px;
text-transform: uppercase;
width: 100%;
}
.ac-newsletter button{
background: #323682;
border:2px solid #FFF;
color:#FFF;
font-size: 18px;
padding: 10px 20px;
text-transform: uppercase;
width: 100%;
}
.sub-footer{
background: #000000;
padding: 25px;
}
.sub-footer span{
color: rgb(255, 128, 53);
}
@media (max-width: 768px) {
footer{
text-align: center;
}
} .page-header{
color:#fff;
position:absolute;
left:0;
text-transform:uppercase;
top:180px;
width:100%;
}
.servicios-desc{
color:#323682;
font-weight:500;
}
.page-header.page-header-nosotros {
top: auto;
bottom: 30px;
}
.page-header.page-header-nosotros-servicios{
top:240px;
}
@media (max-width: 768px) {
.page-header.page-header-nosotros {
top: auto;
bottom: 20px;
}
}
.page-header.page-header-nosotros-servicios h2,
.page-header.page-header-nosotros h2{
font-size:48px;
}
.page-header-desc{
}
.separador{
display:inline-block !important;
max-width:200px;
}
.servicio-titulo{
color:#323682;
display:inline-block;
font-size:26px;
font-weight:700;
line-height:26px;
width:80%;
}
.servicio-desc{
color:#323682;
margin-top:20px;
}
.servicio-interior-subtitulo{
color:#999999;
font-size:21px;
font-weight:600;
width:90%;
}
.servicio-interior-descripcion{
color:#323682;
}
@media (max-width: 768px) {
.page-header{
top:50px;
}
.page-header-desc{
font-size:14px;
}
.servicio-interior-subtitulo{
width:100%;
}
.page-header.page-header-nosotros h2{
font-size:36px;
}
} .operaciones-titulo span{
border-bottom:3px solid #fac42b;
} .nosotros-bajada1{
color:#999999;
font-size:21px;
font-weight:600;
}
.nosotros-bajada2{
color:#323682;
font-size:18px;
font-weight:500;
}
.nosotros-bajada3{
color:#323682;
font-size:16px;
}
.nosotros-tit{
color:#323682;
font-weight:600;
}
.team-member.pagina-team{
}
.pagina-team .team-name{
color:#323682;
font-size:20px;
margin:5px 0;
}
.pagina-team .team-position{
color:#323682;
font-weight:500;
}
.pagina-team .team-social-links a{
color:#323682;
font-weight:500;
text-transform:uppercase;
}
.pagina-team .team-bajada{
color:#323682;
font-size:14px;
font-weight:300;
}
.item-team{
margin-bottom:50px;
} .contact-form {
color:#323682;
display: flex;
flex-direction: column;
gap: 15px;
}
.contact-form .form-control {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
.contact-form label {
color:#323682;
font-weight: bold;
}
.contact-form .submit-btn {
align-self: flex-end;
background-color: rgb(239, 239, 239);
border:0;
color:#323682;
padding: 10px 18px;
font-size: 21px;
font-weight:600;
text-transform:uppercase;
}
.contact-form .submit-btn:hover {
background-color: #323682;
color:#fff;
}