@import url('bootstrap.min.css');
@import url("animate.min.css");
@import url("prettyPhoto.css");
@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{ 
	--color-primary: #2e3346;
	--color-secondary: #d5c484;
	--color-text: #6A7986;
}

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: #FFF; font-family: 'Roboto', sans-serif; font-weight: 400; letter-spacing: 0; line-height: 1.55em; font-size: 14px; color:var(--color-primary); }
body, html { height: 100%; }

a { color: var(--color-primary); -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms; }
a:hover, a:focus { color: var(--color-secondary); text-decoration: none; outline: none; }

::selection{color:#fff;background:rgba(0,0,0,0.2);}
::-moz-selection{color:#fff;background:rgba(0,0,0,0.2);}
::-webkit-selection{color:#fff;background:rgba(0,0,0,0.2);}

.btn-primary { background: var(--color-secondary); color: #FFF; border: 0; border-radius: 20px; font-size: 1.2em; padding: 10px 80px; font-weight: 400; letter-spacing: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-primary:hover { background: var(--color-primary); }

.bg-dark { background: var(--color-primary) !important; }
.bg-light { background: #4040400D !important;  }

.bg-gradient { color: #FFF; background: #999; background: linear-gradient(to left, #FFF 10%, #999 100%); }

.scrollup { width: 40px; height: 40px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); opacity: 0.8; position: fixed; bottom: calc(50% - 20px); right: 10px; display: none; text-align: center; color: #fafafa; font-size: 28px; background: #CCC; z-index: 9999; border-radius: 2px; }
.scrollup i { line-height: 38px }
a.scrollup:hover i, a.scrollup:focus i { text-decoration: none; color: #fafafa; outline: none; }

/*.card-deck .card { max-width: 50%; }*/

small { font-weight: 300; letter-spacing: 0.05em; font-size: 0.75em; }

h1, h2, h3, h4, h5 { font-family: 'Lato', sans-serif; font-weight: 600; font-style: normal; color: var(--color-primary); padding: 0; margin: 0; letter-spacing: -0.03em; }

header { position: absolute; width: 100%; z-index: 99; }

header #nav-top { background: var(--color-primary); font-size: 1.1em; }
header #nav-top, header #nav-top a, header #nav-top i { color: #FFF; }
header #nav-top i { font-size: 1.4em; padding-right: 4px; }
header #nav-top .redes a { margin-left: 7px; font-size: 1.4em; }

header .navbar-nav {  }
header .navbar { margin: 0; }
header .navbar-brand { margin: 0; padding: 40px 0; }
header .navbar-toggler { z-index: 9999; font-size: 2.5em; border-radius: 0; margin: 0; }
header .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(40,40,40,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

header .nav-item { margin: 0; padding: 0; }
header .nav-item a.nav-link { color: var(--color-primary); padding: 12px 16px !important; font-size: 1.2em; font-weight: 600; text-transform: uppercase; text-shadow: 0px 0px 2px rgba(255,255,255,0.8); }
header .nav-item.active a.nav-link { color: #000;  } /* ITEM ATIVO */
header .nav-item a.nav-link:hover,
header .nav-item a.nav-link:active,
header .nav-item a.nav-link:focus,
header .nav-item a.nav-link > li:hover > a { color: #000 !important; }
header .nav-item a.nav-link.on:hover, header .nav-item a.nav-link.on:active, header .nav-item a.nav-link.on:focus, header .nav-item a.nav-link.on > li:hover > a { background: #000 !important; color: #FFF !important }
header .nav-item a.nav-link.active { color: #000; }
/*header .nav-item.active > a:hover { color: #000; }*/ /* HOVER MENU */
header .dropdown-toggle::after { display: none; font-weight: 300; }
header .dropdown-menu { min-width: 280px; padding: 5px 10px; margin: 0; background: #FFF; border-radius: 0; box-shadow: 0; border: 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); }
header .dropdown-menu a { padding: 8px; border-bottom: 1px solid #F2F2F2; color: #555; font-weight: 400; font-size: 0.85em; /*text-transform: uppercase;*/ }
header .dropdown-menu a:last-child { border-bottom: 0; }
header .dropdown-menu a:hover, header .menu .dropdown-menu a:active { /*background: #333;*/ background: none; color: #76C2A2; }

header .social-share { display: inline-block; list-style: none; margin: 6px 0 0 0;}
header .social-share li { display: inline-block; }
header .social-share li a i { color: #333; font-size: 2em; padding: 0 5px; }

header.fixed { background: rgba(255,255,255,0.9); position: fixed !important; -webkit-animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -ms-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation: fadeInDown 1s; z-index: 999; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08);}
header.fixed .navbar-brand { margin: 0; padding: 5px 0; }
header.fixed .navbar-brand img { width: auto; height: 40px; }
header.fixed #nav-top { display: none !important; }


footer { background: var(--color-primary); color: #FFF; font-size: 0.9em; font-weight: 400; line-height: 1.4em; }
footer h4 { color: #FFF; font-size: 2.3em; font-weight: 700; margin: 30px 0 40px 0; }
footer hr { background: rgba(255,255,255,0.3); }
footer .logo { color: #E4E4E4;  font-size: 1.5em; line-height: 1.8em; }
footer .logo img { max-width: 100%; -webkit-filter: contrast(10); filter: contrast(10); -webkit-filter: invert(1); filter: invert(1); }
footer .info { font-size: 1.4em; line-height: 2.5em; }
footer .info i { font-size: 1.2em; }
footer .link a { color: #FFF; font-size: 1.3em; line-height: 1.8em; display: block; }
footer .copy { font-size: 1.4em; color: #FFF; }
footer .copy a { font-size: 1.5em; color: #FFF; margin: 0 5px; }
footer .development a {  display: inline-block; width: 116px; height: 25px; background: url('../images/ipoomweb.png') no-repeat; }
footer .development a strong { display: none; }


/* banner */
#main-slider .fas { font-size: 4em; }
#main-slider .carousel-indicators li { max-width: 80px; height: 5px; }
#main-slider .carousel-control-prev, #main-slider .carousel-control-next { width: 80px; }
#main-slider .carousel-item { padding-left: 60px; height: 750px; background-size: cover !important; background-position: center !important; }
#main-slider .carousel-item.internal { height: 230px; }
#main-slider .carousel-item h3 { font-size: 3.8em; line-height: 1em; font-weight: 700; color: var(--color-primary); box-shadow: 0; text-shadow: 0px 0px 4px rgba(255,255,255,0.5); }
#main-slider .carousel-item .btn-primary { border-radius: 20px; font-size: 1.5em; padding: 11px 60px; }

/* slider */
.carousel .fas { font-size: 4em; }
.carousel .carousel-control-prev, .carousel .carousel-control-next { width: 80px; }

.img-zoom { width: 100%; background: #000; display: inline-block; overflow: hidden; position: relative; }
.img-zoom img {  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; vertical-align: middle; z-index: 999; }
.img-zoom img:hover { opacity: 0.5; transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); }
.img-zoom i {  color: transparent; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); font-size: 4em; width: 60px; height: 60px; text-align: center; -webkit-transition: all .5s ease; -moz-transition: all .6s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 9999; }
.img-zoom:hover i { color: rgba(255,255,255,0.6) }

#main {  }
#main .title h2 { font-size: 3.8em; text-align: center; color: var(--color-primary) }
#main .title h5 { font-size: 1.15em; margin: 10px 20% 0 20%; letter-spacing: 0.05em; font-weight: 300; text-align: center; }
#main .title hr { width: 200px; height: 2px; background: var(--color-primary); margin-bottom: 25px; border: 0; /*text-align: left; margin: 0 auto 15px 0;*/ }

#sobre {  }
#sobre hr { width: 200px; height: 2px; background: var(--color-primary); text-align: left; margin: 0 auto 15px 0; border: 0; }
#sobre h2 { font-size: 3.8em; color: var(--color-primary); }
#sobre h2 strong { font-size: 1.2em; line-height: 1em; }
#sobre .text { font-size: 1.4em; line-height: 1.7em; color: var(--color-text); }

#service { }
#service .box { text-align: center; border: 1px solid #E0E0E0; transition:all 0.3s ease 0s; position: relative; z-index: 1; height: 100%; }
#service .box a { display: block !important; width: 100%; height: 100%; padding: 50px 10px; }
#service .box:after, #service .box:before { content: ""; position: absolute; top:0; left:0; right: 0; bottom: 0; transition:all 0.5s ease 0s; }
#service .box:after { border-bottom: 1px solid var(--color-primary); border-top: 1px solid var(--color-primary); transform: scaleX(0); transform-origin: 0 100% 0; z-index: -1; }
#service .box:before { border-left: 1px solid var(--color-primary); border-right: 1px solid var(--color-primary); transform: scaleY(0); transform-origin: 100% 0 0; z-index: -1; }
#service .box:hover:after { transform: scaleX(1); }
#service .box:hover:before { transform: scaleY(1); }
#service .box h4 { margin: 40px 0; font-size: 1.9em; }
#service .box p { font-size: 1.4em; padding: 0; margin: 0; }

.modal-header{ padding:0; border-bottom: 0; }
.modal-header button { padding: 0 5px !important; margin-right: 5px !important; margin-top: 0 !important; font-size:3.3em;font-weight:900;  }

#modal-atuacao .modal-body { color: var(--color-primary); font-size: 1.5em; line-height: 1.4em; }
#modal-atuacao .modal-body h4 { color: var(--color-primary); font-weight: 900; font-size: 1.4em; }
#modal-atuacao .modal-body li, #modal-atuacao .modal-body p { margin-bottom: 30px; }

#noticias { color: #FFF !important; }
#noticias .title h2 { color: var(--color-secondary); }
#noticias .title hr { background: var(--color-secondary);}
#noticias a { display: block; color: #FFF; margin: 0 20px; }
#noticias a .badge-primary { background: rgba(255,255,255,0.1); padding: 8px 50px; border-radius: 20px; font-weight: 400; font-size: 1.2em; font-style: italic; }
#noticias a .badge-light { background: none; color: var(--color-secondary); font-size: 1.2em; font-weight: 400; font-style: italic; }
#noticias a .badge-light i { font-size: 1.4em; }
#noticias a h3 { font-size: 2.8em; font-weight: 900; color: #FFF; line-height: 1.1em; }
#noticias a p { font-size: 1.5em; line-height: 1.9em; }

#noticias.internal a, #noticias.internal a h3 { color: var(--color-primary); }

/* paginas  */
#main .titulo h1 { font-size: 3.8em; text-align: center; color: var(--color-primary); font-weight: 900; }
#main .titulo hr { width: 200px; height: 2px; background: var(--color-primary); margin-bottom: 25px; border: 0; /*text-align: left; margin: 0 auto 15px 0;*/ }


/* contato */
#contato {}
#contato .form-control { font-size: 1.3em; padding: 30px; background: #FFF; border-radius: 0; border-color: var(--color-primary); }
#contato .form-control::placeholder { color: #888 }
/*#contato .form-control:focus { border-color: #000; }*/
#contato .btn-primary { padding: 10px 50px; font-size: 1.5em; margin-top: 40px; }

ul.contatar { float: left; width: 100%; text-align: left; margin: 0; padding: 0; list-style: none; }
ul.contatar li { display: block; font-size: 1.15em; font-style: italic; font-weight: 300; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #EEE; }
ul.contatar li:last-child { margin-right: 0; }
ul.contatar li i { color: #FFF; background: var(--color-secondary); font-size: 1.5em; width: 50px; height: 50px; line-height: 48px; border: 0; border-radius: 100%; text-align: center; margin-right: 3px; }

#mapa-contato { margin: 60px 0 0 0; }

.texto-mais { font-size: 1.3em; line-height: 1.3em; }
.veja-mais {  }
.veja-mais a { font-size: 1.3em; line-height: 1.3em; font-weight: 300;  }
.veja-mais i { width: 37px; height: 37px; line-height: 37px; text-align: center; background: #414D72; color: #FFF; border-radius: 100%; margin-right: 5px; }

/* noticias/paginas */
article.post { margin-bottom: 70px; text-align: center; }
article.post h1 { font-size: 3.2em; font-weight: 900; line-height: 1em; /*font-style: italic;*/ margin: 0 0 20px 0; padding: 0; letter-spacing: 0.01em;  }
article.post h1 a { color: var(--color-primary) }
article.post .chamada { font-size: 1.4em; line-height: 1.4em; color: #666; font-weight: 300; }
article.post .barra { padding: 12px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 20px 0 30px 0; font-size: 0.9em; line-height: 1.6em; vertical-align: top; }
article.post .barra span { display: inline-block; margin: 0 25px 0 0; vertical-align: top; }
article.post .barra span i { padding-right: 5px; }

article .carousel .fa { font-size: 3em; }
article .carousel .carousel-caption { left: 0; right: 0; bottom: 0; margin: 0; padding: 10px; font-weight: 300; font-size: 0.9em; line-height: 1.3em; background: rgba(0,0,0,0.5); /*text-shadow: 1px 1px 1px #000;*/ }
article .carousel .carousel-control-prev, 
article .carousel .carousel-control-next { width: 60px; text-shadow: 0 0 2px rgba(0,0,0,0.5); }
article .post-text { text-align: justify; font-size: 1.35em; line-height: 1.8em; color: var(--color-text); }
article .post-text a { text-decoration: underline; }
article .post-text p { margin-bottom: 30px; }
article .post-text strong { font-weight: 700; }
article .post-text img { max-width: 100%; height: auto; }
article .post-text h1, article .post-text h2, article .post-text h3, article .post-text h4, article .post-text h5 { margin-top: 30px; margin-bottom: 20px; }
article .post-text h1 { font-size: 3em; line-height: 1em;  }
article .post-text iframe { max-width: 100%; }
article h4.comment-face { margin-top: 80px; color: #000; font-weight: 700; }
#gerenciamento article.post { padding-bottom: 60px; border-bottom: 20px solid #F2F2F2; }

/* noticias */
.sidebar p { text-align: left !important; margin: 0 0 2px; }
.sidebar .widget, .widget { margin-bottom: 35px }
.widget ul { list-style: none; padding: 0; }
.widget h3 { font-weight: 600; font-size: 1.4em; margin-bottom: 10px }
.widget .btn, .widget input { height: 50px; }
.categoria ul li { padding: 6px 0; border-bottom: 1px solid #F8F8F8; }
.categoria ul li .fas { padding-right: 10px; }
.tabs ul.posts li { font-size: 0.9em; line-height: 1.3em; margin-bottom: 15px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #f8f8f8; }
.tabs ul.posts li img { height: 68px; width: 68px; -webkit-transition: all .4s ease-in 0; -moz-transition: all .4s ease-in 0; -o-transition: all .4s ease-in 0; -ms-transition: all .4s ease-in 0; transition: all .4s ease-in 0; float: left; }
#horizontal-tabs { margin-bottom: 30px }
#horizontal-tabs ul.tabs { border-left: 1px solid #ddd; overflow: hidden; border-radius: 2px; list-style: none; margin: 0; padding: 0; }
#horizontal-tabs ul.tabs li { background: #fafafa; border-right: 1px solid #ddd; border-top: 2px solid #31ACDE; cursor: pointer; float: left; font-size: 15px; padding: 12px; }
#horizontal-tabs ul.tabs li.current { border-bottom: 1px solid #fff; background: none; cursor: default; }
#horizontal-tabs .contents { border: 1px solid #ddd; margin-top: -1px; border-radius: 2px; }
#horizontal-tabs .tabscontent.no-padding { padding-left: 0; padding-right: 0; }
#horizontal-tabs .tabscontent { display: none; overflow: hidden; padding: 20px 20px 0; }
#horizontal-tabs .tabscontent .img-thumbnail { margin: 0 13px 5px 0 }

/* PAGINAcaO */
#box-paginacao  { text-align:center; margin:10px 0 5px 0; padding:0; background:#fff; font-size: 0.7em;}
#box-paginacao ul {margin:5px 0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit; }
#box-paginacao ul li {display:inline; font-size:1.7em;font-weight:bold;}
#box-paginacao ul li.link-anterior {float:left;font-weight:normal;}
#box-paginacao ul li.link-proxima {float:right;font-weight:normal;}
#box-paginacao ul li a  {color:#000;padding:0 0.30em; text-decoration: none;}
#box-paginacao ul li a:hover {background-color:#000;color:#FFF;text-decoration:none}
#box-paginacao ul li.link-anterior a,
#box-paginacao ul li.link-proxima a {padding:0;}
#box-paginacao ul li.link-anterior a:hover,
#box-paginacao ul li.link-proxima a:hover {background:none;color:#000;text-decoration:underline;}
#box-paginacao ul li .on {background-color:#DDD;color:#FFF;display:inline !important;padding:0 0.30em;}
#box-paginacao ul li .off {color:#CCC;display:inline !important;}


/*************** RESPONSIVE ****************/


/* (full hd, 1920)*/
@media (min-width: 1440px) {
    /*body { background: #FFF!important; }*/
    .container { max-width: 1380px; width: 1380px; }
    /*.dropdown:hover .dropdown-menu { display: block; -webkit-animation: fadeInUp 200ms; animation: fadeInUp 200ms; }*/
}

/* XL (hd, 1400px)*/
@media (max-width: 1439.99px) { 
    /*body { background: #EE0055!important; }*/
    .container { max-width: 100%; width: 100%; }

}

/* LG (desktops, 1200px)*/
@media (max-width: 1199.99px) { 
    /*body { background: #CC00DD!important; }*/

    header .navbar-brand img { width: 340px; }
    header .nav-item a.nav-link { padding: 12px 10px !important; }

}

/* MD (tablets, 992px)*/
@media (max-width: 991.99px) { 
    /*body { background: #002254!important; }*/

    header .navbar { border-top: 10px solid var(--color-primary) }
    header .navbar-brand { padding: 10px 0; }
	.img-fluid { width: 100%; }
	#main-slider .carousel-item { height: 600px; padding-left: 10px; }
	#main-slider .carousel-item.internal { height: 110px; }
	#main-slider .carousel-item h3 { font-size: 2.5em; }
	#main-slider .carousel-item .btn-primary { font-size: 1.2em; padding: 9px 40px; }
	#menu { background: rgba(255,255,255,0.95); box-shadow: 0 0 20px rgba(0,0,0,0.3) }
	footer .logo { text-align: center; }
	footer h4 { margin: 40px 0 10px 0; }
	#noticias a { margin: 0; }

}

/* SM (landscape phones, 768px)*/
@media (max-width: 767.99px) { 
    /*body { background: #ffcc00!important; }*/
    #main-slider .carousel-item.internal { height: 100px; }
}

/* XS (portrait phones, 576px)*/
@media (max-width: 575.99px) { 
    /*body { background: #cc0000!important; }*/

	header .navbar-brand img { width: 220px; }
	footer { font-size: 0.7em; }
	footer .info { font-size: 1.2em; }
	#main .title h2, #sobre h2, #main .titulo h1 { font-size: 2.5em; }

}