/* Adicionar aqui todos os estilos css (customizados) */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.no-padding {
  padding: 0 !important;
}

.container {
  max-width: 1330px !important;
}

.mostraraviso {
	/*display: none;*/
}

.nounderline {
  text-decoration: none !important
}

@media (min-width: 1366) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1330px !important;
 }
}

/*------------------------------------
  Preloader
------------------------------------*/
.preloader {
  background-color:#f7f7f7;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:999999;
  -webkit-transition:.6s;
  -o-transition:.6s;
  transition:.6s;
  margin:0 auto
}

.preloader .preloader-circle {
  width:100px;
  height:100px;
  position:relative;
  border-style:solid;
  border-width:2px;
  border-top-color: #283593;
  border-bottom-color:transparent;
  border-left-color:transparent;
  border-right-color:transparent;
  z-index:10;
  border-radius:50%;
  -webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
  box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
  background-color:#fff;
  -webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;
  -webkit-transition:.6s;
  -o-transition:.6s;
  transition:.6s
}

.preloader .preloader-circle2 {
  border-top-color:#0247ad; 
}

.preloader .preloader-img {
  position:absolute;
  top:50%;
  z-index:200;
  left:0;
  right:0;
  margin:0 auto;
  text-align:center;
  display:inline-block;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  padding-top:6px;
  -webkit-transition:.6s;
  -o-transition:.6s;
  transition:.6s
}

.preloader .preloader-img img {
  max-width:55px
}

.preloader .pere-text strong {
  font-weight:800;
  color:#0247ad;
  text-transform:uppercase
}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s
  }
}

/*********** Início do Organograma *********/
#divg{
  display: table;
  margin: 0px auto;
  /*border: 1px solid #000;*/
  position: relative;
}
#divg > img{
  max-width: 100%;
}
.divbox{
  display: none;
  border: 2px solid #054a98;
  position: absolute;
  padding: 10px;
  background: #FFF;
  z-index: 2;
  border-radius: 5px;
  box-shadow: 5px 5px 15px #000;
}
#info-org {
  text-decoration:none;
}
.box1{
  top: 86px;
  left: 154px;
}
.box2{
  top: 294px;
}
.box3{
  top: 183px;
}
.box4{
  top: 445px;
}
.box5{
  top: 445px;
  left: 292px;
}
.box6{
  top: 568px;
}
.box7{
  top: 568px;
  left: 292px;
}
.box8{
  top: 689px;
}
.box9{
  top: 690px;
  left: 292px;
}
.box10{
  top: 812px;
  left: 292px;
}
/*********** Fim do Organograma *********/

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/*------------------------------------
  Mover
-------------------------------------*/
.mover{
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.mover:hover {
    transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}

.mover2{
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}

.mover2:hover {
  transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
}


/*------------------------------------
  Zoom
------------------------------------*/
.zoom1, .zoom2, .zoom3, .zoom4, .zoom5, .zoom6, .zoomseg, .zoomdef {
    transition: 0.2s linear;  
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
}

.zoom1:hover {
    box-shadow: inset 0 0 0 2px #0073C0;
    color: #F9B61D !important;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    border-radius: 15px;
}

.zoom2:hover {
    box-shadow: inset 0 0 0 3px #53a7ea;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
}

.zoom3:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);    
    -webkit-transform: scale(1.1);
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
}

.zoom4:hover {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);    
    -webkit-transform: scale(1.05);
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
}

.zoom5:hover {
    transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);    
    -webkit-transform: scale(1.02);
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
}

.zoomseg:hover {
    box-shadow: inset 0 0 0 3px #ff79ed;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
}

.zoomdef:hover {
    box-shadow: inset 0 0 0 3px #d85205;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
}

/*------------------------------------
  Slider
------------------------------------*/
.slidedef {
	/*position: absolute;*/
	/*top: 50%;*/
	/*margin-top: -135px;*/
	width: 100%;
	/*text-align: center;*/
	background-image: url("../img-pmm/emcomum/paterndef6.png");
	/*display: inline-block;*/
	/*padding: 40px;*/
}

/*------------------------------------
  Máscara
------------------------------------*/
.masked {
	background: rgba(19, 19, 22, 0.5);
	background-image: url("../img-pmm/emcomum/patern.png");
	width: 100%;
	height: 100%;
	display: block;
	padding-bottom: 50px;
}

/*span.typed-text {
  font-weight: normal;
  color: #dd7732;
}*/

span.cursor {
  display: inline-block;
  background-color: #ccc;
  margin-left: 0.1rem;
  width: 3px;
  animation: blink 1s infinite;
}

span.cursor.typing {
  animation: none;
}

