.h1-home div h1 {
font-weight: 700;
font-size: 64px;
line-height: 81px;
text-shadow: 3px 6px 9px rgba(0, 0, 0, 0.51);
color: white;
max-width: 1100px;
}
.highlight-word,
.carrousel-pourquoi-utoo .flickity-slider .cell .nectar-fancy-box:hover .highlight-word {
color: #FFCC00 !important;
}
.subtitle-home {
margin-bottom: 24px !important;
}
.nectar-highlighted-text h2 {
max-width: 76%;
font-weight: 600;
}
.h2-full-width .nectar-highlighted-text h2 {
max-width: inherit;
}
.step-number {
width: 50px !important;
}
#installation .installation-icon-text .img-with-aniamtion-wrap .inner {
width: 30px;
}
.carrousel-performance .box-inner-wrap {
background-color: white;
border-radius: 10px;
}
.background-half-black::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 569px;
width: 100%;
background-color: #1F1F1F;
}
.french-lab-section .iwithtext {
font-size: 32px;
}
.carrousel-pourquoi-utoo .flickity-slider .cell {
background-color: white; box-shadow: none;
border-radius: 25px !important;
}
.carrousel-pourquoi-utoo .flickity-slider .box-inner-wrap {
padding: 4% 15% 10% 15%;
}
.carrousel-pourquoi-utoo .flickity-slider .cell .inner-wrap h3,
.carrousel-pourquoi-utoo .flickity-slider .cell .nectar-fancy-box:hover .inner-wrap h3,
.carrousel-pourquoi-utoo .flickity-slider .cell .nectar-fancy-box:hover .inner-wrap p,
.carrousel-pourquoi-utoo .flickity-slider .cell .inner-wrap p {
color: black !important;
}
.carrousel-pourquoi-utoo .flickity-slider .cell .inner-wrap .nectar-fancy-box h3,
.carrousel-pourquoi-utoo .flickity-slider .cell .inner-wrap .nectar-fancy-box img {
margin-bottom: 36px !important;
}
.material .full-width-content.carrousel-pourquoi-utoo .nectar-fancy-box[data-style=color_box_hover] .box-inner-wrap {
border-radius: 25px;
}
.carrousel-pourquoi-utoo .nectar-fancy-box:before,
.carrousel-pourquoi-utoo .nectar-fancy-box .box-bg:after {
display: none;
content: none !important;
}
img.installation-image-small {
max-width: 250px !important;
}
.text-steps-suivi {
margin-bottom: 150px !important;
}
.text-step-1-suivi {
margin-bottom: 150px !important;
margin-top: 100px !important;
}
.consommation-calculator .gform-body {
background: linear-gradient(90deg, #FFE373 39.84%, #FFCC00 99.34%);
border-radius: 18px;
padding: 18px 50px;
}
.consommation-calculator .gform_fields.top_label {
display: flex;
align-items: center;
column-gap: 5%;
justify-content: space-between;
}
.consommation-calculator .gform-field-label,
.consommation-calculator .ginput_container_radio label,
.consommation-calculator .title-result-calculator {
font-size: 20px !important;
font-weight: 800 !important;
}
.consommation-calculator .gfield_label {
margin-bottom: 30px !important;
}
.consommation-calculator .title-result-calculator {
margin-right: 20px;
}
.consommation-calculator .slider-display {
border-radius: 25px;
box-shadow: none;
border: none;
margin-top: 20px;
}
.consommation-calculator span#nb_module,
.consommation-calculator span#text_module,
.consommation-calculator #pc_economie,
.consommation-calculator #text_economie {
font-size: 40px;
line-height: 60px;
color: #FFCC00;
font-weight: 800;
}
.consommation-calculator .noUi-handle {
box-shadow: none;
border: none;
background: #FFCC00;
border-radius: 11px;
height: 32px;
}
.consommation-calculator .noUi-handle::before,
.consommation-calculator .noUi-handle::after {
display: none;
}
.consommation-calculator .noUi-tooltip {
font-weight: 600;
font-size: 15px;
background-color: transparent;
border: none;
padding: 0;
}
.consommation-calculator .nectar-badge,
.consommation-calculator .gform_button {
display: none;
}
.consommation-calculator .result-bloc {
background-color: white;
border-radius: 18px;
padding: 40px 30px;
display: flex;
}
.consommation-calculator .result-bloc:first-child {
margin-bottom: 10px;
}
.consommation-calculator .gfield--type-html {
width: 40%;
max-width: 400px;
}
.utoo-performances .fancy-box-custom-icon {
width: 100px !important;
}
.grid-images-small img {
height: 260px !important;
object-fit: cover;
}
.grid-images-big img {
height: 410px !important;
object-fit: cover;
}
.visible-mobile-only {
display: none !important;
opacity: 0 !important;
}
.soon-bloc .nectar-responsive-text {
position: absolute;
top: 30px;
}
.soon-bloc .wpb_wrapper {
margin-top: 50px;
}
.nectar-responsive-text.description-header-home {
font-size: 30px !important;
max-width: 570px;
}
.consommation-calculator .gform_fields .gfield--type-radio {
position: relative;
}
.consommation-calculator .gform_fields .gfield--type-radio::before {
content: "";
position: absolute;
bottom: 50%;
transform: translate(100%, -50%);
right: -20px;
width: 58px;
height: 49px;
background-image: url(https://utoo.solar/wp-content/uploads/2023/03/arrow.png);
background-size: contain;
background-repeat: no-repeat;
}
.min-height-text {
min-height: 60px;
}
@media (min-width: 1533px) and (max-width: 1590px) {
.consommation-calculator .gform_fields .gfield--type-radio::before {
right: -5%;
width: 40px;
height: 52px;
}
}
@media (min-width: 982px) and (max-width: 1532px)  {
.h1-home div h1 {
font-size: 50px;
line-height: 68px;
max-width: 850px;
}
.nectar-responsive-text.subtitle-home {
font-size: 24px !important;
}
.nectar-responsive-text.description-header-home {
font-size: 30px !important;
max-width: 640px;
}
.nectar-highlighted-text h2,
.french-lab-section .nectar-responsive-text h2 strong {
font-size: 36px !important;
}
.french-lab-section .iwithtext {
font-size: 24px;
}
.nectar-highlighted-text h2 {
max-width: 60%;
}
.top-subtitle .nectar-highlighted-text p {
font-size: 40px;
max-width: 750px;
}
p.reduce-medium-desktop {
font-size: 26px;
}
.tabs-characteristic .wpb_wrapper.tabbed >ul.wpb_tabs_nav li.tab-item a {
font-size: 40px !important;
line-height: 32px;
}
.consommation-calculator .gform_fields .gfield--type-radio::before {
transform: translate(0, -50%);
right: -10px;
}
}
@media (max-width: 981px) {
.h1-home div h1 {
font-size: 36px;
line-height: 45px;
}
h2 {
font-size: 28px !important;
}
.logo-animated-home .right.img-with-aniamtion-wrap {
text-align: left;
}
.consommation-calculator .gform_fields.top_label {
flex-direction: column;
}
.consommation-calculator .slider-display {
margin-top: 2.5em;
}
.consommation-calculator .gfield--type-html {
width: auto;
}
.consommation-calculator .result-bloc {
flex-direction: column;
}
.consommation-calculator .gform-body {
padding: 30px;
}
img.installation-image-small {
max-width: 250px !important;
}
.text-step-1-suivi,
.text-steps-suivi {
margin-bottom: 30px !important;
margin-top: 0 !important;
}
.text-step-1-suivi p,
.text-steps-suivi p {
text-align: left !important;
}
.step-number {
width: 30px !important;
}
.align-left-mobile .nectar-responsive-text p {
text-align: left !important;
}
.hide-mobile {
display: none !important;
}
.column-reverse .row_col_wrap_12_inner {
flex-direction: column-reverse;
}
.french-lab-section h2 {
line-height: 32px !important;
}
.french-lab-section .iwt-text {
font-size: 18px;
}
.background-half-black::before {
display: none;
}
.visible-mobile-only {
display: inherit !important;
opacity: 1 !important;
}
.visible-desktop-only {
display: none !important;
opacity: 0 !important;
}
#produit {
background-color: #1F1F1F;
}
.consommation-calculator .gform_fields .gfield--type-radio::before {
display: none;
}
.carrousel-pourquoi-utoo .flickity-slider .box-inner-wrap {
padding: 4% 11% 30% 11%;
}
.min-height-text {
min-height: none;
}
} .header-product-page {
height: 80vh;
}
.soon-bloc .nectar-responsive-text em {
font-weight: 800;
}
.soon-bloc .nectar-responsive-text {
min-width: fit-content;
}
.soon-bloc .iwithtext {
width: 100%;
}
.soon-bloc .iwt-text {
text-align: left;
color: #8B8B8B;
line-height: 24px;
}
.soon-bloc .iwt-icon img {
width: 44px !important;
}
.tabs-characteristic .tabbed >ul.wpb_tabs_nav li.tab-item a {
font-weight: 600 !important;
font-size: 50px !important;
line-height: 52px;
padding-top: 0;
}
.tabs-characteristic .tabbed >ul.wpb_tabs_nav li.tab-item {
width: 100%;
}
.tabs-characteristic .tab-item span {
color: white;
}
.tabs-characteristic .tabbed[data-style=minimal]>ul li a:hover {
opacity: 1;
}
.tabs-characteristic .tabbed[data-style=minimal]>ul li a:hover span {
color: #FFCC00;
}
.wpb_content_element.tabs-characteristic {
margin-left: 3%;
margin-right: 3%;
}
.tabs-characteristic div.ui-tabs-panel {
padding: 42px 42px 80px 42px;
border-radius: 10px;
box-shadow: 1px 1px 11px rgb(0 0 0 / 13%);
background-color: white;
}
.tabs-characteristic .tabbed[data-style=minimal] .wpb_tabs_nav {
border: none;
display: flex;
}
.tabs-characteristic .tabbed {
text-align: center;
}
.tabs-characteristic .tabbed[data-style*=minimal]>ul li .active-tab:after {
width: 50%;
transform: translate(-50%, -3px) !important;
left: 50%;
}
.text-desc-product,
.characteristic-data {
font-weight: 300;
text-align: left !important;
font-size: 20px;
}
.characteristic-title {
text-align: left !important;
font-size: 20px;
}
.tabs-characteristic li.tab-item:first-child a::before {
content: '';
position: absolute;
top: 10px;
bottom: 20px;
border-radius: 3px;
right: 0;
width: 5px;
background-color: white;
}
.top-subtitle p {
font-weight: 700;
font-size: 54px;
line-height: 81px;
text-transform: uppercase;
}
.tabs-row::before {
content: "";
top: 30%;
bottom: 0;
left: -15%;
right: -5%;
width: 140%;
position: absolute;
background-color: #F9F8F8;
display: inherit;
height: 100%;
z-index: 10;
}
.tabs-row .iwt-text {
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
#characteristic-row .column_container:hover .iwithtext {
color: #FFCC00;
}
.column-tips {
display: block !important;
margin-top: auto;
margin-bottom: auto !important;
}
.column-tips img {
width: 60px !important;
height: 60px !important;
max-width: none !important;
}
.column-tips .iwithtext .iwt-text {
position: relative;
padding: 0;
padding-bottom: 6px;
}
.column-tips .iwithtext .iwt-icon {
position: relative;
margin-right: 12px;
}
.column-tips div.iwithtext {
margin-bottom: 44px;
display: flex;
align-items: center;
}
.avantages-column .iwt-icon img {
width: 110px !important;
}
.avantages-column .iwt-text p {
font-size: 32px;
line-height: 42px;
padding-left: 80px;
}
.french-production-section .iwt-text {
font-weight: 600;
font-size: 31px;
}
.french-production-section .wpb_wrapper {
text-align: center;
}
.french-production-section .iwithtext {
display: inline-block;
}
.nectar_image_with_hotspots {
max-width: 1050px;
margin-left: auto;
margin-right: auto;
}
.center-content {
display: flex;
align-items: center;
justify-content: center;
}
p.hotspot-title {
font-size: 20px;
font-weight: 600;
color: black !important;
padding: 0;
}
p.hotspot-subtitle {
font-size: 16px;
color: #fdcc02 !important;
font-style: italic;
}
p.hotspot-description,
.hotspot-list-element {
color: black !important;
font-size: 16px;
}
.nttip {
box-shadow: 1px 1px 11px rgb(0 0 0 / 13%);
border-radius: 10px;
}
@media (max-width: 981px) {
.french-production-section .iwt-text {
font-weight: 600;
font-size: 20px;
text-align: left;
}
.wpb_content_element.tabs-characteristic {
margin-left: 0;
margin-right: 0;
padding: 20px 0px;
}
#characteristic-row .wpb_column.column_container {
margin-bottom: 5px;
}
.top-subtitle p {
font-size: 28px !important;
}
.tabs-row::before {
display: none;
}
.tabs-characteristic div.ui-tabs-panel {
padding: 15px;
}
.tabs-characteristic .tabbed[data-style=minimal] .wpb_tabs_nav {
margin-bottom: 35px;
}
.tabs-characteristic .tabbed >ul.wpb_tabs_nav li.tab-item a {
font-size: 20px !important;
}
.header-product-page .row_col_wrap_12.col.span_12.dark.left {
min-height: inherit !important;
}
.avantages-column .iwt-icon {
position: relative;
margin-left: auto !important;
margin-right: auto !important;
display: inline-block;
left: 50%;
transform: translateX(-50%);
}
.avantages-column .iwt-icon img {
width: 110px !important;
}
.avantages-column .iwt-text p {
font-size: 24px;
line-height: 30px;
text-align: center;
padding-left: 0;
}
.avantages-column .iwt-text {
padding-left: 0 !important;
padding-bottom: 40px;
}
.center-content {
align-items: left;
justify-content: inherit;
}
.nttip .inner {
text-align: left !important;
}
} .current_page_item a span,
.menu-item-over a:hover span {
color: #fecc02 !important;
}
.current_page_item a span::after,
.menu-item-over a span::after {
border-top: 2px solid #fecc02 !important;
border-color: #fecc02 !important;
}
.current-menu-item a span::after {
display: none;
}
.menu-item a span {
font-size: 20px;
font-weight: 600;
}
a:hover i.nectar-menu-icon.fa.fa-envelope-o,
a:hover span.icon-salient-search::before{
color: #fecc02 !important;
} .pwr-industries-icons .img-with-aniamtion-wrap .inner {
margin-right: auto;
margin-left: auto;
}
.pwr-industries-icons .powr-industries-text .nectar-responsive-text {
margin-top: 12%;
}
.column-absolute-a-propos.column_container {
position: absolute;
right: 40px;
max-width: 800px;
}
@media (max-width: 981px) {
.pwr-industries-icons .powr-industries-text .nectar-responsive-text {
margin-top: 0;
}
.column-absolute-a-propos.column_container {
position: inherit;
right: 0;
}
} .footer-row .nectar-cta {
margin-bottom: 10px;
}
.footer-bottom-section .flex-footer .wpb_wrapper {
display: flex;
}
.footer-bottom-section .flex-footer .img-with-aniamtion-wrap {
margin-right: 60px;
}
.footer-bottom-section .flex-footer .nectar-responsive-text {
max-width: 360px;
}
.footer-bottom-section .flex-footer .nectar-responsive-text img {
width: 40px !important;
margin-top: 9px;
}
.footer-bottom-section .row_col_wrap_12_inner {
align-items: center;
}
@media (max-width: 980px) {
.footer-bottom-section .flex-footer .wpb_wrapper {
flex-direction: column;
}
.footer-bottom-section .flex-footer .img-with-aniamtion-wrap {
text-align: left;
margin-top: 30px;
max-width: 60px;
}
.footer-bottom-section h2 {
font-size: 18px !important;
}
} .legal-text {
margin-right: auto;
margin-left: auto;
display: block !important;
}
.legal-text p,
.legal-text li {
font-size: 16px !important;
}
.legal-text li {
margin-bottom: 16px;
}
.legal-text a {
color: #FFCC00;
}
.valeurs-tuiles-section .nectar-responsive-text {
min-height: 85px;
align-items: center;
display: flex;
}
.ewd-ufaq-faq-div .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.ewd-ufaq-faq-div .ewd-ufaq-faq-post .wp-block-embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}