html{
    scroll-behavior:smooth
}
:root{
    --bg-color1: linear-gradient(to bottom, #cc0c0c, #a70311, #830111, #60020d, #3f0303);;
    --bg-color2:#CC0C0C;
    --bg-color3:#e34c0a;
    --bg-color4:#000000;
    --bg-color5:#e8e8e8;
    --bg-color6:#e34c0a;
    
    --title-black:'_heebo_black_';
    --title-extrabold:'_heebo_extra_bold_';
    --title-bold:'_heebo_bold_';
    --font-regular:'_heebo_regular_';
    --font-light:'_heebo_regular_';
    --font-menu:'_heebo_regular_';
    --font-alt-regular:'_source_sans_pro_light_';
    --font-alt-light:'_source_sans_pro_regular_';
}

.title-style-1
{
    margin: 0;
    background: var(--bg-color3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px var(--bg-color4);
}

HTML BODY h1,.font-black{
    font-family:var(--title-black)
}
HTML BODY h2,HTML BODY h3,.font-extrabold{
    font-family:var(--title-extrabold)
}
HTML BODY h4,HTML BODY h6,HTML BODY strong,.font-bold{
    font-family:var(--title-bold)
}
HTML BODY,HTML BODY h5,HTML BODY p,.font-regular{
    font-family:var(--font-regular)
}
.font-light{
    font-family:var(--font-light)
}
.font-alt-regular{
    font-family:var(--font-alt-regular)
}
.font-alt-light{
    font-family:var(--font-alt-light)
}
HTML BODY{
    max-width:2000px;
    margin:0 auto
}
.navbar-nav a{
    font-family:var(--font-menu)
}
.navbar-nav a{
    letter-spacing:0px
}
HTML BODY p{
    font-size: 100%!important;
}
.top-header,.top-header a,.top-header p,.top-header button{
    font-size:85%!important
}
.middle-header,.middle-header a,.middle-header p{
    font-size:100%!important
}
.bottom-header,.bottom-header a,.bottom-header li a,.bottom-header p{
    font-size:100%!important
}
a{
    text-decoration:none!important
}
.btn{
    text-transform:uppercase
}
.badge{
    white-space:pre-line!important
}
.hr-footer{border-color:rgba(255,255,255,0.3);}
.bg-color1,.bg-color1:hover{
    background:var(--bg-color1)!important
}
.t-color1,.t-color1:hover{
    color:var(--bg-color1)!important
}
.bg-color2,.bg-color2-hover:hover,.bg-color2:hover{
    background:var(--bg-color2)!important
}
.t-color2,.t-color2:hover{
    color:var(--bg-color2)!important
}
.bg-color3,.bg-color3:hover{
    background:var(--bg-color3)!important
}
.t-color3,.t-color3:hover{
    color:var(--bg-color3)!important
}
.bg-color3-hover:hover,.bg-color4,.bg-color4:hover{
    background:var(--bg-color4)!important
}
.t-color4,.t-color4:hover{
    color:var(--bg-color4)!important
}
.bg-color5,.bg-color5:hover{
    background:var(--bg-color5)!important
}
.t-color5,.t-color5:hover{
    color:var(--bg-color5)!important
}
.bg-color6,.bg-color6:hover{
    background:var(--bg-color6)!important
}
.t-color6,.t-color6:hover{
    color:var(--bg-color6)!important
}
.bg-dark-25{
    background:rgba(0,0,0,.25)
}
.bg-dark-50{
    background:rgba(0,0,0,.5)
}
.bg-dark-75{
    background:rgba(0,0,0,.75)
}
.bg-dark-90{
    background:rgba(0,0,0,.90)
}
.bg-red-hover:hover{background:rgba(186,0,0,0.5);transition: all linear 0.2s;}
.bg-red{background:rgba(186,0,0,0.5);}
.bg-light-25{
    background:rgba(255,255,255,.25)
}
.bg-light-50{
    background:rgba(255,255,255,.5)
}
.bg-light-75{
    background:rgba(255,255,255,.75)
}
.bg-light-90{
    background:rgba(255,255,255,.90)
}
.bg-dark-gradient-50{
    background:linear-gradient(80deg,rgba(0,44,83,.87),#002c53,rgba(0,0,0,0),rgba(0,0,0,0))
}
.bg-img-thank-you-page{
    background:url(../images/elements/slider/2.webp)
}
.bg-img1{
    background:url(../images/elements/bg/bg_1.webp)
}
.bg-img2{
    background:url(../images/elements/bg/bg_2.webp)
}
.bg-img3{
    background:url(../images/elements/bg/bg_3.webp)
}
.bg-img4{
    background:url(../images/elements/bg/bg_4.webp)
}
.bg-img5{
    background:url(../images/elements/bg/bg_5.webp)
}
.bg-img6{
    background:url(../images/elements/bg/bg_6.webp)
}
.bg-imgMobile{
    background:url(../images/elements/slider/bg_imgMobile.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
}
.bg-img-bottom-left{
    background-position:bottom left
}
.bg-img-bottom-center{
    background-position:bottom center
}
.bg-img-bottom-right{
    background-position:bottom right
}
.bg-height{
    padding:11% 0
}

@media screen and (max-width:600px)
{
    .carousel-caption 
    {
        bottom: 0px;
    }    
}

.svgPosition{
    line-height:0;
    z-index:-2;
    margin-bottom:-2px;
    margin-left:-1px!important
}
.svgPositionInvert{
    transform:rotateY(-540deg);
    line-height:0;
    z-index:-2;
    margin-bottom:-2px;
    margin-left:-1px!important
}
.t-shadow-50{
    text-shadow:0 0 10px rgba(0,0,0,.5)
}
.t-shadow-100{
    text-shadow:0 0 10px #000
}
i{
    position:relative;
    vertical-align:-5px
}
.fa{
    transform:translateY(-5px)
}
.list-style-none li{
    list-style:none
}
.main-navbar .dropdown,.main-navbar .dropdown:hover,.main-navbar .navbar-nav a,.main-navbar .navbar-nav a:hover,a[data-fancybox=gallery]>img:hover{
    transition:all .5s ease
}

.navbar-toggler{
    background: var(--bg-color1)!important;
}
.main-navbar .dropdown .active,.main-navbar .dropdown:hover{
    background: none!important;
    transform: translateY(1px);
}
.main-navbar .dropdown-menu{
    padding:0
}
.main-navbar .dropdown-menu a{
    color:var(--bg-color1);
    background:0 0
}
.main-navbar .dropdown-menu a:hover{
    background:var(--bg-color1)!important;
    background:0 0
}
.main-navbar .dropdown-menu{
    background:var(--bg-color3);
    border-radius:0!important;
    transform:translateY(-2px);
    border:none;
    /* position: relative!important; */
    z-index: 99;
}
.carousel-indicators{bottom:25px!important;}
.carousel-indicators li.active{background:var(--bg-color3);}
.carousel-indicators li{height:15px;width:15px;border-radius:80px;}
.carousel-indicators li:hover{cursor:pointer;}
#indicador-carousel .carousel-caption h5{
    font-size:180%
}
#indicador-carousel .carousel-caption p{
    font-size:130%!important
}
#indicador-carousel .carousel-caption a.btn{
    font-size:90%
}

@media(min-width:300px){
    .image-min{
        width:100%!important
    }
    .negative-margin-top2,.services-home{
        margin-top:-6%!important
    }
   
    #indicador-carousel .carousel-caption p{
        font-size:93%!important
    }
    .bg-dark-gradient-50{
        background:linear-gradient(80deg,rgba(0,44,83,.97),rgba(0,44,83,.82),rgba(0,44,83,.51),rgba(0,0,0,.3))!important
    }
    .efectMissionIcon{
        margin-left:0!important
    }
    
    .navbar{background: var(--bg-color4);}
    .main-navbar .navbar-nav a{color:#fff!important;}
    .main-navbar .navbar-nav a:hover{
        color:#fff!important;
    }
    .dropdown-menu a:hover,.main-navbar .navbar-nav .active a,.navbar-dark .navbar-nav .nav-link{
        color: #fff!important;border-bottom:1px solid white;border-top:1px solid white;
    }
    .main-navbar .navbar-nav .active a:hover,.navbar-dark .navbar-nav .nav-link:hover{
        color: #fff!important;
    }
    /*Section-1*/
    .section-1-img img{transform:translateX(0px);}
    .zoom{position:absolute;top:45%;right:5%;}
}
@media(min-width:540px){
    .carousel-caption{
        bottom:19%!important
    }
    .negative-margin-top2{
        margin-top:5%
    }
    /*Section-1*/
    .section-1-img img{transform:translateX(0px);}
    .zoom{position:absolute;top:70%;right:5%;}
}
@media(min-width:768px){
    .efectMissionIcon{
        margin-left:-41px!important
    }
    /*Section-1*/
    .section-1-img img{transform:translateX(0px);}
    .zoom{position:absolute;top:56%;right:5%;}

    #indicador-carousel .carousel-caption h3{
        font-size:230%!important;line-height:1;
    }
    #indicador-carousel .carousel-caption h3 span{
        font-size:70%!important;
    }
     #indicador-carousel .carousel-caption p{
        font-size:100%!important
    }
}

