@charset "utf-8";
/*rehaumarketing.idbdd.com*/
@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSans/BrixSansLight.woff2') format('woff2'),
        url('../fonts/BrixSans/BrixSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSans/BrixSansMedium.woff2') format('woff2'),
        url('../fonts/BrixSans/BrixSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSans/BrixSansRegular.woff2') format('woff2'),
        url('../fonts/BrixSans/BrixSansRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSans/BrixSansBlack.woff2') format('woff2'),
        url('../fonts/BrixSans/BrixSansBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSans/BrixSansBold.woff2') format('woff2'),
        url('../fonts/BrixSans/BrixSansBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




body, html{width:100%;height:100%;background: #FFF;color: #000;font-size: 16px;}
body{font-family: 'Brix Sans', sans-serif;font-weight:400;}

img{max-width: 100%;height: auto;}

.font-weight-thin{font-weight: 100 !important;}
.font-weight-xlight{font-weight: 200 !important;}
.font-weight-medium{font-weight: 500 !important;}
.font-weight-sbold{font-weight: 600 !important;}
.font-weight-xbold{font-weight: 800 !important;}
.font-weight-black{font-weight: 900 !important;}

.anchor{top:-25px;}

a{transition: color .15s ease-in-out, background-color .15s ease-in-out, background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
a:hover{text-decoration: none;}

.rounded-50rem{ border-radius:0.5rem;}
.rounded-75rem{ border-radius:0.75rem;}
.rounded-100rem{ border-radius:1rem;}
.rounded-150rem{ border-radius: 1.5rem;}
.rounded-200rem{ border-radius: 2rem;}
.rounded-50p{ border-radius: 50%;}
.rounded-top-100rem{
	border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-bottom-100rem{	
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
/*tipologias*/
p, button, ul, ol {font-size:1rem;line-height: 1.3;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-size:1.5rem;line-height: 1.3;}

.lh-100{line-height: 1;}
.lh-110{line-height: 1.1;}
.lh-120{line-height: 1.2;}
.lh-130{line-height: 1.3;}
.lh-140{line-height: 1.4;}
.lh-150{line-height: 1.5;}
.lh-160{line-height: 1.6;}

.font-sm-12{font-size: 0.75rem;}
.font-sm-13{font-size: 0.8125rem;}
.font-sm-14{font-size: 0.875rem;}
.font-sm-15{font-size: 0.9375rem;}
.font-sm-16{font-size: 1rem;}
.font-sm-17{font-size: 1.0625rem;}
.font-sm-18{font-size: 1.125rem;}
.font-sm-20{font-size: 1.25rem;}
.font-sm-21{font-size: 1.3125rem;}
.font-sm-22{font-size: 1.375rem;}
.font-sm-24{font-size: 1.5rem;}
.font-sm-26{font-size: 1.625rem;}
.font-sm-28{font-size: 1.75rem;}
.font-sm-30{font-size: 1.875rem;}
.font-sm-32{font-size: 2rem;}
.font-sm-36{font-size: 2.25rem;}
.font-sm-40{font-size: 2.5rem;}
.font-sm-44{font-size: 2.75rem;}
.font-sm-48{font-size: 3rem;}
.font-sm-52{font-size: 3.25rem;}
.font-sm-56{font-size: 3.5rem;}
.font-sm-60{font-size: 3.75rem;}
.font-sm-64{font-size: 4rem;}
.font-sm-68{font-size: 4.25rem;}
.font-sm-72{font-size: 4.5rem;}
.font-sm-76{font-size: 4.75rem;}
.font-sm-80{font-size: 5rem;}
.font-sm-84{font-size: 5.25rem;}
.font-sm-88{font-size: 5.5rem;}
.font-sm-92{font-size: 5.75rem;}
.font-sm-96{font-size: 6rem;}
.font-sm-104{font-size: 6.5rem;}
.font-sm-112{font-size: 7rem;}
.font-sm-120{font-size: 7.5rem;}
.font-sm-128{font-size: 8rem;}
/*fim tipologias*/

.bg-black{background-color:#000;}
.text-black{color:#000;}

.bg-rosa{background-color:#dd0060;}
.text-rosa{color:#dd0060;}

.bg-cinza{background-color:#EDEDED;}
.text-cinza{color:#EDEDED;}

.bg-white-1{background-color:#EFEFEF;}
.text-white-1{color:#EFEFEF;}

.btn-verde-preto-1{background-color:#00B693; color:#FFF;}
.btn-verde-preto-1:hover{background-color:#000; color:#FFF;}
.btn span{}
.btn i{
    right: 1rem;
    top: 1.1rem;
}
#home-banner .btn i{
    top: 2rem;
}

.seta{
    background-image:url(../imgs/seta-22x26.png);
    width:22px;
    height:26px;
    display: block;
    position: absolute;
    left: -25px;
    top: 5px;
}
.logo{
    width: 240px;
}

#bbody{min-height:90vh;}

#home-banner{
    background-color:#000;
    background-size:cover;
    background-position:50% 0px;
}

/**SWIPER**/
.swiper-button-next, .swiper-button-prev{
	color:#fff;
}
#home-banner .video-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
#home-banner .video-bg .overlay {
    background: rgb(0 0 0 / 50%);
    z-index: 2333;
    top: 0px;
    left: 0px;
}
@media (min-width:375px){
.container{max-width: 360px;}

}

@media (min-width:480px){
.container{max-width: 420px;}
	
}

@media (min-width:576px){
.container {max-width: 540px;}
#home-banner .btn i{
    top: 1.1rem;
}	
}
@media (min-width:768px){
.container {max-width: 720px;}
/*tipologias*/
.font-md-12{font-size: 0.75rem;}
.font-md-13{font-size: 0.8125rem;}
.font-md-14{font-size: 0.875rem;}
.font-md-15{font-size: 0.9375rem;}
.font-md-16{font-size: 1rem;}
.font-md-17{font-size: 1.0625rem;}
.font-md-18{font-size: 1.125rem;}
.font-md-20{font-size: 1.25rem;}
.font-md-21{font-size: 1.3125rem;}
.font-md-22{font-size: 1.375rem;}
.font-md-24{font-size: 1.5rem;}
.font-md-26{font-size: 1.625rem;}
.font-md-28{font-size: 1.75rem;}
.font-md-30{font-size: 1.875rem;}
.font-md-32{font-size: 2rem;}
.font-md-36{font-size: 2.25rem;}
.font-md-40{font-size: 2.5rem;}
.font-md-44{font-size: 2.75rem;}
.font-md-48{font-size: 3rem;}
.font-md-52{font-size: 3.25rem;}
.font-md-56{font-size: 3.5rem;}
.font-md-60{font-size: 3.75rem;}
.font-md-64{font-size: 4rem;}
.font-md-68{font-size: 4.25rem;}
.font-md-72{font-size: 4.5rem;}
.font-md-76{font-size: 4.75rem;}
.font-md-80{font-size: 5rem;}
.font-md-84{font-size: 5.25rem;}
.font-md-88{font-size: 5.5rem;}
.font-md-92{font-size: 5.75rem;}
.font-md-96{font-size: 6rem;}
.font-md-104{font-size: 6.5rem;}
.font-md-112{font-size: 7rem;}
.font-md-120{font-size: 7.5rem;}
.font-md-128{font-size: 8rem;}
/*fim tipologias*/
#home-banner .btn i{
    top: 2rem;
}
	

#home-banner{
    background-image:url(../public/rehau-ws-banner-1920x690.jpg);
    height: 437px;
}

#home-banner .txt {
}
#home-banner .txt{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
    padding: 30px 0px;
}
	
#home-01{
    background-image:url(../public/rehau-ws-secao01-1920x690.jpg);
    background-size:cover;
    background-position:50% 0px;
    height: 480px;
}    
#home-01 .txt{
    position: absolute;
    bottom: 6%;
}	
#home-01 .title{background-color:#FFF; padding:15px;}
}



@media (min-width: 992px){
.container {    max-width: 960px;}


#home-banner{
}

#home-banner .txt{padding: 64px 0px;}
	
#home-banner .btn i{
    top: 1.1rem;
}

#home-01{
     height: 560px;
}    
#home-01 .txt{}	
#home-01 .title{}

.bg-2{
    background-image:url(../public/rehau-ws-secao02-1118x445.jpg);
    background-repeat:no-repeat;
    background-size:contain;
    width: 600px;
    height: 239px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
}   

}    



@media (min-width:1200px){
.container {    max-width: 1140px;}
/*tipologias*/
.font-xl-12{font-size: 0.75rem;}
.font-xl-13{font-size: 0.8125rem;}
.font-xl-14{font-size: 0.875rem;}
.font-xl-15{font-size: 0.9375rem;}
.font-xl-16{font-size: 1rem;}
.font-xl-17{font-size: 1.0625rem;}
.font-xl-18{font-size: 1.125rem;}
.font-xl-20{font-size: 1.25rem;}
.font-xl-21{font-size: 1.3125rem;}
.font-xl-22{font-size: 1.375rem;}
.font-xl-24{font-size: 1.5rem;}
.font-xl-26{font-size: 1.625rem;}
.font-xl-28{font-size: 1.75rem;}
.font-xl-30{font-size: 1.875rem;}
.font-xl-32{font-size: 2rem;}
.font-xl-36{font-size: 2.25rem;}
.font-xl-40{font-size: 2.5rem;}
.font-xl-44{font-size: 2.75rem;}
.font-xl-48{font-size: 3rem;}
.font-xl-52{font-size: 3.25rem;}
.font-xl-56{font-size: 3.5rem;}
.font-xl-60{font-size: 3.75rem;}
.font-xl-64{font-size: 4rem;}
.font-xl-68{font-size: 4.25rem;}
.font-xl-72{font-size: 4.5rem;}
.font-xl-76{font-size: 4.75rem;}
.font-xl-80{font-size: 5rem;}
.font-xl-84{font-size: 5.25rem;}
.font-xl-88{font-size: 5.5rem;}
.font-xl-92{font-size: 5.75rem;}
.font-xl-96{font-size: 6rem;}
.font-xl-104{font-size: 6.5rem;}
.font-xl-112{font-size: 7rem;}
.font-xl-120{font-size: 7.5rem;}
.font-xl-128{font-size: 8rem;}
/*fim tipologias*/

#home-banner{height: 490px;}

#home-banner .txt{padding: 79px 0px;}

#home-01{
     height: 760px;
}    
#home-01 .txt{}	
#home-01 .title{
    padding: 30px;

}



#home-02{}   




.logo{
    width: 300px;
}
    
}


@media (min-width:1360px){
	
#home-banner{height: 560px;}

#home-banner .txt{padding: 114px 0px;}

.bg-2{
    width: 800px;
    height: 318px;
}   

	
}




@media (min-width:1640px){
	
#home-banner{height: 690px;}

#home-banner .txt{padding: 179px 0px;}

.bg-2{
    width: 1000px;
    height: 398px;
}   
	
}


@media (min-width:1900px){
	
.bg-2{
    width: 1118px;
    height: 445px;
}   
	
}