/***************************************

    1 GERAL

***************************************/

@font-face{

	font-family:'Poppins';

	src: url('../fontes/Poppins-Medium.ttf') format('truetype');

}



body{

    font-family: 'Poppins';

    overflow-x:hidden;

}

h1 {

    font-weight: 700;

    font-size: 2.5rem;

}

h1 .destaque{

    color: black;

    font-style: italic;

}

h2 {

    font-weight: 300;

    font-size: 1.8rem;

}

h3 {

    font-size: 1.2rem;

}

h4 {

    font-weight: 300;

    font-size: 1.3rem;

    color: rgb(113, 116, 119);

}

p {

    font-size: 1.1rem;

    color: rgb(113, 116, 119);

}

.btn-tema {

    background-color: #89181b ;

    color:snow;

    font-size: 1rem;

}

.btn-tema:hover {

    background-color: #BF2C2A;

    color: snow;

}

.noticias .active {

    background-color: #BF2C2A;

    color: snow;

}

.btn-send {

    background-color:#BF2C2A;

    color: snow;

    border: 3px solid #BF2C2A;

    font-size: 1rem;

}

.btn-send:hover {

    background-color: #BF2C2A;

    border: 3px solid #BF2C2A;

    color: snow;

}

.btn-form {

    width: 100%;

}

.btn-close {

    background-color: #de2825;

    opacity: 1;

    border-radius: 100%;

    top: 0;

    right: 0;

    margin: -25px;

}

.input-pesquisa {

    padding: 1.6rem 0.5rem!important;

}

input[type=text], input[type=email], textarea {

    border: 0!important;

    padding-top: 1.8rem!important;

    padding-bottom: 1.8rem!important;

    background-color: #e9e9e9 !important;

}



.navbar .input-pesquisa {

    width: 290px;

}

.icone {

    max-width: 25px;

    max-height: 25px;

    margin: 0 5px;

}

hr{

    border: 1px solid #616063!important;

    margin:0!important;

    height: 70px;

    width: 0.1px!important;

}

/***************************************

    2 MENU

***************************************/

.logo {

    width: 350px;

}

.faixa-topo{

    background-color: white;

    padding: 0.2rem 0;

    margin:0;

    color: #fff;

    width: 100%;

    height:32px!important;

}

header h2{

    font-weight: 300;

    font-size: 0.9rem;

    color: black;

}

.nav-link {

    font-weight: 600;

    font-size: 1rem;

    color: #4b4b51!important;

}

.nav-link:hover, .nav-item .active {

    font-weight: 800;

    color: #BF2C2A!important;

}

.navbar button{

    margin: 0 auto;

}

.bgheader{

    background-image: url("https://kronox.com.br/novoteste/imagens/logo_kronox.png");

    background-repeat: no-repeat;

}

@media (max-width: 768px) {

    .bgheader {

        background-image: none;

    }

}





/***************************************

  6 MODAL POP-UP

***************************************/

.modal {

    display: none;

    position: fixed;

    z-index: 10000;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgb(0,0,0);

    background-color: rgba(0,0,0,0.9);

  }

  #img-popup {

      max-width: 1200px!important;

      max-height: 100vh!important;

      width: 50%;

      height: auto;

  }



  @media(max-width: 680px){



    #img-popup {

        width: 90%;

        height: auto;

    }



  }



  .modal-popup {

    background-color: rgba(0, 0, 0, 0.69);

  }

  .close {

    color: #706f6f;

    opacity: 0.4;

  }

  .close:hover {

    color: #dc1a3b;

    opacity: 1;

  }

/***************************************

    3 CAROUSEL

***************************************/

.slide-home #carouselExampleIndicators .carousel-indicators {

    bottom: 50px !important;

}

.slide-home #carouselExampleIndicatorscel .carousel-indicators {

    bottom: -10px !important;

}

.slide-home .carousel-indicators li {



    width: 15px !important;

    height: 15px !important;

    opacity: 1;

}

.slide-home .carousel-indicators .active {

    background-color: #BF2C2A!important;

    width: 16px !important;

    height: 16px !important;

}

.slide-home div.masthead {

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    min-height: 350px;

    height: 75vh;

    background-size: cover;

}



@media (max-width: 1350px) and (min-width: 930px){



    .slide-home div.masthead{

        height: 55vh;

    }



}



