html {
    scroll-behavior: smooth;
}
:root{
    
    --bg-color1:#202e8c;
    --bg-color2:#253ac5;
    --bg-color3:#939598;

    --title-black:'Roboto';
    --title-bold:'Roboto';
    
    --font-regular:'OpenSans';
    --font-bold:'OpenSans';
    --font-italic:'OpenSans';
    --font-menu:'Roboto';

    --font-alt:'Roboto';
}

/*Fonts*/
HTML BODY h1{font-family: var(--title-black);}
HTML BODY h2,HTML BODY h3,HTML BODY h4,HTML BODY h5,HTML BODY h6{font-family: var(--title-bold);}

HTML BODY p,HTML BODY{font-family: var(--font-regular);}
HTML BODY strong{font-family: var(--font-bold);}
HTML BODY em{font-family: var(--font-italic);}

.alt-font{font-family: var(--font-alt);}

/*Menu*/
.navbar-nav a{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)!important;}
.bg-color3,.bg-color3:hover{background: var(--bg-color3);} .t-color3,.t-color3:hover{color: var(--bg-color3)!important;}

.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.jpg);}
.bg-img2{background:url(../images/elements/bg/bg_2.jpg);}
.bg-img3{background:url(../images/elements/bg/bg_3.jpg);}
.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{background:var(--bg-color3);}
.main-navbar .navbar-nav .active a,.dropdown-menu a:hover{background:var(--bg-color2);color:#fff!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-color1)!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:35%!important;}
    #indicador-carousel .carousel-caption{width:70%;}
    .negative-margin-top2{margin-top:5%;}
}
@media(min-width: 960px){
	.image-min{width: 70%!important;}
	.carousel-caption{bottom:27%!important;}
	#indicador-carousel .carousel-caption{width:70%;}
	.negative-margin-top2{margin-top: -2%;}
}
@media(min-width: 1140px){
    .image-min{width: 70%!important;}
    .carousel-caption{bottom:15%!important;}
    #indicador-carousel .carousel-caption{width:70%;}
    .negative-margin-top2{margin-top: -2%;}
}

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: 78px;right: 25px;display: inline-block!important;}
.go-up:hover{opacity: 1;}

.hide-top,.hide-top-alt{opacity: 0!important;}

/*icons footer*/
.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,0.5) 0px 0px 2px 3px;}

.shadow-text-slider {
    text-shadow: 0 0 9px rgb(0, 0, 0), 0 0 9px rgb(0, 0, 0), 0 0 9px rgb(0, 0, 0);
}

.list-style-none li {
    list-style: none;
}
.footer .list-style-none li {
    border-bottom: 1px dashed var(--bg-color2);
    padding-bottom: 11px;
    transition: all .5s ease-in-out}
.footer .list-style-none li a{
    color: #fff;
}
.footer .list-style-none li:hover a{
    color: var(--bg-color2)!important;}
.footer .list-style-none li:hover {
    padding-left: 5px; transition: all .5s ease-in-out
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}
   
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}

.delay1s{
    animation-duration: 9s;
    transition-delay: 9s;
}
.delaySliderText {
    animation-duration: 1.5s;
    animation-name: appearCaption;
}

@keyframes appearCaption {
    from {
    opacity:0;
    }
    75%{
    opacity:0;
    }

    90%{
    opacity: 0.3;
    }
    95%{
    opacity: 0.5;
    }
    98%{
    opacity: 0.7;
    }
    100%{
    opacity: 1;
    }
    to { 
    opacity:1;
    }
}
.sliderServices {
    display: flex;
    align-items: center;
    justify-content: center
}

.sliderServices__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 33.33%;
    height: 100vh;
    font-size: 22px;
    line-height: 32px;
    text-shadow: 0 0 10px #000;
    transition: all .3s
}

.sliderServices__item:hover {
    flex-basis: 50%;
}

.ServicesMobil a h3,
.sliderServices__item a h3 {
    color: var(--bg-color2) !important;
    transition: all ease .5s; 
}

.ServicesMobil:hover a h3,
.sliderServices__item:hover a h3 {
    color: #fff !important;
    transition: all ease .5s;
}

.item-1 {
    background: url(../images/services/home1.jpg) center center no-repeat;
    background-size: cover
}

.item-2 {
    background: url(../images/services/home2.jpg) center center no-repeat;
    background-size: cover
}

.item-3 {
    background: url(../images/services/home3.jpg) center center no-repeat;
    background-size: cover
}

.item-4 {
    background: url(../images/services/home4.jpg) center center no-repeat;
    background-size: cover
}

.artist {
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width:1200px) and (min-width:992px) {
    .sliderServices__item {
        height: 70vh
    }
}

@media only screen and (max-width:991px) and (min-width:200px) {
    .ServicesMobil {
        padding: 12% 0;
    transition: all ease .5s; 
    }
    .ServicesMobil:hover {
        padding: 15% 0;
    transition: all ease .5s; 
    }
}
.efect-box,
.efectIN {
    transition: all .5s ease-in-out !important
}

.efect-box:hover {
    transform: translate(10px, 10px);
    box-shadow: -3px -3px 4px 0 #333131 !important;
    transition: all .5s ease-in-out
}

.efectUP {
    transition: transform .3s cubic-bezier(.34, 2, .6, 1), box-shadow .2s ease
}

.efectUP:hover {
    box-shadow: 0 12px 19px -7px rgba(0, 0, 0, .3);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px)
}

.efectIN:hover {
    transition: all .5s ease-in-out !important;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -moz-transform: scale(.9)
}
.btn,.badge{white-space: pre-line!important;}