@keyframes blink {
  0%  { background-color: #ccc; }
  49% { background-color: #ccc; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #ccc; }
}

/*------------------------------------
  Boxe
------------------------------------*/
.boxed {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 1.85714286em;
    position: relative;
}

.boxed {
    border-radius: 6px;
}

.boxed.boxed--lg {
    padding: 2.78571429em;
}

.boxed.boxed--sm {
    padding: 1.23809524em;
}

.boxed.boxed--border {
    border: 1px solid #ececec;
}

.boxed > div[class*='col-']:first-child:not(.boxed) {
    padding-left: 0;
}

.boxed > div[class*='col-']:last-child:not(.boxed) {
    padding-right: 0;
}

img + .boxed {
    margin-top: -1.85714286em;
}

.boxed .background-image-holder {
    border-radius: 6px;
}

.boxed:before {
    border-radius: 6px;
}

.boxed:not(:last-child) {
    margin-bottom: 30px;
}

.boxed:not([class*='bg-']) {
    background: #ffffff;
}

.boxed.bg--secondary .boxed {
    background: #fafafa;
}

@media all and (min-width: 768px) {
    .switchable .imagebg .boxed {
        padding-left: 5.57142857em;
    }
}

.bg--dark .boxed:not([class*='bg-']), .imagebg:not(.image--light) .boxed:not([class*='bg-']) {
    background: #363638;
    color: #364958;
}

.bg--dark .boxed:not([class*='bg-']).boxed--border, .imagebg:not(.image--light) .boxed:not([class*='bg-']).boxed--border {
    border-color: #3f3f3f;
}

.bg--dark .boxed[class*='bg-'].boxed--border, .imagebg:not(.image--light) .boxed[class*='bg-'].boxed--border {
    border: none;
}

.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) {
    background: #ffffff;
}

.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border {
    border: none;
}

.imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) .boxed {
    background: none;
}

@media all and (min-width: 768px) {
    .boxed.boxed--emphasis {
        transform: scale(1.075);
        webkit-transform: scale(1.075);
    }
}

@media all and (max-width: 767px) {
    .boxed {
        margin-bottom: 15px;
        padding: 1.23809524em;
    }

    .boxed.boxed--lg {
        padding: 1.23809524em;
    }

    .boxed div[class*='col-']:not(.boxed) {
        padding: 0;
    }

    .boxed:last-child {
        margin-bottom: 15px;
    }
}

.boxxed {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 1.5em;
    position: relative;
}

.boxxed {
    border-radius: 6px;
}

.boxxxed {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 2.9em;
    position: relative;
}

.boxxxed {
    border-radius: 6px;
}

.feature:not(.boxed) {
    margin-bottom: 60px;
}

.feature.feature--featured:after {
    background: #4a90e2;
    bottom: 0;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
}

.feature h5 {
    margin: 0;
}

.feature h4 {
    margin-bottom: 0.342105263157895em;
}

.feature h4 + p {
    max-width: 22.28571429em;
}

.feature i + h5 {
    margin-top: 1.85714286em;
}

.feature i + h4 {
    margin-top: 0.68421052631579em;
}

.feature i.icon--lg + h4 {
    margin-top: 1.36842105263158em;
}

.feature i.icon--lg + .h5 {
    margin-top: 0.92857143em;
}

.feature img + .boxed {
    border-radius: 0 0 6px 6px;
    border-top: none;
}

/*------------------------------------
  master Slider
-------------------------------------*/
.ms-tabs-template {
    max-width: 1140px;
    margin: 0 auto;
    font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
}

.ms-tabs-vertical-template {
	max-width: 1065px;
}

.ms-tabs-template .ms-thumb-frame h3 {
	font-weight: 400;
	font-size: 13pt;
	color: #04014C;
	margin:0;
}

.ms-tabs-template .ms-thumb-frame p {
	font-size:10pt;
	margin: 4px 0;
}

.ms-tabs-template .ms-thumb-frame-selected h3{
	color: #0247ad; 
}

 /* Layers */
.ms-layer.video-title {
  font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
  color: white;
  font-weight: 600;
  font-size: 42px;
  margin:0px;
  letter-spacing:0px;
}

.ms-layer.video-title.video-top-title {
  font-size: 16px;
  color: gray;
}

.ms-layer.video-title.video-sub-title {
  font-size: 22px;
  font-weight: 300;
}

.ms-autoheight-template {
	max-width: 660px;
	padding: 5px 5px 5px 5px;
	margin: 0 auto;
	background: black;
}

.msp-preset-21 {
  background-color: #a9a8a8;
  font-weight: normal;
  line-height: normal;
}

.msp-preset-22 {
  font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  color: #ffffff;
}

.msp-preset-23 {
  font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
  font-weight: normal;
  font-size: 16px;
  line-height: normal;
  color: #c0c0c0;
}

.msp-preset-25 {
  padding-top: 10px;
  padding-right: 24px;
  padding-bottom: 10px;
  padding-left: 24px;
  font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
  font-weight: normal;
  font-size: 10px;
  text-align: center;
  letter-spacing: 2px;
  line-height: normal;
  text-transform: uppercase;
}

.msp-preset-26 {
  font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
  font-weight: normal;
  font-size: 16px;
  line-height: normal;
  color: #ffffff;
}

