.carousel-banner {
   background: #ffffff;
}

.banner-home {
   min-height: 515px;
   width: 100%;
}

.banner-pages {
   min-height: 350px;
   height: 350px;
   width: 100%;
}


.carousel-banner .item-text {
   position: relative;
   bottom: 0px;
   z-index: 900;
   width: 100%;
   height: 100%;
}

.carousel-banner h1 {
   position: absolute;
   bottom: 0px;
   height: auto;
}

.carousel-banner h1 span {
   background-color: rgba(0, 0, 0, 1);
   color: #fff;
   padding: 10px 25px 5px 30px;
   text-transform: uppercase;
   line-height: 1.63;
}

.owl-theme .owl-nav [class*=owl-] {
   background: rgba(255, 255, 255, 1);
   color: #000000;
   font-size: 12px;
   padding: 0px 7px;
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 0;
   border: none !important;
   text-align: center;
}

.owl-theme .owl-prev,
.owl-theme .owl-next {
   position: absolute;
   top: 45%;
   height: 30px;
   margin: auto !important;
   cursor: pointer;
}

.owl-theme .owl-prev {
   left: 0px;
}

.owl-theme .owl-next {
   right: 0px;
}




.bg-no-photo {
   display: table;
   text-align: center !important;
   width: 100%;
   background: #cccccc;
   /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(#cccccc, #eeeeee);
   /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#cccccc, #eeeeee);
   /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#cccccc, #eeeeee);
   /* For Firefox 3.6 to 15 */
   background: linear-gradient(#cccccc, #eeeeee);
   /* Standard syntax */
}

.bg-edital {
   display: table;
   text-align: center !important;
   width: 100%;
   background: #3399cc;
   /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(#3399cc, #1f729c);
   /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#3399cc, #1f729c);
   /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#3399cc, #1f729c);
   /* For Firefox 3.6 to 15 */
   background: linear-gradient(#3399cc, #1f729c);
   /* Standard syntax */
}

.bg-aviso {
   display: table;
   text-align: center !important;
   width: 100%;
   background: #D3504A;
   /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(#D3504A, #A13939);
   /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#D3504A, #A13939);
   /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#D3504A, #A13939);
   /* For Firefox 3.6 to 15 */
   background: linear-gradient(#D3504A, #A13939);
   /* Standard syntax */
}

.bg-no-photo .icone-text-tema,
.bg-edital .icone-text-tema,
.bg-aviso .icone-text-tema {
   height: 100%;
   margin-top: 27%;
}

/* ++++++++++++++++++++++++++++++++++   */

/* Image zoom on hover + Overlay colour */
.parent {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
   display: inline-block;
}

.child {
   width: 100%;
   /* min-height:200px; max-height:200px;*/
   min-height: 100% !important;
   background-repeat: no-repeat;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
}

.child a {
   display: none;
   font-size: 35px;
   color: #ffffff !important;
   text-align: center;
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   height: 100%;
   width: 100%;
}

.child a .fa {
   margin-top: 45% !important;
}

.parent:hover .child,
.parent:focus .child {
   -ms-transform: scale(1);
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}

.parent:hover .child:before,
.parent:focus .child:before {
   display: block;
}

.parent:hover a,
.parent:focus a {
   display: block;
}

.child:before {
   content: "";
   display: none;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.50);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(7, 83, 152, 0.8)), color-stop(1, #075398));
   background-image: -webkit-linear-gradient(top, rgba(63, 124, 205, 0.8) 0%, #075398 100%);
}



/* ===================================
\   Hover effects 
/* =================================== */
.hovereffect {
   width: 100%;
   height: 100%;
   float: left;
   overflow: hidden;
   position: relative;
   cursor: default;
   background: #0d4980;
}

.hovereffect .overlay {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   padding: 50px 20px;
}

.hovereffect .hovereffect-bg {
   display: block;
   position: relative;
   max-width: none;
   width: calc(100% + 20px);
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
   /*-webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);*/
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   margin: 0;
   height: 100%;
   min-height: 100%;
}

.hovereffect:hover .hovereffect-bg,
.hovereffect:active .hovereffect-bg {
   opacity: 0.35;
   filter: alpha(opacity=35);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
   filter: alpha(opacity=35);
   -moz-opacity: 0.35;
   -khtml-opacity: 0.35;
   opacity: 0.35;
}

.hovereffect span {
   position: absolute;
   bottom: 20px;
   left: 20px;
   text-transform: uppercase;
   color: #fff;
   letter-spacing: 0;
   max-width: 90%;
   font-size: 16px;
   font-weight: 500;
   overflow: hidden;
   padding: 8px;
   background-color: rgba(1, 83, 151, 0.9);
   margin: 0px;
}

.hovereffect a,
   {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   color: #FFF;
   text-align: center;
}

.hovereffect span:hover {
   background-color: rgba(1, 83, 151, 1);
   color: #eeeeee !important;
}





/* Media Queries */
@media screen and (max-width: 960px) {
   .parent {
      width: 100%;
      margin: 0px 0px
   }

   .wrapper {
      padding: 20px 20px;
   }
}


@media screen and (max-width: 768px) {
   .banner-home {
      min-height: 440px;
      width: 100%;
   }

   .carousel-banner h1 {
      position: absolute;
      bottom: 20px;
      height: auto;
   }

   .owl-banner h1 {
      font-size: 24px;
   }
}