@media(min-width:960px){
    /*Section-1*/
    .section-1-img img{transform:translateX(0px);}
    .image-min{
        width:70%!important
    }
    .carousel-caption{
        bottom:20%!important
    }
    #indicador-carousel .carousel-caption h3{
        font-size:380%!important;line-height:1;
    }
    #indicador-carousel .carousel-caption h3 span{
        font-size:70%!important;
    }
     #indicador-carousel .carousel-caption p{
        font-size:130%!important
    }
    .negative-margin-top2{
        margin-top:-2%
    }
   
    .bg-dark-gradient-50{
        background:linear-gradient(80deg,rgba(0,44,83,.87),#002c53,rgba(0,0,0,0),rgba(0,0,0,0))!important
    }
    .zoom{position:absolute;top:56%;right:5%;}
    .service-home-right{transform:translateX(0px);}
    .service-home-left{transform:translateX(0px);}
}
@media(min-width:1140px){
    /*Section-1*/
    .section-1-img img{transform: translateX(-36px);}
    .image-min{
        width:70%!important
    }
    .carousel-caption{
        bottom:24%!important
    }
    .negative-margin-top2{
        margin-top:-2%
    }
    #indicador-carousel .carousel-caption h3{
        font-size:490%!important;line-height:1;
    }
    #indicador-carousel .carousel-caption h3 span{
        font-size:70%!important;
    }
     #indicador-carousel .carousel-caption p{
        font-size:130%!important
    }
    
    .navbar{background:none;z-index: 99;}
    .main-navbar .navbar-nav a,.navbar-dark .navbar-nav .nav-link{color:var(--bg-color4)!important;}
    .main-navbar .navbar-nav .dropdown button{transform: translateY(1px);}
    .main-navbar .navbar-nav .dropdown-item,.main-navbar .navbar-nav .dropdown-item:hover{color:#fff!important;}
    .main-navbar .navbar-nav a:hover,.navbar-dark .navbar-nav .nav-link:hover{
        color:var(--bg-color1)!important;cursor:pointer;
    }
    .dropdown-menu a:hover,.main-navbar .navbar-nav .active a{
        color: #fff !important;
        transform: translateY(0px);
        background-color: var(--bg-color4);
    }
    .main-navbar .navbar-nav .active a:hover{
        color: var(--bg-color2)!important;
    }
    .zoom{position:absolute;top:55%;right:5%;}
    .service-home-right{transform:translateX(-40px);}
    .service-home-left{transform:translateX(40px);}
}
a.navbar-brand{
    font-size:130%!important
}
.navbar-toggler{
    margin-bottom:10px
}
.go-up{
    background:url(../../src/images/elements/top.png) #000 center center;
    border-radius:50px;
    opacity:.5;
    cursor:pointer;
    width:40px;
    height:40px;
    position:fixed;
    bottom:67px;
    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:8px
}
.icon-align-ul li{
    list-style:none
}
.icon-align-ul li{
    list-style:none
}
a[data-fancybox=gallery]>img:hover{
    box-shadow:rgba(0,0,0,.5) 0 0 2px 3px
}
.box-shadow-bottom{box-shadow:rgba(0,0,0,.5) 0 3px 4px 0px}
.shake-bottom{
    -webkit-animation:shake-bottom .8s cubic-bezier(.455,.030,.515,.955) 3 both;
    animation:shake-bottom .8s cubic-bezier(.455,.030,.515,.955) 3 both
}
@-webkit-keyframes shake-bottom{
    0%,100%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    10%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
    20%,40%,60%{
        -webkit-transform:rotate(-4deg);
        transform:rotate(-4deg)
    }
    30%,50%,70%{
        -webkit-transform:rotate(4deg);
        transform:rotate(4deg)
    }
    80%{
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg)
    }
    90%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
}
@keyframes shake-bottom{
    0%,100%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:50% 100%;
        transform-origin:50% 100%
    }
    10%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
    20%,40%,60%{
        -webkit-transform:rotate(-4deg);
        transform:rotate(-4deg)
    }
    30%,50%,70%{
        -webkit-transform:rotate(4deg);
        transform:rotate(4deg)
    }
    80%{
        -webkit-transform:rotate(-2deg);
        transform:rotate(-2deg)
    }
    90%{
        -webkit-transform:rotate(2deg);
        transform:rotate(2deg)
    }
}
/*Section2*/
.service-block .lower-content .text{font-size:85%;letter-spacing:0.5px;color:#676767;}
.service-block .inner-box{ position:relative; box-shadow:0px 0px 15px rgba(0,0,0,0.20); }
.service-block .inner-box .image{position:relative;overflow:hidden;background-color: var(--bg-color2);}
.service-block .inner-box .image img{ position:relative; width:100%; display:block; border-radius:6px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; }
.service-block .inner-box:hover .image img{ opacity:0.6; transform:rotate(3deg) scale(1.10,1.10); }

.btn{border-radius:40px!important;}

/* Animation delays */
.carousel-caption h3:first-child {
	animation-delay: 0.2s;
}
.carousel-caption h3:nth-child(2) {
	animation-delay: 0.2s;
}
.carousel-caption p {
	animation-delay: 0s;
}

.item-icon-service p img{background:var(--bg-color4);border-radius:30px;padding:10px;}

.phone-float-mobile{position:fixed;bottom: 122px;right: 15px;margin:0 auto;}
.phone-float-desktop{position:fixed;bottom: 120px;right:25px;}.desktop-social a img{transition:all 0.3s linear;}.phone-float-desktop a img:hover{transition:all 0.3s linear;transform:scale(1.2)}

.z-99{z-index: 99;}

a.bg-color1:hover{background: var(--bg-color2)!important;}

.whatsapp {
    background: url(../../src/images/elements/whatsapp.png)  center center;
    cursor: pointer;
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 18px;
    right: 24px;
    z-index: 100;
    display: inline-block !important;
    -webkit-animation: animate 3s ease-in-out infinite;
    animation: animate 3s ease-in-out infinite alternate-reverse;
    transition: all 0.3s ease-in-out;
}
@media only screen and (max-width:767px) and (min-width:200px) {
    .whatsapp { bottom: 70px;}
    .go-up { bottom: 128px; }
}

img
{
    object-fit: cover;
}