*--- Montserrat - Open sans---*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,800;0,900;1,300;1,400;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,400;0,700;0,800;1,400;1,700;1,800&display=swap');


 @keyframes animaTopSite {    
	to { opacity: 0; }  
	transform: translateY(-12px); }
}

html {   
	height: 100% !important;
    scroll-behavior: smooth;   
	-webkit-scroll-behavior: smooth;   
	-moz-scroll-behavior: smooth;
}


/* css customizado */
body {
	font-size: 18px;
	background-color: #1A535C;
	color: #fff;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    overflow-x: hidden;
    height: 100vh !important;
}

nav .nav-item {
    position: relative;
}

/* zerando borda e bg da tag card*/
.card {
	background-color: transparent !important;
	border: 0px solid transparent !important;
}


button:focus {
    outline: none !important;
}

abbr[title], abbr[data-original-title] {
    -webkit-text-decoration: none;
    text-decoration: none;
    border-bottom: 1px dashed;
}

a { color: #FFF; }

a:hover {
    text-decoration: underline;
    color: #FFF;
}

strong {
    font-weight: 800;
}

h1, h2, h3, h4, h5 {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
	letter-spacing: -.07rem;
    line-height: .95em;
}

p {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 1.25rem;
}

.hide,
.text-hide { display: none; }

.btn {
	background-color: #FFE66C !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 1.33em;
    color: #1A535C !important;
    border-radius: .5em;
}

.space { min-height: 50%; }


/*topsite---------*/
.topSite {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    background-color: #1A535C;
    width: 3rem;
    height: 2rem;
    font-size: 1em;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: #FFE66C;
    display: none;
    opacity: .8;
}
.topSite:hover [class*="fa-"] { 
	animation: animaTopSite 600ms ease-in infinite;
}

.topSite:hover { color: #FFF !important; background-color: #222; }

/* Header =======================*/
header {
   position: relative;
}

/* Header - nav navbar */
header .logo {
    width: 204px;
    position: absolute;
    z-index: 999;
    top: 32px;
    left: 0px;
}

/* Conteudo =======================*/
#Conteudo {
    display: flex;
    height: 100%;
}

#Conteudo .esq {
    background: url(../images/bg-esq.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    /*overflow: hidden;*/
    position: relative;
}

#Conteudo .esq .dest-titulo {
    position: absolute;
    right: -64px;
    top: 30%;
    /*bottom: 0;*/
    z-index: 1;
    font-size: 2.2em;
    font-weight: 400 !important;
    background-color: #FFE66C;
    padding: 44px;
    border-top-left-radius: 56px;
    border-bottom-right-radius: 56px;
    border: 5px solid #1A535C;
    height: 18%;
    width: 98%;
    color: #1A535C;
}

#Conteudo .dir {
    padding-right: 128px !important;
    padding-left: 128px !important;
}

#Conteudo .dir .texto-principal {
}

#Conteudo .dir h2 { 
    font-weight: 700;
    color: #FFE66C;
    font-size: 2.8em;
}

#Conteudo .dir h3 { 
    font-weight: 700;
    font-size: 1.6em;
}

/* footer ==================*/

#Conteudo footer { 
    font-size: .8em;
    color: #FFE66C;
}

#Conteudo footer address { 
    font-weight: 400;
}

/*----------------------------------------------------*/
/* @media queries */
/*----------------------------------------------------*/

/* Dispositivos large (desktops com menos de 1200px) */
@media (max-width: 1199.98px) {


}

/* Dispositivos médios (tablets com menos de 992px) */
@media (max-width: 991.98px) {
    #Conteudo .esq {
        height: 480px;
        background-position: -285px -496px
    }

    #Conteudo .esq .dest-titulo {
        right: 0;
        left: 0;
        bottom: -53%;
        width: 90%;
        height: 50%;
        padding: 24px;
        margin: 0 auto;
    }

    header .logo {
        width: 128px;
        height: auto;
    }


    #Conteudo .dir h2 {
        font-weight: 700;
        color: #FFE66C;
        font-size: 2.8em;
        margin-top: 56px;
    }

    #Conteudo .dir {
        padding-right: 44px !important;
        padding-left: 44px !important;
    }
}

/*/ Dispositivos small (removendo algumas imagens) */
@media (max-width: 890.98px) {

}

 /*/ Dispositivos small (telefones em modo paisagem, com menos de 768px) */
@media (max-width: 767.98px) {

/*--- tirar animações responsivo ---*/
	section {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

}

/* Dispositivos extra small (telefones em modo retrato, com menos de 576px) */
@media (max-width: 575.98px) { 
    body {
        font-size: 15px; 
    }

}

/* modal especialidades (nao tem no boostrap) */
@media (min-width: 1200px) {

}