/*=========================================================*/
	/*CSS do template geral do site*/
/*=========================================================*/

	@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

    html, body {
        position: relative;
		width:100%;
        height: 100%;
		font-family: "Montserrat", sans-serif !important;
    }

	h1, h2, h3, h4, h5{
		font-family: "Montserrat", sans-serif !important;
	}

	section {
		overflow-y: scroll;
		scroll-behavior: smooth;    /* <----- THE SECRET ---- */
	  }


	/*Barra de navegação*/
/*=========================================================*/

	.navbar-menu-selected{
		color:white;
		border-bottom-style: inset;
		border-bottom-color: #385e9c;
	}

	.navbar-inverse{
		height:70px;
		background-color: #ffff;
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
		border-color: transparent;
	}


	.navbar-inverse .navbar-nav > li > a{
		font-size: 17px;
		color: #0d0d0d;
	}

	.navbar-inverse .navbar-nav > .active > a{
		background-color: rgba(32, 32, 32, 0.54);
		border-bottom-style:inset;
		border-bottom-color: #58ba71;
	}

	.navbar-inverse .navbar-nav > a:hover{
		background-color:#F32020;
	}
	
	.navbar-collapse.in{
		background-color: rgb(56 48 41);
	    	transition: 0.5s;
	}

	.navbar-brand{
		padding: 0px;
	}

	.ul-nav{
		padding-left: 2%;
	}

	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
		background-color:#58ba71;	
	}

	.navbar-scroll{
		box-shadow: 0 0 40px rgba(0, 0, 0, 1.3);
		background-color: #4d4d4d;
	}

	.cover .navbar .container a{
		color: white;
	}

	.cover .navbar .navbar-toggle{
		color:white;
		border-color:#dddddd;
		background-color:white;
	}

	.dropdown-menu{
		background-color: rgba(34, 34, 34, 0.78);
	}

	.dropdown-menu > li > a{
		color:white;
	}

	.dropdown-menu > .active > a{
		background-color:#40acff;
	}

	.dropdown-menu > .active > a:hover{
		background-color:#F32020;
	}

	.space-top-container-navbar{
		margin-top: 5px;
	}
/*=========================================================*/

	
	/*Ajusta o tamanho das imagens 
	de fundo em todas as resoluções*/
/*=========================================================*/
	.background-image-responsive { 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:center center;
		position: absolut;
	}
/*===========================================================*/


	/*Recomendado para sections 
	que possui background com imagens*/
/*=========================================================*/
	.text-white{
		color:white;
	}
/*===========================================================*/



	/*Texto das sections*/
