:root {
--color-pri: #37988fcc;
--color-sec: #c08000;
--color-wh: #f5fcfbcc;
}
.msg_iscrizione_newsletter {
margin: 0;
color: #37988f;
font-size: 18px;
line-height: 22px;
}
.ecowaterBannerAppuntamento #email-download-popup {
padding: 5px;
border: 1px solid #807d78;
margin-bottom: 30px;
}
.form_download_style .wpcf7-not-valid-tip,
.ecowaterBannerAppuntamento .wpcf7-not-valid-tip {
padding: 3px 3px 3px 15px;
margin: 0px 3px 10px;
border-radius: 5px;
font-size: 13px;
font-weight: 700;
background-color: #ffeeee;
color: #cb3636;
}
.ecowaterBannerAppuntamento .wpcf7-not-valid-tip {
background-color: transparent;
padding: 3px;
margin: 0;
position: absolute;
top: 22px;
}
.title_banner {
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin: 0 0 5px;
font-family: 'Avenir Next LT Pro Bold' !important;
}
.title_banner1 {
color: #37988f;
}
.title_banner2 {
color: #fff;
padding-left: 8px;
}
.text_banner {
font-size: 15px;
line-height: 18px;
margin: 0 0 10px;
}
.text_banner1 {
color: #37988f;
}
.text_banner2 {
color: #fff;
padding-left: 8px;
}
.ecowaterBannerAppuntamento .btn_banner1 {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
}
.ecowaterBannerAppuntamento .btn_banner1_sub {
border-radius: 30px !important;
padding: 6px 10px !important;
background-color: #c08000 !important;
font-size: 12px !important;
color: #fff !important;
line-height: 18px !important;
font-family: Poppins, sans-serif !important;
font-weight: 400 !important;
padding-left: 35px !important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
letter-spacing: 1px !important;
left: 2px;
}
#email-download {
margin-bottom: 2px;
}
.ecowaterBannerAppuntamento .btn_banner1::before {
content: '';
background: center/cover url(//www.ecowater-systems.it/wp-content/uploads/2023/06/ecowater-banner-newsletter-preventivo-05.png) no-repeat;
width: 30px;
height: 30px;
display: block;
position: absolute;
left: 5px;
top: 1px;
z-index: 10;
}
.ecowaterBannerAppuntamento .btn_banner1_sub:hover {
opacity: 1 !important;
background-color: #8e630b !important;
color: #fff !important;
}
.btn_banner2 {
border-radius: 30px;
padding: 4px 6px;
background-color: #c08000;
font-size: 13px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 18px;
font-family: Poppins, sans-serif;
font-weight: 400;
letter-spacing: 1px !important;
}
.btn_banner2 span {
background: center/cover url(//www.ecowater-systems.it/wp-content/uploads/2023/06/ecowater-banner-newsletter-preventivo-06.png) no-repeat;
width: 32px;
height: 25px;
display: inline-block;
margin-right: 4px;
font-weight: 600;
}
.btn_banner2:hover {
color: #fff !important;
opacity: 1 !important;
background-color: #8e630b !important;
}
.ecowaterBannerAppuntamento .wpcf7-response-output {
display: none !important;
}
.ecowaterBannerAppuntamentoBtn {
position: fixed;
top: 344px;
right: 0px;
width: fit-content;
height: fit-content;
background: var(--color-wh);
color: white;
z-index: 9999;
translate: 0 -50%;
padding-right: 5px;
border-radius: 10px 0 0 0;
box-shadow: 0px -1px 6px #fff; }
.ecowaterBannerAppuntamentoBtnImage {
background: url(//www.ecowater-systems.it/wp-content/uploads/2023/06/ecowater-banner-newsletter-preventivo-04.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 50px;
height: 50px;
cursor: pointer;
padding: 5px;
}
.ecowaterBannerAppuntamentoClose {
position: relative;
}
.ecowaterBannerAppuntamentoClose .fa-times {
font-size: 15px;
color: #37988f;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}
.ecowaterBannerAppuntamento {
overflow: clip;
box-sizing: border-box;
display: none;
width: 280px; position: fixed;
right: -600px;
background-color: var(--color-wh);
z-index: 999999;
padding: 19px 30px 19px 20px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
top: 109px;
border-radius: 35px 0 0 35px;
display: none;
}
.ecowaterBannerAppuntamento .wpcf7-list-item{
margin: 0;
line-height: 23px;
}
.ecowaterBannerAppuntamento .wpcf7-spinner{
display: none;
}
.ecowaterBannerAppuntamento.right {
margin-right: -470px;
}
.bannerAppuntamentoInner img {
float: right;
width: 50px;
height: 50px !important;
margin: 10px 5px 0 0;
}
.ecowaterBannerAppuntamentoTitle {
font-size: 22px;
font-weight: 700;
color: #282828;
margin: 0;
}
.ecowaterBannerAppuntamentoSubTitle {
font-size: 18px;
font-weight: 500;
color: #ce1719;
}
.ecowaterBannerAppuntamentoDescription {
color: #282828;
font-size: 16px;
font-weight: 500;
line-height: 22px;
padding: 0px 25% 0 0;
}
.ecowaterBannerAppuntamentoBtnRed {
border: 1px solid #ce1719;
padding: 3px;
width: fit-content;
}
.ecowaterBannerAppuntamentoBtnRed .ecowaterBannerAppuntamentoBtnRedLink {
background-color: #ce1719;
color: #fff;
padding: 5px 10px;
display: block;
font-size: 15px;
font-weight: 600;
}
.ecowaterBannerAppuntamentoBtnRed .ecowaterBannerAppuntamentoBtnRedLink:hover {
background-color: #ce050b;
} .ecowaterBannerAppuntamento2Btn {
position: fixed;
top: 410px;
right: 0px;
width: fit-content;
height: fit-content;
background: var(--color-pri);
color: white;
z-index: 9999;
translate: 0 -50%;
padding-right: 5px;
border-radius: 0 0 0 10px;
box-shadow: 0px 2px 6px #777; }
.ecowaterBannerAppuntamento2BtnImage {
background: url(https://www.ecowater-systems.it/wp-content/uploads/2023/06/ecowater-banner-newsletter-preventivo-06.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 50px;
height: 50px;
cursor: pointer;
padding: 5px;
}
.ecowaterBannerAppuntamento2Close {
position: relative;
}
.ecowaterBannerAppuntamento2Close .fa-times {
font-size: 15px;
color: #fff;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}
.ecowaterBannerAppuntamento2 {
overflow: clip;
box-sizing: border-box;
display: none;
width: 280px;
height: 165px;
position: fixed;
right: -600px;
background-color: var(--color-pri);
z-index: 999999;
padding: 20px 30px 20px 20px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
top: 380px;
border-radius: 35px 0 0 35px;
}
.ecowaterBannerAppuntamento2.right {
margin-right: -470px;
}
.bannerAppuntamento2Inner img {
float: right;
width: 50px;
height: 50px !important;
margin: 10px 5px 0 0;
}
.ecowaterBannerAppuntamento2Title {
font-size: 22px;
font-weight: 700;
color: #282828;
margin: 0;
}
.ecowaterBannerAppuntamento2SubTitle {
font-size: 18px;
font-weight: 500;
color: #ce1719;
}
.ecowaterBannerAppuntamento2Description {
color: #282828;
font-size: 16px;
font-weight: 500;
line-height: 22px;
padding: 0px 25% 0 0;
}
.ecowaterBannerAppuntamento2BtnRed {
border: 1px solid #ce1719;
padding: 3px;
width: fit-content;
}
.ecowaterBannerAppuntamento2BtnRed .ecowaterBannerAppuntamento2BtnRedLink {
background-color: #ce1719;
color: #fff;
padding: 5px 10px;
display: block;
font-size: 15px;
font-weight: 600;
}
.ecowaterBannerAppuntamento2BtnRed .ecowaterBannerAppuntamento2BtnRedLink:hover {
background-color: #ce050b;
} .ecowaterBannerCookie {
position: fixed;
bottom: 130px;
width: fit-content;
height: fit-content;
background: #ce1719;
color: white;
z-index: 999999;
padding: 5px;
}
.ecowaterBannerCookieImage {
background: url(//www.ecowater-systems.it/wp-content/uploads/2022/11/elementi_attivatori-05.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 50px;
height: 50px;
cursor: pointer;
}
@media (max-width: 1350px) {
.bannerAppuntamentoInner img {
display: none;
}
.ecowaterBannerAppuntamentoClose {
padding-top: 0;
}
.bannerAppuntamentoInner .custom-html-widget .bottoneBanner {
width: fit-content;
}
}
@media (max-width: 1250px) {
.ecowaterBannerAppuntamento .col-md-6 {
width: 100%;
}
}
@media (max-width: 768px) {
.bannerAppuntamentoInner .textwidget .textRed {
font-size: 16px;
margin-bottom: 5px;
}
.bannerAppuntamentoInner .textwidget .textBlack {
font-size: 20px;
}
.bannerAppuntamentoInner .textwidget .textBorder {
font-size: 22px;
line-height: 26px;
}
.bannerAppuntamentoInner .textwidget .textDescription {
font-size: 16px;
line-height: 20px;
margin: 10px 0;
}
.bannerAppuntamentoInner .custom-html-widget .bottoneBanner {
width: 100%;
padding: 3px;
}
.bannerAppuntamentoInner .custom-html-widget .bottoneBanner .bottoneBannerLink {
padding: 8px;
width: 100%;
}
}
@media screen and (max-width: 400px) {
.ecowaterBannerAppuntamento2 {
max-width: 310px;
}
}