.msp-preset-27 {
  background-color: #ffffff;
  font-weight: normal;
  line-height: normal;
}

.msp-preset-btn-187 {
  background-color: #ebebeb;
  color: #282828
}

.msp-preset-btn-187:hover {
  background-color: #e6e6e6;
  color: #666
}

.msp-preset-btn-187:active {
  left: 2px
}

.msp-cn-155-11 {
  font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: normal;
  white-space: nowrap;
  color: #ffffff;
}

.msp-cn-155-21 {
  font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: normal;
  white-space: nowrap;
  color: #ffffff;
}

.msp-cn-155-46 {
  font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: normal;
  white-space: nowrap;
  color: #a9a8a8;
}

.msp-cn-155-48 {
  font-family: "Nunito", "Roboto", "Relaway", "Open sans", sans-serif; 
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  white-space: nowrap;
  color: #ffffff;
}

/*-------------------------------------
  Previsão do Tempo
--------------------------------------*/
.city{
  font-size: 32px;
}

.date {
  font-size: 16px;
}

.container-temp{
  display: flex;
  justify-content: center;
  background-color: rgba(244, 208, 63, 0.2);
  box-shadow: 5px 6px rgba(0, 0, 0, 0.6);
  cursor: pointer;

  font-size: 100px;
  font-weight: 900;
  text-shadow: 3px 6px rgba(0, 0, 0, 0.2);
}

.weather{
  font-size: 32px;
}

.low-high {
  font-size: 22px;
}


/*------------------------------------
  Barra Social 
-------------------------------------*/
.social-bar {
	position: fixed;
	right: 0;
	top: 35%;
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 100;
}

.icon {
	color: white;
	text-decoration: none;
	padding: .7rem;
	display: flex;
	transition: all .5s;
}

.icon-facebook {
	background: #2E406E;
}

.icon-twitter {
	background: #339DC5;
}

.icon-youtube {
	background: #E83028;
}

.icon-instagram {
	background: #3F60A5;
}

.icon:first-child {
	border-radius: 1rem 0 0 0;
}

.icon:last-child {
	border-radius: 0 0 0 1rem;
}

.icon:hover {
  color: white;
  text-decoration: none;
	padding-right: 3rem;
	border-radius: 1rem 0 0 1rem;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
}

/*------------------------------------
  Avisos e Alertas
-------------------------------------*/
.avisosalertas{
  display: none;
}

/*------------------------------------
  Cabeçalhos
------------------------------------*/
.h1 {
	font-size: 30px !important;
}

.h3 {
	font-size: 25px !important;
}

.link_agenda{
  text-decoration: none;
  cursor: pointer;
}

