body{
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  margin-top: 30px;
}

.navbar {
  background: white;
  color: black;
  transition: all 0.3s;
  font-size: 12px;
}

.navbar #NavComponents{
  margin-top: 25px;
  margin-bottom: 15px;
  transition: all 0.3s;
}

.navbar img {
  margin-top: 15px;
  margin-bottom: 0;
  width: 120px;
  height: 70px;
  transition: all 0.3s;
}

.navbar a {
  color: black !important;
}

.navbar li{
  border-radius: 5px;
}

.navbar li:hover{
  background-color: #ddd;
}

.navbar #ecosol_link a, .navbar #portal_link a{
  color: #4696CB !important;
  font-weight: bold;
}

.navbar #ecosol_link:hover, .navbar #portal_link:hover{
  background-color: #CEEAF6;
}

.navbar button {
  color: white !important;
  margin-left: 10px;
  background-color: #c28749;
  font-weight: bold;
  border: 2px solid #c28749;
	transition: all 0.3s;
}

.navbar button:hover {
  background-color: white;
  border: 2px solid #c28749;
  font-weight: bolder;
  color: #c28749 !important;
}

.navbar.compressed {
  padding-bottom: 0px;
}

.navbar.compressed #NavComponents{
  margin-top: 10px;
  margin-bottom: 0px;
}

.navbar.compressed img {
  margin-top: 0;
  margin-bottom: 0;
}

.navbar.compressed button {
  color: #c28749 !important;
  margin-left: 10px;
  background-color: white;
  font-weight: bold;
  border: 1px solid white;
	transition: all 0.3s;
}

#div_imagem_ciranda-da-mulher{
  height: 850px;
  display: flex;
  justify-content: center;
  background-color: #411B4A;
}

#div_imagem_ciranda-da-mulher a img{
  height: 100%;
  /*width: 100%;*/
}

#incubadora{
  background-image: url("../_resources/fundo.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 80px;
  /*text-shadow: 2px 2px 4px #333;*/
  /* margin-top: 70px; */
}

#VII_FestivalES, #III_Encontro_Nacional_ES, #Arraia-Tio-Briza  {
  margin-top: 85px;
  background-color: #154a74;
}

#imagemVIIFestival, #imagem_3_Encontro_Nacional_ES, #imagem_Arraia-Tio-Briza {
    /* width: 1000vh; */
    /* height: 91vh; */
    /* height: 86vh; */
    width: 100vw;
    visibility: visible;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
}

#imagemSemanaMobile {
    visibility: hidden;
    position: absolute;
    z-index: -1;
}

#circuitoFluminense {
    margin-top: 85px;
}

#imagemCircuito {
    width: 1000vh;
    height: 88vh;
    visibility: visible;
    position: relative;
    z-index: -1;
}

#imagemCircuitoMobile {
    visibility: hidden;
    position: absolute;
    z-index: -1;
}

@media screen and (max-width: 767px) {
      #div_imagem_ciranda-da-mulher{
        margin-top: 50px;
        height: auto;
      }
      #imagemCircuito {
          visibility: hidden;
          position: absolute;
      }

      #imagemCircuitoMobile {
          visibility: visible;
          position: relative;
      }

      #imagem_3_Encontro_Nacional_ES, #imagem_Arraia-Tio-Briza {
        width: 100vw;
        height: auto;
        display: inherit;
        /* margin-left: -3.9vw; */
        margin-left: 0px;
        margin-right: 0px;
        visibility: visible;
        position: relative;
        z-index: 0;
      }

      #imagemVIIFestival {
          /* width: 100vw; */
          /* height: 50vh; */
          height: auto;
          visibility: visible;
          position: relative;
          z-index: -1;
      }
}

#eventoCircuito {
    background-color: #540777;
    color: white;
    font-weight: bold;
    border: solid 1px #540777;
    float: right;
    margin-top: -12rem;
}

#banner_informe{
  width: 100%;
  margin-top: 0px;
  /* padding-top: 54px; */
  padding-top: 25px;
}

#incubadora h1, #grupos h1{
  margin-top: 70px;
  margin-bottom: 70px;
}

#incubadora p{
  font-size: 18px;
  font-weight: 700;
  /*background: radial-gradient(ellipse at center, rgba(196,125,76,0.65) 30%,rgba(0,0,0,0) 100%);*/
}

#incubadora img{
  float: right;
  width: 39%;
  height: 39%;
  margin-left: 30px;
  margin-bottom: 10px;
  border-radius: 10px;
  margin-top: 5px;
}


#objetivos img{
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  border-radius: 10px;
  margin-top: 15px;
}

#grupos p, #objetivos ul{
  font-size: 18px;
  font-weight: 500;
}

#objetivos h1{
  margin-bottom: 50px;
}

#objetivos li{
  margin-top: 10px;
}

#projetos{
  background-color: white;
	padding: 50px 80px;
  color: #444;
}

#projetos h1{
  margin-bottom: 50px;
}

#projetos p{
  font-size: 18px;
  text-decoration: none;
  color: #444;
}

#projetos .projeto, #projetos a{
  font-size: 18px;
  text-decoration: none;
  color: #444;
  margin-top: 50px;
  text-align: center;
}

#projetos hr{
  height: 1px;
  background-image: linear-gradient(to right, transparent,#444, #444, #444, transparent);
}

/* Link - Projeto Moda Afrocentrada */
#link_modaAfro{
  display: flex;
  flex-direction: column;
  align-items:center;
  align-content:center;
  /*width: 430px;*/
  height: 181px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #87A391;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding-top: 20px;
}

/*#link_modaAfro a {
  margin-top: 16px;
  padding-bottom: 20px;
}*/

