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

html {   
	scroll-behavior: smooth;   
	-webkit-scroll-behavior: smooth;   
	-moz-scroll-behavior: smooth;
}


/* css customizado */
body {
	font-size: 18px;
	background: url(../images/bg-body.png) #775898 repeat-x;
	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;
}

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-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 800;
}

h1, h2, h3, h4, h5 {
	letter-spacing: -.07rem;
    line-height: .85em;
}

h2 { font-weight: 800; }
h3, h4, h5 { font-weight: 700; }

p {
     line-height: 1.25rem;
}

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

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

.space { min-height: 50%; }


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

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

/* Header =======================*/
header {
   display: grid;
   min-height: 128px;
   align-items: center;
   z-index: 1000;
}

/* Header - nav navbar */
header .navbar {
}

header .navbar .nav-item a {
    font-size: .88em;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
}

header .navbar .nav-item a:hover { 
    color: #FD7E14;
}

/* Topo =======*/
#DestTopo {
    position: relative;
    height: 710px;
}

#DestTopo img.destaque {
    z-index: 1;
    position: absolute;
    left: -280px;
    top: 0;
}

#DestTopo hgroup {
    max-width: 510px;
    left: 196px;
    top: 0px;
    height: 265px;
    z-index: 2;
}

#DestTopo hgroup:before {
    content: "";
    background: url(../images/img-det-titulo-dest.svg) no-repeat left top;
    height: 265px;
    position: absolute;
    width: 32px;
    left: -32px;
    top: -24px;
}

#DestTopo hgroup:after {
    content: "";
    background: url(../images/img-det-dest.svg) no-repeat right center;
    height: 210px;
    position: absolute;
    width: 173px;
    right: -173px;
    top: 0px;
}

#DestTopo hgroup h2 {
    font-size: 3.1em;
    color: #FFF;
    line-height: 3.1rem;
    font-weight: 900;
    line-height: -.05em;
    letter-spacing: -.06em;
}

#DestTopo hgroup h2 span {
    color: #FD7E14 !important;
}

/*  info redes */
#DestTopo .info-redes {
    position: absolute;
    right: 3em;
    bottom: -1em;
    background-color: #FD7E14;
    border-top-left-radius: 2.7em;
    border-bottom-right-radius: 2.7em;
    width: 650px;
    z-index: 0;
}

#DestTopo .info-redes .btn {
    background-color: #775898 !important;
}

/* modal */
#DestTopo .modal {
    color: #333;
}

#DestTopo .modal-header {
    border-bottom: transparent;
}

#DestTopo .modal h2 {
   font-size: 3.1em;
   color: #FD7E14;
   font-weight: 900;
}

#DestTopo .modal h3 {
   font-size: 2.4em;
   color: #775898;
   font-weight: 900;
}


/* Footer =======================*/
    footer { 
    	color: #FFF;
        padding-top: 3.1em;
        min-height: 590px;
        display: flex;
    }

    footer .contato h2 {
    	color: #FFF;
    	font-size: 2.4em;
    }

    footer .contato address { 
        position: absolute;
        bottom: 10px;
        font-size: .88em;
    }

    footer .contato a:hover {
        text-decoration: none;
        color: #FD7E14;
    }

    footer .contato img {
        bottom: 0;
    }

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

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

    #DestTopo hgroup:before {
        display: none;
    }

    #DestTopo hgroup {
        left: 250px;
    }

}

/* Dispositivos médios (tablets com menos de 992px) */
@media (max-width: 991.98px) { 
    
    header .navbar-brand img {
        width: 70%;
    }

    header .navbar-toggler {
        padding: 0.25rem;
        background-color: #FD7E14;
        color: #FFF;
        border: .1em solid #FFF;
    }

    header .navbar-toggler-icon {
      height: 1.2em;
    }

    header .navbar-toggler-icon:before {
        content: " \f0c9";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1.2em;
    }

    #DestTopo {
        height: auto;
    }

    #DestTopo hgroup {
        max-width: 100%;
        left: 0;
        height: auto;
    }

    #DestTopo hgroup:after {
        display: none;
    }

    #DestTopo .info-redes {
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
    }

    footer .contato address {
        bottom: 0px;
        position: relative;
        margin-top: 2em;
    }
}

/*/ 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) {

}