@font-face {
	font-family: 'Omnes semibold';
	src: url('../fonts/Omnes/OMNES-SE_3.ttf') format('opentype');
}

@font-face {
	font-family: 'Omnes'; 
	src: url('../fonts/Omnes/OMNES-RE_3.ttf') format('opentype');
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Bold.ttf') format('opentype');
}
@font-face {
	font-family: 'Roboto normal';
	src: url('../fonts/Roboto/Roboto-Regular.ttf') format('opentype');
}

	/*Contato*/
		.box-contato{
			font-family: 'Omnes', sans-serif;
			color: #0075BC;
			padding-bottom: 100px;
			padding-top: 80px;
		}

		.border-bottom{
			border-bottom: 3px solid;
			border-width: 3px;
			border-style: solid;
			border-image: linear-gradient(to bottom, white 25%, blue 75%, white 75%);
		}

		.rede-social img{
			margin-right: 15px;
			height: 35px;
		}

		.border{
				text-align:center;
			   padding-bottom:1px;
			   background: 
				    linear-gradient(
				      to left, 
				      rgb(245, 239, 242) 5%, 
				      rgb(120, 149, 255) 47%, 
				      rgb(255, 255, 255) 100%
				    )
				    left 
				    bottom
				    #777    
				    no-repeat; 
			 	background-size:100% 5px ;
			 	margin-bottom: 60px;
		}

		.box-titulo h1, .endereco, .contato .telefone, .contato .email{
			font-family: 'Omnes semibold', sans-serif;
		}

		.box-titulo {
			padding-bottom: 15px;
		}

		.box-app, .contato .sac,  p{
			font-weight: 700;
		}

		.contato, .endereco, .box-rede-social, .box-app {
			margin-bottom: 25px;
		}

        .contato,  .box-rede-social, .box-app, h4 {
			font-size: 18px;
            color: #0075BC !important;
		}

        .endereco h5 { color: #0075BC !important; }
      

		#form-contato input, #form-contato select, #form-contato textarea{
			width: 100%;
			color: #706E6E;
		}

		#form-contato textarea {
			height: 100px;
			resize: none;
		}

		.botao-enviar{
			font-size: 18px;
			width: 30%;
			height: 45px;
			border: none;
			background: #0075BC;
			border-radius: 4px;
			color: white !important;
			font-weight: 900;
		}

		.format-field{
			background: #F1F2F2;
			border-radius: 4px;
			border: none;
			padding: 5px 15px 5px 15px;
			margin-bottom: 15px;
			font-size: 16px;
		}

		.d-flex-center{
		   display: flex;
 			justify-content: center;
		}

		.box-mapa-sanesul{
			width: 100%;
			height: 300px;
			position: relative;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}

		.box-mapa{
			width: 100%;
			height: 300px; 
			position: absolute; 
			display: flex; 
			justify-content: center;
		}

		.marcador{
		   margin-right: 85px;
 			margin-top: 100px;
		}
		.acordion .panel h5{
			font-family: Roboto, sans-serif;
			font-style: normal;
			font-weight: 900;
			font-size: 16px;
			line-height: 21px;
			letter-spacing: 0.02em;
			color:#333333;
		}
		.accordion p {
		    float: right;
		    margin-right: 35px;		   
		    margin-bottom: 0;
		}
        
        #rblClienteSanesul > tbody > tr > td
        {
            padding-right: 30px;
        }
		
	/*Contato end*/

	/* Página comunicado 
	-------------------------------------------------------------*/
	

	.box_conteudo{
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		border-radius: 4px;
		background-color: #F5F5F5;
		padding: 20px;
		margin: 20px 0;
	}
	.box_conteudo h6{
		font-family: Roboto;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 19px;
		/* identical to box height */
		letter-spacing: 0.02em;

		color: #5A5A5A;
	}
	.box_conteudo p{
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		text-align: justify;
		letter-spacing: 0.02em;

		color: #333333;
	}
	


/* Media Queries
/---------------------------------------------------------------------------- */

	@media(min-width: 1600px){


	}


	@media(max-width: 1600px){

	}

	/* Extra large devices (large desktops, 1200px and up) 
	Para todos as telas menores de Desktop */
	@media (max-width: 1200px) {


	}

	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) and (max-width: 1199.98px) {
		
	}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 992px){

	}


	@media (max-width: 992px) {
		

		/*Contato*/
			.box-contato{
				padding-top: 60px;
				padding-bottom: 60px;
			}

			.box-titulo{
				text-align: center;
			}

			.contato{
			   margin-top: 30px;
			}        

		/*Contato end*/
	}

	@media (min-width: 768px) and (max-width: 992px){
		
	}

	@media (min-width: 426px) and (max-width: 767px) {
		
	}


	@media(min-width: 768px){

	}

	@media (max-width: 767px) {
		
		/*Contato*/

			#form-contato{
				text-align: center;
			}

			.contato{
			   text-align: center;
			}

			.endereco{
				text-align: center;
			}

			.box-rede-social{
				text-align: center;

			}
            
            .box-app {
                text-align: center;
            }

			.rede-social img{
				margin-right: 5px;
			}
             #rblClienteSanesul {
            margin-left: auto;
            margin-right: auto;
        }
		/*Contato end*/
		
		
	}

	@media (max-width: 425px) {       

	}
	@media(max-width: 375px){
		

	}
	@media(max-width: 320px){
		
		
	}