*{margin:0; padding:0; border:0; text-decoration:none; box-sizing: border-box;}

input[type='submit'], input[type='reset'], button[type='submit'], button[type='reset'], [onClick], li{cursor:pointer; }
button, input{ outline:none; }
a{ display: inline-block; }
header, nav, section, article, footer, aside{ display:block; position:relative; }

/* h1, h2, h3, h4, h5, h6, h7, p, span{ cursor:default; } */

::-webkit-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;}
::-moz-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;}
::-webkit-scrollbar-thumb {background:black;} 
::-moz-scrollbar-thumb {background:black;} 
::-webkit-scrollbar-track {background:rgba(0,0,0,0.3);} 
::-moz-scrollbar-track {background:rgba(0,0,0,0.3);} 

.up{ cursor:pointer; position:fixed; bottom:5px; right:15px; z-index:9999; width:60px; height:60px; text-align:center; border-radius:50% 50% 0; background:black; display:none;}
.up:before{ font:lighter 2.5rem/60px 'FontAwesome'; text-align:center; content:'\f102'; color:white; }
.up:hover:before{ color:grey; }

html{ font-size: 62.5% !important; } 
body{ overflow-x: hidden; }
header{  }
section{ background: white; padding-top: 80px; }
article{ background: white; padding-top: 80px; }
footer{ background: white; }

/*  */

