html{
scroll-behavior: smooth;
}
:root{
--bg-color1:#878A99;
--bg-color2:#39424B;
--bg-color3:#889BB9;
--bg-color4:#ececec;
--title-black:'rbno2.1bblack';
--title-extrabold:'rbno2.1bblack';
--title-bold:'nobilebold';
--font-regular:'nobileregular';
--font-italic:'nobileitalic';
--font-menu:'nobileregular';
}
HTML BODY h1,.title-black{
font-family:var(--title-black)!important
}
HTML BODY h2,HTML BODY h3,.title-extrabold{
font-family:var(--title-extrabold)
}
HTML BODY h4,HTML BODY h6,HTML BODY strong,.title-bold{
font-family:var(--title-bold)
}
HTML BODY,HTML BODY h5,HTML BODY p{
font-family:var(--font-regular)
}
HTML BODY em{
font-family:var(--font-italic)
}
.cta-mobile-font{font-size:100%;}
/*Degradado para el header*/
.degradado
{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(80,183,214,1) 43%, rgba(77,173,221,1) 78%);
}
/*Menu*/
.navbar-nav a,.light-font{font-family: var(--font-menu);}
.navbar-nav a{letter-spacing: 1px;}
/*Font Sizes*/
HTML BODY p{font-size: 100%!important;}
.top-header,.top-header a , .top-header p{font-size: 90%!important;}
.middle-header,.middle-header a , .middle-header p{font-size: 95%!important;}
.bottom-header,.bottom-header a , .bottom-header p,.bottom-header li a{font-size: 100%!important;}
/*Backgrounds*/
.bg-color1,.bg-color1:hover{background: var(--bg-color1);} .t-color1,.t-color1:hover{color: var(--bg-color1);}
.bg-color2,.bg-color2:hover{background: var(--bg-color2);} .t-color2,.t-color2:hover{color: var(--bg-color2);}
.bg-color3,.bg-color3:hover{background: var(--bg-color3);} .t-color3,.t-color3:hover{color: var(--bg-color3);}
.bg-color4,.bg-color4:hover{background: var(--bg-color4);} .t-color4,.t-color4:hover{color: var(--bg-color4);}
.bg-dark-25{background: rgba(0,0,0,0.25);}
.bg-dark-50{background: rgba(0,0,0,0.50);}
.bg-dark-75{background: rgba(0,0,0,0.75);}
.bg-img1{background:url(../images/elements/bg/bg_1.png);}
.bg-img2{background:url(../images/elements/bg/bg_2.jpg);}
.bg-img3{background:url(../images/elements/bg/bg_3.png);}
.bg-img4{background:url(../images/elements/bg/bg_4.jpg);}
.bg-img5{background:url(../images/elements/bg/bg_5.jpg);}
.bg-img{background-size: cover;}
.bg-img-100{background-size: 100%;}
.bg-img-contain{background-size: contain;}
.bg-repeat-x{background-repeat: repeat-x;}
.bg-repeat-y{background-repeat: repeat-y;}
.bg-no-repeat{background-repeat: no-repeat;}
.bg-img-fixed{background-attachment: fixed;}
.bg-img-top-left{background-position: top left;}
.bg-img-top-center{background-position: top center;}
.bg-img-top-right{background-position: top right;}
.bg-img-center-left{background-position: center left;}
.bg-img-center-center{background-position: center center;}
.bg-img-center-right{background-position: center right;}
.bg-img-right-left{background-position: right left;}
.bg-img-right-center{background-position: right center;}
.bg-img-right-right{background-position: right right;}
.t-shadow-50{text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.t-shadow-100{text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
/*Text and Icons*/
i{position:relative;vertical-align:-5px;}
.fa{transform: translateY(-5px);}
.list-style-none li{list-style: none;}
/*Menu*/
.main-navbar .navbar-nav a,.main-navbar .navbar-nav a:hover,.main-navbar .dropdown,.main-navbar .dropdown:hover,a[data-fancybox="gallery"]>img:hover{transition: all 0.3s ease;color:#fff;}
/*.main-navbar .navbar-nav a{background:var(--bg-color1);}*/
.main-navbar .navbar-nav a:hover{color:#fff!important;}
.main-navbar .navbar-nav .active a{background:var(--bg-color3)!important;}
/*Submenu*/
.main-navbar .dropdown:hover,.main-navbar .dropdown .active{background:var(--bg-color3)!important;}
.main-navbar .dropdown-menu{padding:0px;}
.main-navbar .dropdown-menu a{color:var(--bg-color1);background:none;}
.main-navbar .dropdown-menu a:hover{background:var(--bg-color2)!important;background:none;}
.main-navbar .dropdown-menu{background:var(--bg-color3);border-radius:0!important;transform:translateY(-2px);border:none;}
/*Carousel*/
#indicador-carousel .carousel-caption h5{font-size:180%;}
#indicador-carousel .carousel-caption h3{font-size:320%;}
#indicador-carousel .carousel-caption p{font-size:110%!important;}
#indicador-carousel .carousel-caption a.btn{font-size:90%;}
@media(min-width: 300px){
.image-min{width: 100%!important;}
.negative-margin-top2{margin-top: 5%;}
}
@media(min-width: 540px){
.carousel-caption{bottom:55%!important;}
#indicador-carousel .carousel-caption{width:70%;left:4%!important;}
.negative-margin-top2{margin-top:5%;}
.bg-curve{transform:translateY(5px);}
}
@media(min-width: 960px){
.image-min{width: 70%!important;}
.carousel-caption{bottom:60%!important;left:4%!important;}
#indicador-carousel .carousel-caption{width:70%;}
.negative-margin-top2{margin-top: -2%;}
.bg-curve{transform:translateY(30px);}
}
@media(min-width: 1140px){
.image-min{width: 70%!important;}
.carousel-caption{bottom:60%!important;left:4%!important;}
#indicador-carousel .carousel-caption{width:50%;}
.negative-margin-top2{margin-top: -2%;}
.home-box{margin-top: -420px;}
.home-box .left-phrase{margin-top:65px;}
.home-divide{margin-top: -68px;}
.bg-curve{transform:translateY(0px);}
}
@media(min-width:1200px){.bg-curve{transform:translateY(20px);}}
a.navbar-brand{font-size: 130%!important;}
.navbar-toggler{margin-bottom: 10px;}
.go-up{background:url(../../src/images/elements/top.png)#000000 center center;border-radius:50px;opacity: 0.5;cursor:pointer;width: 40px;height: 40px;position: fixed;bottom: 25px;right: 25px;display: inline-block!important;}
.go-up:hover{opacity: 1;}
.hide-top,.hide-top-alt{opacity: 0!important;}
.icon-align { min-width: 24px; text-align: center; position: absolute; left: 20px; margin-top: 10px; }
a[data-fancybox="gallery-homepage"]>img:hover{filter:brightness(1.1);}
.bg-curve{position:absolute;z-index:98;bottom:0;}
.carousel-control-prev,.carousel-control-next{position:relative;z-index:99;}
.home-box{position:relative;z-index: 110;}
.home-box p {line-height: 1.6;}
.home-divide{position:relative;z-index:100;}
.home-services img,.home-services:hover img,.home-services:hover h3{transition:all ease-in-out 0.3s!important;}
.home-services img{border:10px solid rgba(0,0,0,0.1);}
.home-services .btn{border: 1px solid var(--bg-color2);}
.home-services:hover h3{color:var(--bg-color2);}
.home-services:hover img{border:15px solid var(--bg-color2);}
.home-services:hover .btn{background:var(--bg-color2);color:t-color1;}
.heartbeat {
-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
animation: heartbeat 1.5s ease-in-out infinite both;
}
/* ----------------------------------------------
* Generated by Animista on 2020-11-24 8:20:4
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation heartbeat
* ----------------------------------------
*/
@-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.modal-mobile{position: fixed;bottom:0; z-index: 99;}