@media (max-width: 929px) and (min-width:450px){



    .slide-home div.masthead{

        height: 30vh;

        min-height: auto;

    }



}



.slide-home .mascara-slide {

background: rgb(255,0,0);

background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(219,46,46,0) 100%);

}

.slide-home div.masthead h1 {

    text-shadow: 0.1em 0.1em 50em black;

    font-weight: 500;

    justify-content: center;

    text-align: left;

    font-size: 3rem;

    color: white;

}

.slide-home div.masthead h2 {

    justify-content: center;

    text-align: left;

    font-size: 1.3rem!important;

    color: #FFF;

    padding-right: 10px;

}



.slide-home .carousel-caption {

    bottom: 70px !important;

}

.slide-home .carousel {

    cursor: pointer;

}

.slide-home .btn-slide {

    background-color: red ;

    color: snow;

    font-size: 1rem;



}

.slide-home .btn-slide:hover {

    background-color: red;

    color: snow;

}

@media (min-width: 992px) {

    .slide-home div.masthead {

        min-height: 550px;

        padding-top: 0;

        padding-bottom: 0;

    }

    .slide-home div.masthead h1 {

        font-size: 3rem;

    }

    .slide-home div.masthead h2 {

        font-size: 1.5rem;

    }

    .slide-home .carousel-caption {

        bottom: 100px !important;

    }

}

@media (min-width: 1200px) {

    .slide-home div.masthead h1 {

        font-size: 4rem;

    }

    .slide-home div.masthead h2 {

        font-size: 2rem;

    }

    .slide-home .w-60 {

        width: 50%!important

    }

}

/******** MOBILE **********/

.slide-home div.mastheadcel {

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    min-height: 266px;

    height: 32vh;

    background-size: cover;

    background-repeat:no-repeat;

}

.slide-home div.mastheadcel h1 {

    font-size: 2.6rem;

    color: white;

}

.slide-home div.mastheadcel h2 {

    font-size: 1.4rem;

    color: #FFF;

}



@media (min-width:450px) {

    .slide-home .slide {

        display:block;

    }

    .slide-home .slidecel {

        display:none;

    }

}

@media (max-width:449px) {

    .slide-home .slide {

        display:none;

    }

    .slide-home .slidecel {

        display:block;

    }

}

@media(max-width: 574px)  {

    .card-img-top {

        width: 100%;

        height: 20vw!important;

        object-fit: cover;

    }

    .card-guia{

        margin-right: 10px!important;

        margin-left: 10px!important;

    }

    .btn-slide{

        font-size: 1rem!important;

        padding: 0rem!important;

    }

    .icone{

        max-width: 20px!important;

        max-height: 20px!important;

    }

    footer{

        text-align: center;

    }

}



/***************************************

    4 CARDS

***************************************/

.card {

    padding-left: 0 !important;

    padding-right: 0 !important;

    box-shadow: 1px 5px 15px 1px transparent;

}

.card-img-top{

    border:0 !important;

    border-top-left-radius: 0 !important;

    border-top-right-radius: 0 !important;

}

.card-footer{

    background-color: rgba(0,0,0,0);

    border: none;

}

.card-guia {

    margin-right: 0;

    margin-left: 0;

}

.card-destaque h1 {

    font-size: 2.7rem;

}

.card-img-top {

    width: 100%;

    height: 10vw;

    object-fit: cover;

}

.card h2{

    font-size: 1.2rem;

    font-weight: 900;

}

.card h3{

    font-size: 1rem;

    color: grey;

}

.card p{

    font-size: 1rem;

    font-weight: 300;

}

.card-noticia{

    max-height: 132px;

    width: 218px;

}

/***************************************

    4 CAPA PAGINAS

***************************************/