#p_modaAfro,#p_relatorio{
  color: #000 !important;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#a_modaAfro,#a_relatorio{
  color: #4696CB  !important;
  text-decoration: underline #4696CB !important;
}

/*#img_modaAfro{
  width: 12% !important;
  padding: 10px 20px;
  border-radius: 10px;
  background-color: #FFF;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

#img_modaAfro:hover{
  box-shadow: none;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}*/

#grupos, #objetivos{
  background-color: #87a391;
  padding: 50px 80px;
  color: #444;
}

#grupos #coopmar{
  float: left;
  width: 30%;
  height: 30%;
  margin-right: 50px;
  margin-bottom: 50px;
  margin-top: -25px;
}

#grupos #catasol{
  float: right;
  width: 30%;
  height: 30%;
  margin-left: 50px;
  margin-bottom: 50px;
}

#grupos .row, #objetivos .row{
  margin-bottom: 25px;
}

#plenaria {
  padding-top: 6em;
}

#plenaria .row div{
    margin-bottom: 3em;
    font-size: 20px;
}

.imagensPlenaria {
  float: right;
}

.imagensPlenaria img {
  margin: 1rem;
}

#obs {
  color: gray;
  margin-top: 1em;
  font-size: 17px;
}

.banner{
    width: 100%;
}

#facebook{
  background-color: #0997db;
  color: white;
  text-align: center;
  padding: 50px 80px;
}

#facebook a{
  margin: 0 auto;
}

#parceiros{
	padding-top: 50px;
	padding-bottom: 50px;
}

#parceiros h2{
  text-align:center;
  padding: 20px;
  margin-bottom: 50px;
}

.fb-like{
    background-color: white;
    padding: 30px;
    border-radius: 5px;
    margin-top: 50px;
}

.slick-slide {
		margin: 0px 20px;
}

.slick-slide img {
		width: 50%;
    margin: 0 auto;
}

.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
}

.slick-list {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
}

.slick-list:focus {
		outline: none;
}

.slick-list.dragging {
		cursor: pointer;
		cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
    height: auto;
    align-items: center;
    justify-content: center;
}

.slick-track {
		position: relative;
		top: 0;
		left: 0;
		display: flex;
}

.slick-track:before, .slick-track:after {
		display: table;
		content: '';
}

.slick-track:after {
		clear: both;
}

.slick-loading .slick-track {
		visibility: hidden;
}

.slick-slide {
		display: none;
		float: left;
		height: 100%;
		min-height: 1px;
}

[dir='rtl'] .slick-slide {
		float: right;
}

.slick-slide img {
		display: block;
}

.slick-slide.slick-loading img {
		display: none;
}

.slick-slide.dragging img {
		pointer-events: none;
}

.slick-initialized .slick-slide {
		display: block;
}

.slick-loading .slick-slide {
		visibility: hidden;
}

.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
		display: none;
}

#contato{
  color: white;
  background-color: #0997db;
  padding: 50px 80px;
}

#contato button{
  background-color: white;
  color: #0997db;
  border: 1px solid white;
  font-weight: bold;
  transition: 0.3s all;
}

#contato button:hover{
  background-color: #0997db;
  color: white;
  border: 1px solid white;
  font-weight: bold;
}

#footer {
	background-color: #333;
	width: 100%;
	color: white;
	padding-top: 50px;
	padding-bottom: 50px;
	transition: all 0.3s;
}

#footer ul {
	list-style-type: none;
	padding: 0;
}

#footer h4 {
	padding-bottom: 20px;
}

#footer ul li {
	padding-bottom: 10px;
}

#footer a {
	color: white;
}

#footer img{
    width: 100%;
    height: auto;
    border-radius: 5px;
}

#carouselSite .carousel-inner div img {
  margin-top: 80px;
  width: 100%;
}

@media only screen and (max-width: 600px) {
    #div_imagem_ciranda-da-mulher{
      height: auto;
    }

    .navbar-toggle, .navbar-btn{
      margin-top: 7%;
    }

    #carouselSite .carousel-inner div img {
      margin-top: 85px;
    }

    #div_imagem_cirandaDaMulher{
      margin-top: 85px;
    }

    #luto{
      margin-top: 70px;
      background-position: bottom;
      height: 900px;
      background-image: url("../_resources/luto-mobile.png");
    }

    #incubadora{
      background-image: url("../_resources/fundo_mobile.jpg");
    }

    #incubadora, #grupos, #facebook, #contato, #objetivos, #projetos {
        /* padding: 30px 10px; */
        padding: 30px 30px;
    }

    #incubadora img, #grupos #coopmar, #grupos #catasol{
      float: none;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      margin-bottom: 30px;
    }

    #incubadora h1, #grupos h1{
      margin-bottom: 30px;
    }

    #fb-like{
      display: none;
    }

    .fb-page{
      width: 300px;
    }

    .slick-slide img {
    		width: 100%;
        margin: 0 auto;
    }
}

#instagramITEP, #facebookITEP {
  font-size: 78px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 20px;
  color: white;
}

#redes_sociais a:hover{
  #instagramITEP, #facebookITEP {
    color: darkblue;
  }
}

#botaoCartaMobile {
    position: absolute;
    visibility: hidden;
}


@media (min-width: 767px){

        #botaoCartaMobile {
            position: absolute;
            visibility: hidden;
        }

        #botaoCartaDesktop {
            position: relative;
            visibility: visible;
        }
}


@media (max-width: 767px){

        #botaoCartaMobile {
            position: relative;
            visibility: visible;
        }

        #botaoCartaMobile button {
            margin-top: 0px;
        }

        #botaoCartaDesktop {
            position: absolute;
            visibility: hidden;
        }
}



@media (min-width: 767px) and (max-width: 1200px){
  #banner_informe{
    padding-top: 170px;
  }


}