.et_pb_bg_layout_light.et_pb_module.et_pb_button{color:#2ea3f2}.et_pb_module.et_pb_button{display:inline-block;color:inherit}.et_pb_button_module_wrapper.et_pb_button_alignment_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_center{text-align:center}.et_pb_button_module_wrapper>a{display:inline-block}@media (max-width:980px){.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_center{text-align:center}}@media (max-width:767px){.et_pb_button_module_wrapper.et_pb_button_alignment_phone_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_center{text-align:center}} .et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)}@media (max-width:980px){.et_pb_button[data-icon-tablet]:not([data-icon-tablet=""]):after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_button[data-icon-phone]:not([data-icon-phone=""]):after{content:attr(data-icon-phone)}} .et_pb_search .screen-reader-text{display:none}.et_pb_search{border:1px solid #ddd;border-radius:3px;overflow:hidden}.et_pb_search input.et_pb_s,.et_pb_search input.et_pb_searchsubmit{padding:.715em;margin:0;font-size:14px;line-height:normal!important;border:none;color:#666}.et_pb_search input.et_pb_s::-webkit-input-placeholder{color:#666}.et_pb_search input.et_pb_s::-moz-placeholder{color:#666}.et_pb_search input.et_pb_s:-ms-input-placeholder{color:#666}.et_pb_search input.et_pb_s{-webkit-appearance:none;background:transparent;display:inline-block;padding-right:80px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.et_pb_search .et_pb_searchform{position:relative}.et_pb_search .et_pb_searchform>div{display:-webkit-box;display:-ms-flexbox;display:flex}.et_pb_search input.et_pb_searchsubmit{min-height:100%!important;background-color:#ddd;cursor:pointer}.et_pb_search.et_pb_text_align_right .et_pb_searchform>div{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.et_pb_search.et_pb_text_align_right input.et_pb_s{text-align:right;padding-left:80px;padding-right:.7em}.et_pb_search.et_pb_text_align_center input.et_pb_s{text-align:center}.et_pb_search.et_pb_hide_search_button input.et_pb_searchsubmit{display:none}.et_pb_search.et_pb_hide_search_button input.et_pb_s{padding-left:.7em;padding-right:.7em}.et_pb_search.et_pb_bg_layout_dark input.et_pb_s{color:#fff;border:2px solid #fff}.et_pb_search.et_pb_bg_layout_dark input.et_pb_s::-webkit-input-placeholder{color:#fff}.et_pb_search.et_pb_bg_layout_dark input.et_pb_s::-moz-placeholder{color:#fff}.et_pb_search.et_pb_bg_layout_dark input.et_pb_s:-ms-input-placeholder{color:#fff}.et_pb_search.et_pb_bg_layout_dark input.et_pb_searchsubmit{background-color:transparent;color:#fff;font-weight:500;border:2px solid #fff}@media (max-width:980px){.et_pb_bg_layout_light_tablet.et_pb_search input.et_pb_s{border:none;color:#666}.et_pb_bg_layout_light_tablet.et_pb_search input.et_pb_s::-webkit-input-placeholder{color:#666}.et_pb_bg_layout_light_tablet.et_pb_search input.et_pb_searchsubmit{border:none;color:#666;background-color:#ddd}.et_pb_bg_layout_dark_tablet.et_pb_search input.et_pb_s{color:#fff;border:2px solid #fff}.et_pb_bg_layout_dark_tablet.et_pb_search input.et_pb_s::-webkit-input-placeholder{color:#fff}.et_pb_bg_layout_dark_tablet.et_pb_search input.et_pb_s::-moz-placeholder{color:#fff}.et_pb_bg_layout_dark_tablet.et_pb_search input.et_pb_s:-ms-input-placeholder{color:#fff}.et_pb_bg_layout_dark_tablet.et_pb_search input.et_pb_searchsubmit{background-color:transparent;color:#fff;font-weight:500;border:2px solid #fff}.et_pb_search.et_pb_text_align_right-tablet .et_pb_searchform>div{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.et_pb_search.et_pb_text_align_right-tablet input.et_pb_s{text-align:right;padding-left:80px;padding-right:.7em}.et_pb_search.et_pb_text_align_center-tablet input.et_pb_s{text-align:center}.et_pb_search.et_pb_text_align_left-tablet .et_pb_searchsubmit{left:auto}.et_pb_search.et_pb_text_align_left-tablet input.et_pb_s{text-align:left;padding-left:.715em}.et_pb_search.et_pb_text_align_center-tablet input.et_pb_s{padding-left:.715em;padding-right:.715em}}@media (max-width:767px){.et_pb_bg_layout_light_phone.et_pb_search input.et_pb_s{border:none;color:#666}.et_pb_bg_layout_light_phone.et_pb_search input.et_pb_s::-webkit-input-placeholder{color:#666}.et_pb_bg_layout_light_phone.et_pb_search input.et_pb_searchsubmit{border:none;color:#666;background-color:#ddd}.et_pb_bg_layout_dark_phone.et_pb_search input.et_pb_s{color:#fff;border:2px solid #fff}.et_pb_bg_layout_dark_phone.et_pb_search input.et_pb_s::-webkit-input-placeholder{color:#fff}.et_pb_bg_layout_dark_phone.et_pb_search input.et_pb_s::-moz-placeholder{color:#fff}.et_pb_bg_layout_dark_phone.et_pb_search input.et_pb_s:-ms-input-placeholder{color:#fff}.et_pb_bg_layout_dark_phone.et_pb_search input.et_pb_searchsubmit{background-color:transparent;color:#fff;font-weight:500;border:2px solid #fff}.et_pb_search.et_pb_text_align_right-phone .et_pb_searchform>div{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.et_pb_search.et_pb_text_align_right-phone input.et_pb_s{text-align:right;padding-left:80px;padding-right:.7em}.et_pb_search.et_pb_text_align_center-phone input.et_pb_s{text-align:center}.et_pb_search.et_pb_text_align_left-tablet .et_pb_searchsubmit{left:auto}.et_pb_search.et_pb_text_align_left-tablet input.et_pb_s{text-align:left;padding-left:.715em}.et_pb_search.et_pb_text_align_center-tablet input.et_pb_s{padding-left:.715em;padding-right:.715em}}.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active{color:#2ea3f2}.et_pb_filterable_portfolio_grid .et_pb_portfolio_item{display:none}.et_pb_text_align_left.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:left}.et_pb_text_align_center.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:center}.et_pb_text_align_right.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:right}.et_pb_text_align_justified.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:justify}.et_pb_filterable_portfolio .et_pb_portfolio_filters{clear:both;margin:0 0 40px}.et_pb_filterable_portfolio.et_pb_section_parallax .et_pb_portfolio_filters,.et_pb_filterable_portfolio.et_pb_section_video .et_pb_portfolio_filters{position:relative}.et_pb_filterable_portfolio .et_pb_portfolio_filters ul{list-style-type:none!important;padding:0}.et_pb_filterable_portfolio.et_pb_text_align_center .et_pb_portfolio_filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.et_pb_filterable_portfolio.et_pb_text_align_justified .et_pb_portfolio_filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.et_pb_filterable_portfolio.et_pb_text_align_right .et_pb_portfolio_filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}.et_pb_filterable_portfolio .et_pb_portfolio_filters li{float:left;font-size:14px;line-height:1em}.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{color:#666;padding:10px 20px;border:1px solid #e2e2e2;display:block;height:auto;overflow:hidden;margin:-1px -1px 0 0;background-color:#fff}.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a{border-radius:3px 0 0 3px}.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a{border-radius:0 3px 3px 0}.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover{color:#666;background-color:#f4f4f4}.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active{color:#82c0c7;background-color:#f9f9f9}.et_pb_filterable_portfolio .et_pb_portfolio_items,.et_pb_filterable_portfolio .et_pb_portfolio_items_wrapper{width:100%;position:relative}.et_pb_filterable_portfolio .et_pb_portfolio_item.active{opacity:1;-webkit-animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1}.et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li,.et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li,.et_pb_column_1_5 .et_pb_filterable_portfolio .et_pb_portfolio_filters li,.et_pb_column_1_6 .et_pb_filterable_portfolio .et_pb_portfolio_filters li,.et_pb_column_2_5 .et_pb_filterable_portfolio .et_pb_portfolio_filters li,.et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li{width:100%}.et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,.et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,.et_pb_column_1_5 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,.et_pb_column_1_6 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,.et_pb_column_2_5 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,.et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a{border-radius:3px 3px 0 0}.et_pb_column_1_3 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a,.et_pb_column_1_4 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a,.et_pb_column_1_5 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a,.et_pb_column_1_6 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a,.et_pb_column_2_5 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a,.et_pb_column_3_8 .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a{border-radius:0 0 3px 3px}.et_pb_filterable_portfolio .et_pb_portofolio_pagination{width:100%;border-top:1px solid #e2e2e2;position:relative}.et_pb_filterable_portfolio.et_pb_section_parallax .et_pb_portofolio_pagination,.et_pb_filterable_portfolio.et_pb_section_video .et_pb_portofolio_pagination{position:relative}.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{list-style-type:none!important;text-align:right;margin:0;padding:0}.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li{display:inline-block;padding:10px}.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a{font-size:16px;line-height:16px;color:#999}.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active{color:#82c0c7}.et_pb_filterable_portfolio.et_pb_bg_layout_dark .et_pb_portofolio_pagination ul li a{color:#fff}@media (min-width:981px){.et_pb_filterable_portfolio_grid .et_pb_portfolio_item img{width:100%}.et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_module_header,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{word-wrap:break-word;margin:10px 0 0;padding-bottom:0}.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:18px}}@media (max-width:980px){.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li{width:auto}.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{width:auto;border-radius:0}.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a{border-radius:3px 0 0 3px}.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a{border-radius:0 3px 3px 0}.et_pb_bg_layout_light_tablet.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a{color:#999}.et_pb_bg_layout_light_tablet.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active{color:#82c0c7}.et_pb_bg_layout_dark_tablet.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a{color:#fff}.et_pb_text_align_left-tablet.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:left}.et_pb_text_align_center-tablet.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:center}.et_pb_text_align_right-tablet.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:right}.et_pb_text_align_justified-tablet.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:justify}.et_pb_filterable_portfolio.et_pb_text_align_center-tablet .et_pb_portfolio_filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.et_pb_filterable_portfolio.et_pb_text_align_justified-tablet .et_pb_portfolio_filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.et_pb_filterable_portfolio.et_pb_text_align_right-tablet .et_pb_portfolio_filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:767px){.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters ul{width:100%}.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li{width:50%}.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a{border-radius:3px 0 0 0}.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a{border-radius:0 3px 0 0}.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child:nth-child(odd) a{border-radius:0 0 3px 3px}.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child:nth-child(2n) a{border-radius:0 0 3px}.et_pb_bg_layout_light_phone.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a{color:#999}.et_pb_bg_layout_light_phone.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active{color:#82c0c7}.et_pb_bg_layout_dark_phone.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a{color:#fff}.et_pb_text_align_left-phone.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:left}.et_pb_text_align_center-phone.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:center}.et_pb_text_align_right-phone.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:right}.et_pb_text_align_justified-phone.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul{text-align:justify}.et_pb_filterable_portfolio.et_pb_text_align_center-phone .et_pb_portfolio_filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.et_pb_filterable_portfolio.et_pb_text_align_justified-phone .et_pb_portfolio_filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.et_pb_filterable_portfolio.et_pb_text_align_right-phone .et_pb_portfolio_filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}} .et_pb_portfolio_item{word-wrap:break-word}.et_pb_with_border .et_portfolio_image{border:0 solid #333}.et_portfolio_image img{vertical-align:bottom;margin-bottom:0}.et_pb_portfolio_item{background-size:cover;background-position:50%;background-repeat:no-repeat}.et_pb_with_border .et_pb_portfolio_image,.et_pb_with_border .et_pb_portfolio_item{border:0 solid #333}.et_pb_portfolio_item .et_pb_module_header a,.et_pb_portfolio_item .post-meta a,.et_pb_portfolio_item h3 a{text-decoration:none}.et_pb_bg_layout_light .et_pb_portfolio_item .post-meta,.et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a{color:#666}.et_pb_bg_layout_dark .et_pb_portfolio_item .post-meta,.et_pb_bg_layout_dark .et_pb_portfolio_item .post-meta a{color:inherit}.et_pb_portfolio_item .et_pb_module_header,.et_pb_portfolio_item h2{margin-top:10px}.et_pb_portfolio_image:hover .et_overlay{z-index:3;opacity:1}.et_pb_portfolio .et_pb_portfolio_item,.et_pb_portfolio.et_pb_section_parallax .pagination,.et_pb_portfolio.et_pb_section_parallax .wp-pagenavi,.et_pb_portfolio.et_pb_section_video .pagination,.et_pb_portfolio.et_pb_section_video .wp-pagenavi,.et_pb_portfolio_grid.et_pb_section_parallax .pagination,.et_pb_portfolio_grid.et_pb_section_parallax .wp-pagenavi,.et_pb_portfolio_grid.et_pb_section_video .pagination,.et_pb_portfolio_grid.et_pb_section_video .wp-pagenavi{position:relative}.et_pb_portfolio_items_wrapper.no_pagination{border-bottom:none}@media (min-width:981px){.et_pb_portfolio_grid .et_pb_portfolio_item img{width:100%}.et_pb_portfolio_grid .et_pb_portfolio_item .et_pb_module_header,.et_pb_portfolio_grid .et_pb_portfolio_item h2{word-wrap:break-word;margin:10px 0 0;padding-bottom:0}.et_pb_portfolio_grid .et_pb_portfolio_item h2{font-size:18px}.et_pb_portfolio_item .post-meta{font-size:14px;margin:.4em 0 0}}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et_pb_portfolio_item .post-meta,.et_pb_bg_layout_light_tablet .et_pb_portfolio_item .post-meta a{color:#666}.et_pb_bg_layout_dark_tablet .et_pb_portfolio_item .post-meta,.et_pb_bg_layout_dark_tablet .et_pb_portfolio_item .post-meta a{color:inherit}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item{margin:0 5.5% 7.5% 0;width:29.666%;clear:none;float:left}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n){margin-right:0}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n+1){clear:both}}@media (max-width:767px){.et_pb_portfolio_item h2{font-size:18px}.et_pb_bg_layout_light_phone .et_pb_portfolio_item .post-meta,.et_pb_bg_layout_light_phone .et_pb_portfolio_item .post-meta a{color:#666}.et_pb_bg_layout_dark_phone .et_pb_portfolio_item .post-meta,.et_pb_bg_layout_dark_phone .et_pb_portfolio_item .post-meta a{color:inherit}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item{margin:0 5.5% 9.5% 0;width:47.25%;clear:none;float:left}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n){margin-right:5.5%}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n+1){clear:none}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item .last_in_row,.et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(2n){margin-right:0}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item .first_in_row,.et_pb_column .et_pb_grid_item.et_pb_portfolio_item:nth-child(odd){clear:both}}@media (max-width:479px){.et_pb_portfolio_item{margin-bottom:22px}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item{margin:0 0 11.5%;width:100%}.et_pb_column .et_pb_grid_item.et_pb_portfolio_item .on_last_row{margin-bottom:0}} .et_pb_grid_item.first_in_row{clear:both}.et_pb_grid_item:not(.first_in_row){clear:none}.et_pb_grid_item.et_pb_gallery_item.first_in_row{clear:both}@media (min-width:981px){.et_pb_grid_item{float:left;position:relative}}@media (max-width:980px){.et_pb_column .et_pb_grid_item{margin:0 5.5% 7.5% 0;width:29.666%;clear:none;float:left}.et_pb_column .et_pb_grid_item.last_in_row{margin-right:0}.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item,.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_grid_item,.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item,.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item,.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item,.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5 .et_pb_grid_item,.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_row_5col>.et_pb_column.et_pb_column_1_5 .et_pb_grid_item,.et_pb_row_6col>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item{margin:0 0 11.5%;width:100%}}@media (max-width:767px){.et_pb_column .et_pb_grid_item{margin:0 5.5% 9.5% 0;width:47.25%;clear:none;float:left}.et_pb_column .et_pb_grid_item:nth-child(3n){margin-right:5.5%}.et_pb_column .et_pb_grid_item:nth-child(3n+1){clear:none}.et_pb_column .et_pb_grid_item .last_in_row,.et_pb_column .et_pb_grid_item:nth-child(2n){margin-right:0}.et_pb_column .et_pb_grid_item .first_in_row,.et_pb_column .et_pb_grid_item:nth-child(odd){clear:both}}@media (max-width:479px){.et_pb_column .et_pb_grid_item{margin:0 0 11.5%;width:100%}.et_pb_column .et_pb_grid_item .on_last_row{margin-bottom:0}.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item,.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_grid_item,.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item,.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item,.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item,.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5 .et_pb_grid_item,.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_row_5col>.et_pb_column.et_pb_column_1_5 .et_pb_grid_item,.et_pb_row_6col>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item{margin:0 0 11.5%;width:100%}} .et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:32px;-webkit-transition:all .4s;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none} .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta{z-index:3;opacity:1}.et_pb_fullwidth_portfolio{margin:0;position:relative;overflow:hidden}.et_pb_fullwidth_portfolio .et_overlay{border:none;pointer-events:auto}.et_pb_fullwidth_portfolio .et_pb_carousel_group{display:none;float:left;width:100%;position:relative}.et_pb_fullwidth_portfolio .et_pb_carousel_group.active,.et_pb_fullwidth_portfolio.et_pb_fullwidth_portfolio_grid .et_pb_carousel_group{display:block}.et_pb_fullwidth_portfolio .et_pb_portfolio_items{width:100%;position:relative;overflow:hidden;left:0;top:0}.et_pb_fullwidth_portfolio .et_pb_portfolio_item{float:left;margin:0;height:0;width:20%;position:relative}.et_pb_fullwidth_portfolio .et_pb_portfolio_image{position:relative;overflow:hidden;width:100%;height:100%;margin:0}.et_pb_with_border .et_pb_portfolio_image,.et_pb_with_border .et_pb_portfolio_item{border:0 solid #333}.et_pb_fullwidth_portfolio .et_pb_portfolio_image img{max-width:100%;height:inherit;min-height:100%;min-width:100%}.et_pb_fullwidth_portfolio .et_pb_portfolio_image.landscape img{height:100%}.et_pb_fullwidth_portfolio .et_pb_portfolio_image.portrait img{width:100%}.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay,.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta{z-index:3;opacity:1}.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay:before{top:45%;-webkit-transition:all .4s;transition:all .4s}.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay:before{top:33%}.et_pb_fullwidth_portfolio.et_pb_bg_layout_dark .et_pb_portfolio_image .et_overlay{background:rgba(0,0,0,.6)}.et_pb_fullwidth_portfolio.et_pb_bg_layout_dark .meta p{color:#fff}.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta{position:absolute;opacity:0;z-index:-1;top:0;left:0;width:100%;height:100%;-webkit-transition:all .3s;transition:all .3s;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0)}.et_pb_fullwidth_portfolio .et_pb_portfolio_title,.et_pb_fullwidth_portfolio h2.et_pb_portfolio_title{text-align:center;margin:30px 0;position:relative}.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_pb_module_header,.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3,.et_pb_fullwidth_portfolio .et_pb_portfolio_image p{display:block;position:relative;float:left;z-index:5;width:100%;text-align:center;-webkit-transition:all .3s;transition:all .3s;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0)}.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_pb_module_header,.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3{margin-top:40%;padding:0 5px}.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay+p.post-meta{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_pb_module_header,.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3{margin-top:35%}.et_pb_fullwidth_portfolio:hover .et-pb-arrow-prev{left:22px;opacity:1}.et_pb_fullwidth_portfolio:hover .et-pb-arrow-next{right:22px;opacity:1}.et_pb_fullwidth_portfolio .et_pb_no_results .entry{height:285.75px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:980px){.et_pb_bg_layout_light_tablet.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay{background:hsla(0,0%,100%,.9)}.et_pb_bg_layout_light_tablet.et_pb_fullwidth_portfolio .meta p{color:#666}.et_pb_bg_layout_dark_tablet.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay{background:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_tablet.et_pb_fullwidth_portfolio .meta p{color:#fff}}@media (max-width:767px){.et_pb_bg_layout_light_phone.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay{background:hsla(0,0%,100%,.9)}.et_pb_bg_layout_light_phone.et_pb_fullwidth_portfolio .meta p{color:#666}.et_pb_bg_layout_dark_phone.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay{background:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_phone.et_pb_fullwidth_portfolio .meta p{color:#fff}} .et-pb-arrow-next,.et-pb-arrow-prev{position:absolute;top:50%;z-index:100;font-size:48px;color:#fff;margin-top:-24px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:0}.et_pb_bg_layout_light .et-pb-arrow-next,.et_pb_bg_layout_light .et-pb-arrow-prev{color:#333}.et_pb_slider:hover .et-pb-arrow-prev{left:22px;opacity:1}.et_pb_slider:hover .et-pb-arrow-next{right:22px;opacity:1}.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control{background-color:#333}.et_pb_bg_layout_light .et-pb-controllers a{background-color:rgba(0,0,0,.3)}.et-pb-arrow-next:hover,.et-pb-arrow-prev:hover{text-decoration:none}.et-pb-arrow-next span,.et-pb-arrow-prev span{display:none}.et-pb-arrow-prev{left:-22px}.et-pb-arrow-next{right:-22px}.et-pb-arrow-prev:before{content:"4"}.et-pb-arrow-next:before{content:"5"}.format-gallery .et-pb-arrow-next,.format-gallery .et-pb-arrow-prev{color:#fff}.et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_2_5 .et_pb_slider:hover .et-pb-arrow-prev{left:0}.et_pb_column_1_3 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-prev,.et_pb_column_2_5 .et_pb_slider:hover .et-pb-arrow-next{right:0}.et_pb_column_1_4 .et_pb_slider .et_pb_slide,.et_pb_column_1_5 .et_pb_slider .et_pb_slide,.et_pb_column_1_6 .et_pb_slider .et_pb_slide{min-height:170px}.et_pb_column_1_4 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_5 .et_pb_slider:hover .et-pb-arrow-next,.et_pb_column_1_6 .et_pb_slider:hover .et-pb-arrow-next{right:0}@media (max-width:980px){.et_pb_bg_layout_light_tablet .et-pb-arrow-next,.et_pb_bg_layout_light_tablet .et-pb-arrow-prev{color:#333}.et_pb_bg_layout_dark_tablet .et-pb-arrow-next,.et_pb_bg_layout_dark_tablet .et-pb-arrow-prev{color:#fff}}@media (max-width:767px){.et_pb_slider:hover .et-pb-arrow-prev{left:0;opacity:1}.et_pb_slider:hover .et-pb-arrow-next{right:0;opacity:1}.et_pb_bg_layout_light_phone .et-pb-arrow-next,.et_pb_bg_layout_light_phone .et-pb-arrow-prev{color:#333}.et_pb_bg_layout_dark_phone .et-pb-arrow-next,.et_pb_bg_layout_dark_phone .et-pb-arrow-prev{color:#fff}}.et_mobile_device .et-pb-arrow-prev{left:22px;opacity:1}.et_mobile_device .et-pb-arrow-next{right:22px;opacity:1}@media (max-width:767px){.et_mobile_device .et-pb-arrow-prev{left:0;opacity:1}.et_mobile_device .et-pb-arrow-next{right:0;opacity:1}}.chocolat-zoomable.chocolat-zoomed { cursor: zoom-out; } .chocolat-open { overflow: hidden; } .chocolat-overlay { transition: opacity 0.4s ease, visibility 0s 0.4s ease; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 10; background-color: #fff; visibility: hidden; opacity: 0; } .chocolat-overlay.chocolat-visible { transition: opacity 0.4s, visibility 0s; visibility: visible; opacity: 0.8; } .chocolat-wrapper { transition: opacity 0.4s ease, visibility 0s 0.4s ease; width: 100%; height: 100%; position: fixed; opacity: 0; left: 0; top: 0; z-index: 16; color: #fff; visibility: hidden; } .chocolat-wrapper.chocolat-visible { transition: opacity 0.4s, visibility 0s; opacity: 1; visibility: visible; } .chocolat-zoomable .chocolat-img { cursor: zoom-in; } .chocolat-loader { transition: opacity 0.3s; height: 32px; width: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; z-index: 11; background: url(//www.hygolet.es/wp-content/themes/Hygolet/images/loader.gif); opacity: 0; } .chocolat-loader.chocolat-visible { opacity: 1; } .chocolat-image-wrapper { position: fixed; width: 0px; height: 0px; left: 50%; top: 50%; z-index: 14; text-align: left; transform: translate(-50%, -50%); } .chocolat-image-wrapper .chocolat-img { position: absolute; width: 100%; height: 100%; } .chocolat-wrapper .chocolat-left { width: 50px; height: 100px; cursor: pointer; background: url(//www.hygolet.es/wp-content/themes/Hygolet/images/left.png) 50% 50% no-repeat; z-index: 17; visibility: hidden; } .chocolat-layout { display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .chocolat-image-canvas { transition: opacity .2s; opacity: 0; flex-grow: 1; align-self: stretch; } .chocolat-image-canvas.chocolat-visible { opacity: 1; } .chocolat-center { flex-grow: 1; display: flex; justify-content: center; align-items: center; user-select: none; } .chocolat-wrapper .chocolat-right { width: 50px; height: 100px; cursor: pointer; background: url(//www.hygolet.es/wp-content/themes/Hygolet/images/right.png) 50% 50% no-repeat; z-index: 17; visibility: hidden; } .chocolat-wrapper .chocolat-right.active { visibility: visible; } .chocolat-wrapper .chocolat-left.active { visibility: visible; } .chocolat-wrapper .chocolat-top { height: 50px; overflow: hidden; z-index: 17; flex-shrink: 0; } .chocolat-wrapper .chocolat-close { width: 50px; height: 50px; cursor: pointer; position: absolute; top: 0; right: 0; background: url(//www.hygolet.es/wp-content/themes/Hygolet/images/close.png) 50% 50% no-repeat; } .chocolat-wrapper .chocolat-bottom { height: 40px; font-size: 12px; z-index: 17; padding-left: 15px; padding-right: 15px; background: rgba(0, 0, 0, 0.2); flex-shrink: 0; display: flex; align-items: center; } .chocolat-wrapper .chocolat-set-title { display: inline-block; padding-right: 15px; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.3); } .chocolat-wrapper .chocolat-pagination { float: right; display: inline-block; padding-left: 15px; padding-right: 15px; margin-right: 15px; /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/ } .chocolat-wrapper .chocolat-fullscreen { width: 16px; height: 40px; background: url(//www.hygolet.es/wp-content/themes/Hygolet/images/fullscreen.png) 50% 50% no-repeat; display: block; cursor: pointer; float: right; } .chocolat-wrapper .chocolat-description { display: inline-block; flex-grow: 1; text-align: left; } /* no container mode*/ body.chocolat-open > .chocolat-overlay { z-index: 15; } body.chocolat-open > .chocolat-loader { z-index: 15; } body.chocolat-open > .chocolat-image-wrapper { z-index: 17; } /* container mode*/ .chocolat-in-container .chocolat-wrapper, .chocolat-in-container .chocolat-image-wrapper, .chocolat-in-container .chocolat-overlay { position: absolute; } .chocolat-in-container { position: relative; } .chocolat-zoomable.chocolat-zooming-in .chocolat-image-wrapper, .chocolat-zoomable.chocolat-zooming-out .chocolat-image-wrapper { transition: width .2s ease, height .2s ease; } .chocolat-zoomable.chocolat-zooming-in .chocolat-img, .chocolat-zoomable.chocolat-zooming-out .chocolat-img { transition: margin .2s ease; } /* uncomment to hide controls when zoomed-in*/ /* .chocolat-zoomable .chocolat-top, .chocolat-zoomable .chocolat-bottom, .chocolat-zoomable .chocolat-right, .chocolat-zoomable .chocolat-left { transition: opacity .3s ease, visibility 0s .3s; opacity: 1; } .chocolat-zoomable.chocolat-zoomed .chocolat-top, .chocolat-zoomable.chocolat-zoomed .chocolat-bottom, .chocolat-zoomable.chocolat-zoomed .chocolat-right, .chocolat-zoomable.chocolat-zoomed .chocolat-left { visibility: hidden; opacity: 0; } *//* Theme Name: Hygolet Description: Tema hijo de Divi adaptado a Hygolet Author: bullhost.agency Template: Divi */ /*----------------- Cambios a partir de aquí -------------------------------*/ @font-face { font-family: "Montserrat"; src: url(//www.hygolet.es/wp-content/themes/Hygolet/fonts/Montserrat-VariableFont_wght.woff2) format('woff2'); font-display: swap; } * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Montserrat", sans-serif; font-variation-settings: 'wght' 400; text-decoration: none; } body { image-rendering: -webkit-optimize-contrast; } a { color: #2f2f2f } h1, h2, h3, h4, h5, h6 { font-variation-settings: 'wght' 600; } sup { bottom: .5em; } strong { font-variation-settings: 'wght' 600; font-weight: normal; } .bold { font-variation-settings: 'wght' 700; } ol { padding-left: 30px !important; list-style-position: outside !important; } ol li { margin-bottom: 10px; } ol li::marker { color: rgb(var(--hygo-rojo)); font-variation-settings: 'wght' 700; } #main-content .et_pb_text { margin-bottom: 1% !important; } #et-main-area ul, #et-main-areali { line-height: 1.9em; } /* Botones */ .et_pb_button_module_wrapper .et_pb_button, .et_pb_button_module_wrapper .et_pb_button:hover { padding: 1rem 3.5rem !important; } @media all and (max-width:767px){ .et_pb_button_module_wrapper .et_pb_button { font-size: 17px; } } /* CÍRCULO DEL RATÓN */ /* @media all and (min-width:1200px){ #burbuja { position: fixed; border-radius: 50%; z-index: 50; height: 40px; width: 40px; pointer-events: none; transition: background ease-in 10ms, box-shadow ease-in 150ms, transform ease-in 150ms; transform: translate3d(0, 0, 0); background-color: transparent; border: 1px solid #1f1f1f; } } */ /* Mega menú */ @media all and (min-width:1200px) { .menu-mobile { display: none; } } @media all and (max-width:1199px) { .menu-desktop { display: none; } } :root { --hygo-rosa: 185, 70, 163; --hygo-verde: 118, 189, 34; --hygo-azul: 114, 196, 231; --hygo-turquesa: 27, 147, 158; --hygo-naranja: 242, 139, 0; --hygo-rojo: 193, 42, 33; --hygo-amarilla: 233, 217, 0; } nav a { color: black; } nav .paneles { line-height: 1.3em; } .caja-menu { position: fixed; top: 41px; width: 100vw; height: 80px; z-index: 15; display: flex; flex-direction: row; transition: all 0.3s ease; } body:not(.home) .caja-menu { background-color: white; border-bottom: 1px solid black; } body:not(.home) .caja-menu li span, body:not(.home) .caja-menu li a { color: #1f1f1f; } .caja-menu.abierto, .caja-menu.bajando { background-color: white; border-bottom: 1px solid black; } .caja-menu.bajando li span, .caja-menu.bajando li a{ color: #1f1f1f; } .caja-menu.bajando .menu-item-has-children .sub-menu, .caja-menu.abierto .menu-item-has-children .sub-menu{ background-color: white; } .caja-menu.abierto li span, .caja-menu.abierto li a { color: #1f1f1f; } .caja-menu .logo { max-height: 100%; width: 20%; padding: 10px; } .caja-menu .logo img { display: block; max-height: 70px; margin: 0 auto; max-width: 100%; } .caja-menu ul{ margin-bottom: 0; margin-left: 0; padding: 0; } .primary-menu-container { width: 80%; padding-right: 50px; } .menu { display: flex; justify-content: flex-end; align-items: center; } .menu li { height: 100%; display: flex; align-items: center; padding: 10px 20px; justify-content: center; font-size: 14px; text-transform: uppercase; cursor: pointer; transition: background-color 0.4s ease-in-out; } .menu li a, .mega-menu span{ display: block; position: relative; padding: 5px 10px; color: white; font-variation-settings: 'wght' 400; } .menu li a:hover::after, .menu li span:hover::after, .menu li a:active a:after, .menu li:hover span::after, .menu li:active a:after { content: ""; height: 60%; position: absolute; left: -10px; top: 50%; margin-right: 2rem; transform: translateY(-50%); background-color: rgb(var(--hygo-rojo)); width: 3px; } .menu li, .caja-menu .single-pestana { padding: 15px 15px; font-size: 13px; text-transform: uppercase; text-align: center; } .mega-menu { position: relative; } .mega-menu span { padding-right: 10px; } .fas, .far{ color: #c12a21; } .pestanas ul { width: 100%; display: flex; flex-wrap: wrap; } .lista-categorias { height: 55px; } .lista-categorias li { height: 100%; } .caja-menu .pestanas { display: none; position: absolute; top: 80px; left: 0; width: 100vw; } .oculto { display: none !important; } .single-pestana { width: 20%; background-color: #1f1f1f; background-color: #171309; background-color: #f3f3f3; cursor: pointer; color: white; color: black; } .paneles { position: relative; max-height: 90vh; z-index: 2; } .overlay-paneles { position: relative; width: 100%; height: calc(40vh - 80px); background-color: rgba(47, 47, 47, 0.5); z-index: 0; display: flex; justify-content: center; align-items: center; } .overlay-paneles#ov_ambientacion { background-color: rgba(var(--hygo-verde), 1); } .overlay-paneles#ov_higiene-en-el-cuarto-de-bano { background-color: rgba(var(--hygo-azul), 1); } .overlay-paneles#ov_higiene-de-piel-y-manos { background-color: rgba(var(--hygo-turquesa), 1); } .overlay-paneles#ov_higiene-en-los-edificios { background-color: rgba(var(--hygo-naranja), 1); } .overlay-paneles#ov_marcas { background-color: rgba(var(--hygo-amarilla), 1); } .overlay-paneles .texto-overlay { max-width: 80%; margin: 0 auto; text-align: center; font-size: 25px; color: #1f1f1f; font-variation-settings: 'wght' 400; } .pes-activa { background-color: white; border-bottom: none; } .panel-menu { width: 100vw; height: 80vh; background-color: white; display: none; opacity: 0; transition: opacity 2s; /* padding: 20px; */ } .panel-menu.pan-activo { display: grid; opacity: 1; overflow-y: auto; } #panel1 { grid-template-columns: repeat(10, 1fr); padding: 0 5%; } .cont-panel { height: 100%; grid-column: 1 / span 6; grid-row: 1; display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 1024px; margin: 0 auto; justify-content: space-evenly; } /* PANEL CON FOTO DEL MEGAMENU */ /*.panel-foto { justify-content: center; align-items: center; z-index: 5; opacity: 1; transition: all 0.3s; position: relative; } .panel-foto { position: absolute; padding-left: 1.5vw; padding-top: 1.5vw; height: 100%; bottom: 0; border-top: 1px solid #e5e5e5; }*/ .panel-foto { position: absolute; padding-left: 1.5vw; padding-top: 1.5vw; height: 100%; bottom: 0; border-top: 1px solid #e5e5e5; z-index: 5; opacity: 1; transition: all 0.3s; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; background-image: url(//www.hygolet.es/wp-content/uploads/soluciones-higiene-menu.webp); } @media all and (min-width:1400px) { /* .panel-foto { position: absolute; padding-left: 1.5vw; padding-top: 1.5vw; } */ } .panel-foto.cat-abierta { grid-column: 5 / span 4; } .panel-foto.subcat-abierta { grid-column: 7 / span 4; } .panel-foto img { max-width: 100%; max-height: 100%; } .bloque-cta { display: none; padding: 1.5vw; text-align: right; text-align: end; background-color: rgba(255,255,255,0.5); } .boton-cta { margin-top: 15px; display: inline-block; } /* FIN PANEL CON FOTO */ .cont-panel .col-panel { border-left: 1px solid #e5e5e5; grid-row: 1; background-color: white; padding: 1.5vw; } #col-p-1 { grid-column: 1 / span 1; } #col-p-2 { grid-column: 2 / span 1; } #col-p-3 { grid-column: 3 / span 1; } .cont-panel .col-panel:first-child { border-left: none; } .caja-panel{ height: 100%; } .caja-panel h3 { font-size: 40px; width: 100%; } .caja-panel h4 { width: 100%; font-size: 18px; padding-bottom: 15px; } .caja-panel p { font-size: 20px; margin: 30px 0; width: 100%; } .caja-panel img { max-width: 50%; } .col-panel .lista-panel li { font-size: 12px; display: block; width: 100%; padding: 2px 10px; transition: all 0.4s; cursor: default; position: relative; } .col-panel .lista-panel li.sub_activa::before, .p_subcategoria .lista-panel li a:hover:before { content: ""; height: 60%; position: absolute; left: -10px; top: 50%; margin-right: 2rem; transform: translateY(-50%); background-color: rgb(var(--hygo-rojo)); width: 3px; } /*.col-panel .lista-panel li span { border: 1px solid black; }*/ #cat_ambientacion .lista-panel li.sub_activa::before, .lista-panel #li_ambientacion.sub_activa::before, .sub_ambientacion .lista-panel li a:hover:before { background-color: rgb(var(--hygo-verde)); } #cat_higiene-en-el-cuarto-de-bano .lista-panel li.sub_activa::before, .lista-panel #li_higiene-en-el-cuarto-de-bano.sub_activa::before, .sub_higiene-en-el-cuarto-de-bano .lista-panel li a:hover:before { background-color: rgb(var(--hygo-azul)); } #cat_higiene-de-piel-y-manos .lista-panel li.sub_activa::before, .lista-panel #li_higiene-de-piel-y-manos.sub_activa::before, .sub_higiene-de-piel-y-manos .lista-panel li a:hover:before { background-color: rgb(var(--hygo-turquesa)); } #cat_higiene-en-los-edificios .lista-panel li.sub_activa::before, .lista-panel #li_higiene-en-los-edificios.sub_activa::before, .sub_higiene-en-los-edificios .lista-panel li a:hover:before { background-color: rgb(var(--hygo-naranja)); } #cat_marcas .lista-panel li.sub_activa::before, .lista-panel #li_marcas.sub_activa::before { background-color: rgb(var(--hygo-amarilla)); } .panel.pan-activo { border-top: 1px solid #e5e5e5; } .col-foto .caja-panel { position: relative; } .col-foto .caja-panel .contenido { position: absolute; width: 100%; height: 100%; padding: 3vw; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; z-index: 2; } .caja-panel .overlay { position: absolute; width: 100%; height: 100%; z-index: 1; background-color: #f3f3f3bb; } .col_subcategoria { position: relative; } .p_subcategoria, .p_categoria { /* position: absolute; */ display: none; height: 100%; width: 100%; top: 0; left: 0; background: white; z-index: 1; } .p_subcategoria.p_activo, .p_categoria.p_activo { display: block; z-index: 2; } .p_subcategoria.p_activo li a:hover { text-decoration-color: #c12a21; } .boton { display: block; border: 3px solid #2f2f2f; font-size: 18px; padding: 15px 50px; width: fit-content; cursor: pointer; transition: all 0.2s ease-in; } .boton:hover { color: white; background-color: #2f2f2f; } @media screen and (min-width: 1600px) { .menu li, .caja-menu .single-pestana { padding: 15px 30px; font-size: 15px; } .col-panel .lista-panel li { padding: 5px 10px; } .panel-menu { height: 60vh; } .caja-panel h4 { font-size: 20px; } .overlay-paneles .texto-overlay { font-size: 40px; line-height: 50px; } .col-panel .lista-panel li { font-size: 14px; } } .menu-item-has-children .sub-menu{ position: absolute; padding: 20px 0; z-index: 9999; background: transparent; visibility: hidden; opacity: 0; border-top: 3px solid #c12a21; border-top-color: #c12a21; /*box-shadow: 0 2px 5px rgba(0,0,0,.1);*/ bottom: -90%; } .menu-item-has-children:hover .sub-menu{ visibility: visible; opacity: 1; } li.lang-item-pt { padding: 0 20px; } .caja-menu-movil { z-index: 15; position: fixed; top: 0; width: 100vw; height: 60px; background-color: white; display: flex; flex-direction: row; justify-content: space-between; } .caja-menu-movil .logo { max-height: 100%; width: 40%; padding: 10px; } .caja-menu-movil .logo img { display: block; max-height: 50px; align-self: left; /*max-width: fit-content;*/ } #caja-burger { display: flex; height: 100%; padding: 20px; } #caja-burger span { margin-right: 10px; line-height: 1.4; } .icono-burger { width: 30px; position: relative; } .icono-burger span { background-color: #c12a21; width: 100%; height: 3px; position: absolute; transition: all 0.3s ease-in-out; } .icono-burger.open { transform: translateX(6px); } .icono-burger.open .barra1 { transform: rotate(45deg) translateY(12px); } .icono-burger.open .barra2 { display: none; } .icono-burger.open .barra3 { transform: rotate(-45deg) translateY(-12px); } .barra1 { top: 4px; } .barra2 { top: 12px; } .barra3 { top: 21px; } .menu-movil { width: 80%; display: flex; justify-content: space-evenly; align-items: center; } .menu-movil li { width: 20%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 15px 50px; font-size: 20px; text-transform: uppercase; cursor: pointer; transition: background-color 0.4s ease-in-out; } .menu-movil li:hover, .menu-movil li:active { background-color: #f3f3f3; } .menu-movil li, .caja-menu-movil .single-pestana { padding: 15px 50px; font-size: 20px; text-transform: uppercase; text-align: center; } .mega-menu-movil { position: relative; } .mega-menu-movil span { padding-right: 10px; } .fas{ color: #c12a21; } .pestanas ul { width: 100%; display: flex; flex-wrap: wrap; } .caja-menu-movil .pestanas { display: none; position: absolute; top: 80px; left: 0; width: 100vw; } .oculto { display: none !important; } .paneles { position: relative; max-height: 90vh; } .pes-activa { background-color: white; border-bottom: none; } .panel-movil { margin-left: 0 !important; z-index: 10; position: fixed; overflow-y: scroll; height: calc(100vh - 60px); width: 100vw; top: 60px; left: -100%; /*height: 500px;*/ background-color: white; transition: all 0.5s ease-in-out; padding: 20px; } .panel-movil.activo { left: 0; } .panel-movil a { display: inline-block; color: rgb(var(--hygo-rojo)); } .product-template-default ul.panel-movil li { list-style-type: none; } .panel-movil li { width: 100%; padding: 20px; border-bottom: 1px solid lightgray; display: flex; justify-content: space-between; align-items: center; } .panel-movil h4 { text-align: center; font-size: 30px; } .con-submenu { display: flex; justify-content: space-between; align-items: center; } .con-submenu i { font-size: 20px; } .boton { display: block; border: 3px solid #2f2f2f; font-size: 18px; padding: 15px 50px; width: fit-content; cursor: pointer; transition: all 0.2s ease-in; } .boton:hover { color: white; background-color: #2f2f2f; } @media screen and (min-width:1200px) { .menu-enlace-destacado a { border: 1px solid; transition: all 0.3s ease; } .menu-enlace-destacado a:hover { background: #fff; border: 1px solid #fff; color: #1f1f1f; } .bajando .menu-enlace-destacado a:hover { background: #000; border: 1px solid #000; color: #fff; } } /*Bloques full width height*/ .home .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content, .archive #et-boc .et-l .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{ max-width: 100%; } .home .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content h1, .archive #et-boc .et-l .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content h1 { line-height: 1.3em; } /* SECCIÓN METRO DE LAS CATEGORIAS DE PRODUCTOS EN INICIO */ .wpb_wrapper .ut-fancy-image-wrap { margin-bottom: 0 !important; } #ut-row-5fd9f77b9e5be .vc_column_container .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } /* ESTILOS DE LAS TARJETAS METRO DE CATEGORÍAS EN INICIO */ .categorias-metro { display: grid; grid-template-rows: repeat(5, 1fr); grid-template-areas: "bano" "pielmanos" "esencials" "ambientacion" "edificios"; grid-column-gap: 0px; grid-row-gap: 0px; width: 100%; flex-wrap: wrap; } @media screen and (min-width: 701px) and (max-width: 1024px){ .categorias-metro { /* height: calc(100vh - 80px); */ grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-template-areas: "bano bano" "pielmanos esencials" "ambientacion edificios"; } } @media screen and (min-width: 1025px){ /*.categorias-metro { height: calc(100vh - 80px); grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-template-areas: "ambientacion edificios esencials" "bano pielmanos marcas"; }*/ .categorias-metro { display: grid; width: 100%; grid-auto-columns: 1fr; grid-template-columns: repeat (6, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0px 0px; grid-template-areas: "bano bano bano pielmanos pielmanos pielmanos" "esencials esencials ambientacion ambientacion edificios edificios"; } } .columna-metro { height: 100%; /*width: 33.333%;*/ } .tarjeta-metro { height: 100%; position: relative; min-height: 380px; background-position: center; } .tarjeta-metro.larga { height: 100%; } .tarjeta-metro h3 { font-size: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; } .overlay-tarjeta { position: absolute; width: 100%; height: 100%; background-color: #1b1b1b54; } .overlay-tarjeta:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); } .overlay-tarjeta:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scale(1,0); -ms-transform: scale(1,0); transform: scale(1,0); } .overlay-tarjeta:hover:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .overlay-tarjeta:hover:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .overlay-tarjeta:before, .overlay-tarjeta:after { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 1; -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,-webkit-transform .35s; -o-transition: opacity .35s,transform .35s; transition: opacity .35s,transform .35s; transition: opacity .35s,transform .35s,-webkit-transform .35s; } #tarjeta-ambientacion { background-image: url(//www.hygolet.es/wp-content/uploads/MicroBurst-Duet-header.webp); background-size: cover; grid-area: ambientacion; } #tarjeta-bano { background-image: url(//www.hygolet.es/wp-content/uploads/autofoam-header.webp); background-size: cover; grid-area: bano; /*background-position-y: top;*/ } #tarjeta-edificios { background-image: url(//www.hygolet.es/wp-content/uploads/2010102-2010116-2010123-Alfombra-Guzzler-header.webp); background-size: cover; grid-area: edificios; } #tarjeta-pielmanos { background-image: url(//www.hygolet.es/wp-content/uploads/lavado-de-manos.webp); background-size: cover; grid-area: pielmanos; } #tarjeta-esencials { background-image: url(//www.hygolet.es/wp-content/uploads/Marketing-Olfativo.webp); background-size: cover; grid-area: esencials; } #tarjeta-marcas { background-image: url(//www.hygolet.es/wp-content/uploads/rubbermaid-medio.jpg); background-size: cover; grid-area: marcas; } @media screen and (max-width:767px) { #tarjeta-ambientacion { background-image: url(//www.hygolet.es/wp-content/uploads/microburst-duet-ambientacion-home.webp); background-size: cover; grid-area: ambientacion; } } /* Nav secundaria top */ .menu-top { border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 1px; line-height: 40px; color: black; position: fixed; width: 100%; z-index: 10; background-color: white; font-size: 14px; display: none; top: 0; } .menu-container { margin: 0 auto; /*max-width: 1380px;*/ /*max-width: 80%;*/ display: flex; align-items: center; flex-flow: row wrap; height: 40px; } @media all and (min-width:1500px) { .menu-container { max-width: 80%; } } .izq { text-align: left; white-space: nowrap; padding-left: 40px; flex: 2; } .der { text-align: right; padding-right: 40px; flex: 1; } .border-separator { border-right-color: rgb(0, 0, 0); border-right-style: solid; border-right-width: 1px; padding-right: 15px; margin-right: 15px; } .border-izq { border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 1px; padding-left: 30px; margin-left: 30px; } .separator { padding-right: 10px; margin-right: 10px; } .separator:last-of-type { padding-right: 0; margin-right: 0; } .menu-top a { color: black; } .menu-top a i{ color: black; } .menu-top ul { list-style-type: none; margin: 0; } .menu-top li { display: inline-block; } .menu-top i { font-size: 18px; } .menu-top .izq i { margin-right: 10px; } .menu-top .busqueda-list { display: inline-flex; } .busqueda-list .et_pb_search { border: 0 !important; border-radius: 0 !important; } .menu-top .et_pb_search input.et_pb_searchsubmit { color: #fff !important; background-color: #000 !important; } .menu-top .et_pb_searchform:before { content: '\55'; position: absolute; font-family: 'ETModules'; z-index: 1; font-size: 16px; padding: 0; left: 0; color: #666; } .et-db #et-boc .menu-top .et-l .et_pb_search_0 input.et_pb_s, .et-db #et-boc .menu-top .et-l .et_pb_search_1 input.et_pb_s { padding-right: 101.983px !important; } .menu-top .et_pb_search input.et_pb_s { padding-right: 101.983px !important; padding-left: 1.5rem !important; } .menu-top .der i { font-size: 25px; transform: translateY(5px); } @media screen and (min-width: 1200px) { .menu-top { display: block; } .border-separator { border-right-color: rgb(0, 0, 0); border-right-style: solid; border-right-width: 1px; padding-right: 30px; margin-right: 30px; padding-right: 15px; margin-right: 15px; } .menu-top .et_pb_search input.et_pb_s { padding-right: 1.5rem !important; padding-left: 1.5rem !important; width: 15rem; } } @media screen and (min-width: 1450px) { .izq { padding-left: 0; } .der { padding-right: 0; } html .et-db #et-boc .et-l .et_pb_search input.et_pb_s { padding-right: 101.983px !important; padding-left: 1.5rem !important; width: 20rem; } html body .menu-top .et_pb_search input.et_pb_s { padding-right: 101.983px !important; padding-left: 1.5rem !important; width: 20rem; } } /* HOME HEADER */ @media all and (max-width:767px) { .home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content, .archive #et-boc .et-l .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content { width: 100%; } .archive #et-boc .et-l .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content h1 { font-size: 35px; } } /* Home nosotros */ .et_pb_blurb_content { max-width: fit-content !important; } .et_pb_blurb_position_left .et_pb_blurb_content { max-width: 100% !important; } .et_pb_blurb_position_left .et_pb_blurb_content .et_pb_main_blurb_image { width: 75px; } /* Home marcas*/ #marcas-exclusivas img { /*filter: invert(100%) sepia(1%) saturate(804%) hue-rotate(294deg) brightness(118%) contrast(86%);*/ } /* Footer */ /*.enlace-footer a { padding-right: 30px; } .enlace-footer a:last-of-type { padding-right: 0; }*/ /* Blog home*/ #ultimas-noticias .et_pb_blog_grid .et_pb_post { padding: 39px !important; } article.et_pb_post { position: relative; } article .post-meta { position: absolute; top: 0; background: white; left: 0; padding: 5px 15px !important; } article .post-meta span{ text-transform: uppercase; } /*Noticias*/ #ultima-noticia article h2 { grid-area: titulo; align-self: end; padding-left: 21px; padding-right: 21px; } #ultima-noticia article a { grid-area: foto; } #ultima-noticia article .post-content { grid-area: subtitulo; padding-left: 21px; padding-right: 21px; } #ultima-noticia article { display: grid; grid-template-areas: "foto" "titulo" "subtitulo"; column-gap: 30px; padding: 18px; margin: 0; } #blog-filtro .et_pb_portfolio_filter { margin-right: 1.5rem; margin-bottom: 1.5rem; } #blog-filtro .et_pb_portfolio_filter:last-of-type { margin-right: 0; } #blog-filtro .et_pb_portfolio_filter .active { background: #000; } #blog-filtro .et_pb_portfolio_filter a:hover { background: #000; color: #fff !important; } #blog-filtro .et_pb_portfolio_items .et_pb_portfolio_item { padding: 30px; width: 100%; margin: 0; } #blog-filtro .et_pb_portfolio_items_wrapper { margin-bottom: 4rem; } #blog-filtro .et_pb_portfolio_items{ display: grid; grid-template-columns: repeat(1, 1fr); gap: 3rem; } #blog-filtro h2 { padding-bottom: 10px; } #blog-filtro .et_portfolio_image { margin-bottom: 30px; } .is-style-outline a { border: 1px solid #000 !important; border-radius: 0 !important; font-size: 19px; padding: 1rem 3.5rem !important; transition: all 300ms ease 0ms } .is-style-outline a:hover { border: 1px solid #000 !important; background: #000 !important; color: #fff !important; padding: 1rem 3.5rem !important; } @media all and (min-width: 768px) { #blog-filtro .et_pb_portfolio_items{ grid-template-columns: repeat(2, 1fr); } } @media all and (min-width:1000px) { #ultima-noticia .et_pb_post .entry-featured-image-url { margin: 0; } #ultima-noticia article { display: grid; grid-template-areas: "foto titulo" "foto subtitulo"; column-gap: 30px; padding: 18px; margin: 0; grid-template-columns: 6fr 4fr; } #ultima-noticia article .post-content, #ultima-noticia article h2 { padding-left: 0; padding-right: 0; } #blog-filtro .et_pb_portfolio_items{ grid-template-columns: repeat(3, 1fr); gap: 3rem 4.5rem; } } #ultima-noticia img { width: 100%; } /* Plantilla producto */ #producto-template p, #producto-template ul, #producto-template li { font-size: 17px; } #producto-template ul { padding-bottom: 1.5em; } #producto-template h2 { font-size: 40px; } #producto-template h3 { font-size: 25px; } #producto-template ul li:not(.product){ list-style: circle; padding-left: 5px; margin-left: 35px; } .limitador-cuerpo { max-width:1360px; margin: 0 auto; } .header-producto { width: 100%; background-size: contain; background-repeat: no-repeat; background-position-x: center; background-position-y: bottom; margin: 0; min-height: 50vh; } @media all and (min-width: 981px) { #et-boc #header-producto div.et_pb_column_2_5 { width: 44%; } #et-boc #header-producto div.et_pb_column_2_5 h1{ font-size:55px; line-height: 1.3em; } } .header-titulo { background: white; padding: 20px; margin-left: 0; max-width: 100%; } .header-titulo h1 { font-size: 45px; } .row-iconos, .row-copy-accesorios { background-color: #f3f3f3; padding: 70px 20px; } .row-iconos .limitador-cuerpo { display: flex; flex-direction: column; } .row-iconos .caja-icono { display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center; padding-bottom: 50px; } .row-iconos .caja-icono:last-of-type { padding-bottom: 0px; } .row-iconos .caja-icono h3{ font-size: 25px; } .row-iconos .caja-icono p{ font-size: 16px !important; line-height: 22px; } .row-iconos .caja-icono i, .row-iconos .caja-icono .icono-c{ font-size: 66px; padding-bottom: 20px; } .row-iconos .caja-icono .icono-c { width: 60px; height: auto; } .producto-principal { display:flex; padding: 120px 0 !important; flex-direction: column; align-items: flex-start; } .columna-fotos, .product .et_pb_wc_images { max-width: 100%; position: relative; } .woocommerce div.product .producto-principal div.images .flex-control-thumbs li { margin-right: 0; } .producto-principal .swiper-button-next:after, .producto-principal .swiper-button-prev:after { font-size: 25px; } .columna-fotos, .columna-descripcion, .product .et_pb_wc_images { width: 100%; } .et_pb_gallery .et_pb_gallery_pagination { border-top: none !important; } .caja-acordeon { border-top: 1px solid #000; padding: 50px 0; } .caja-acordeon:last-of-type { border-bottom: 1px solid #000; } .acordeones { padding: 70px 0 !important; } .accordion { background-color: transparent; cursor: pointer; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; font-size: 23px; } .active-acor, .accordion:hover { color: rgb(var(--hygo-rojo));; } .accordion:after { content: '\002B'; float: right; margin-left: 5px; } .active-acor:after { content: "\2212"; } .panel-acor { background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .panel-acor-docu { display: flex; flex-direction: row; flex-wrap: wrap; } .panel-acor-docu .w3eden { width: 100%; margin-right: 1.5rem; } #producto-template .panel-acor-docu h3 { font-size: 1.2rem; padding-bottom: 0; } #producto-template .wpdm-download-link.btn.btn-primary { border-radius: 0; } #producto-template .w3eden .btn { font-variation-settings: 'wght' 400; letter-spacing: 0; } #producto-template .w3eden .btn-primary { color: #000; background-color: transparent; border-color: #000; padding: .5rem 1rem; } #producto-template .w3eden .btn-primary:hover { color: #fff; background-color: #000; border-color: #000; box-shadow: none; } ul.products h2 { font-size: 20px !important; } .relacionados { padding: 70px 0 !important; } .relacionados .et_overlay:before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 1; transition: opacity .5s,transform .5s; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); } .relacionados .et_overlay:after { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 1; transition: opacity .5s,transform .5s; margin: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); } .relacionados .et_shop_image:hover .et_overlay { background-color: #1b1b1b54; } .relacionados .et_shop_image:hover .et_overlay:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(1); } .relacionados .et_shop_image:hover .et_overlay:after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1); } .productos-child { padding: 70px 0 !important; } .productos-child .productos-rel { padding-bottom: 2em; } .producto-child { padding-bottom: 70px; } .producto-child:last-of-type { padding-bottom: 0; } .bloque-foto-d-child { display: flex; padding-top: 3em; flex-direction: column; } .i-child { width:100%; margin-right: 5%; max-width: 100%; position: relative; } .d-child { width:100%; /*padding-top: 1em;*/ } .boton_contacto_producto { display: flex; justify-content: center; padding: 70px 0 !important; } .video-youtube { padding-top: 70px !important; } .videoWrapper { position: relative; padding-bottom: calc(56.25% * 0.75); height: 0; width: 75%; margin: 0 auto; } .fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; padding-top: 0px; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media all and (max-width: 767px){ .swiper-button-next::after, .swiper-button-prev::after { font-size: 30px; } } @media all and (min-width: 768px) { #producto-template p, #producto-template ul, #producto-template li { font-size: 19px; } .header-producto { background-size: cover; width: 100%; } .panel-acor-docu { display: flex; flex-direction: row; } .panel-acor-docu .w3eden { width: 20%; margin-right: 3rem; } .panel-acor { padding-top: 20px; } .row-iconos .caja-icono .icono-c { width: 85px; } } @media all and (min-width: 1200px) { #producto-template h2 { font-size: 55px; } .header-producto { height: calc(100vh - 120px); width: 100%; display: flex; align-items: center; background-position-x: 15vw; margin: 0; } .header-titulo { padding: 50px; margin-left: 10vw; max-width: 40%; } .header-titulo h1 { font-size: 55px; } .row-iconos { padding: 70px 0; } .row-iconos .limitador-cuerpo { justify-content: space-around; flex-direction: row; } .row-iconos .caja-icono { padding-bottom: 0px; } .producto-principal { flex-direction: row; } .woocommerce-page div.product div.images { width: 100% !important; } .columna-fotos, .product .et_pb_wc_images { margin-right: 10%; max-width: 40%; } .producto-principal .swiper-button-next { right: -25px; } .producto-principal .swiper-button-prev { left: -25px; } .producto-principal .swiper-button-next::after, .producto-principal .swiper-button-prev::after { font-size: 30px; } .accordion { font-size: 40px; } .bloque-foto-d-child { flex-direction: row; } .i-child { max-width: 45%; } } /* PONER MARGEN AL COMIENZO DE LAS PAGINAS QUE NO SEAN INICIO */ @media screen and (min-width: 1200px) { body:not(.home) #et-main-area { margin-top: 120px; } } /*Swiper productos*/ .swiper-button-next, .swiper-button-prev { color: rgb(var(--hygo-rojo)) !important; } .productoSwiper { width: 100%; height: auto; overflow-x: hidden; } .productoSwiper .swiper-slide { /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; } .productoSwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .multiSwiper { width: 100%; height: auto; } .multiSwiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: flex; justify-content: center; /*align-items: center;*/ } .multiSwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /*Landing categoría*/ .todos-productos-categoria .woocommerce-LoopProduct-link:hover .et_overlay { z-index: 11 !important; } .todos-productos-categoria .et_overlay:before { position: absolute !important; top: 20px !important; right: 20px; bottom: 20px; left: 20px !important; content: '' !important; opacity: 1; transition: opacity .5s,transform .5s !important; margin: 0 !important; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); } .todos-productos-categoria .et_overlay:after { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 1; transition: opacity .5s,transform .5s; margin: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); } .todos-productos-categoria .woocommerce-LoopProduct-link:hover .et_overlay { opacity: 1 !important; border: 0 !important; } .todos-productos-categoria .woocommerce-LoopProduct-link:hover .et_overlay:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(1); } .todos-productos-categoria .woocommerce-LoopProduct-link:hover .et_overlay:after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1); } .todos-productos-categoria .woocommerce ul.products li.product a { position: relative; display: block; z-index: 10; } .todos-productos-categoria .woocommerce ul.products li.product a img{ margin: 0 !important; } .todos-productos-categoria .woocommerce ul.products li.product .woocommerce-loop-product__title { z-index: 12; transition: opacity .3s; } .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product h2.woocommerce-loop-product__title { color: #000 !important; } .todos-productos-categoria .woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title{ opacity: 1; } .et-db #et-boc .et_pb_shop.grid-productos-landing-categoria ul.products.columns-4 li.product { width: 100% !important; margin-right: 0 !important; } @media all and (min-width: 768px) { .grid-productos-landing-categoria ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7rem; } .grid-productos-landing-categoria .woocommerce ul.products::before { content: none; } } @media all and (min-width: 980px) { .grid-productos-landing-categoria ul { grid-template-columns: repeat(3, 1fr); } } @media all and (min-width: 1200px) { .todos-productos-categoria .woocommerce-LoopProduct-link:hover .et_overlay { z-index: 11 !important; } body.et-db #et-boc .todos-productos-categoria .et_overlay:before { position: absolute !important; top: 20px !important; right: 20px; bottom: 20px; left: 20px !important; content: '' !important; opacity: 1; transition: opacity .5s,transform .5s !important; margin: 0 !important; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); } body.et-db #et-boc .todos-productos-categoria .et_overlay:after { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 1; transition: opacity .5s,transform .5s; margin: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); } body.et-db #et-boc .todos-productos-categoria .woocommerce-LoopProduct-link:hover .et_overlay { opacity: 1 !important; border: 0 !important; } body.et-db #et-boc .todos-productos-categoria .woocommerce-LoopProduct-link:hover .et_overlay:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(1); } body.et-db #et-boc .todos-productos-categoria .woocommerce-LoopProduct-link:hover .et_overlay:after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1); } .todos-productos-categoria .woocommerce ul.products li.product a { position: relative; display: block; z-index: 10; } .todos-productos-categoria .woocommerce ul.products li.product .woocommerce-loop-product__title { position: absolute; margin: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 12; transition: opacity .3s; color: #fff; text-align: center; } .todos-productos-categoria .woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title{ opacity: 1; } .grid-productos-landing-categoria ul { grid-template-columns: repeat(4, 1fr); } .grid-productos-landing-categoria .woocommerce ul.products li.product, .grid-productos-landing-categoria .woocommerce-page ul.products li.product { width: 100%; margin: 0; } .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product h2.woocommerce-loop-product__title { color: #fff !important; } } /*Landing catálogos y contacto*/ .catalogo-section img { box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1); } .catalogo-section p:not(.has-background):last-of-type { padding-bottom: 20px; } .catalogo-section ul { list-style-type: none; padding: 0; font-size: 16px; } .catalogo-section .consulta-catalogo .dp-element[data-lightbox="button"]{ background: none; border-radius: 0; padding: 0; color: rgb(var(--hygo-rojo)); } .catalogo-section .et-pb-icon { font-size: 1em; /*color: rgb(var(--hygo-rojo));*/ padding-right: 10px; top: 3px; position: relative; } .catalogo-acordeon .et_pb_accordion_item .et_pb_row, .catalogo-acordeon .et_pb_toggle .et_pb_row { width: 100%; } .catalogo-acordeon .et_pb_accordion_item, .catalogo-acordeon .et_pb_toggle { padding: 50px 0; border: 1px solid #000; border-bottom: 0; border-left: 0; border-right: 0; margin-bottom: 0 !important; } .catalogo-acordeon .et_pb_accordion_item:last-of-type, .catalogo-acordeon .et_pb_toggle { border-bottom: 1px solid #000; } .catalogo-acordeon .et_pb_accordion_item .et_pb_toggle_title:before { right: 0; } /*Landing de Recargas */ .single-product .et-pb-controllers { position: relative; bottom:0; } .product-template-default ul li { list-style: circle; padding-left: 5px; } /*Archivo*/ #sidebar { display: none; } /* Remove thin line */ #main-content .container:before { background: none; } /* Make content 100% width */ @media (min-width: 981px){ #left-area { width: 100%; padding-right: 0px !important; } } /*Marketing Olfativo*/ /*Bloques full width height*/ .archive #et-boc .et-l #marketing-hero .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content h1 { font-variation-settings: 'wght' 300; } #seccion-fragancias .et_pb_gutters1 .et_pb_column { margin-right: 0 !important; width: 50% !important; } #coleccion-fragancias-hero h2 { font-size: 35px !important; line-height: 1.3em !important; } #coleccion-fragancias-hero p { font-size: 23px !important; } .bloque-fragancia { position: relative; min-height: 350px !important; } .listado-fragancia, .nombre-fragancia { position: relative; width: 100%; height: 100%; top: 0; display: flex; justify-content: center; align-items: center; text-align: center !important; color: white !important; padding: 3rem; } #main-content .et_pb_text.listado-fragancia, #main-content .et_pb_text.nombre-fragancia, #seccion-fragancias .bloque-fragancia{ margin: 0 !important; } .listado-fragancia p, .nombre-fragancia p { font-size: 23px !important; } .listado-fragancia h4, .nombre-fragancia h4 { color: white !important; font-size: 32px !important; } .listado-fragancia { transition: all 0.2s; } .bloque-floral .listado-fragancia{ background-color: #F28CBA; } .bloque-especiadas .listado-fragancia{ background-color: #F79447; } .bloque-amaderadas .listado-fragancia{ background-color: #A05C44; } .bloque-gourmand .listado-fragancia{ background-color: #672C0B; } .bloque-citricas .listado-fragancia{ background-color: #7DB74F; } .bloque-frutales .listado-fragancia{ background-color: #F26B41; } .bloque-marinas .listado-fragancia{ background-color: #00AEEF; } .boton-fragancia-col { display: flex; justify-content: center; align-items: center; } @media all and (min-width:768px) { #seccion-fragancias .et_pb_row { display: flex; flex-direction: row; } .listado-fragancia, .nombre-fragancia{ height: 50%; } } @media all and (min-width:1200px) { #coleccion-fragancias-hero h2 { font-size: 48px !important; line-height: 1.5em !important; } #coleccion-fragancias-hero p { font-size: 26px !important; } .listado-fragancia, .nombre-fragancia { position: absolute !important; width: 100%; height: 100%; top: 0; } .listado-fragancia { opacity: 0; } .bloque-fragancia:hover .listado-fragancia{ opacity: 1; } } /*Drift quitar en móvil*/ #drift-frame-controller { display: none !important; } @media all and (min-width:768px) { #drift-frame-controller { display: block !important; } } /*Búsqueda en móvil (que no se vea en desktop)*/ /*Que no se vea en desktop*/ .menu-desktop .busqueda-list{ display: none; pointer-events: none; } .menu-mobile .busqueda-list .et_pb_search input.et_pb_searchsubmit { color: #fff !important; background-color: #000 !important; } .menu-mobile .et_pb_searchform:before { content: '\55'; position: absolute; font-family: 'ETModules'; z-index: 1; font-size: 15px; padding: 0; left: 0; color: #666; top: 7px; } .menu-mobile .et_pb_search input.et_pb_s { padding-left: 1.5rem !important; font-size: 15px; } /*Recaptcha*/ .grecaptcha-badge { visibility: hidden; } /*Nosotros*/ @media all and (max-width:980px) { .calidad-row, .sostenibilidad-row { display: flex; flex-direction: column; } .calidad-row .et_pb_column_4, .sostenibilidad-row .et_pb_column_8 { order: 2; } .calidad-row .et_pb_column_5, .sostenibilidad-row .et_pb_column_9 { order: 1; } } /*Cookies*/ @media all and (min-width:1000px) { .botones-cookies { width: 30%; } } /*Blog*/ /* .dt-blog-equal-height article { display: grid; grid-template-rows: min-content min-content auto min-content; } .dt-blog-equal-height article .post-content { display: grid; grid-template-rows: auto min-content; } */