.capa {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.capa {

    height: 220px;

}

@media only screen and (max-width: 600px) {

    .capa {

        height: 250px;

    }

}

.mascaracapa {

    background-color: rgba(0, 0, 0, 0.6);

    height: 100%;

    width: 100%;

 }



.mascaracard .card-img-top{

    background: rgb(138,138,138);

    background: -moz-linear-gradient(180deg, rgba(138,138,138,1) 0%, rgba(52,58,64,1) 50%);

    background: -webkit-linear-gradient(180deg, rgba(138,138,138,1) 0%, rgba(52,58,64,1) 50%);

    background: linear-gradient(180deg, rgba(138,138,138,1) 0%, rgba(52,58,64,1) 50%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8a8a8a",endColorstr="#343a40",GradientType=1);

    position:relative;

 }





/***************************************

    5 REDES SOCIAIS

***************************************/

.facebook {

    width:30px;

    height:30px;

    background-image: url('../imagens/icone-facebook-round.png');

    background-size:cover;

    transition:.5s;

}

.facebook:hover {

    background-image: url('../imagens/icone-facebook-round-hover.png');

}

.facebook {

    width:30px;

    height:30px;

    padding:0!important;

}

.instagram {

    width:30px;

    height:30px;

    background-image: url('../imagens/icone-instagram-round.png');

    background-size:cover;

    transition:.5s;

}

.instagram:hover {

    background-image: url('../imagens/icone-instagram-round-hover.png');

}

.instagram {

    width:30px;

    height:30px;

    padding:0!important;

}

.whatsapp {

    width:30px;

    height:30px;

    background-image: url('../imagens/icone-whatsapp-round.png');

    background-size:cover;

    transition:.5s;

}

.whatsapp:hover {

    background-image: url('../imagens/icone-whatsapp-round-hover.png');

}

.whatsapp {

    width:30px;

    height:30px;

    padding:0!important;

}

/***************************************

    6 FALE CONOSCO

***************************************/

.fale-conosco{

    background-color:black;

    background-size:cover;

    height: 435px;

    color: white;

}

.faixa h1{

    color: #fff;

}

.faixa h3{

    color: #fff;

}

.faixa .destaque{

    color: #fff;

    font-style: italic;

}





/***************************************

    6 RODAPE

***************************************/

footer {

    font-family: 'Poppins';

    background-color: #0E0000;

}

.direitos {

    background-color: black;

}

.direitos p{

    font-size: 1rem;

}

.direitos a{

    font-size: 1rem;

}

footer h2 {

    font-weight: 700;

    font-size: 1.3rem;

    color: #fff!important;

}

footer h3 {

    font-weight: 300;

    font-size: 1rem;

    color: #fff!important;

}

footer p{

    font-size: 1.3rem;

    color: #fff!important;

}

.material-icons {

    text-align: center;

    vertical-align: middle;

}

footer a{

    text-decoration: none!important;

    font-size: 1.3rem;

}

footer .active{

    color: #de2825!important;

    font-weight: 700!important;

}

footer a:hover small{

    font-weight: 700!important;

}

.hidden {

    display: none;

}

footer input[type=email] {

    padding-top: 1.2rem!important;

    padding-bottom: 1.2rem!important;

}







/*******************************

        Button Topo Menu

*******************************/



.buttonportal {

  border: none;

  color: white;

  padding: 8px 16px!important;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

  transition-duration: 0.4s;

  cursor: pointer;

}



.button1portal {

    background: #BF2C2A;

    /* background: -moz-linear-gradient(90deg, rgba(230,21,21,1) 0%, rgba(255,0,0,1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(230,21,21,1) 0%, rgba(255,0,0,1) 100%);

    background: linear-gradient(90deg, rgba(230,21,21,1) 0%, rgba(255,0,0,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e61515",endColorstr="#ff0000",GradientType=1); */

    color: white!important;

    border-radius:20px;

}



.button1portal:hover {

    background: #BF2C2A;

    /* background: -moz-linear-gradient(90deg, rgba(230,21,21,1) 0%, rgba(255,0,0,1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(230,21,21,1) 0%, rgba(255,0,0,1) 100%);

    background: linear-gradient(90deg, rgba(230,21,21,1) 0%, rgba(255,0,0,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e61515",endColorstr="#ff0000",GradientType=1); */

    color: white!important;

    border-radius:20px;

}



.navbar::after {

    content:'';

    width: 100%;

    height: 3.7px;

    background-image: linear-gradient( to right, #BF2C2A 0%, #BF2C2A 100% );

    position: absolute;

    bottom: 0;

    left:0;

}





@media only screen and (max-width: 768px) {

    .button1portal {

        background: #BF2C2A;

        /* background: -moz-linear-gradient(90deg, rgba(230,21,21,1) 0%, rgba(255,0,0,1) 100%);

        background: -webkit-linear-gradient(90deg, rgba(230,21,21,1) 0%, rgba(255,0,0,1) 100%);

        background: linear-gradient(90deg, rgba(230,21,21,1) 0%, rgba(255,0,0,1) 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e61515",endColorstr="#ff0000",GradientType=1); */

        color: white!important;

        border-radius:20px;

        margin-bottom:40px!important;

    }

}





/*********************************

	Cards produtos

*********************************/



.projcard-container {

	margin: 50px 0;

}



/* Actual Code: */

.projcard-container,

.projcard-container * {

	box-sizing: border-box;

}

.projcard-container {

	margin-left: auto;

	margin-right: auto;

	width: 1000px;

}



.projcard {

	position: relative;

	width: 100%;

	height: 300px;

	margin-bottom: 40px;

	border-radius: 10px;

	background-color: #fff;

	font-size: 18px;

	overflow: hidden;

	cursor: pointer;

	box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .30);

	transition: box-shadow 0.2s ease, transform 0.2s ease;

}





/* @media(max-width:768px) {

    .projcard {

	position: relative;

	width: 30%;

	height: 150px;

	margin-bottom: 40px;

    margin-left:3%;

	border-radius: 10px;

	background-color: #fff;

	font-size: 18px;

	overflow: hidden;

	cursor: pointer;

	box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .30);

	transition: box-shadow 0.2s ease, transform 0.2s ease;

}



.projcard-container{

        width:auto;

        height:100%;

    }

.projcard-img {

	position: absolute;

    width: 40%;

    height: 40vw;

    object-fit: cover;

	margin-top: 07%;

	left: 0;

	transition: transform 0.2s ease;

}

} */



@media(max-width:768px) {

    .projcard-container{

        width:auto;

        height:100%;

    }

    .projcard-textbox {

        top: 7%;

        bottom: 7%;

        left: 10%;

        font-size: 12px;

        width:85%;

    }

    .projcard:nth-child(2n) .projcard-textbox {

        left: initial;

        right: 5%;

    }



    .projcard-img {

       display:none;

    }

    .projcard {

        position: relative;

        width: 95%;

        height: 150px;

        margin-bottom: 40px;

        margin-left:3%;

        border-radius: 10px;

        background-color: #fff;

        font-size: 18px;

        overflow: hidden;

        cursor: pointer;

        box-shadow: 0 4px 21px -12px rgba(0, 0, 0, .30);

        transition: box-shadow 0.2s ease, transform 0.2s ease;

    }

    .projcard-title {

        font-size: 24px!important;

    }

    .projcard-description{

       display:none;

    }

    .projcard-bar {

        left: -2px;

        width: 150px!important;

        height: 5px;

        margin: 10px 0;

        border-radius: 5px;

        background-color: #424242;

        transition: width 0.2s ease;

    }

}



.projcard:hover {

	box-shadow: 0 34px 32px -33px rgba(0, 0, 0, .18);

	transform: translate(0px, -3px);

}

.projcard::before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background-image: linear-gradient(-70deg, #424242, transparent 50%);

	opacity: 0.07;

}

.projcard:nth-child(2n)::before {

	background-image: linear-gradient(-250deg, #424242, transparent 50%);

}

.projcard-innerbox {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

}

.projcard-img {

	position: absolute;

    /* max-width: 30vh;

    max-height: 30vw;

    object-fit: cover;

	top: 0;

	left: 0;

	transition: transform 0.2s ease; */

}

.projcard:nth-child(2n) .projcard-img {

	left: initial;

	right: 0;

}

.projcard:hover .projcard-bar {

	width: 70px;

}

.projcard-textbox {

	position: absolute;

	top: 7%;

	bottom: 7%;

	left: 50%;

	width: calc(100% - 570px);

	font-size: 17px;

}

.projcard:nth-child(2n) .projcard-textbox {

	left: initial;

	right: 50%;

}

@media(max-width:768px) {

    .projcard-textbox {

        position: absolute;

        top: 7%;

        bottom: 7%;

        left: 45%;

        width: calc(100% - 670px);

        font-size: 17px;

    }

    .projcard:nth-child(2n) .projcard-textbox {

        left: initial;

        right: 90%;

    }

    .projcard-img {

        position: absolute;

        width: 35%;

        height: 50vw;

        object-fit: cover;

        top: 0;

        left: 0;

        transition: transform 0.2s ease;

    }

}

.projcard:nth-child(2n) .projcard-textbox::before {

	display: none;

}

.projcard-textbox::after {

	display: none;

	left: initial;

	right: -55px;

}

.projcard:nth-child(2n) .projcard-textbox::after {

	display: block;

}

.projcard-textbox * {

	position: relative;

}

.projcard-title {

	font-size: 38px;

}

.projcard-subtitle {

	color: #888;

}

.projcard-bar {

	left: -2px;

	width: 50px;

	height: 5px;

	margin: 10px 0;

	border-radius: 5px;

	background-color: #424242;

	transition: width 0.2s ease;

}

.projcard-blue .projcard-bar { background-color: #0088FF; }

.projcard-blue::before { background-image: linear-gradient(-70deg, #0088FF, transparent 50%); }

.projcard-blue:nth-child(2n)::before { background-image: linear-gradient(-250deg, #0088FF, transparent 50%); }

.projcard-red .projcard-bar { background-color: #D62F1F; }

.projcard-red::before { background-image: linear-gradient(-70deg, #D62F1F, transparent 50%); }

.projcard-red:nth-child(2n)::before { background-image: linear-gradient(-250deg, #D62F1F, transparent 50%); }

.projcard-green .projcard-bar { background-color: #40BD00; }

.projcard-green::before { background-image: linear-gradient(-70deg, #40BD00, transparent 50%); }

.projcard-green:nth-child(2n)::before { background-image: linear-gradient(-250deg, #40BD00, transparent 50%); }

.projcard-yellow .projcard-bar { background-color: #F5AF41; }

.projcard-yellow::before { background-image: linear-gradient(-70deg, #F5AF41, transparent 50%); }

.projcard-yellow:nth-child(2n)::before { background-image: linear-gradient(-250deg, #F5AF41, transparent 50%); }

.projcard-orange .projcard-bar { background-color: #FF5722; }

.projcard-orange::before { background-image: linear-gradient(-70deg, #FF5722, transparent 50%); }

.projcard-orange:nth-child(2n)::before { background-image: linear-gradient(-250deg, #FF5722, transparent 50%); }

.projcard-brown .projcard-bar { background-color: #C49863; }

.projcard-brown::before { background-image: linear-gradient(-70deg, #C49863, transparent 50%); }

.projcard-brown:nth-child(2n)::before { background-image: linear-gradient(-250deg, #C49863, transparent 50%); }

.projcard-grey .projcard-bar { background-color: #424242; }

.projcard-grey::before { background-image: linear-gradient(-70deg, #424242, transparent 50%); }

.projcard-grey:nth-child(2n)::before { background-image: linear-gradient(-250deg, #424242, transparent 50%); }

.projcard-customcolor .projcard-bar { background-color: var(--projcard-color); }

.projcard-customcolor::before { background-image: linear-gradient(-70deg, var(--projcard-color), transparent 50%); }

.projcard-customcolor:nth-child(2n)::before { background-image: linear-gradient(-250deg, var(--projcard-color), transparent 50%); }



.projcard-description {

	z-index: 10;

	/* font-size: 15px; */

	font-size: medium;

	color: #424242;

	height: 125px;

	overflow: hidden;

	text-overflow: ellipsis;

}

.projcard-tagbox {

	position: absolute;

	bottom: 3%;

	font-size: 14px;

	cursor: default;

	user-select: none;

	pointer-events: none;

}

.projcard-tag {

	display: inline-block;

	background: #E0E0E0;

	color: #777;

	border-radius: 3px 0 0 3px;

	line-height: 26px;

	padding: 0 10px 0 23px;

	position: relative;

	margin-right: 20px;

	cursor: default;

	user-select: none;

	transition: color 0.2s;

}

.projcard-tag::before {

	content: '';

	position: absolute;

	background: #fff;

	border-radius: 10px;

	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);

	height: 6px;

	left: 10px;

	width: 6px;

	top: 10px;

}

.projcard-tag::after {

	content: '';

	position: absolute;

	border-bottom: 13px solid transparent;

	border-left: 10px solid #E0E0E0;

	border-top: 13px solid transparent;

	right: -10px;

	top: 0;

}



/* WHATSAPP */



.whats{

    position:fixed;

    width:48px;

    height:48px;

    bottom:40px;

    right:40px;

    background-color:#25d366;

    color:#FFF;

    border-radius:50px;

    text-align:center;

    font-size:30px;

    box-shadow: 2px 2px 3px #999;

    z-index:100;

}



.my-whats{

    margin-top:8px;

}





/*********************************

	Cards noticias

*********************************/





.page-noticia{

    width: 100%;

    display: flex;

    align-items: center;

    flex-direction: column;

    margin-top: 100px;

}



.page-noticia a{

    width: 100%;

    height: auto;

    text-decoration: none;

    color: black;

    font-family: 'Poppins';



    /* display: block; */

}



.row-noticia{

    width: 690px;

    height: auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 30px;

    margin-bottom: 25px;

}



.card-noticia{

    width: 100%;

    height: 175px;

    display: flex;

    transition: all 150ms;

    max-height: 175px;

}



.card-noticia:hover{

    background-color: rgb(240, 240, 240);

    box-shadow: 0px 0px 10px -1px rgb(73, 73, 73);

    transition: all 200ms;

    cursor: pointer;

}



.card-noticia:hover img{

    /* width: 110%; */

    transform: scale(1.1);

    transition: all 200ms;

}



.img-noticia{

    width: 35%;

    height: 100%;

    /* border: 1px solid green; */

    /* border-radius: 20px; */

    /* border-top-left-radius: 20px; */

    /* border-bottom-left-radius: 20px; */

    overflow: hidden;

}



.img-noticia > img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    /* border-radius: 20px; */

    transition: all 150ms;

}





.box-text-noticia{

    position: relative;

    width: 65%;

    height: 100%;

    /* border: 1px solid blue; */

    padding: 4px 25px;

    font-family: Arial, Helvetica, sans-serif;

    overflow: hidden;



}



.box-text-noticia h1{

    font-size: 29px;

    margin-bottom: 8px;

    color: #4b4b51;

    margin-top: 6px;

}



.box-text-noticia:hover h1{

    color: #4b4b51;

}





.box-text-noticia label{

    position: absolute;

    bottom: -3px;

    right: 6px;

    color: white;

    padding: 3px 5px;

    background-color: #BF2C2A;

}



.box-text-noticia label:hover{

    cursor: pointer;

}



.noticia-linha{

    width: 100%;

    border-top: 1px solid #c9c9c9;

    margin-top: 20px;

    margin-bottom: 20px;

}



.box-text-noticia p{

    font-size: 16px;

    text-align: justify;

    display: block;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    text-overflow: ellipsis;

}



.box-text-noticia span{

    font-size: 14px;

    font-weight: bolder;

    color: #BF2C2A;

}



@media (max-width: 820px) {

    .card-noticia {

        width: 100%;

        height: auto;

        max-height: none;

        flex-direction: column;

    }



    .row-noticia {

        width: 350px;

    }





    .img-noticia{

        width: 100%;

        border-top-left-radius: 20px;

        border-top-right-radius: 20px;

        border-bottom-left-radius: 0px;

    }





    .box-text-noticia h1 {

        font-size: 22px;

        margin-bottom: 8px;

    }



    .box-text-noticia p {

        font-size: 14px;

    }



    .box-text-noticia {

        width: 100%;

        padding: 15px 13px;

        min-height: 130px;

    }





}









.noticia-class h1{

    color: black;

}



.noticia-class p{

    font-size: 1rem;

    color: black;

    margin-bottom: 0px;

}



/* .noticia-class img{

    width: 100%;

    height: auto;

} */

























.box-noticia-home {



    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 100px 0px;

    flex-direction: column;



}





.row-noticia-home{

    /* margin-top: 300px; */

    width: 1140px;

    min-height: 300px;

    display: flex;

    justify-content: space-between;

}



.row-noticia-home a{

    text-decoration: none;

    color: black;

}





.row-noticia-home .card{

    width: 350px;

    display: flex;

    flex-wrap: wrap;

    border:  1px solid #e3e3e3;

    min-height: 350px;

    height: auto;

}



.row-noticia-home .card:hover{

    cursor: pointer;

    box-shadow: 0px 0px 10px -4px black;

}



.row-noticia-home .card:hover img{

    transform: scale(1.1);

    transition: all 200ms;

}



.row-noticia-home .box-img{

    width: 100%;

    height: 225px;

    overflow: hidden;

    /* object-fit: cover; */

}



.row-noticia-home .box-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 150ms;

}



.row-noticia-home .text{

    width: 100%;

    min-height: 178px;

    padding: 15px 13px;

    position: relative;



}



.row-noticia-home span{

    font-size: 14px;

    font-weight: bolder;

    color: #BF2C2A;

}



.row-noticia-home h1{

    color: #4b4b51;

    margin-top: 6px;

    font-size: 22px;

    margin-bottom: 8px;

}



.row-noticia-home p{

    text-align: justify;

    font-size: 14px;

}



.row-noticia-home label{

    bottom: 7px;

    right: 8px;

    color: white;

    padding: 4px 7px;

    background-color: #BF2C2A;

    position: absolute;

}



.row-noticia-home label:hover{

    cursor: pointer;

}





/*



PÁGINA ELEVATÓRIAS



*/







.dmob-produto{

   width: 33.4%;

   padding: 0 25px;

}



.ddesk-produto{

    width: 66.6%;

}



@media (max-width: 1140px){

    .row-noticia-home{

        flex-direction: column;

        align-items: center;

        row-gap: 20px;

    }



    .dmob-produto{

        display: none;

    }



    .ddesk-produto{

        width: 100%;

        padding: 0px 15px;

    }

}





.linha-produto{

    width: 100%!important;

    height: 0!important;

    border: 1px solid #cfcfcf!important;

    margin-bottom: 35px!important;

}



.conteudo hr{

    width: 100%!important;

    height: 0!important;

    border: 1px solid #cfcfcf!important;

    /* margin-bottom: 35px!important; */

}





@media (max-width: 992px){



    .video-produto{

        width: 350px!important;

        height: 190px!important;

    }



}



.col-50prod{

    width: calc(50% - 20px);

}



.col-50prod img{

    box-shadow: 0px 0px 16px -6px #292929;

}



.img-prod-elevatoria{

    justify-content: space-between;

}





@media (max-width: 1140px){

    .col-50prod{

        width: calc(100% - 30px)

    }



    .img-prod-elevatoria{

        justify-content: center;

        row-gap: 20px;

    }



}







/********************



PRODUTOS



*********************/



.row-produto-card{

    display: flex;

    justify-content: space-between;

    width: 1140px;

}



.card-produto{

    width: 350px;

    min-height: 400px;

    /* height: 400px; */

    /* border: 1px solid black; */

    /* object-fit: scale-down; */

    /* position: relative; */

    position: relative;

    box-shadow:  6px 6px 12px 0px rgb(90, 90, 90);

    overflow: hidden;

    background-color: rgb(216, 216, 216);

    border-radius: 10px;

    /* border: rgba(184, 184, 184, 0.911) 1px solid; */

}



.card-produto:hover{

    cursor: pointer;

    /* border: 1px solid black; */

}



.bloco1{

    width: 100%;

    height: 400px;

    position: relative;

    overflow: hidden;

}



.mascara-card-produto{

    background-color: rgba(0, 0, 0, 0.486);

    width: 100%;

    height: 100%;

    position: relative;

    /* position: absolute; */

    /* transition: 600ms; */

    transition: 600ms;

    transform: translateY(100%);

    color: white;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    /* border-radius: 10px; */

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.mascara-card-produto p{

    font-size: 16px;

    color: white;

}



.card-produto img{

    width: 100%;

    object-fit: cover;

    z-index: 1;

    position: relative;

    top: -380px;

}





.active{

    transform: translateY(0);

    transition: 600ms;

}



.mascara-card-produto .box-button{

    margin-top: 20px;

    width: 100%;

    display: flex;

    justify-content: center;

}



.mascara-card-produto button{

    font-weight: bolder;

    font-size: 1.05rem;

    color: white;

    background-color: rgb(158, 48, 44);

    border: none;

    padding: 5px 10px;

    border-radius: 5px;

}



.mascara-card-produto button:hover{

    cursor: pointer;

}



.row-produto-card a{

    text-decoration: none;

}





.card-produto:hover .box-text{

    background-color: rgb(158, 48, 44);

    color: white;

}



.card-produto .box-text{

    background-color: whitesmoke;

    padding: 15px 20px;

    text-align: center;

    font-size: 18px;

    font-weight: bolder;

    color: rgb(158, 48, 44);

    transition: 500ms;

}





@media (max-width: 1170px){

    .row-produto-card{

        flex-direction: column;

        align-items: center;

        row-gap: 20px;

    }



    .card-produto .box-text{

        background-color: rgb(158, 48, 44);

        color: white;

    }



}