/*------------------------------------
  Alinhamento Texto
------------------------------------*/
.text-justify {
  text-align: justify;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

/*------------------------------------
  Estilo Texto
------------------------------------*/
.text-bold {
  font-weight: bold;
}

.text-bold-hover:hover {
  font-weight: bold;
}

/*------------------------------------
  Cores
------------------------------------*/
.g-color-primary-01 {
  color: #27542B !important;
}

.g-color-main-2 {
  color: #27542B !important;
}

.g-color-green{
	color: green;
}

.g-color-green2{
	color: #3E8C42;
}

.g-color-green3{
	color: #81c784;
}

.g-color-green4{
	color: #1b5e20;
}

.g-color-green5{
	color: #021B03;
}

.g-color-green6{
	color: #063308 !important;
}

.g-color-red{
	color: red;
}

.g-color-redescuro{
  color: #861A1A;
}

.g-color-blue{
	color: blue;
}

.g-color-blue2 {
 color: #007bff;
}

.g-color-dark-blue {
    color: #04014C !important;
}

.g-color-gold{
	color: #EDC407; 
}

.g-color-gold--hover:hover{
	color: #fab700; 
}

.g-color-gray{
	color: gray;
}

.g-color-gray2{
	color: #6a7c92;
}

.g-color-gray3{
	color: #212121;
}

.g-color-primary-01 {
  color: #063308 !important;
}

.g-color-amber{
	color: #ffd54f !important;
}

.g-color-teal2{
  color: #26a69a !important;
}

.g-color-white{
	color: white;
}

.g-color-text-01 {
  color: #063308;
}

/*------------------------------------
  Cores textos Hover
------------------------------------*/
.g-color-green5-hover:hover{
	color: #021B03 !important;
}

.g-color-redescuro--hover:hover {
  color: #861A1A !important;
}

.g-color-main-2-hover, .g-color-main-2--hover:hover {
  color: #27542B !important;
}

.u-block-02-hover:hover .g-color-primary-02-hover, .g-color-primary-02--hover:hover {
  color: #27542B !important;
}

.g-color-prim1--hover:hover{
	color: #EDC407 !important;
}

.u-block-01-hover:hover .g-color-primary-01-hover, .g-color-primary-01--hover:hover {
  color: #BA9F06 !important; /* #42C408 */
}

/*------------------------------------
  Cores Border
------------------------------------*/
.g-brd-amber {
  border-color: #ffd54f !important;
}

.g-brd-gold {
  border-color: #EDC407 !important;
}

.g-brd-green2{
	border-color: #3E8C42 !important;
}

.g-brd-green6{
  border-color: #063308 !important;
}

.g-brd-redescuro{
  border-color: #861A1A !important;
}

.g-brd-blue2 {
 border-color: #007bff !important;
}

.g-brd-lightblue {
  border-color: #0060d6 !important;
}

.g-brd-teal2 {
 border-color: #26a69a !important;
}

.g-brd-bluecivil3 {
  border-color: #06153a !important;
}

.g-brd-pink2 {
  border-color: #e2618e !important;
}

/*------------------------------------
  Cores Background 
------------------------------------*/
.g-bg-menu{
  background-color: #7ef8ab!important; 
}

.g-bg-main-2 {
  background-color: #27542B !important;
}

.g-bg-primary-2 {
  background-color: #178832 !important;
}

.g-bg-secondary-dark-v10 {
  background-color: #27542B;
}

.g-bg-secondary-dark-v-1 {
  background-color: #d6f5e3 !important;
}

.g-bg-secondary-dark-v-2 {
  background-color: #e4fcee !important;
}

.g-bg-green{
 	background: green;
}

.g-bg-green2{
	background: #3E8C42;
}

.g-bg-green3{
	background: #81c784;
}

.g-bg-green4{
	background: #1b5e20;
}

.g-bg-green5{
  background: #a9fdc8;
}

.g-bg-green6{
	background: #063308;	
}

.g-bg-green7{
	background: #47914b;
}


.g-bg-red{
 	background: red;
}

.g-bg-redescuro{
  background: #861A1A;
}

.g-bg-blue{
 	background: blue;
}

.g-bg-blue2 {
  background: #007bff;
}

.g-bg-blue3 {
  background: #055bb8;
}

.g-bg-bluelight{
  background: #a0beff !important;
}

.g-bg-bluelight2{
  background: #dcedff !important;
}

.g-bg-dark-blue {
    background: #04014C !important;
}

.g-bg-yellow2 {
  background: #fbfcd0;
}

.g-bg-gold{
 	background: #EDC407;
}

.g-bg-gray{
	background: gray;
}

/*------------------------------------
  Cores Background Hover
------------------------------------*/
.g-bg-green2--hover:hover{
	background: #3E8C42 !important;
}

.g-bg-green5-hover:hover{
	background: #021B03 !important;
}

.g-bg-green6--hover:hover{
	background: #063308 !important;	
}

.g-bg-main-2-hover, .g-bg-main-2--hover:hover {
  background-color: #27542B !important;
}

.g-bg-amber--hover:hover {
  background-color: #ffd54f !important;
}

.g-bg-redescuro--hover:hover {
  background-color: #861A1A !important;
}

.g-bg-primary-light-v2--hover:hover {
  background-color: #56B65F !important;
}

.g-bg-primary-light-v2--hover:hover {
  background-color: #56B65F !important;
}

.g-bg-teal2-hover:hover{
  background-color: #26a69a !important;
}

.u-icon-block--hover:hover .g-bg-primary-01--hover {
  background: #42C408;
}

/* Linear Gradients
------------------------------------*/
/* Gray Gradient */
.g-bg-gray-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, #fff, #dbdbdb);
}

/* Blue Pink Gradient */
.g-bg-bluepink-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(50deg, #2b7cb6, #f62d51);
}

/* Blue Gradient */
.g-bg-blue-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #73bec7, #4e66b0);
}

.g-bg-blue-lineargradient-v2 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #429edc, #00629e);
}

.g-bg-blue-lineargradient-v3 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #3266a2, #98cfbf);
}

.g-bg-blue-lineargradient-v4 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #5b85df, #3ec2e3);
}

.g-bg-blue-lineargradient-v5 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #0050c2, #5180fa);
}

.g-bg-blue-lineargradient-v6 {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #0050c2, #5180fa);
}

.g-bg-blue-lineargradient-v7 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #1e3980, #27588d);
}

.g-bg-blue-lineargradient-v8 {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #04309e, #0e539c);
}


.g-bg-bluelight-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #94abcc, #77aefc);  
}

.g-bg-bluelight2-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #77aefc, #94abcc);  
}

.g-bg-darkblue-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #0247ad, #283593);
}

.g-bg-darkblue2-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #1f8372, #5dc07e);
}


/* Miscellaneous Gradients */
.g-bg-sharpblues-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
}

.g-bg-sharpblues-inv-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #005bea 0%, #00c6fb 100%);
}

.g-bg-sharpblues-v1-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #00c6fb 0%, #4c86e4 100%);
}

.g-bg-sharpblues-v1-inv-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #4c86e4 0%, #00c6fb 100%);
}

.g-bg-saltmountain-lineargradient{
  background-repeat: repeat-x;
  background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
}