/*=========================================================*/

		
	/*Background blue*/	
	.text-background-blue h1{
		text-align:center;
		color:white;
	}
	.text-background-blue h2{
		text-align:center;
		color:white;
	}
	.text-background-blue h3{
		text-align:center;
		color:white;
	}
	.text-background-blue h4{
		text-align:center;
		color:white;
	}
	.text-background-blue h5{
		text-align:center;
		color:white;
	}
	.text-background-blue p{
		text-align:center;
		color:white;
	}

	/*Background white*/
	.text-background-white h1{
		text-align:center;
		color:#385e9c;
	}
	.text-background-white h2{
		text-align:center;
		color:#385e9c;
	}
	.text-background-white h3{
		text-align:center;
		color:#385e9c;
	}
	.text-background-white h4{
		text-align:center;
		color:#385e9c;
	}
	.text-background-white h5{
		text-align:center;
		color:#385e9c;
	}
	.text-background-white p{
		color:#4d4d4d;
	}

	.text-background-section1 span{
		color:gray;
	}
	
	/*Background-img*/
	.text-background-img h1{
		text-align:center;
		color:white;
	}
	.text-background-img h2{
		text-align:center;
		color:white;
	}
	.text-background-img h3{
		text-align:center;
		color:white;
	}
	.text-background-img h4{
		text-align:center;
		color:white;
	}
	.text-background-img p{
		text-align:center;
		color:white;
	}

	
	.text-background-section1 span{
		color:gray;
	}

	/*lightblue*/
	.text-background-section2 h1{
		color: #58ba71;
	}

	.text-background-section2 h2{
		color:#58ba71;
	}

	.text-background-section2 p{
		color: #4d4d4d;
	}

	.text-background-section2 span{
		color:#4d4d4d;
		font-weight: bold;
	}


	.hr2 { 

		border : 0;
		height: 1px; 
		width: 10%;
		background-image: linear-gradient(to right, #0b0d45,#212d67, #385e9c);
		background-image: -webkit-linear-gradient(right, #0b0d45,#212d67, #385e9c); /* For Safari 5.1 to 6.0 */
		background-image: -o-linear-gradient(right, #0b0d45,#212d67, #385e9c); /* For Opera 11.1 to 12.0 */
		background-image: -moz-linear-gradient(right, #0b0d45,#212d67, #385e9c); /* For Firefox 3.6 to 15 */
		background-image: linear-gradient(to right, #0b0d45,#212d67, #385e9c); /* Standard syntax */
	}
/*=========================================================*/



	/*Cor padrão de Background para as sections, 
	havendo mais de 2 sections na pagina,
	vamos intercalar as cores de fundo abaixo*/
/*=========================================================*/
	.background-section1{
		background-color:white;
	}
	.background-section2{
		background-color: white;
	}
	.background-section3{
		background-color: #383029;
	}
	.background-section3-h1{
		color: #ffffff !important;
	}

	.background-blue{
		background-color:#385e9c;
	}
	.background-gray{
		background-color:#EFEFEF;
	}	
	
/*=========================================================*/
	




/*white*/
.text-background-section3 h1{
	color: #58ba71;
}

.text-background-section3 h2{
	color:#58ba71;
}

.text-background-section3 p{
	color: white;
}

.text-background-section3 span{
	color: #969696;
	font-weight: bold;
}




		/*Botões e icones*/
/*=========================================================*/

	
	.btn:hover, .btn:focus, .btn.focus {
		color: #385e9c;
		border-color: #385e9c;
		text-decoration: none;
		background-color: white;
		transition: 0.5s;
	}

	.icons-gray{
		color:#dddddd;
		font-size: 25px;
	}

	.icons-red{
		color:#E26E6E;
		font-size: 25px;
	}
	
	.icons-blue{
		color:#385e9c;
	}

	#topo{
	    font-size: 20px;
	    line-height: 50px;
	    color: #385e9c;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;
	    position: fixed;
	    right: 2%;
	    bottom: 5%;
	    display: none;
	    overflow: hidden;
	    transition-property: width;
	    transition-duration: 2s;
	}
/*=========================================================*/


	/*Rodapé das páginas*/
/*=========================================================*/
	.background-footer{
		background-color: rgba(34, 34, 34, 0.78);
	}

	.text-footer{
		font-size:20px;
		color:#9d9d9d;
	}
/*=========================================================*/



	/*Espaço padrão entre itens*/
/*=========================================================*/
	.space-itens-top{
		margin-top:5%;
	}
	
	.space-itens-bottom{
		margin-bottom:5%;
	}
/*=========================================================*/

@media (max-width: 680px) { 

	.navbar-inverse .navbar-nav > li > a{
		color: #ffff;	
	}


	.space-itens-top {
		margin-top: 70px;
	}

	.navbar-toggle{
		background-color: #58ba71;
	}

	.button-blue {
		background-color: #385e9c;
		border-radius: 5rem;
		color: white;
		font-size: 15px;
		width: 150px;
		height: 60px;
		padding: 18px;
		transition: 0.5s;
	}

	.button-green{
		background-color: #58BA71;
		color: white;
		font-size: 20px;
		border-radius: 5rem;
		width: 200px;
		height: 60px;
		padding: 15px;
		transition: 0.5s;
	}

	.button-white {
		background-color: white;
		color: #385e9c;
		font-size: 15px;
		border-radius: 1px;
		width: 150px;
		height: 60px;
		padding: 18px;
		transition: 0.5s;
	}

	.row-titulo {
		margin-bottom: 5%;
		margin-top: 10%;
	}

	/*Titulo de sections 50 à 60% de tamanho*/
	.row-titulo-2{
		margin-top: 20%;
	}
	
	h1{
		font-size: 30px;
	}
	h2{
		font-size: 25px;
	}
	h3{
		font-size: 22px;
	}
	h4{
		font-size: 20px;
	}
	h5{
		font-size: 15px;
	}
	.cover p{
		font-size: 14px;	
	}	
	p{
		font-size: 14px;
	}

} 

@media (min-width: 680px) and (max-width: 900px) { 

	.navbar-inverse .navbar-nav > li > a{
		
		color: #ffff;
		
	}

	.space-itens-top {
		margin-top: 70px;
	}

	.navbar-toggle{
		background-color: #58ba71;
	}

	.button-blue{
		background-color: #385e9c;
		color: white;
		font-size: 20px;
		border-radius: 5rem;
		width: 200px;
		height: 60px;
		padding: 15px;
		transition: 0.5s;
	}

	.button-green{
		background-color: #58BA71;
		color: white;
		font-size: 20px;
		border-radius: 5rem;
		width: 200px;
		height: 60px;
		padding: 15px;
		transition: 0.5s;
	}

	.small-button-blue{
		background-color: #385e9c;
		color: white;
		font-size: 15px;
		border-radius: 5rem;
		width: 100px;
		height: 40px;
		padding: 2px;
		transition: 0.5s;
	}

	.button-white{
		background-color: white;
		color: #385e9c;
		font-size: 20px;
		border-radius: 1px;
		width: 200px;
		height: 60px;
		padding: 15px;
		transition: 0.5s;
	}

	.row-titulo {
		margin-bottom: 5%;
		margin-top: 10%;
	}

	/*Titulo de sections 50 à 60% de tamanho*/
	.row-titulo-2{
		margin-top: 20%;
	}

	h1{
		font-size: 50px;
	}
	h2{
		font-size: 40px;
	}
	h3{
		font-size: 30px;
	}
	h4{
		font-size: 25px;
	}
	h5{
		font-size: 20px;
	}
	.cover p{
		font-size: 18px;	
	}	
	p{
		font-size: 18px;
	}

} 

@media (min-width: 901px){ 

	

	.button-blue{
		background-color: #385e9c;
		color: white;
		font-size: 20px;
		border-radius: 5rem;
		width: 200px;
		height: 60px;
		padding: 15px;
		transition: 0.5s;
	}

	.button-green{
		background-color: #58BA71;
		color: white;
		font-size: 20px;
		border-radius: 5rem;
		width: 200px;
		height: 60px;
		padding: 15px;
		transition: 0.5s;
	}

	.button-white{
		background-color: white;
		color: #385e9c;
		font-size: 20px;
		border-radius: 1px;
		width: 200px;
		height: 60px;
		padding: 15px;
		transition: 0.5s;
	}

	.row-titulo{
		margin-bottom: 5%;
	}
	
	/*Titulo de sections 50 à 60% de tamanho*/
	.row-titulo-2{
		margin-top: 5%;
	}

	h1{
		font-size: 60px;
	}
	h2{
		font-size: 50px;
	}
	h3{
		font-size: 40px;
	}
	h4{
		font-size: 30px;
	}
	h5{
		font-size: 25px;
	}
	.cover p{
		font-size: 18px;	
	}	
	
	p{
		font-size: 18px;
	}

}