h3{ font-family: 'Playfair Display', serif; font-weight: 400; color: #444; letter-spacing: -1px; font-size: 35px;}
/*p, span, a, input, button{ font: normal 16px 'Lato', sans-serif; color: #444; }*/
p, span, a, input, button, select{ font: normal 15px 'open sans', sans-serif; color: #444; }
a:hover{ color: #1e4176; }

/*  */

button, a, .acordion, .icone, .box, .social, .map, .busca { -webkit-transition:all ease-out 150ms; -moz-transition:all ease-out 150ms; -ms-transition:all ease-out 150ms; -o-transition:all ease-out 150ms; }

/*  */

.flex, .flex2 { display: flex; }
.wrap { flex-wrap: wrap; }
.itens{ align-items: center; }
.center{ justify-content: center; }
.space{ justify-content:space-between; }
.ac-sb{ align-content: space-between; }

/*  */

.height{ /* height: calc(100% - 180px); */ height: calc(100% - 295px); min-height: 540px; /* min-height: 600px; */ /* border-bottom: 1px dotted rgba(255,255,255,.4); */ } 
.stage{ width: 90%; margin: 0 auto; }

/* topo */

.fixed{ /* border-bottom: 1px dotted rgba(255,255,255,.4); */ padding: 15px 0; width: 100%; z-index:99999; top:0; position: relative; /* position:fixed; */ -webkit-transition:all ease-out 300ms; }

.logo img{ width:100%; max-width: 320px; height: auto; z-index: 1; position: relative; }

/*
.small{ background: #231f20 !important; padding:5px 0 !important; }
.small img{ height:60px; -webkit-transition:all ease-out 300ms; }
.large img{ height:65px; -webkit-transition:all ease-out 300ms; }
*/

/* bar */

.clue{ line-height: 40px; }
.clue .t1{ color: white; font-size: 25px; }
.clue .t2{ color: white; }
.clue .t2 span{ color: rgba(255,255,255,.6); display: block; letter-spacing: 0; }

.talk{  }
.talk .t3{ color: #1e4176; border-left: 2px solid #1e4176; font-weight: bold; padding: 10px 20px; }
.talk .t3 span, .talk .t3 a{ line-height: 35px;  font-size: 20px; display: block; color: white; }
.talk .t3 a:hover{ color: #1e4176; }

.color{
background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80444444',GradientType=0 );
}

/* banner */

.dots{ position:absolute; z-index:5; width:100%; height:100%; opacity:.7; top:0; overflow:hidden; background:url(../banner/dots7.png); } 
.dots2{ position:absolute; z-index:900; width:100%; height:100%; opacity:.7; top:0; overflow:hidden; background:url(../banner/dots4.png); } 

.banner { width:100%; height: 100%; z-index: -5; top: 0; position: fixed; }
.banner .foto{ width:100%; height: 100%; }

.info{ /* position:absolute; */ width:100%; bottom: calc(100% / 2); }

.slogan{ text-shadow: 2px 2px 2px #4d4d4d; }
.slogan .t4{ width: 100%; font-size: 50px; color: white; text-align: center; }
.slogan .t4>span{ color: white; display: block; font: 400 30px 'Playfair Display', serif; letter-spacing: 0; text-align: center; }

.choice{ position: relative; margin-top: 70; text-align: center; }

.bt1{ margin:5px; padding: 10px 25px; background: #1e4176; color: white; border-radius: 3px; }
.bt2{ margin:5px; padding: 10px 25px; background: white; border-radius: 3px; }
.bt3{ padding: 20px 55px; background: transparent; color: white; border: 2px solid white; border-radius: 60px; }
.bt1:hover, .bt2:hover { background: #222; color: white; }
.bt3:hover{ background: white; color: #1e4176; }

.shadow{ box-shadow: 0 3px 5px -3px rgba(0,0,0,0.8); }

/* conteudo */

.t5{ margin-bottom: 25px; }
.t5>span{ display: block; font: 400 20px 'Playfair Display', serif; letter-spacing: 0; }

.start { flex: 1 350px; }
.start:not(:first-child) { margin-left: 50px; }
.start p{  }

.conteudo{ text-align: justify; }
.conteudo p{  }

/* box */

.icone{ width: 190px; height: 190px; overflow: hidden; border-radius: 50%; border: 8px solid white; margin-right: 25px; box-shadow: 0 3px 5px -3px rgba(0,0,0,0.8); }
.instruction{  }
.instruction h3{ text-align: center; font-size: 25px; letter-spacing: 0; }
.instruction h3>span{ display: block; font-variant: small-caps; }

.box{ min-height: 500px; border-radius: 4px; padding: 15px; margin: 5px; display: flex; flex: 1 0 150px; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center;  }
.box:hover{ background: white; box-shadow: 0 3px 5px -3px rgba(0,0,0,0.8); }
.box:hover .icone{  border: 12px solid #1e4176; box-shadow: none; }

/* notícias */

.notUni { flex: 1 350px; font: normal 15px 'open sans', sans-serif; color: #444; margin: 20px; }
.notUni .data { padding: 10px 15px; margin-right: 10px; background: #1e4176; color: white; text-align: center; border-radius: 3px; font: 300 25px/30px 'Oswald', sans-serif; letter-spacing: 1px; }
.notUni .tituloNot { font: 400 20px 'Playfair Display', serif; display: flex; align-items: center; text-align: left;}
.notUni .descricao { font: 400 15px 'open sans', sans-serif; text-align: justify; margin: 10px 0; }
.notUni a { padding: 5px 10px; border: 1px #ccc solid; font-variant: small-caps; float: right; }

/* social */

.social{ padding: 40px; box-sizing: border-box; background: #444; display: flex; align-items: center; justify-content: center; flex-grow: 1; }
.social:hover{ background: whiteSmoke; color: #444; }
.social:hover h3, .social:hover>.fa { color: #444; }
.socor1{ background: #1e4176; cursor: default; }
.socor2{ background: mediumSeaGreen; cursor: default; }
.social h3{ font-size: 40px; text-align: center; color: white; }
.social>.fa { color: white; }

.piece:nth-of-type(1) { display: flex; flex: 1 450px; }
.piece:nth-of-type(2) { display: flex; flex: 2 500px; }

.form{ width: 100%; padding: 0 10px; max-width: 1000px; margin: 0 auto; z-index: 1000; position: relative; }
.form h3{ font-size: 50px; text-align: center; color: white; padding: 60px 0; }
.form h3 span{ display: block; font-size: 18px; color: white; letter-spacing: 0; }
.form>h3>.estilo2{ font: 400 20px 'Playfair Display', serif; display: inline-block; color: #444; background: rgba(255,255,255,0.7); padding: 0 10px; border-radius: 3px; font-size: 50px; }

/* form */

form[name='online']{  }
input[name='cliente_documento'], input[name='user_mail'], input[name='user_senha'], input[name='nome_user'], input[name='email_user'] { height: 60px; border: solid 1px #444; resize: none; margin:4px; border-radius: 2px; text-indent: 15px; }
input[name='cliente_documento']{ flex: 1 100%; }
input[name='user_mail'], input[name='user_senha'] { flex: 1 45%; }
button[name='send'], button[name='reset'], button[name='admin']{ height: 45px; margin: 4px; padding: 0 20px; background: #444; color: white; border-radius: 3px; text-transform: capitalize; }
button[name='admin']{ background: #1e4176 !important; }
button[name='send']:hover, button[name='reset']:hover{ background: #1e4176 !important; }
button[name='admin']:hover{ background: #444 !important; }

/* mapa */

.map{ cursor: pointer; padding: 15px; margin: 60px auto 0; display:block; text-align: center; color: white; text-transform: uppercase; background: transparent; border: 1px solid white; z-index: 1000; position: relative; }
.map:hover{ background: #1e4176; border-color: #1e4176; }
.map p{ color: white; }

/* rodape */

.end{ display: flex; align-items: center; }
.end p, .end a{ padding: 0 10px; }
.end a:hover{ color: #1e4176; }
.end>.fa{ color: #1e4176; border: 2px solid #1e4176; border-radius: 50%; width: 50px; height: 50px; text-align: center; line-height: 45px; font-size: 22px; }

.rodape{ text-align:center; padding:20px 0; border-top: 1px dotted #ddd; }
.rodape p, .rodape p a{ font-size: small; }

/* acordion */

.acordion{ font: normal 15px 'open sans', sans-serif; border-left: 1px solid #444; border-bottom: 1px solid #444; padding:15px; outline:none; display:block; width: 100%; cursor: pointer; }
.acordion:hover{ background: #1e4176; color: white; }
.none{ border-bottom: none; }

.acordion>.fa{ float: right; font-size: 25px; color: #444; }
.acordion:hover>.fa{ color: white; }

.interno{ display:none;  background: whiteSmoke; border-left: 1px solid #444; margin: 0; }
.interno a{ padding: 30px 15px; }
.interno:hover{ color: #1e4176; }

.internoMap{ display:none; margin-top: 40px; z-index: 1000; position: relative; }

/* movimento */

.movimento { opacity: 0;}  
.movimento.animated { opacity: 1;}

/* modal */

.busca{ padding: 15px; margin: 0; text-align: center; color: white; text-transform: uppercase; border: 1px solid transparent; }
.busca:hover{ color: white; border: 1px solid white; }

form[name='busca']{  }
input[type='search']{ width: 100%; padding: 20px; margin-right: 10px; font-variant: small-caps; font-size: 18px; text-indent: 10px; background: white; border-radius: 3px; outline: none; }
button[name='blx']{ font: normal 15px 'open sans', sans-serif; color: white; cursor: pointer; border-radius: 3px; background: #1e4176; padding: 20px; }
button[name='blx']:hover{ background: #444 ; }

@keyframes anima_janela { from {top:-300px; opacity:0} to {top:0; opacity:1} }
#modal { display: none; justify-content: center; align-items: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 99999999;}
#modal .janela_modal { width: 100%; max-width: 1000px; position: relative; z-index: 999; display: block; padding: 5px; border-radius: 5px; animation: anima_janela 1s;}
.janela_modal h3{ color: white; margin-bottom: 15px; font-size: 40px; }
.janela_modal h3>span{  font: 400 40px 'Playfair Display', serif; color: #1e4176; }

/*  */

@media screen and (max-width:1366px) { 

}

@media screen and (max-width:1280px) {

}

@media screen and (max-width:1024px) {
    .talk { margin-top: 25px }
}

@media screen and (max-width:850px) { 
    
}

@media screen and (max-width:768px) {
    .flex2{ display: block; }
    .logo{ text-align: center; }
    .start { margin: 0 !important; }
    .bt3{ margin-top: 25px; }
    .busca{ display: none; }
}

@media screen and (max-width:640px) { 
    .t4{ font-size: 35px !important; }
    .t4>span{ font-size: 25px !important; }
    .piece{ flex-wrap: wrap; }
}

@media screen and (max-width:480px) {   
    .fixed{ display: block; position: relative; }
    .small{ background: transparent !important; }
}

@media screen and (max-width:350px) {
    .height{ min-height: 700px; }
    .notUni .tituloNot { flex-wrap: wrap; }
}