.g-bg-saltmountain-v1-lineargradient{
  background-repeat: repeat-x;
  background-image: linear-gradient(-225deg, #d7fde6 0%, #85ffd2 100%);
}

.g-bg-saltmountain-v1inv-lineargradient{
  background-repeat: repeat-x;
  background-image: linear-gradient(-225deg, #85ffd2 0%, #d7fde6 100%);
}

.g-bg-saltmountain-v2-lineargradient{
  background-repeat: repeat-x;
  background-image: linear-gradient(-225deg, #d7effd 0%, #85ceff 100%);
}

.g-bg-saltmountain-v3-lineargradient{
  background-repeat: repeat-x;
  background-image: linear-gradient(-225deg, #fdf8dc 0%, #e9ff85 100%);
}

.g-bg-saltmountain-v4-lineargradient{
  background-repeat: repeat-x;
  background-image: linear-gradient(-225deg, #fde2d7 0%, #ffb285 100%);
}

.g-bg-happyacid-lineargradient{
  background-repeat: repeat-x;  
  background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);
}

.g-bg-crystalline-lineargradient{
  background-repeat: repeat-x;    
  background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%);
}

.g-bg-crystalline-v1-lineargradient{
  background-repeat: repeat-x;    
  background-image: linear-gradient(-20deg, #8ddad5 0%, #00cdac 100%);
}

.g-bg-crystalline-v2-lineargradient{
  background-repeat: repeat-x;    
  background-image: linear-gradient(-20deg, #008891 0%, #00587a 100%);
}

.g-bg-crystalline-v3-lineargradient{
  background-repeat: repeat-x;    
  background-image: linear-gradient(0deg, #3E8C42 0%, #44773a 100%);
}

.g-bg-crystalline-v4-lineargradient{
  background-repeat: repeat-x;    
  background-image: linear-gradient(0deg, #00b2ca 0%, #16679a 100%);
}

.g-bg-crystalline-v5-lineargradient{
  background-repeat: repeat-x;    
  background-image: linear-gradient(0deg, #1ba386 0%, #24a066 100%);
}

.g-bg-younggrass-lineargradient{
  background-repeat: repeat-x;    
  background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);
}

.g-bg-darkgreen-lineargradient{
  background-repeat: repeat-x;      
  background-image: linear-gradient(0deg, #598035 0%, #011b01 100%);  
}

.g-bg-bacgreen-lineargradient{
  background-repeat: repeat-x;
  background-image: linear-gradient(-225deg, #8bcdcd 0%, #5cc1b3 100%);
}

.g-bg-heavyrain-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}

.g-bg-heavyrain-v1-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #cfd9df 0%, #d8e0e4 100%);
}

.g-bg-heavyrain-v2-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #d1d1d1 0%, #95a792 100%);
}

.g-bg-heavyrain-v3-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #85a4c0 0%, #8099b6 100%);
}

.g-bg-heavyrain-v4-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(to top, #6c9dc7 0%, #5a7ea8 100%);
}

.g-bg-gray-light-v6-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(-180deg, rgb(193, 194, 196) 0%, rgb(188, 189, 191) 100%) !important;
}

.g-bg-gray-radialgradient-ellipse {
  background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #dbdbdb 22%, #bbb);
  background-repeat: no-repeat;
}

.g-bg-gray-radialgradient-ellipse-v2 {
  background-image: radial-gradient(circle 140px at center, #ffffff 0%, rgb(202, 201, 204) 50%, rgb(200, 200, 200) 100%);
  background-repeat: no-repeat;
}

.g-bg-gray-radialgradient-ellipse-v3 {
  background-image: radial-gradient(circle 350px at center, #ffffff 0%, rgb(201, 202, 206) 60%, rgb(188, 188, 188) 100%);
  background-repeat: no-repeat;
}

.g-bg-sharpglass-lineargradient {
  background-repeat: repeat-x;
  background: #C9CCD3;
  background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%);
  background-blend-mode: lighten;
}

.g-bg-sharpglass-blue-lineargradient {
  background-repeat: repeat-x;
  background: #1456b8;
  background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%);
  background-blend-mode: lighten;
}

.g-bg-sharpglass-v1-lineargradient {
  background-repeat: repeat-x;
  background: #C9CCD3;    
  background-image: linear-gradient(-180deg, rgba(0,0,0,0.50) 0%, rgba(255,255,255,0.50) 100%);
  background-blend-mode: lighten;    
}

.g-bg-sharpglass-green-lineargradient--hover:hover {
  background-repeat: repeat-x;
  background: #0b742b;
  background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%);
  background-blend-mode: lighten;
}

.g-bg-orangecivil-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #cc7c14 0%, #d86705 100%);
}

.g-bg-orangecivil-v1-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #cc5e14 0%, #d85205 100%);
}

.g-bg-orangecivil-v2-lineargradient {
  background-repeat: repeat-x;  
  background-image: linear-gradient(to top, #161236 10%, #d86705 90%);
}

.g-bg-orangecivil-v3-lineargradient {
  background-repeat: repeat-x;  
  background-image: linear-gradient(to top, #06153a 10%, #d85205 90%);
}

.g-bg-orangecivil-v4-lineargradient {
  background-repeat: repeat-x;  
  background-image: linear-gradient(to top, #161236 10%, #d85205 90%);
}

.g-bg-bluecivil-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #292255 0%, #161236 100%);
}

.g-bg-bluecivil2-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #352a79 0%, #1b1544 100%);
}

.g-bg-bluecivil3-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #0d2663 0%, #06153a 100%);
}

.g-bg-yellowaviso-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #d4ca3a 0%, #ddc700 100%);
}

