:root{
    
    --bg-color1:#003A8A;
    --bg-color2:#e3e3e3;
    --bg-color3:#C7000C;
    --bg-color4:#d6d6d6;
    
    --title-black:'jost_black';
    --title-bold:'jost_extrabold';
    
    --font-regular:'jost_regular';
    --font-bold:'jost_bold';
    --font-italic:'jost_italic';
    --font-menu:'jost_light';

    --font-alt:'jost_light';
}

/*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: 110%!important;}
.top-header,.top-header a , .top-header p{font-size: 90%!important;}
.middle-header,.middle-header a , .middle-header p{font-size: 90%!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.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:var(--bg-color1);}
.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-color3);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:360%;}
#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:40%!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: 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: 0px; }

a[data-fancybox="gallery"]>img:hover{box-shadow:rgba(0,0,0,0.5) 0px 0px 2px 3px;}

.modal-mobile{position: fixed;bottom:0; z-index: 99;}