/*modelo 4 */

.home-modelo-4 {position: relative; margin-bottom: 4px; transition: 1s;}
.home-modelo-4 .descricao {position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 30px 15px 10px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,#000000 100%);}

.home-modelo-4 .descricao h2 a {color: #fff; text-shadow: 1px 1px 2px #000; font-size: 44px; line-height: 1.1; font-weight: 900; margin-bottom: 10px;}
.home-modelo-4 .descricao span {text-shadow: 1px 1px 2px #000; display: block; font: 16px "webfontregular", sans-serif; font-weight: normal; line-height: 21px; }
.home-modelo-4:hover {transition: 1s;}
.home-modelo-4 .descricao:hover {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,#000000 70%); transition: 1s;}

.home-4-list {padding: 0; list-style: none; margin-bottom: 0;}
.home-4-list li .categoria-4 {display: block; font-weight: bold; color: #005297; font-size: 16px; letter-spacing: -.2px; line-height:.9; margin: 0 0 5px 0;}
.home-4-list li h2 {margin: 0 0 8px 0;}
.home-4-list li h2 a {font-size: 23px; font-weight: 900; line-height: 28px;}

.home-4-list li .home-3-featured {padding-bottom: 30px;}
.home-4-list li .description {margin-bottom: 0; padding-bottom: 0;}



/* modelo 5 */
.home-modelo-5 .carousel-inner {padding: 0; list-style: none;}
.home-modelo-5 .carousel-inner li .desciption {color: #666; font: 16px "webfontregular", sans-serif; font-weight: normal; line-height: 21px; padding-bottom: 10px; display: block;}

.home-modelo-5 .carousel-indicators li {width: 26px; height: 17px;}
.home-modelo-5 .carousel-indicators .active {background: #00519B; width: 26px; height: 17px;}


.home-modelo-5 ul li h2 a {margin-top: 10px; font-size: 32px; line-height: 1.1;}
.home-modelo-5 ul li img {height: auto !important;}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/* ### Modelo COBERTURAS ### */
.coberturas {padding-bottom: 25px;}
.coberturas .home-3-featured h2 {margin: 0;}
.coberturas .home-3-featured h2 a {font-size: 17px; line-height: 1.2;}
.coberturas .home-3-featured .description {font-size: 14px; line-height: 1.2;}
.coberturas .home-3-featured .categoria-cobetura {display: block; font-weight: bold; color: #005297; font-size: 14px; letter-spacing: -.2px; line-height:.9; margin: 0 0 5px 0;}
.coberturas .home-3-featured a img {max-width: 100%; margin-bottom: 5px;}

.coberturas .home-3-featured:nth-child(2) {margin-bottom: 0; border:0;}
.coberturas .home-3-featured:nth-child(2)  h2 a {margin-bottom: 0;}

.coberturas .cobertura-manchete .home-5-featured {text-align: center; margin-bottom: 32px; padding-bottom: 25px; border-bottom: 1px solid #ccc;}
.coberturas .cobertura-manchete .home-5-featured h2 a {display: block;color:#000; /*font-size: 40px; line-height: 1.1;*/ font-weight: 900; margin-bottom: 10px; font-size: calc(1.6rem + 1.3vw);}

.coberturas .cobertura-manchete .home-5-featured .description {padding-bottom: 0;}


.cobertura-chapeu {position: relative; text-align: center;}
.cobertura-chapeu span {position: relative; background: #fff; padding: 0 20px; font-size: 24px; font-weight: 900; color: #005297; display: inline-block; z-index: 10;}
.cobertura-chapeu:before {content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; top:50%; left:0; margin-top: -1px;}

.cobertura-main {position: relative;}
.cobertura-main a img {max-width: 100%; height: auto;}
.cobertura-main h2 {margin: 0; padding: 5px 10px; position: absolute; bottom: 0; left: 0; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.82)); font-size: calc(1.6rem + 1.3vw);}
.cobertura-main h2 a {font-weight: bold; color:#fff; text-shadow: 1px 1px 0 #000; display: block;}
/*fim*/



/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


@media (max-width: 1024px) {

    .home-modelo-4 {margin-bottom: 0;}
    .home-modelo-4 a img {max-width: 100%; height: auto;}

}

@media (max-width: 768px) {


    .cobertura-main {margin: 27px 0 32px; padding-top: 32px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-bottom: 22px;}
    .home-modelo-4 a img {width: 100%; height:auto;}

    .coberturas .home-3-featured a img {width: 100%; height: auto; margin-bottom: 8px;}


    .coberturas .home-3-featured h2 a,
    .coberturas .cobertura-manchete .home-5-featured h2 a {font-size: 22px;line-height: 1.1;font-weight: 900;}
    .coberturas .home-3-featured .categoria-cobetura,
    .coberturas .home-3-featured .description {font-size: 16px;}


}

@media (max-width: 480px) {

    .home-modelo-4 {margin-bottom: 32px;}
    .home-modelo-4 a img {width: 100%; height:auto;}

    .home-modelo-4 .descricao {position: relative; padding: 10px 15px 10px; background: #000; transition: 1s;}
    .home-modelo-4 .descricao h2 a {font-size: 24px; font-weight: 900; line-height: 28px;}
    .home-modelo-4 .descricao span {text-shadow: 1px 1px 2px #000; display: block; font: 16px "webfontregular", sans-serif; font-weight: normal; line-height: 21px; }

    /* ---- */

    .home-4-list .home-3-featured {padding-bottom: 23px;}
    .home-4-list .home-3-featured .description { padding-bottom: 0 !important; }

    .home-modelo-5 ul li h2 a {
        font-size: 22px;
        line-height: 1.1;
        font-weight: 900;
    }


    /* ### Modelo COBERTURAS ### */
    .coberturas {padding-bottom: 5px;}

    .coberturas .home-3-featured .description {padding-bottom: 10px;}

    .cobertura-main {margin: 10px 0 28px;}
    .cobertura-main h2 {position: relative; background: transparent; padding: 0; margin-top: 5px;}
    .cobertura-main h2 a {color: #000; text-shadow: none; font-weight: bold;}

}