* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
html { margin:0;padding:0;overflow-x:hidden;
  /*-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;*/
}
body { margin:0;padding:0;overflow-x:hidden;text-align:center;background-color: #000000;color:#ffffff;
  --champagne: #c9a74d;
  --darkgrey: #282828;
  --mediumgrey: #c9c9c9;
  --lightgrey: #fafafa;
  --green0:#01994e;
  --green1:#00c061;
  --green2:#004613;
  --green3:#a5be5a;

  --lightblue:#b8e2f2;
  --mediumblue:#0050aa;
  --blue1:#01589d;
  --blue2:#005abe;
  --blue3:#0063d2;
}

* {outline:0 !important;margin: 0;padding: 0;}

a, a:hover, a:active, a:focus { outline:none;}

a, a:hover, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {outline: none;outline: 0;}

input::-moz-focus-inner {
    border: 0;
}

@font-face { font-family: 'Helvetica Neue';src: url('https://promo.wavin.com/hubfs/Brazil/lpsupercpvc/assets/helveticaneue-ultralight.woff2') format('woff2');font-weight: 100;font-style: normal;font-display: swap; }
@font-face { font-family: 'Helvetica Neue';src: url('https://promo.wavin.com/hubfs/Brazil/lpsupercpvc/assets/helveticaneue.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap; }
@font-face { font-family: 'Helvetica Neue';src: url('https://promo.wavin.com/hubfs/Brazil/lpsupercpvc/assets/helveticaneue-italic.woff2') format('woff2');font-weight: 400;font-style: italic;font-display: swap; }
@font-face { font-family: 'Helvetica Neue';src: url('https://promo.wavin.com/hubfs/Brazil/lpsupercpvc/assets/helveticaneue-light.woff2') format('woff2');font-weight: 300;font-style: normal;font-display: swap; }
@font-face { font-family: 'Helvetica Neue';src: url('https://promo.wavin.com/hubfs/Brazil/lpsupercpvc/assets/helveticaneue-bold.woff2') format('woff2');font-weight: 700;font-style: bold;font-display: swap; }



#main {position:relative;min-height:100vh;font-family: Helvetica Neue;}
#main .block1 {display:flex;background-image: url('https://promo.wavin.com/hubfs/Brazil/lpsupercpvc/assets/bg.webp');background-size: cover;background-position: center center;background-repeat: no-repeat;justify-content: space-between;/*padding: 5rem 6rem 0rem 17rem;*/position: relative;}
#main .block1:before {display:block;content:'';position: absolute;width: 100%;height: 10%;bottom: 0;left:0;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
/*border: 4px solid blue;*/
}

#main .block1 .txt {/*border: 1px solid;*/display: flex;width: 28rem;text-align: left;position:relative;}
#main .block1 .txt:after {content: '';display: block;/*border: 1px solid red;*/height: 38rem;width: 33rem;background-image:url('https://promo.wavin.com/hubfs/Brazil/lpsupercpvc/assets/manometro.webp');background-size: contain;background-repeat: no-repeat;background-position: left center;}
#main .block1 .txt h1 {text-transform:uppercase;font-weight:100;font-size: 3rem;line-height: 3rem;padding:0 0 2rem 0;font-family: Helvetica Neue;color:#ffffff}

#main .block1 .txt p {padding: 0 0 2rem 0;line-height: 1.5rem;text-shadow: 1px 1px 1px #000;}
#main .block1 .txt p.destaque{font-weight: 700;font-size: 1.55rem;line-height:1.65rem;}

#main .block2 {display: flex;justify-content: center;align-items: center;/*background-image: url('../img/conexoes2.webp');background-position: 10% 50%;background-repeat: no-repeat;background-size: auto 50rem;*/position:relative;}
#main .block2 .photo {display: flex;justify-content: center;}
#main .block2 .txt {text-align:left;}
#main .block2 .txt h2 {font-weight: 400;padding:0 0 2rem 0;color:#ffffff}
#main .block2 .txt img {width:17rem;}
#main .block2 .txt p.lista {position:relative;margin:2rem 0;font-size:1.25rem}
#main .block2 .txt p.lista::before {content: '';display: block;width: 0.5rem;height: 0.5rem;position: absolute;top: 0.5rem;left: -0.75rem;background-color: #b60000;}

@media screen and (min-width:1600px){
	html {font-size:16px;}
	#main .txt {/*margin: 0 0 0 3vw;*/}
	#main .block1 {padding: 5rem 4rem 16rem 17rem;}
	#main .block1 .txt {flex-direction: column;}
	#main .block1 .txt:after {left: -33.5rem;top: 0;position: absolute;}
	#main .txt .logo {padding: 1.5rem 0 6rem 0rem;}
	#main .txt .logo img {width: 18rem;}
/*	#main .formulario {position:absolute;top:3rem; right:3vw;}*/
	#main .formulario {padding:3rem;position: relative;/*margin: -42rem 3vw auto auto;*/width:37.5rem;border-radius:3rem;}
	#main .formulario h2 {font-size: 3rem;}

	#main .formulario #f-canos {left:25rem;height:30vw;}

	#main .block2 {margin-top: -7rem;}
	#main .block2 > div {width: 50%;}
	#main .block2 .photo {margin: 0 -4vw 0 0;}
	#main .block2 .photo img {margin: 0 0 13vw 0;width: 55vw;}
	#main .block2 .txt {padding: 0 0 0 3rem;}
	#main .block2 .txt h2 {font-size: 3.75rem;width: 35rem;}
}

@media screen and (max-width:1599px) and (min-width:1280px){
	html {font-size:14px;}
	#main .txt {/*margin: 0 0 0 3vw;*/}
	#main .block1 {padding: 5rem 4rem 15rem 17rem;}
	#main .block1 .txt {flex-direction: column;}
	#main .block1 .txt:after {left: -33.5rem;top: 0;position: absolute;}
	#main .txt .logo {padding: 1.5rem 0 6rem 0rem;}
	#main .txt .logo img {width: 18rem;}
/*	#main .formulario {position:absolute;top:3rem; right:3vw;}*/
	#main .formulario {padding:3rem;position: relative;/*margin: -45rem 3vw auto auto;*/width:37.5rem;border-radius:3rem;}
	#main .formulario h2 {font-size: 3rem;}

	#main .formulario #f-canos {left:25rem;height:30vw;}

	#main .block2 {margin-top: -7rem;}
	#main .block2 > div {width: 50%;}
	#main .block2 .photo {margin: 0 -4vw 0 0;}
	#main .block2 .photo img {margin: 0 0 13vw 0;width: 55vw;}
	#main .block2 .txt {padding: 0 0 0 3rem;}
	#main .block2 .txt h2 {font-size: 3.75rem;width: 35rem;}
}

@media screen and (max-width:1279px) and (min-width:1120px){
	html {font-size:13px;}
	#main .txt {/*margin: 0 0 0 3vw;*/}
	#main .block1 {padding: 5rem 4rem 14rem 17rem;}
	#main .block1 .txt {flex-direction: column;}
	#main .block1 .txt:after {left: -33.5rem;top: 0;position: absolute;}
	#main .txt .logo {padding: 1.5rem 0 6rem 0rem;}
	#main .txt .logo img {width: 18rem;}
/*	#main .formulario {position:absolute;top:3rem; right:3vw;}*/
	#main .formulario {padding:2.5rem;position: relative;/*margin: -49rem 3vw auto auto;*/width:37.5rem;border-radius:2.5rem;}
	#main .formulario h2 {font-size: 3rem;}

	#main .formulario #f-canos {left:25rem;height:30vw;}

	#main .block2 {margin-top: -7rem;}
	#main .block2 > div {width: 50%;}
	#main .block2 .photo {margin: 0 -4vw 0 0;}
	#main .block2 .photo img {margin: 0 0 13vw 0;width: 55vw;}
	#main .block2 .txt {padding: 0 0 0 3rem;}
	#main .block2 .txt h2 {font-size: 3.75rem;width: 35rem;}
}

@media screen and (max-width:1119px) and (min-width:530px){
	html {font-size:13px;}
	#main .block1 {flex-direction: column;align-items: center;padding-bottom:24rem;}
	#main .block1 .txt {flex-direction:column;padding:3rem 0;align-items: center;width: 90%;max-width: 50rem;}
	#main .block1 .txt:after {position: relative;}
	#main {padding-bottom:3rem;}
	#main .txt .logo {padding: 1.5rem 0 6rem 0rem;}
	#main .txt .logo img {width: 18rem;}
	#main .formulario {padding:2rem;position:relative;/*margin:0 auto;*/width:37.5rem;border-radius:2rem;}
	#main .formulario h2 {font-size: 3rem;}

	#main .formulario #f-canos {left:25rem;height: 48vw;}

	#main .block2 {margin-top: -13rem;flex-direction: column-reverse;}
	#main .block2 > div {width: max-content;}
	#main .block2 .photo {margin: -19vw 0 0 0;}
	#main .block2 .photo img {margin: 0 0 3vw 0;width: 95vw;}
	#main .block2 .txt {padding: 0 3rem;}
	#main .block2 .txt h2 {font-size: 3.25rem;width: 30rem;}
}

@media screen and (max-width:529px){
	html {font-size:13px;}
	#main .block1 {flex-direction: column;align-items: center;padding-bottom:24rem;}
	#main .block1 .txt {flex-direction:column;padding:3rem 0 6rem 0;align-items: center;width: 90%;max-width: 50rem;}
	#main .block1 .txt:after {position: relative;width: 105%;max-width: 33rem;margin: 2rem 0 -4rem 0;height: 96vw;background-position: center center;}
	#main .block1 .txt h1 {font-size: 2.75rem;line-height: 2.75rem;}
	#main .txt {margin: 0 3vw;}
	#main .txt .faixa {padding:2rem 2rem 0 2rem;border-top-right-radius:1.5rem;border-top-left-radius:1.5rem;border-bottom-right-radius:20rem;border-bottom-left-radius:20rem;display: flex;flex-direction: column;overflow: hidden;}
	#main {padding-bottom:3rem;}
	#main .txt .logo {padding: 1.5rem 0;}
	#main .txt .logo img {width: 18rem;}
	#main .formulario {padding:1.5rem;position:relative;margin:0 auto;width:92%;border-radius:1.5rem;}
	#main .formulario h2 {font-size: 2.25rem;}
	#main .formulario label[for=fnumerofuncionarios_1-10],#main .formulario label[for=fespecialista_Yes] {width: 100%;}
	#main .formulario fieldset .campos label {font-size: 1.25rem !important;}
	#main .formulario fieldset .campos input, .formulario fieldset .campos select {font-size: 1.15rem !important;}
	#main .formulario input[type=radio] {width:max-content !important;flex: 0 !important;margin: 0 0.5rem !important;}

	#main .formulario #f-canos {right: -100px;height: 47vw;}

	#main .block2 {margin-top: -19rem;flex-direction: column-reverse;}
	#main .block2 > div {width: 94%;}
	#main .block2 .photo {margin: -23vw 0 0 0;}
	#main .block2 .photo img {margin: 0 0 3vw 0;width: 125vw;}
	#main .block2 .txt {padding: 0 3rem;}
	#main .block2 .txt h2 {font-size: 2.25rem;width: 24rem;}
}


#main .formulario {padding:3rem;background-color:rgba(0,0,0,0.75);border-radius:3rem;max-width:37.5rem;text-align:left;color:#ffffff;z-index:10;height: max-content;position:relative;width: 94%;}
#main .formulario h2 {font-weight:700 !important;font-size:3rem;color:#ffffff;font-family: Helvetica Neue;line-height: normal !important;letter-spacing: normal !important;}
#main .formulario p {font-weight:400;font-size:1.25rem;width:85%;margin: 0 !important;line-height: normal !important;letter-spacing: normal !important;}
#main .formulario form {padding:2rem 0 0 0;}
#main .formulario fieldset {border:none;padding: 0 !important;}
#main .formulario fieldset .campos {display:flex;flex-wrap:wrap;padding:0.5rem 0;}
/*#main .formulario fieldset .campos * {font-size:1.5rem;}*/
#main .formulario fieldset .campos label {padding:0 0.5rem 0 0;font-size:1.5rem;line-height: normal !important;letter-spacing: normal !important;}
#main .formulario fieldset .campos input,  .formulario fieldset .campos select {font-size:1.25rem;border:none;flex:1;background-color:#ffffff;border-radius:0.2rem;padding:0.25rem;width:100%;}
#main .formulario fieldset .campos > span {width:100%;}
#main .formulario fieldset #fddd {width: 3rem;flex: 0;margin: 0 0.5rem 0 0;}
#main .formulario fieldset #fuf {/*width: 5rem;*/flex: 1;/*margin: 0 0.5rem 0 0;*/width: max-content;}

#main .formulario .obs {font-size:1rem !important;width:100% !important;padding: 0 0 0.5rem 0;}
#main .formulario fieldset .campos-obs {display:flex;padding:0.5rem 0;align-items: flex-start;}
#main .formulario fieldset .campos-obs input {margin-right:0.5rem;}
#main .formulario .obs a {color:inherit;}

#main .formulario .bt_container {padding: 2rem 0 0 0;text-align: right;}
#main .formulario .bt_container button {background-color: var(--green0);color: #fff;font-size: 1.5rem;font-weight: 700;padding: 0.5rem 1rem;border: none;border-radius: 0.25rem;text-transform: uppercase;}

#main .formulario #f-canos {position:absolute;top:-50px;width:43.17708333vw;background-image:url('https://promo.wavin.com/hubfs/Brazil/lpsupercpvc/assets/canos.webp');background-size:contain;background-position:left top;background-repeat:no-repeat;/*! transform: translateY(-50%); */min-width: 255px;}

/* generics */
body { position: relative !important; }

#main .formulario fieldset .campos span.errshow,
#main .formulario .obs span.errshow {color:#ffffff; padding:0.5rem 0 0.2rem; display:block; font-style: italic; transition:250ms;}
#main .formulario fieldset .campos span.errshow i,
#main .formulario .obs span.errshow i {color: #ffffff; background:red; width:1.4rem; height:1.4rem; display:inline-block; text-align:center; line-height:1.4rem; border-radius:10rem; font-weight:bold; margin-right:0.3rem; font-size:.9rem; font-style:initial;}

#responser { position: absolute; height: 100%; width: 100%; background: rgba(240, 240, 240, .75); z-index: 100; padding: 0 1rem; display: none; }
#responser .message { border-radius: 2rem; background-color: var(--blue1); color: #ffffff; z-index: 200; margin: 20vh auto auto; max-width:580px; padding: 1.5rem; }
#responser .message .title { font-weight: 300 !important; color: #ffffff; font-family: Helvetica Neue !important; letter-spacing: normal !important; margin-bottom: 1rem; font-size: 3rem; }
#responser .message .info { font-weight: 400; font-size: 1.25rem; font-family: Helvetica Neue !important; line-height: normal !important; letter-spacing: normal !important; }
#responser .message button { background-color: var(--green0); color: #ffffff; font-size: 1.5rem; font-weight: 700; padding: 0.5rem 1rem; border: none; border-radius: 0.25rem; text-transform: uppercase; margin: 2rem auto 0; cursor:pointer; min-width: 100px; }