.g-bg-redalerta-lineargradient {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #ca3a3a 0%, #aa2424 100%);
}

.g-bg-februaryink-lineargradient {
  background-repeat: repeat-x;  
  background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
}

.g-bg-februaryink-v1-lineargradient {
  background-repeat: repeat-x;  
  background-image: linear-gradient(to top, #283593 10%, #accbee 90%);
}

.g-bg-februaryink-v2-lineargradient {
  background-repeat: repeat-x;  
  background-image: linear-gradient(to top, #537dad 40%, #313fa8 60%);
}





/*------------------------------------
  Cores Botão
------------------------------------*/
/* Button Primary */
.u-btn-primary-psq {
  color: #fff;
  background-color: green;
}

.icon--hover:hover {
  /*padding-bottom: 3rem;*/
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
}

/*------------------------------------
  Pesquisa v1
------------------------------------*/
.u-searchform-v1-psq,
.u-searchform-v1-psq--align-left {
  min-width: initial;
  width: 21.42857rem;
  position: absolute;
  right: -1.07143rem;
  top: 100%;
  box-shadow: 0 1px 3px green;
}

/*------------------------------------
  Servicos Absolutos
------------------------------------*/
.servicos-absoluto {
  position:relative;
  margin:-190px 0 0px;
  z-index:2;
  -webkit-transition:all 0.5s ease;
  transition:all 0.5s ease
}

@media (max-width: 768px) {
  .features-absolute { 
    margin:-190px 0 0
  }
}

.features-absolute.career-form {
  margin:-145px 0 0px
}

@media (max-width: 768px) {
  .features-absolute.career-form {
    margin:-105px 0 0px
  }
}

/*------------------------------------
  Imagens - carousel
------------------------------------*/
.imagem01{
	background-image: url("../img-pmm/mangaratiba-01.jpg");
}

.imagem02{
	background-image: url("../img-pmm/mangaratiba-02.jpg");
}

.imagem03{
	background-image: url("../img-pmm/mangaratiba-03.jpg");
}

.imagempl01{
  height: 160%;
  background-image: url("../img-pmm/mangaratiba-04.jpg");
}

/*------------------------------------
  Background Image Style
------------------------------------*/
.g-bg-img-hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*------------------------------------
  Background Position
------------------------------------*/
.g-bg-pos-center {
  background-position: center;
}

.g-bg-pos-left-center {
  background-position: left center;
}

.g-bg-pos-top-left {
  background-position: top left;
}

.g-bg-pos-top-right {
  background-position: top right;
}

.g-bg-pos-top-center {
  background-position: top center;
}

.g-bg-pos-bottom-center {
  background-position: bottom center;
}

/*------------------------------------
  Box-shadow
------------------------------------*/

/* .u-shadow-v35 {
  border: 1px solid;
} */

/*------------------------------------
  Parallax
------------------------------------*/
div.parallax{
  position: relative;
  width: 100%;
  min-height: 600px;
  padding: 40px 0;
  background-image: url("../img-pmm/mangaratiba-05.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

.overlay-parallax{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(20,20,20,0.6);
}

/*------------------------------------
  Nome da Secretaria
-------------------------------------*/
div.nomesecretaria h3{
  font-weight: 700;
  font-size: 24px;
}

/*------------------------------------
  imagem banner
------------------------------------*/
.img-banner{
	max-width: 960px;
	margin: 0 auto;
	padding: 0 2%;

}

.img-banner img{
	max-width: 100%;
  background-position: center; 
}

/*------------------------------------
  imagem banner2
------------------------------------*/
.img-banner2{
  max-width: 960px;
  margin: 0 auto;
  padding: 0 2%;

}
.img-banner2 img{
  max-width: 100%;
  background-position: center; 
}


/*------------------------------------
  imagem banner
------------------------------------*/
.img-fluid-banner {
  width: 100%;
  height: auto;
  max-width: 100%;
  background-size: cover;
  padding: 0 0 0 0;  
}

/*------------------------------------
  Banner animação
------------------------------------*/
.animate-svg {
  width: 600px;
  margin: 20px auto;
}

.animate-svg svg {
  stroke-width: 5px;
  stroke: #E83028;
  width: 100%;
  height: 100%;
  stroke-dashoffset: 900;
  stroke-dasharray: 1000;
  animation: svganimation 2s ease-in-out forwards infinite;
}

@keyframes svganimation {
  0% {
    stroke-dashoffset: 900;
  }
  70% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/*--------------------------------------
Alertas
---------------------------------------*/
.alert-chuva{color:#0c2260;background-color:#d1d7f1;border-color:#becceb}
.alert-chuva hr{border-top-color:#abbde5}
.alert-chuva .alert-link{color:#060d33}

.alert-fogo{color:#a03807;background-color:#f1e0d1;border-color:#ebd9be}
.alert-fogo hr{border-top-color:#e5caab}
.alert-fogo .alert-link{color:#331706}

.alert-mambiente{color:#063308;background-color:#dcf5e7;border-color:#beeaeb}
.alert-mambiente hr{border-top-color:#abe5d7}
.alert-mambiente .alert-link{color:#06330e}


/*--------------------------------------
Tempo Clima
---------------------------------------*/
:root {
	--background-cards: rgba(255,255,255,.2);
	--border-cards: 2px solid #fff;
	--border-radius-cards: 5px;
}

.previsao {
	position: relative;
	/*top: 2rem;*/
}

/* Campo CEP */
.form-cep {
	display: block;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 2rem;
}
.form-cep * {
	border: none;
}
.input-cep {
	border-radius: 5px 0 0 5px;
	padding: 1rem;
	width: 50%;
	font-size: 1.2rem;
}
.btn-form-cep {
	border-radius: 0 5px 5px 0;
	margin-left: -5px;
	padding: 1rem 0;
	width: 3rem;
	font-size: 1.2rem;
	background: rgb(196, 0, 4);
	color: #fff;
}

/* localidade */
.localidade {
	text-align: center;
	/*color: #fff;
	font-size: 1.5rem;
	margin-top: 1rem;
	margin-bottom: 1rem;*/
}

/* Card Tempo (HOJE) */
.card-tempo {
	width: 80%;
	max-width: 35rem;
	margin: 0 auto;
	/*background: var(--background-cards);
	border: var(--border-cards);
	border-radius: var(--border-radius-cards);*/
	text-align: center;
	/*color: #fff;*/
	/*padding: 1rem;*/
	/*font-size: 1.2rem;*/
}
.card-tempo-temperatura-temp {
	/*font-size: 5rem;
	font-weight: 900;*/
	position: relative;
}
.card-tempo-caracteristicas {
	display: flex;
	justify-content: space-around;
	/*margin-top: 1rem;*/
}
.card-tempo-caracteristica span {
	display: block;
}
.card-tempo-caracteristica-label {
	font-size: 1.05rem;
}
.card-tempo-caracteristica-valor {
	/*margin-top: .1rem;*/
	font-size: 1.5rem;
	/*font-weight: 700;*/
}

/* Cards - temperatura semana  */
.card-tempo-semana {
	width: 95%;
	max-width: 55rem;
	margin: 0 auto 0 auto;
	display: flex;
	text-align: center;
	justify-content: space-around;
}
.card-tempo-semana-dia {
	border-radius: var(--border-radius-cards);
	/*padding: 2rem .5rem;*/
	color: #fff;
}
.card-tempo-semana-dia-data {
	font-size: 2rem;
	font-weight: 700;
}
.card-tempo-semana-temp-max,
.card-tempo-semana-temp-min {
	font-size: 1.2rem;
	font-weight: 700;
}
.card-tempo-semana-temp-max {
	/*margin-top: 1rem;*/
	color: #bc0000;
}
.card-tempo-semana-temp-min {
	/*margin-bottom: .6rem;*/
	color: #0057bc;	
}
.card-tempo-semana-temp-min-val:before {
	content: '\f063';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.card-tempo-semana-temp-max-val:before {
	content: '\f062';
	font-family: "Font Awesome 5 Free";
	font-weight: 900
}

/* Informações */
.informacoes-btn {
	position: absolute;
	bottom: .5rem;
	right: .5rem;
	font-size: 2rem;
	width: 3.5rem;
	height: 3.5rem;
	background: rgb(196, 0, 4);
	border: none;
	color: #fff;
	border-radius: 50%;
}
.informacoes-btn i {
	transition: .2s;
}
.informacoes-btn:hover {
	cursor: pointer;
}
.informacoes-btn:hover i {
	text-shadow: 4px 4px 0 rgba(0,0,0,.8);
}
.informacoes-painel {
	position: fixed;
	background: #fff;
	border-radius: 5px;
	width: 95%;
	max-width: 40rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 0 0 0 9999px rgba(0,0,0,.5);
	/*padding: 2rem 1rem;*/
	box-sizing: border-box;
	display: none;
	overflow-y: scroll;
}
.informacoes-painel-titulo {
	text-align: center;
	font-size: 2rem;
	font-weight: 900;
	/*margin-bottom: 1rem;*/
}
.informacoes-painel-passos-projeto {
	list-style-type: decimal;
}
.informacoes-painel-lista {
	padding-left: 2rem;
}
.informacoes-painel-subtitulo {
	font-weight: 900;
	font-size: 1.2rem;
	/*margin: 0.8rem 0 0.5rem 0;*/
}
.painel-lista-item  {
	margin: 0.4rem 0;
}
.informacoes-painel-descricao {
	text-align: center;
}

@media (max-width: 992px) {
	.card-tempo-semana-resumo {
		display: none;
	}
}

@media (max-width: 768px) {
	.input-cep {
		width: 60%;
	}
	.informacoes-painel {
		height: 95vh
	}
}

@media (max-width: 576px) {
	.card-tempo-bloco {
		margin: 1rem 0;
	}
	.card-tempo-caracteristicas {
		display: block;
	}
	.card-tempo-caracteristica {
		margin-bottom: 1.2rem;
	}
	.card-tempo-caracteristica:last-of-type {
		margin-bottom: 0;
	}
	.card-tempo-semana {
		display: grid;
		grid-template-columns: 100%;
		justify-content: center;
	}
	.card-tempo-semana-dia {
		width: 40%;
		padding: .5rem 0;
		margin: 0 auto .4rem auto;
	}
	.card-tempo-semana-dia:last-of-type {
		margin: 0 auto 1rem auto;
	}
	.card-tempo-semana-dia-data {
		font-size: 1.6rem;
	}
	.card-tempo-semana-temp-max {
		margin-top: .4rem;
	}
	.card-tempo-semana-temp-min {
		margin-bottom: 0;
	}
}

/* --- */
.localidade, .card-tempo{
	display: none;
}
.semana-dia-1,
.semana-dia-2,
.semana-dia-3,
.semana-dia-4,
.semana-dia-5 {
	display: none;
	box-sizing: border-box;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: .01;
	top: -9999px;
	left: -9999px;
}

.slick-prev,
.slick-next {
	display: none !important;
}

.waiting {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	display: none;
}
.waiting:after {
	content: '\f254';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 2rem;
	line-height: 1em;
	transform: translate(-50%,-50%);
	color:#fff;
	animation-name: girar-ampulheta;
	animation-duration: .8s;
	animation-fill-mode: forwards;
	transform-origin: 50%;
	animation-iteration-count: infinite;
}
@keyframes girar-ampulheta {
	0% {
		transform: rotate(0);
	}
	
	90% {
		transform: rotate(0);
	}
	
	100% {
		transform: rotate(360deg);
	}
}

.alert {
	position: fixed;
	top: .6rem;
	width:80%;
	left: 50%;
	transform: translateX(-50%);
	padding: .75rem 1.25rem;;
	background: #f8d7da;
	border: 1px solid #f5c6cb;
	border-radius: .25rem;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	color: #721c24
}
.alert-erro-consulta, .alert-cep-nao-encontrado {
	display: none;	
}

/*------------------------------------
  Rodapé
-------------------------------------*/
.info-row-01 h2, .info-row-02 h2, .info-row-03 h2{
	font-size: 20px;
}

.info-row-02 ul, .info-row-03 ul{
	list-style-type: none;
}

.info-row-01 a, .info-row-02 a, .info-row-03 a{
	text-decoration: none;
}

section.div-vazia {
    padding-top: 4.28571rem !important;
    padding-bottom: 16.54286rem !important;
}

@media screen and (max-width: 768px){
  
  div.nomesecretaria h4{
      font-size: 22px;
      margin-top: 2.28571rem !important;
      margin-bottom: 2.28571rem !important;
    }

  .div-vazia{
    /* display: none; */ 
    margin-bottom: -6.54286rem !important;
  }

  .section_ini{
    /* margin-top: -6.54286rem !important; */
    margin-top: -4.54286rem !important;    
  }
/*  .img-banner2{
    margin: 140px 0 0 0;

  }
  */

  .section_ini2{
    margin-top: -10.54286rem !important;    
  }

  .section_ini3{
    margin-top: -2.54286rem !important;    
  }
  
  .img-fluid-banner {
    padding: 145px 0 0 0; 
  }

  .sitesuteis, .canaisatend, .fotosequipe, .imgform, .iconesocial, .brasaopmm, .logodesce {
    display: none;
  }

  .padcoluna {
    padding: 15px !important;
  }

  .sessaoequipe {
    padding-top: 2.14286rem !important;
    padding-bottom: 2.14286rem !important;
  }

  .botaoequipe{
    padding-top: 0.0000rem !important;
  }

  .mensalert {
    font-size: 1.85714rem !important;
  }

  .menstit {
    font-size: 2.14286rem !important;
  }

  .titulocontato {
    font-size: 1.60999rem !important;
  }

  .tituloserv {
    font-size: 1.58286rem !important;
  }

  .subtitulovideos {
    font-size: 1.04699rem !important;
  }

  .botaolateral {
    font-size: 0.72857rem !important;
  }

  .textini {
    padding-top: 19.01429rem !important;    
  }

  .filatop {
    padding-top: 0.402857rem !important;
  }

  .filatop2 {
    padding-top: 1.002857rem !important;
  }

  .acesseserv {
    padding-top: 2.28571rem !important;
  }

}