@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese');




/*Reset do documento*/

*{margin: 0; padding: 0; font-family: 'Noto', sans-serif;}


.container-fluid{overflow: hidden;}


li { list-style: none; text-decoration: none;}
a {text-decoration: none; list-style: none; }
a:hover { text-decoration: none; list-style: none; }


p{font-size: 1em; font-weight: lighter;}








.text-focus-in {
    -webkit-animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
            animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}





















/*#Botao VoltarPro Topo*/




















/* Clearfix */

.container-fluid::after, .container::before {
	content: ' ';
	display: table;
}

.container-fluid::after {
	clear: both;
}


/*Reset do documento*/















/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    /* background-color: #164777; Black*/
	background: #fff;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 100px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	text-transform: uppercase;
}

/* The navigation menu links */
.sidenav a {
    padding: 20px 8px 20px 32px;
    text-decoration: none;
    font-size: 18px;
    color: #164777;
    display: block;
    transition: 0.3s;
	border-bottom: 1px solid #ccc;
}

h3{padding: 8px 8px 8px 32px;text-decoration: none; font-size: 25px;display: block; cursor: pointer;}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #FFB600;
	background: rgba(22,71,119,1);
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}



















/* Botão Menu */

.botao {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}


#top{
	background: #164777;
	padding: 0px 8%;
	border-bottom: 10px solid #fff;
	
}


#cntcts{background: linear-gradient(304deg, rgba(44, 44, 44, 1), rgba(30, 30, 30, 0.84));}


.cimacont{font-size: 9px; color:#fff; text-decoration: none;}

.cofig{font-size: 12px; padding: 3px 8%;}








/* Caroussel*/








.capt{color: #fff; font-weight: bold; font-size: 2.5em; text-transform: uppercase; background: rgba(0,0,0,0.0); padding:20px;}















/* INITIAL*/

.carousel-caption{margin-bottom: 150px;}




.card{overflow: hidden; clear: both;}

.card-title{color: #164777; font-weight: 600;}

.card-text{color: #1e1e1e; font-weight: lighter;}











/* Corpo Pag*/

#cham{background: #efefef; padding:40px 8%;}






















/*Baner*/


#ban{background: url(img/links/Img_link.jpeg)center center no-repeat; background-size: cover; width: 100%; min-height: 390px}






















/* Parallax*/

.parallax{background: url(img/paralax3.1.jpg); min-height: 650px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}

.ban1{

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}











#rodape{background-color: #164777; padding: 20px; color: #fff; font-size: 0.9em; position: relative;}