body{
	font-family: "Nunito", sans-serif;
	font-weight:normal;
	font-size:1.1em;
}

h6{	padding:0px; margin:0px;}

table, td, tr, th{
	font-size:11px;

	border:1px solid #00035f;
	border-collapse: collapse;
	padding:5px;
	margin-top:20px;

}

.btn { font-weight: 600; transition: .5s;}
.btn-square { width: 38px; height: 38px; }
.btn-sm-square {width: 32px;height: 32px;}
.btn-md-square {width: 46px;height: 46px;}
.btn-lg-square {width: 58px;height: 58px;}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    justify-content: center;
}

.btn-secondary{
	background-color:#010466; 
	border:none;
}

.text-primary{ color: #5673c3 !important;}
.text-branco{ color: #FFF; font-weight:300;}
.text-azul{ color: #000b59; }
.text-dark{ color: #00035f !important;}
.text-justify { text-align: justify;}


.navbar-toggler{border:none;padding:3px}

.navbar{padding:1.5rem 0}


#menu-header{z-index:10;}
#menu-header ul {list-style: none;}
#menu-header ul li{margin:0;padding:0 20px;font-size:19px;line-height:20px;color:#5673c3;position:relative;}
#menu-header ul li:last-child{margin:0;border-right:0;}
#menu-header ul li.active .hr_active{display:block}

#menu-header ul li a{padding:0;padding:10px 0;color:#000b59; line-height:20px;display:flex;font-weight:600;}
#menu-header ul li a:hover{text-decoration:none;color:#5673c3;}

#menu-header ul li.current_page_item a{text-decoration:none;color:#5673c3;}

#menu-header ul li:hover .sub-menu{display:block;}
#menu-header ul li .sub-menu{margin:0; padding:10px 30px 20px 20px; position:absolute; top:40px; left:0;min-width:260px;background-color:#fff;display:none;}
#menu-header ul li .sub-menu li{margin:4px 0;padding:5px 0;line-height:20px;position:relative; border-bottom:1px solid #EEE;}

#menu-header ul li .sub-menu li a{margin:0;padding:0; line-height:22px;position:relative;}
#menu-header ul li .sub-menu li a:hover{margin-left:5px;color:#5673c3;}




@media screen and (max-width: 500px){


		#menu-header ul li{border-bottom:1px solid #EEE;}
		
		#menu-header ul li .sub-menu{position:relative;top:0px;}
		#menu-header ul li .sub-menu li{padding:8px 0 8px 0;}
		#menu-header ul li:hover .sub-menu{display:block}
		
		}











.form-control{
	border:1px solid #000;
	background-color:white;
	color: #000;
}	

.form-control input{
	color: #000 !important;
}	


@media (max-width: 768px) {
	
	.navbar .navbar-nav .nav-link {
	border-top: 1px solid #CCC
    
	}
}

/*** Carousel Start ***/

.carousel-item { position: relative;}
.carousel-item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.carousel-caption {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.carousel-item p {
    max-width: 700px;
    margin: 0 auto 35px auto;
}

.carousel-control-prev {
    width: 60px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 0;
}

.carousel-control-next {
    width: 60px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 0;
}


.carousel-caption .carousel-content a button.carousel-content-btn1 {
    background: var(--bs-secondary);
    color: var(--bs-dark);
    opacity: 1;
    border: 0;
    border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn1:hover {
    background: var(--bs-primary);
    color: #ffffff;
    border: 0;
    opacity: 1;
    transition: 1s;
    border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn2 {
    background: var(--bs-primary);
    color: var(--bs-white);
    opacity: 1;
    border: 0;
    border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn2:hover {
    background: var(--bs-secondary);
    color: var(--bs-dark);
    border: 0;
    opacity: 1;
    transition: 1s;
    border-radius: 20px;
}

#carouselId .carousel-indicators li {
    width: 20px;
    height:0px;
    background: var(--bs-primary);
    margin: 3px;
    border-radius: 10px;
    opacity: 1;
}

#carouselId .carousel-indicators li:hover {
    background: var(--bs-secondary);
    opacity: 1;
}

@media (max-width: 992px) {
    .carousel-item {
        min-height: 500px;
    }
    
    .carousel-item img {
        min-height: 500px;
        object-fit: cover;
    }

    .carousel-item h1 {
        font-size: 40px !important;
    }

    .carousel-item p {
        font-size: 16px !important;
    }
}

@media (max-width: 768px) {
    .carousel-item {
        min-height: 270px;
    }
    
    .carousel-item img {
        min-height: 270px;
        object-fit: cover;
    }

    .carousel-item h1 {
        font-size: 28px !important;
    }

    .carousel-item p {
        font-size: 14px !important;
    }
	
	.carousel-control-prev {
    width: 30px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;

	}


	.carousel-control-next {
		width: 30px;
		height: 20px;
		position: absolute;
		top: 50%;
		right: 0;
	}

	
}

.page-header {
    background: url(../images/fundo.jpg) center center no-repeat;
	padding:25px 0 25px 0px;
}

.page-header h1 {
	font-size:1.8em;
	
}

.footer{ 
border-top: 1px solid #EEE;
background: rgb(240,240,240);
background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 7%);
}


/*** Services Start ***/

.services .services-item {
    box-shadow: 0 0 60px rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 10px 0;
    position: relative;

}


.services-content::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-radius: 10px 10px 0 0;
    background: #000b59;
    transition: .5s;
}

.services-content::after {
    top: 0;
    bottom: auto;
    border-radius: 10px 10px 10px 10px;
}

.services-item:hover .services-content::after {
    height: 100%;
    opacity: 1;
    transition: .5s;
	
}

.services-item:hover .services-content-icon {
    position: relative;
    z-index: 2;


}

.services-item .services-content-icon i {
    transition: .5s;
	color: #000b59;

}

.services-item .services-content-icon p {
	font-size:1.2em;

}


.services-item:hover .services-content-icon i {
color: #FFF;
}

.services-item:hover .services-content-icon h3 {
    color: #FFF;
}


.services-item:hover .services-content-icon p {
    color: var(--bs-white);
}

.box-category-list{padding:0;border:none;}