/* Theme Name: Norebro Child Theme URI: http://norebro.colabr.io/ Author: Colabrio Team Author URI: http://colabr.io/ Description: Norebro is flexible and high performance multipurpose WordPress Theme for personal and corporate use. It comes with the most popular WordPress page builder Visual Composer. Create gorgeous pages and layouts fast and easy without coding. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Template: norebro Text Domain: norebro-child Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ html, body{ width: 100%; margin: 0; } html.is_mobile { position: fixed; margin: 0; height: 100%; width: 100%; overflow: hidden; } html.is_mobile body { overflow-y: scroll; -webkit-overflow-scrolling: touch; top: 0; left: 0; right: 0; bottom: 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery-caption { font-weight: 700; } .gallery { background: #111; width: 100%; height: 100%; text-align: center; position: fixed; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; z-index: 999999; } .gallery.open { visibility: visible; opacity: 1; } .gallery.open .close { visibility: visible; } .gallery .slider { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); height: -webkit-calc(100% - 170px); height: calc(100% - 170px); position: absolute; top: 0; left: 50px; margin-top: 50px; visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gallery .slider .owl-stage-outer { height: 100%; } .gallery .slider .owl-stage { height: 100%; position: relative; } .gallery .slider .owl-stage .owl-item { width: 100%; height: 100%; text-align: center; position: relative; } .gallery .slider .owl-stage .owl-item > div { height: 100%; line-height: -webkit-calc(100vh - 140px); line-height: calc(100vh - 140px); } .gallery .slider .owl-stage .owl-item img { max-height: 100%; height: 100%; } .gallery .slider .owl-stage .owl-item .gallery-description { width: 100%; height: auto; padding: 25px 0 5px; position: absolute; bottom: 0; } .gallery .slider .owl-stage .owl-item .gallery-description h3 { color: #fff; text-align: center; font-size: 16px; width: 50%; margin: 0 auto; } .gallery .slider .owl-stage .owl-item .gallery-description p { margin-top: 5px; width: 50%; } .gallery .slider .thumbs { max-width: 100%; min-height: 100px; display: inline-block; overflow-x: auto; overflow-y: visible; padding-top: 10px; } .gallery .slider .thumbs::-webkit-scrollbar { background: rgba(255, 255, 255, 0.1); height: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .gallery .slider .thumbs::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); height: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .gallery .slider .thumbs::-webkit-scrollbar-thumb:hover, .gallery .slider .thumbs::-webkit-scrollbar-thumb:active { background: rgba(255, 255, 255, 0.2); } .gallery .slider .thumbs img { height: 60px; margin: 0 5px; border: 1px solid transparent; vertical-align: middle; display: inline-block; cursor: pointer; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: border-color, opacity, -webkit-transform; transition-property: border-color, opacity, -webkit-transform; -o-transition-property: border-color, transform, opacity; transition-property: border-color, transform, opacity; transition-property: border-color, transform, opacity, -webkit-transform; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; } .gallery .slider .thumbs img.showed { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .gallery .slider .thumbs img.active { border-color: rgba(255, 255, 255, 0.8); } .gallery .slider .thumbs img:hover { border-color: rgba(255, 255, 255, 0.4); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } .gallery .expand, .gallery .close { color: #fff; width: 70px; height: 70px; line-height: 72px; text-align: center; vertical-align: middle; font-size: 44px; position: fixed; top: 25px; right: 25px; z-index: 80; cursor: pointer; opacity: .7; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .gallery .expand:hover, .gallery .close:hover { opacity: 1; } .gallery .expand { left: 25px; font-size: 24px; } .gallery.gallery-light { background: #fff; } .gallery.gallery-light .slider .owl-item .gallery-description h3 { color: #343436; } .gallery.gallery-light .slider .thumbs::-webkit-scrollbar { background: rgba(0, 0, 0, 0.1); } .gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); } .gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb:hover, .gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb:active { background: rgba(0, 0, 0, 0.2); } .gallery.gallery-light .slider .thumbs img.active { border-color: rgba(0, 0, 0, 0.8); } .gallery.gallery-light .slider .thumbs img:hover { border-color: rgba(0, 0, 0, 0.4); } .gallery.gallery-light .close { color: #d9d9d9; } .gallery.gallery-light .close:hover { color: #5a5a5a; } .norebro-gallery-sc .vc_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery-tmpimage { position: fixed; z-index: 9999999; -webkit-transition: 0.35s cubic-bezier(0.4, 0.7, 0.4, 1); -o-transition: 0.35s cubic-bezier(0.4, 0.7, 0.4, 1); transition: 0.35s cubic-bezier(0.4, 0.7, 0.4, 1); -webkit-transition-property: width, height, margin, left, top; -o-transition-property: width, height, margin, left, top; transition-property: width, height, margin, left, top; } .gallery-tmpimage.active { left: 50%; top: 40px; } .gallery-image .wrap { position: relative; overflow: hidden; } .gallery-image img { width: 100%; cursor: pointer; display: block; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .gallery-image .overlay { background: rgba(64, 64, 68, 0.7); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: calc(100% - 50px); top: 25px; left: 25px; opacity: 0; cursor: pointer; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .gallery-image .overlay h4 { color: #fff; margin: 0; font-size: 16px; font-weight: 600; } .gallery-image .overlay.with-title { width: 100%; height: 100%; left: 0; top: 0; } .gallery-image .overlay.with-title .wrap { vertical-align: bottom; text-align: left; padding: 20px 25px; } .gallery-image .overlay.with-title .wrap .icon { background: #404044; width: 55px; height: 55px; margin: -23px 0 0 -23px; -webkit-border-radius: 50px; border-radius: 50px; line-height: 57px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } .gallery-image .overlay .icon { color: #fff; font-size: 36px; vertical-align: -9px; margin-left: 15px; } .gallery-image:hover img { -webkit-transform: scale(1.05) rotate(0.03deg); -ms-transform: scale(1.05) rotate(0.03deg); transform: scale(1.05) rotate(0.03deg); } .gallery-image:hover .overlay { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .gallery-image:hover.with-title .wrap .icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .gallery-image .gallery-description { display: none; } @media screen and (max-width: 768px) { .gallery-tmpimage { display: none !important; } .norebro_portfolio-template-default .slider .owl-nav .owl-prev, .mobile-social { display: block !important; } .norebro_portfolio-template-default .slider .owl-nav div { top: 97%; } .slider.owl-loaded.owl-drag .thumbs{ display: none !important; } .gallery_row.vc_row .vc_column_container > .vc_column-inner{ padding-left: 0px; padding-right: 0px; } .gallery-image:hover img { -webkit-transform: scale(1) rotate(0deg) !important; -ms-transform: scale(1) rotate(0deg) !important; transform: scale(1) rotate(0deg) !important; } .gallery, .gallery-tmpimage { overflow-y: hidden; min-height: 100vh; } .gallery .slider { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); min-height: -webkit-calc(100vh - 35px); min-height: calc(100vh - 35px); margin: 15px 10px; left: 15px; } .gallery .slider .owl-stage-outer { height: -webkit-calc(100% - 60px); height: calc(100% - 60px); margin-top: 50px; } .gallery .slider .owl-stage .image-wrap { height: -webkit-calc(100% - 40px); height: calc(100% - 40px); } .gallery .slider .owl-stage .owl-item img { height: auto; vertical-align: middle; } .gallery .slider .owl-stage .owl-item .gallery-description { padding: 15px 0px 0px; } .gallery .slider .owl-stage .owl-item .gallery-description .title { font-size: 14px; } .gallery .slider .owl-stage .owl-item .gallery-description h3, .gallery .slider .owl-stage .owl-item .gallery-description p { width: 100%; } .gallery .slider .thumbs .gimg { height: 45px; } .gallery .owl-nav .owl-prev { left: 0px !important; } .gallery .owl-nav .owl-next { right: 0px !important; } .gallery .expand, .gallery .close { width: 25px; height: 25px; top: 0; right: 20px; } .gallery .expand { right: auto; left: 20px; } } /*-------------------------------------------------------------- ## Portfolio gallery --------------------------------------------------------------*/ .portfolio-gallery { background: #fff; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; -o-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); z-index: 99999; } .portfolio-gallery .slider, .portfolio-gallery .gallery-content { width: 50%; height: 100%; position: absolute; top: 0; } .portfolio-gallery .slider { left: 0; padding: 0; z-index: 2; } .portfolio-gallery .slider div.portfolio-img, .portfolio-gallery .slider .owl-item div { -webkit-background-size: cover; background-size: cover; background-position: 50%; width: auto; min-width: auto; height: 100%; } .portfolio-gallery .slider .owl-stage-outer, .portfolio-gallery .slider .owl-stage, .portfolio-gallery .slider .owl-item { height: 100%; } .portfolio-gallery .slider .owl-stage-outer { padding-top: 0; margin-top: 0; } .portfolio-gallery .slider .owl-nav { position: absolute; right: 40px; bottom: 40px; } .portfolio-gallery .slider .owl-nav .owl-prev, .portfolio-gallery .slider .owl-nav .owl-next { background-color: rgba(30, 30, 30, 0.7); display: inline-block; margin-right: 10px; height: 50px; line-height: 54px; text-align: center; cursor: pointer; width: 50px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; font-size: 25px; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07); } .portfolio-gallery .slider .owl-nav .owl-prev:hover, .portfolio-gallery .slider .owl-nav .owl-next:hover { opacity: .8; -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .portfolio-gallery .slider .owl-dots { background: #fff; width: auto; padding: 10px 14px; margin: 0; position: absolute; -webkit-border-radius: 100px; border-radius: 100px; right: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); } .portfolio-gallery .slider .owl-dots.disabled { display: none; } .portfolio-gallery .slider .owl-dot { border-color: transparent; margin: 5px 0; display: block; } .portfolio-gallery .slider .owl-dot:after { background: #404044; } .portfolio-gallery .slider .owl-dot.active { border-color: #404044; } .portfolio-gallery .gallery-content { right: 0; padding: 30px 8%; } .portfolio-gallery .gallery-content h2, .portfolio-gallery .gallery-content .tag, .portfolio-gallery .gallery-content .description, .portfolio-gallery .gallery-content .info, .portfolio-gallery .gallery-content .view-project { -webkit-transition: 0.4s cubic-bezier(0.13, 0.19, 0.34, 0.96); -o-transition: 0.4s cubic-bezier(0.13, 0.19, 0.34, 0.96); transition: 0.4s cubic-bezier(0.13, 0.19, 0.34, 0.96); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: opacity, transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; } .portfolio-gallery .gallery-content .tag { background: #505cfd; color: #fff; border-color: #505cfd; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .portfolio-gallery .gallery-content h2 { font-size: 42px; font-weight: 600; line-height: 1.3; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .portfolio-gallery .gallery-content .description { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; color: #9a9a9a; line-height: 25px; font-size: 15px; font-weight: 300; } .portfolio-gallery .gallery-content .description p { color: inherit; } .portfolio-gallery .gallery-content .info { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .portfolio-gallery .gallery-content .info .title { color: #999; border-bottom-color: #ebebeb; } .portfolio-gallery .gallery-content .info p { color: #636363; font-weight: 300; } .portfolio-gallery .gallery-content .info p a { color: inherit; } .portfolio-gallery .gallery-content .view-project { color: #404044; margin-top: 15px; font-weight: 600; line-height: 2; font-size: 16px; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .portfolio-gallery .gallery-content .date { color: rgba(51, 51, 51, 0.2); font-size: 68px; font-weight: 600; position: absolute; bottom: 20px; left: 16%; } .portfolio-gallery .gallery-close { background: #fff; width: 46px; height: 46px; font-size: 40px; line-height: 50px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 20px; right: 20px; z-index: 99; cursor: pointer; -webkit-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } .portfolio-gallery .gallery-close:hover { opacity: .5; } .portfolio-gallery .portfolio-img { display: none; } .portfolio-gallery.open { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .portfolio-gallery.open .portfolio-img { display: block; } .portfolio-gallery.open .tag, .portfolio-gallery.open h2, .portfolio-gallery.open .description, .portfolio-gallery.open .info, .portfolio-gallery.open .view-project { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .portfolio-gallery.gallery-dark { background: #333; } .portfolio-gallery.gallery-dark .gallery-close { background: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; position: fixed; } .portfolio-gallery.gallery-dark .slider .owl-dots { background: #333; } .portfolio-gallery.gallery-dark .slider .owl-dots .owl-dot:after { background: #fff; } .portfolio-gallery.gallery-dark .slider .owl-dots .owl-dot.active { border-color: #fff; } .portfolio-gallery.gallery-dark .date { color: #444; } .portfolio-gallery.gallery-dark .tag { background: transparent; color: #fff; border-color: #fff; } .portfolio-gallery.gallery-dark h2 { color: #fff; } .portfolio-gallery.gallery-dark .description { color: #9a9a9a; } .portfolio-gallery.gallery-dark .info .title { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.15); } .portfolio-gallery.gallery-dark .info p { color: rgba(255, 255, 255, 0.5); } .portfolio-gallery.gallery-dark .view-project { color: #fff; } @media screen and (max-width: 1024px) and (min-width: 769px) { .portfolio-gallery .gallery-content { right: 0; padding: 40px; } .portfolio-gallery .gallery-content h2 { font-size: 36px; line-height: 46px; } } @media screen and (max-width: 768px) { html.scroll-hidden, html.scroll-hidden body { overflow: hidden; } .portfolio-gallery { overflow-y: scroll; overflow-x: hidden; opacity: 0.6; } .portfolio-gallery.gallery-dark .gallery-close { background: #fff; color: #444; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07); } .portfolio-gallery .gallery-content h2 { font-size: 28px; } .portfolio-gallery .slider, .portfolio-gallery .gallery-content { width: 100%; height: auto; position: relative; } .portfolio-gallery .slider { height: 300px; } .portfolio-gallery .slider .owl-dots { top: 100%; left: 50%; padding: 6px 8px; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portfolio-gallery .slider .owl-dots .owl-dot { display: inline-block; margin: 0 2px; vertical-align: middle; } .portfolio-gallery .slider .owl-nav { right: 20px; left: 20px; bottom: 20px; } .portfolio-gallery .slider .owl-nav .owl-prev, .portfolio-gallery .slider .owl-nav .owl-next { background-color: #fff; height: 46px; line-height: 50px; width: 46px; color: #444; margin: 0px; } .portfolio-gallery .slider .owl-nav .owl-next { float: right; } .portfolio-gallery .content .info-list li { width: 100%; max-width: auto; } } #masthead.header-6 .header-wrap { background-color: #000; } .onbox{ } .onbox-content{ position: absolute; top: 171px; left: 0px; width: auto; height: calc(100% - 171px); display: flex; align-items: center; padding: 0px 72px; } @media only screen and (min-width: 1099px){ .onbox-content:before{ content:""; position: absolute; z-index: 1; width: 100%; height: 100%; background-color: #000; display: inline-block; top: 0px; left: 0px; opacity: 0.4; } } .onbox-content .widget_text{ padding: 0px; position: relative; z-index: 2; } .box-ower{ } .box-ower .ower-text{ padding: 0px; } .box-ower .ower-text, .box-ower .ower-text div{ font-size: 53px; color: #fff; /* font-family: 'Poppins', sans-serif;*/ font-weight: 500; white-space: nowrap; float: left; line-height: 58px; } .box-ower .ower-text div{ opacity: 0; width: 100%; } .lincka, .page-content a.lincka, .page-content p a.lincka { color: #000; text-decoration: underline; } .specialspaces { margin-top: -10px; } .specialspaces p{ margin: 0px auto; } .valing .vc_column-inner{ flex-direction: unset !important; } .valing .vc_column-inner .wpb_wrapper { display: flex; align-items: flex-end; } .valing .wpb_single_image .vc_single_image-wrapper{ display: flex; align-items: flex-end; } .homepage #masthead:before{ position: absolute; z-index: 1; width: 100%; height: 100%; background-color: #000; display: inline-block; top: 0px; left: 0px; opacity: 0.85; } @media only screen and (min-width: 676px) { #masthead .site-title img, #masthead .site-title a img { margin-top: -2px; } .homepage #mega-menu-wrap > ul > li { font-size: 24px; } .homepage #masthead .header-wrap { padding: 15px 25px; position: relative; z-index: 2; padding-left: 60px; } .homepage #masthead.site-header { display: inline-block; height: auto; line-height: initial; margin-top: 55px; } .homepage header.light-text .right { height: 86px; display: flex; align-items: center; } } .site-footer .site-info .wrap { padding: 20px 0px; list-style: none; border: none !important; } .site-footer .site-info .page-container{ padding: 0 30px; max-width: 100%; } .site-footer .site-info .wrap div{ font-size: 15px; line-height: 18px; font-weight: 400; color: #fff; } .norebro-recent-projects-sc .scroll{ display: none; } .content-center .wrap { vertical-align: bottom; text-align: right; } .content-center .wrap h4.title{ padding-right: 0px; line-height: 31px; font-size: 31px; } .content-center .wrap .text-description { padding-top: 0px; font-size: 21px; line-height: 21px; padding-bottom: 10px; } .content-center .wrap .text-description *{ font-size: 21px; line-height: 21px; color: #fff; } .maxlimittxt{ text-align: right; } .maxlimittxt p{ text-align: right; max-width: 660px; margin: 0; display: inline-block; } .vc_row.boxidclass{ max-width: 1126px; left: auto !important; margin: auto; width: 100% !important; } .imgm img{ } .homepage .page-container.full { max-width: none; padding: 0 0%; } .site-footer .site-info .wrap { margin: auto; } .homepage #page-scroll-top{ display: none !important; } @media only screen and (max-width: 768px){ #masthead .site-title img, #masthead .site-title a img { max-width: 130px; margin-left: -8px; } .homepage #masthead.site-header { margin-top: 0px; } header#masthead.site-header { height: 70px; max-height: 70px; min-height: auto; line-height: 70px; } .homepage header.light-text .right { height: 70px; } header#masthead.site-header .site-branding { line-height: 70px; } .onbox-content { top: 70px; height: calc(100% - 70px); padding: 0px 25px; } } @media screen and (max-width: 768px){ #hamburger-menu { padding-right: 20px; margin-right: -20px; } } @media only screen and (max-width: 560px){ .box-ower .ower-text, .box-ower .ower-text div { font-size: 33px; line-height: 33px; } } @media only screen and (max-width: 676px){ .onbox-content { top: 0px; height: 100%; } } @media (min-width: 769px) and (max-width: 1200px) { .homepage #masthead .header-wrap { display: flex; justify-content: space-between; } .homepage header.light-text .right { height: auto; } .onbox-content { top: 124px; height: calc(100% - 124px); } } @media (min-width: 768px) and (max-width: 859px) { .homepage #mega-menu-wrap > ul > li { font-size: 15px; } #masthead .site-title img, #masthead .site-title a img { margin-top: 0px; max-width: 95px; } } @media (min-width: 860px) and (max-width: 1023px) { .homepage #mega-menu-wrap > ul > li { font-size: 16px; } #masthead .site-title img, #masthead .site-title a img { margin-top: 0px; max-width: 130px; } .onbox-content { top: 132px; height: calc(100% - 132px); } } @media (min-width: 1024px) and (max-width: 1200px) { .homepage #mega-menu-wrap > ul > li { font-size: 20px; } #masthead .site-title img, #masthead .site-title a img { margin-top: 0px; max-width: 180px; } .onbox-content { top: 152px; height: calc(100% - 152px); } } @media only screen and (max-width: 1100px){ .vc_row.row1100{ } .vc_row.row1100 .wpb_column { width: 100%; } .imgbg .wpb_wrapper:before { content: ""; display: block; width: 100%; padding-bottom: 71%; } } .homepage .mobile-social{ display: none !important; } .vc_row.mauriziol { background-position: left top; background-size: 615px auto; background-repeat: no-repeat; justify-content: flex-end; } .vc_row.mauriziol .wpb_column { width: 100%; } .imgmauriziol img{ max-width: 100% !important; margin: auto; margin-bottom: 50px; width: 100%; } .onmobileimg{ display: none; } @media only screen and (max-width: 1200px){ .vc_row.mauriziol { background-image: unset !important; } } .intermedio{ display: none !important; } @media (min-width: 931px) and (max-width: 1200px){ .intermedio{ display: block !important; min-height: 570px; background-position: right top; background-repeat: no-repeat; background-size: auto 570px; padding-top: 90px; } .onintermedion{ display: none !important; } .textalingfoce, .textalingfoce *{ text-align: left !important; } } @media only screen and (max-width: 930px){ .onmobileimg{ display: block !important; } } @media only screen and (max-width: 676px){ .followus .norebro-text-sc p, .followus .socialbar{ text-align: left !important; } .norebro-socialbar-sc.socialbar { justify-content: flex-start !important; position: relative; left: -5px; } .followus .txtfoll p{ margin-top: 30px; } } .site-footer.sticky { width: 100%; position: relative; } .logotop #masthead .site-title img, .logotop #masthead .site-title a img { margin-top: 25px; max-width: 150px; max-height: 150px; } @media (max-width: 1023px) { .description .content-center { padding-bottom: 110px; } } @media (min-width: 769px) { .homepagemenuendextra #mega-menu-wrap > ul > li{ float: unset; line-height: 40px; text-align: right; } .homepagemenuendextra header.light-text .right { margin-top: 30px; } } #mega-menu-wrap > ul > li{ font-size: 15px; font-weight: 300; color: #fff; } #mega-menu-wrap > ul > li > a > span { color: #fff; } .homepagemenuendextra-cc .content-center .wrap .text-description *, .homepagemenuendextra-cc .content-center .wrap .text-description{ font-size: 17px; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; } #norebro-custom-5d2dcd8bc0ec3 .overlay { background-color: rgba(0,0,0,0.15); } .homepagemenuendextra-cc .portfolio-grid-4 .owl-stage .owl-item .overlay{ background-color: rgba(0,0,0,0.15); -webkit-transition: background-color 0.4s; -ms-transition: background-color 0.4s; transition: background-color 0.4s; } .homepagemenuendextra-cc .portfolio-grid-4 .owl-stage .owl-item:hover .overlay{ background-color: rgba(0,0,0,0) !important; } body:not(.homepagemenuendextra) .boxed-container { max-width: 100%; margin-top: 50px; } .single-norebro_portfolio .boxed-container { margin-top: 0px !important; } .single-norebro_portfolio .boxed-container #masthead{ margin-top: 50px; position: absolute; } .boxed{ max-width: 1126px; margin: auto !important; } body:not(.homepagemenuendextra):not(.home) #masthead.site-header { background-color: #000; } body:not(.home).homepagemenuendextra-cc #masthead.site-header, body:not(.home).single-norebro_portfolio #masthead.site-header { background-color: #111111e8; } @media screen and (min-width: 1024px) { body.home #masthead.site-header { background-color: #000; } } body:not(.homepagemenuendextra) #masthead .header-wrap { padding: 0 50px 0; } body:not(.homepagemenuendextra) #masthead { position: relative; } #masthead { height: 102px; line-height: 102px; } body:not(.homepagemenuendextra) #masthead .site-branding, body:not(.homepagemenuendextra) #masthead .site-title { float: left; position: relative; height: 102px; display: flex; align-content: center; } body:not(.homepagemenuendextra) #masthead .site-title img, body:not(.homepagemenuendextra) #masthead .site-title a img { max-height: 67px; } .site-content { width: 100%; } .boxprogetto{ max-width: 650px; margin: auto !important; } .portfolio-page.portfolio-header-title.invert .content-center { background: transparent; } .portfolio-page.portfolio-header-title.invert h2, .portfolio-page.portfolio-header-title.invert p, .portfolio-page.portfolio-header-title.invert .scroll, .portfolio-page.portfolio-header-title.invert .back, .portfolio-page.portfolio-header-title.invert .info-list .title{ color: #fff; } .portfolio-page.portfolio-header-title.invert .scroll:after { background: #fff; } .page-content .widget { max-width: 100%; } .textcolor, .textcolor *{ color: #a7a7a7; } .mabtitle{ /*font-family: 'Poppins', sans-serif;*/ color: #000000; font-weight: 700; text-align: inherit; margin: 0px; padding-bottom: 20px; } .lines { margin-top: 40px !important; margin-bottom: 40px !important; } .lines.b { margin-bottom: 80px !important; } .lines .wpb_column .vc_column-inner{ position: relative; padding-bottom: 50px; } .lines .wpb_column .vc_column-inner::after{ content: ""; position: absolute; width: calc(100% - 30px); border-bottom: 1px solid #d8d8d8; bottom: 0px; left: 15px; } .scroll-top { bottom: 25px; } .main-nav { height: 102px; } @media screen and (max-width: 768px){ div.vc_row.vc_row-flex { display: inline-block; } .inrespt{ margin-top: 40px !important; } .followus { padding-bottom: 80px; } } /* .showcase_class .description.overlay{ display: none !important; } */ .showcase_class .portfolio-item.grid-1:hover:after{ display: none !important; } textarea { width: 100%; min-height: unset; max-height: unset; resize: none; height: 50px; } .portfolio-page.portfolio-header-title { min-height: 100vh; } .slider .owl-nav .owl-next { right: 0px; position: absolute; bottom: 24px !important; margin-left: unset !important; left: 25px !important; } #masthead a, #masthead p { color: #fff; } .accordion-box div.title .control .ion-minus{ color: #404044 !important; } @media screen and (max-width: 768px){ .nospace{ } .nospace .wpb_column .vc_column-inner{ padding-bottom: 0px; } .lines .wpb_column .vc_column-inner::after{ display: none; } .nospace p{ margin-top: 0px; } .nospace { margin-top: 0px !important; } } .post-navigation.with-border-top .page-container .vc_col-md-6.box-wrap:first-child .content-center .wrap { text-align: left; } .gallery .slider .owl-stage .owl-item .gallery-description h3, .gallery .expand { display: none !important; } .slider .owl-nav .owl-next { right: 0px !important; position: absolute; bottom: 24px !important; margin-left: unset !important; left: auto !important; } .gallery { background: #111111eb; } .gallery { background: #fffffff0; } .gallery .close .ion-ios-close-empty:before{ color: #000; } body.homepagemenuendextra-cc #masthead.site-header { top: 50px; position: absolute; } /* @media screen and (min-width: 767px) and (max-width: 815px){ body:not(.homepagemenuendextra) #masthead .header-wrap { padding: 0 25px 0; } } @media screen and (max-width: 1023px){ body.home #masthead.site-header { background-color: transparent; } body.home #masthead .site-title img, body.home #masthead .site-title a img{ margin-top: 0px; max-width: 120px; max-height: 120px; } #masthead .logo.with-mobile{ display: inline; } #masthead .mobile-logo { display: none; } .home #masthead .mobile-logo { display: inline; } .home #masthead .logo.with-mobile { display: none; } } */ .post-navigation .grid { background: transparent; width: 190px; height: auto; -webkit-border-radius: 50px; border-radius: 50px; margin: -10px 0 0 -95px; position: absolute; top: 59px; left: 50%; text-align: center; text-transform: uppercase; margin-bottom: 5px; font-size: 20px; color: #000000; font-weight: 400; } @media screen and (min-width: 767px){ .home .slider .owl-nav .owl-next { right: 40px !important; position: absolute; bottom: 50% !important; margin-left: unset !important; left: auto !important; margin-bottom: -25px !important; } } @media screen and (max-width: 768px){ .home .slider .owl-nav .owl-next { right: 25px !important; } .home .content-center .wrap { vertical-align: bottom; } .home .description .content-center { padding-bottom: 75px !important; } .titleonmobile{ margin-top: 112px; } .boxed.lines.vc_row-o-equal-height.vc_row-flex{ width: 100%; } .post-navigation.with-border-top .page-container .vc_col-md-6.box-wrap .content-center .wrap { padding-bottom: 30px; } .post-navigation .grid { top: 45px; } } @media screen and (max-width: 767px){ .portfolio-page.portfolio-header-title .portfolio-content { width: auto; padding: 60px 0px; } } .post-navigation .grid:hover { background: transparent; } .content-center .wrap h4.title{ opacity: 1; margin-top: 0px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); font-size: 27px; /*font-family: 'Poppins', sans-serif;*/ font-weight: 400; } .portfolio-page.portfolio-header-title.invert .back { display: none; } .page-id-5673340 .portfolio-item-wrap .content-center .wrap h4.title{ font-size: 18px; } .page-id-5673340 .portfolio-item.grid-1 .description { padding-top: 0px; } .page-id-5673340 .portfolio-item.grid-1 .content-center .wrap { vertical-align: middle; text-align: center; } .page-id-5673340 .portfolio-item.grid-1.metro-style:before{ content: ""; opacity: 0; position: absolute; z-index: 1; width: 100%; height: 100%; background-color: #fff; left: 0px; top: 0px; -webkit-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; } .page-id-5673340 .portfolio-item.grid-1.metro-style:hover:before{ opacity: 1; } .page-id-5673340 .description .content-center { padding-bottom: 0px !important; /*-webkit-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0;*/ } .page-id-5673340 .portfolio-item.grid-1.metro-style .description .content-center h4{ color: #fff; -webkit-transition: color 0.4s; -ms-transition: color 0.4s; transition: color 0.4s; } .page-id-5673340 .portfolio-item.grid-1.metro-style:hover .description .content-center h4{ color: #000000; }/* .page-id-5673340 .portfolio-item.grid-1.metro-style:hover .description .content-center{ opacity: 1; }*/ .page-id-5673340 .portfolio-item { margin-bottom: 0px; } .portfolio-page.portfolio-header-title .content-center{ min-height: 100vh; padding: 0px; } .portfolio-page.portfolio-header-title .content-center .wrap { vertical-align: middle; display: flex; align-items: center; min-height: 100vh; } .portfolio-page.portfolio-header-title.invert h2 { cursor: pointer; } a.grid:hover{ color: #404044; } .portfolio-item-wrap.masonry-block .content-center .wrap { text-align: left; } .boxed .wpcf7 label{ text-align: left; } .boxed .wpcf7 p:nth-child(1), .boxed .wpcf7 p:nth-child(2), .boxed .wpcf7 p:nth-child(3), .boxed .wpcf7 p:nth-child(4), .boxed .wpcf7 p:nth-child(5) { text-align: left; } .accordion-box .title:hover .control, .accordion-box .item.active .control, .accordion-box.title-brand-color .title, .accordion-box.active-brand-color .item.active .control, .accordion-box.active-brand-color .title:hover .control, .slider .owl-dot.brand, .socialbar.brand a:hover, .socialbar.brand.outline a, .socialbar.brand.flat a, .socialbar.brand.inline a:hover, .video-module .btn-play.outline.btn-brand, .video-module.boxed:hover .btn-play.btn-brand, .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover, .widget_nav_menu .menu-item a:hover, .widget_pages .menu-item a:hover, .widget_nav_menu .current-menu-item a, .widget_pages .current-menu-item a, .widget-sidebar-menu-left .menu-item a:hover, .widget_rss ul a, .widget_norebro_widget_recent_posts ul.recent-posts-list h4 a:hover, .widget_norebro_widget_login a, .widget div.star-rating:before, .widget div.star-rating span:before, .widget span.star-rating:before, .widget span.star-rating span:before, a:hover, p a, .btn-brand:hover, .btn-outline.btn-brand, a.btn-outline.btn-brand, .btn-outline.btn-brand.disabled:hover, a.btn-outline.btn-brand.disabled:hover, .btn-link.btn-brand, a.btn-link.btn-brand, a.tag:hover, .tag-wrap a:hover, a[class^="tag-link-"]:hover, nav.pagination li a.page-numbers.active, .fullscreen-navigation .copyright .content > a, .fullscreen-navigation.simple ul.menu li:hover > a, .fullscreen-navigation.centered .fullscreen-menu-wrap ul.menu > li a:hover, .post-navigation .box-wrap > a:hover h4, .post-navigation .box-wrap > a:hover .icon, .bar .content a:hover, .bar .share .links a:hover, .portfolio-sorting li a:hover, .portfolio-item h4.title a:hover, .portfolio-item .widget h4 a:hover, .widget .portfolio-item h4 a:hover, .portfolio-item .category.outline, .portfolio-item.grid-2:hover h4.title, .portfolio-item.grid-2:hover .widget h4, .widget .portfolio-item.grid-2:hover h4, .portfolio-item.grid-2.hover-2 .overlay span, .portfolio-item.grid-5 .more span, .blog-grid .tags a:hover, .blog-grid:hover h3 a, .blog-grid.grid-4:hover .tags a, .post .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button), .page-links a, .entry-footer .share .title:hover, .toggle-post:hover .arrow, .toggle-post:hover .content h3, .post .comments-link a:hover, .comments-area .comment-body .comment-meta .reply a, .comments-area .comment-body .comment-meta a.comment-edit-link, .comments-area .reply a, .comments-area .reply-cancle a, .comments-area a.comment-edit-link, input.brand-color, input[type="submit"].brand-color, button.brand-color, a.brand-color, div.brand-color, span.brand-color, input.brand-color-hover:hover, input[type="submit"].brand-color-hover:hover, button.brand-color-hover:hover, a.brand-color-hover:hover, div.brand-color-hover:hover, span.brand-color-hover:hover, .brand-color, .brand-color-after:after, .brand-color-before:before, .brand-color-hover:hover, .brand-color-hover-after:after, .brand-color-hover-before:before, .woocommerce .product div.summary .woo-review-link:hover{ color: #a7a7a7 !important; } .entry-content p a, .entry-content p strong a{ color: #000 !important; text-decoration: underline; } .post .entry-content p a,.post .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button) { color: #000 !important; text-decoration: underline; } .homepagemenuendextra-cc .content-center .wrap .text-description * { font-size: 18px; line-height: 18px; color: #fff; font-family: 'Roboto'; } .portfolio-item.grid-1:hover:after{ display: none; } .site-footer { background: #000000; } .scroll-top { right: 20px; bottom: 20px; } .norebro-socialbar-sc.socialbar { display: flex; justify-content: flex-end; } .norebro-socialbar-sc.socialbar .twitter{ order: 3; margin-left: 3px; margin-right: 0px; } .norebro-socialbar-sc.socialbar .facebook{ order: 0; } .norebro-socialbar-sc.socialbar .instagram{ order: 1; } .norebro-socialbar-sc.socialbar .linkedin{ order: 2; margin-right: 3px; } .loading_page_mab21{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index:99999999; } .loading_page_mab21 .loading_page_mab21_bg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index:1; background-color: #000; } .loading_page_mab21 .loading_page_mab21_in{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index:2; display: flex; /* or inline-flex */ justify-content: center; align-items: center; } .loading_page_mab21 .loading_page_mab21_in .logo{ max-width: 150px; } body:not(.home) p{ text-align: justify; } .portfolio-page.header-full.show .scroll, .portfolio-page.portfolio-header-title.show .scroll { display: block !important; } @media screen and (max-width: 767px){ .followus { display: flex; flex-direction: column; } .followus .folleft { order: 99; } .followus .follright { order: 1; } } /*-------------------------------------------------------------- ## Mobile navigation --------------------------------------------------------------*/ /* @media screen and (max-width: 1023px) { */ @media screen and (min-width: 320px) { .home #mega-menu-wrap .mobile-wpml-select { display: block; } .home #mega-menu-wrap .mobile-wpml-select .icon, .home #mega-menu-wrap .mobile-wpml-select img { font-size: 20px; margin-right: 8px; vertical-align: -2px; } .home #mega-menu-wrap .mobile-wpml-select img { vertical-align: 0px; } .home div.subheader.fixed { top: 0; padding-left: 15px; padding-right: 15px; } .home div.header-cap.header-3, div.header-cap.header-4 { height: 30px; } .home header#masthead.site-header { width: 100% !important; height: 70px; max-height: 70px; min-height: auto; line-height: 70px; -webkit-border-radius: 0; border-radius: 0; margin: 0; left: 0; margin: 0; z-index: 999; } .home header#masthead.site-header a:hover, .home header#masthead.site-header a.open, .home header#masthead.site-header a.focus { opacity: 1; } .home header#masthead.site-header .header-wrap { max-width: 100%; padding: 0 25px; margin-left: 0; margin-right: 0; line-height: inherit; } .home header#masthead.site-header .menu-wrap { width: auto; float: right; padding: 0; margin: 0; } .home header#masthead.site-header .menu-wrap .wrap { width: auto; } .home header#masthead.site-header .header-bottom { display: none; } .home header#masthead.site-header .site-branding { width: auto; max-width: 60%; float: left; margin: 0; padding: 0; border: none; line-height: inherit; text-align: left; /*position: static; */ position: relative; top: -25px; } .home header#masthead.site-header .site-title { width: auto; padding: 0; } .home header#masthead.site-header .site-branding a { line-height: inherit; } .home div.content-right { margin: 0; } .home .subheader { padding-left: 10px; padding-right: 10px; } .subheader ul.social-bar { display: none; } .home .close-menu { display: block; width: 100%; height: 100vh; position: fixed; top: 0; right: -100%; z-index: 999; cursor: pointer; } .home #masthead #site-navigation.main-nav { /* background: rgba(48, 48, 48, 0.7);*/ background: #000000; color: rgba(255, 255, 255, 0.6); width: -webkit-calc(100vw - 60px); width: calc(100vw - 60px); height: 100vh; text-align: left; font-size: 20px; line-height: 52px; position: fixed; top: 0; left: -100%; z-index: 99999999; opacity: 0.2; overflow-y: auto; overflow-x: hidden; -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); -o-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); -webkit-transition-property: opacity, visibility, left, right; -o-transition-property: opacity, visibility, left, right; transition-property: opacity, visibility, left, right; } .home #masthead #site-navigation.main-nav.slide-right { right: -100%; left: auto; } .home #masthead #site-navigation.main-nav.slide-right.active { width: 100%; left: auto; right: 0; } .home #masthead #site-navigation.main-nav.hidden { display: block; } .home #masthead #site-navigation.main-nav .site-branding { display: none; } .home #masthead #site-navigation.main-nav .close { color: inherit; font-size: 26px; line-height: 56px; padding: 10px 30px 5px; display: block; cursor: pointer; } .home #masthead #site-navigation.main-nav .close:hover { color: #ffffff; } .home #masthead #site-navigation.main-nav .close i.ion-ios-arrow-back:before { content: '\f3cf'; font-family: "Ionicons"; width: 20px; height: 20px; } .home #masthead #site-navigation.main-nav #mega-toggle-block-1 { display: none !important; } /*} @media screen and (max-width: 1023px) { */ .home #masthead #site-navigation.main-nav #mega-menu-wrap { margin: 0; display: block; } #masthead #site-navigation.main-nav #mega-menu-wrap .sub-menu, .home #masthead #site-navigation.main-nav #mega-menu-wrap .sub-sub-menu { color: inherit; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu { position: static; overflow: hidden; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu > li.has-submenu > a.menu-link:after, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu > li.has-submenu > a.menu-link:after { display: none; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span { position: relative; vertical-align: top; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span:before { content: ''; background: currentColor; position: absolute; width: 102%; height: 1px; top: 52%; left: -1%; display: none; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item { width: 100%; position: static; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link { width: 100%; color: #8e8e8f; border-color: transparent; padding: 0 60px 0 30px; display: block; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link:after, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link:after { display: none; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open { color: inherit; line-height: 1.4; padding-top: 6px; padding-bottom: 6px; text-transform: none; -webkit-transition: .05s ease-in-out; -o-transition: .05s ease-in-out; transition: .05s ease-in-out; -webkit-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; position: relative; font-size: 20px; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-item > a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-ancestor > a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link:hover, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-item > a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-ancestor > a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link:hover, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open { color: #fff; background: none; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-item > a.menu-link span:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-ancestor > a.menu-link span:before, .home #masthead #site-navigation.main-nav . #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link:hover span:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open span:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-item > a.menu-link span:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-ancestor > a.menu-link span:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link:hover span:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open span:before { display: block; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item:hover ul.sub-menu, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item:hover ul.sub-menu { display: block; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu { position: static; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:after, #masthead #site-navigation.main-nav .home #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link:after, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link:before { content: ''; background: currentColor; width: 2px; height: 2px; margin-top: 2px; font-size: 6px; line-height: 0px; letter-spacing: 6px; position: absolute; top: 42%; left: auto; right: 30px; display: block; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link:before { background: transparent; width: 10px; right: 38px; border-color: currentColor; border: 2px solid currentColor; border-top: 0px; border-bottom: 0px; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu:after, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu:after { display: none; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.mega-toggle-on a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.mega-toggle-on a.menu-link { color: #ffffff; border-color: transparent; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.mega-toggle-on ul.sub-menu, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.mega-toggle-on ul.sub-menu { display: block; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav { position: static; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > .sub-sub-nav, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > .sub-sub-nav { position: static; max-width: none; width: 100%; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu { background: rgba(48, 48, 48, 0.7); width: 100%; max-width: 100%; height: 0; min-height: -webkit-calc(100vh - 65px); min-height: calc(100vh - 65px); overflow: hidden; visibility: hidden; display: block; position: absolute; margin: 0; padding: 0; top: 0; left: -100%; z-index: 10; -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); -o-transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1); -webkit-transition-property: opacity, visibility, left, right; -o-transition-property: opacity, visibility, left, right; transition-property: opacity, visibility, left, right; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu.active, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu.active, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active { height: auto; visibility: visible; opacity: 1; left: 0px; overflow: visible; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item { position: static; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item { position: static; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > .mega-menu-item > a.menu-link:hover, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > .mega-menu-item > a.menu-link:hover { color: #fff; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav { height: 40px; position: static; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav ul.sub-menu, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav ul.sub-menu { background: rgba(31, 32, 35, 0.95); width: 100%; height: 0; min-height: -webkit-calc(100vh - 65px); min-height: calc(100vh - 65px); visibility: hidden; display: block; position: absolute; top: 0; left: -100%; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; overflow: hidden; -webkit-transition-property: opacity, visibility, left; -o-transition-property: opacity, visibility, left; transition-property: opacity, visibility, left; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav ul.sub-menu.active, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav ul.sub-menu.active { height: auto; visibility: visible; left: 0px; opacity: 1; overflow: visible; } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav > a.menu-link:after, #masthead #site-navigation.main-nav .home #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav > a.menu-link:before, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav > a.menu-link:after, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav > a.menu-link:before { margin-top: 24px; } .home #masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu, .home #masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu { right: -100%; left: auto; } .home #masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu.active, .home #masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active { left: auto; right: 0; } .home #masthead #site-navigation.main-nav.active { left: 0; opacity: 1; visibility: visible; } .home #masthead .menu-other, .home #masthead.header-6 .menu-other { position: static; padding: 0; width: auto; line-height: inherit; } .home #masthead .menu-other > li > a, .home #masthead.header-6 .menu-other > li > a { line-height: inherit; } .home #masthead .menu-other > li.languages, .home #masthead.header-6 .menu-other > li.languages { padding: 0; } .home #masthead .menu-other .cart, .home #masthead.header-6 .menu-other .cart { padding-right: 0; } .home #masthead .menu-other .wishlist, .home #masthead .menu-other .inside, .home #masthead.header-6 .menu-other .wishlist, .home #masthead.header-6 .menu-other .inside { display: none; } .home #masthead.without-mobile-search .header-wrap .search { display: none; } .home #hamburger-fullscreen-menu { display: none; } .home #hamburger-menu { display: block; float: right; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, -webkit-transform; -o-transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform; transition-property: visibility, opacity, transform, -webkit-transform; } .home #hamburger-menu .btn-toggle { width: 50px; } .home #hamburger-menu .btn-lines { background: #404044; } .home #hamburger-menu.hidden { visibility: hidden; opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .home #masthead .phone-menu-bottom { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); position: absolute; bottom: 20px; left: 30px; list-style: none; display: block; } .home #masthead .phone-menu-bottom .socialbar a { border-color: rgba(255, 255, 255, 0.1); color: inherit; } .home #masthead .phone-menu-bottom .socialbar a:hover { background: rgba(255, 255, 255, 0.6); color: #404044; } .home #masthead .phone-menu-bottom .lang { font-size: 14px; font-weight: 400; } .home #masthead .phone-menu-bottom .lang a { color: inherit; display: inline-block; padding: 0 5px; text-transform: capitalize; position: relative; } .home #masthead .phone-menu-bottom .lang a.active,.home #masthead .phone-menu-bottom .lang a:hover { color: #fff; } .home #masthead .phone-menu-bottom .lang a + a { margin-left: 12px; } .home #masthead .phone-menu-bottom .lang a + a:after { content: '/'; position: absolute; top: 0; left: -8px; font-weight: 300; } .home #masthead .phone-menu-middle { list-style: none; margin-top: 15px; display: block; } .home #masthead .phone-menu-middle a { color: inherit; width: 100%; padding: 0 30px; line-height: 40px; font-weight: 600; vertical-align: middle; display: inline-block; } .home #masthead .phone-menu-middle a:hover { color: #fff; } .home #masthead .phone-menu-middle li { padding: 0; line-height: 1; } .home #masthead .phone-menu-middle li img { margin-right: 5px; display: inline-block; } .home #masthead .phone-menu-middle li.has-submenu > a { position: relative; } .home #masthead .phone-menu-middle li.has-submenu > a:after,.home #masthead .phone-menu-middle li.has-submenu > a:before { content: ''; border: 2px solid currentColor; border-top: none; border-bottom: none; height: 2px; width: 10px; position: absolute; top: 50%; right: 38px; } .home #masthead .phone-menu-middle li.has-submenu > a:before { background: currentColor; border: none; width: 2px; right: 30px; } .home #masthead .phone-menu-middle .submenu { background: rgba(51, 51, 51, 0.98); width: 100%; min-height: -webkit-calc(100vh - 65px); min-height: calc(100vh - 65px); position: absolute; top: 65px; left: -100%; opacity: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transition-property: opacity, left; -o-transition-property: opacity, left; transition-property: opacity, left; z-index: 10; } .home #masthead .phone-menu-middle .submenu ul { list-style: none; } .home #masthead .phone-menu-middle .submenu.active { left: 0; opacity: 1; } .home #masthead .phone-menu-middle .cart svg { vertical-align: middle; width: 18px; height: 23px; margin-top: -3px; } } @media screen and (min-width: 320px){ body.home #masthead.site-header { background-color: transparent; } body.home #masthead .site-title img, body.home #masthead .site-title a img{ margin-top: 0px; max-width: 120px; max-height: 120px; } #masthead .logo.with-mobile{ display: inline; } #masthead .mobile-logo { display: none; } .home #masthead .mobile-logo { display: inline; } .home #masthead .logo.with-mobile { display: none; } } @media screen and (max-width: 768px){ .home header#masthead.site-header .site-branding { top: -33px; } } #mlb2-1538172.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit{ } #mlb2-1538172.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-1538172.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { padding: 0 !important; } #mlb2-1538172.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item { margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.25); } #mlb2-1538172.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .ml-field-group.ml-field-last_name.ml-validate-required { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } #mlb2-1538172.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button[type="submit"]{ background: #404044 !important; color: #fff !important; padding: 15px 25px 14px !important; border: 1px solid #404044 !important; -webkit-border-radius: 50px !important; border-radius: 50px !important; font: 600 13px/1.2 "Roboto", sans-serif; text-decoration: none; vertical-align: middle; outline: none; display: inline-block; text-align: center; -webkit-transition-property: background, color, border-color; -o-transition-property: background, color, border-color; transition-property: background, color, border-color; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; width: auto !important; line-height: 1.5 !important; height: auto; font: 600 13px/1.2 "Roboto", sans-serif !important; font-size: 13px !important; float: left; } #mlb2-1538172.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button[type="submit"]:hover{ background: transparent !important; color: #404044 !important; -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s; } body.single-norebro_portfolio .site-content{ margin-bottom: 0px !important; } .single-norebro_portfolio .boxed-container { } .loading_peruzzo{ width: calc(100% + 270px); height: 100%; position: fixed; z-index: 9999999998; top: 0px; left: 0px; overflow:hidden; } .loading_peruzzo .loading_peruzzo_in{ width: 100%; height: 100%; background-color: #fff; overflow:hidden; } .lpi_1 svg, .lpi_2 svg{ max-width: 223px; } .lpi_3 { margin-top: 80px; } .lpi_3 svg{ } @media screen and (max-width: 1023px) { .loading_peruzzo .loading_peruzzo_in_in{ width: 100%; height: 100%; position: absolute; left: -100px; top: 0px; background: linear-gradient(12deg, #000, #000); } } .loading_peruzzo_text{ width: 100%; height: 100%; position: fixed; z-index: 9999999999; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; } .loading_peruzzo_dox_img{ width: 100%; height: auto; display: flex; max-width: 404px; justify-content: center; flex-direction: column; } @media screen and (max-width: 500px) { .lpi_1 svg, .lpi_2 svg{ max-width: 159px; } .loading_peruzzo_dox_img{ max-width: 281px; } .lpi_3 { margin-top: 51px; } } .loading_peruzzo_img{ width: auto; display: inline-block; text-align: center; } .loading_peruzzo_img.lpi_1 svg, .loading_peruzzo_img.lpi_2 svg{ opacity: 0; } .loading_peruzzo_img.lpi_3 svg{ transform: translate3d(0, 120%, 0); position: relative; width: 100%; opacity: 0; } .home #mega-menu-wrap > ul > li{ font-weight: 400 !important; font-size: 18px !important; } .home #mega-menu-wrap > ul > li span{ font-weight: 400 !important; font-size: 18px !important; } @media screen and (max-width: 768px){ #mega-menu-wrap > ul > li{ font-weight: 400 !important; font-size: 18px !important; } #mega-menu-wrap > ul > li span{ font-weight: 400 !important; font-size: 18px !important; } } .pea_cook_wrapper p, .pea_cook_wrapper p * { font-size: 12px !important; font-family: 'Roboto Condensed', sans-serif !important; color: #fff !important; font-weight: unset !important; border-bottom: unset !important; } button.pea_cook_btn { background: transparent !important; } .pea_cook_wrapper.pea_cook_bottomright { background: rgba(0, 0, 0, 0.32) !important; } .pea_cook_wrapper.pea_cook_bottomright { bottom: 10px !important; } .portfolio-page.portfolio-header-title .info-list li { margin-right: 0px; } @media screen and (max-width: 768px){ .site-footer .site-info { margin-bottom: 76px; } } .listadeiprogetti{ } .listadeiprogetti .portfolio-item.grid-1 .content-center .wrap { vertical-align: bottom; text-align: center; position: relative; bottom: -45px; } .norebro-recent-projects-sc .listadeiprogetti .description .content-center h4 { color: #000 !important; text-align: left; } .norebro-recent-projects-sc .listadeiprogetti .portfolio-item-wrap { padding-bottom: 50px !important; } .norebro-recent-projects-sc .listadeiprogetti .portfolio-item.grid-1.metro-style:before { content: "+"; display: flex; align-items: center; justify-content: center; font-size: 50px; } .home #masthead #site-navigation.main-nav.slide-right { max-width: 320px; } @media screen and (max-width: 768px){ #masthead #site-navigation.main-nav.slide-right { max-width: 320px; } #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open { padding: 0 50px 0 50px !important; text-align: right !important; } #masthead #site-navigation.main-nav .close { padding: 10px 50px 5px !important; text-align: right !important; } #masthead #site-navigation.main-nav { background: #000; } } .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link, .home #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open { padding: 0 50px 0 50px !important; text-align: right !important; } .home #masthead #site-navigation.main-nav .close { padding: 10px 50px 5px !important; text-align: right !important; } @media screen and (max-width: 768px){ #masthead #site-navigation.main-nav.slide-right { max-width: 100% !important; } } .home .mobile-social .share-btn{ display: none !important; } #site-navigation .socialbar { text-align: right !important; } #masthead .phone-menu-bottom { width: 100% !important; position: relative !important; padding-top: 15px; left: 0px !important; border-top: 1px solid #fff; float: right; margin-right: 50px; margin-top: 30px; } #masthead .phone-menu-bottom , .close-menu{ max-width: 160px; } .socialbar.small a { width: 30px; height: 30px; line-height: 30px; font-size: 16px; } #masthead .phone-menu-bottom .socialbar a:hover { background: transparent !important; } #masthead .phone-menu-bottom .socialbar a { border-color: rgb(255, 255, 255) !important; } #masthead .phone-menu-bottom .socialbar a:hover .icon:before { color: #fff; } .home #masthead #site-navigation.main-nav { background: #111; } .infoonmobile{ width: 100%; font-size: inherit; padding: 50px; padding-top: 0px; position: absolute; bottom: 0px; display: none; margin-bottom: 30px; } #masthead .menu-other{ display: none; } .home .infoonmobile{ display: inline-block; margin-bottom: 0px; } .home #masthead .menu-other{ display: block; } .infoonmobile *{ line-height: 15px; font-size: 13px; width: 100%; font-weight: 300; } @media screen and (max-width: 768px){ .right #site-navigation { min-height: 480px; } .infoonmobile{ display: inline-block; } #masthead .menu-other{ display: block; } } .home #masthead #site-navigation { min-height: 480px; } .portfolio-page.portfolio-header-title { background-color: #fff; } .home .portfolio-item .image-wrap{ background-color: #fff !important; } .portfolio-item.grid-4 .description{ background-color: transparent !important; } .home .site-content{ background-color: #fff !important; } body.home{ background-color: #fff !important; } body.home .mobile-social { display: none !important; } .gallery-image .wrap:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; } .gallery-image .wrap img { position: relative; z-index: 1; } .wpb_single_image .vc_single_image-wrapper{ position: relative; } .wpb_single_image .vc_single_image-wrapper:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; } .wpb_single_image .vc_single_image-wrapper img { position: relative; z-index: 1; } .slider .image-wrap{ position: relative; } .slider .image-wrap:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; } .slider .image-wrap img { position: relative; z-index: 1; } .gallery .slider .thumbs{ position: relative; } .gallery .slider .thumbs:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; } .gallery .slider .thumbs img { position: relative; z-index: 1; } .site-title a{ position: relative; } .site-title a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; } .site-title span { position: relative; z-index: 1; } .newgallery{ width: 100%; } .newgallery .newgallery_in{ width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .newgallery .newgallery_in .newgallery_item{ width: 100%; min-height: 1px; padding: 15px; } .newgallery .newgallery_in .newgallery_item .newgallery_item_img{ position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; } .newgallery .newgallery_in .newgallery_item .newgallery_item_img .imgel{ width: auto; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; height: 100%; max-width: initial; } .newgallery .newgallery_in .newgallery_item:not(.is_mob):hover .imgel { -webkit-transform: scale(1.05) rotate(0.03deg); -ms-transform: scale(1.05) rotate(0.03deg); transform: scale(1.05) rotate(0.03deg); } @media screen and (min-width: 768px){ .newgallery .newgallery_in .newgallery_item{ width: 50%; } } @media screen and (min-width: 992px){ .newgallery .newgallery_in .newgallery_item{ width: 33.33333333%; } } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer { max-width: none !important; max-height: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(https://www.laistudio.com/wp-content/themes/norebro-child/images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(https://www.laistudio.com/wp-content/themes/norebro-child/images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { background-image: url(https://www.laistudio.com/wp-content/themes/norebro-child/images/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } .maving{ position: fixed; padding: 0px; width: 100%; z-index: 1; top: 0px; left: 0px; opacity: 0; } .maving.vis{ z-index: 999999999; opacity: 1; } .popup_g{ width: 100%; height: 100%; position: fixed; z-index: -1; top: 0px; left: 0px; opacity: 0; transition: .3s; background-color: transparent; visibility: hidden; -webkit-transition-property: visibility, opacity; -o-transition-property: visibility, opacity; transition-property: visibility, opacity; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; background-color: rgba(255, 255, 255, 0.8); } .popup_g.in_{ z-index: 99999999; visibility: visible; opacity: 1; } .popup_g .popup_g_in{ width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; padding: 15px 15px; opacity: 0; z-index: 2; } .popup_g .popup_g_in img{ max-height: 100%; cursor: pointer; } .popup_g .popup_g_in #popup_g_img{ opacity: 0; } .popup_g #popup_g_img_c{ width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; padding: 15px 15px; opacity: 0; z-index: 1; top: 0px; left: 0px; } .popup_g #popup_g_img_c img{ max-height: 100%; } .popup_g .popup_g_in .leaflet-container { z-index: 2; max-height: 100%; } .popup_g .popup_close { width: 40px; height: 40px; position: absolute; top: 10px; right: 10px; z-index: 99999999; cursor: pointer; display: flex; justify-content: center; align-items: center; } .popup_nav{ -webkit-border-radius: 50px; border-radius: 50px; text-align: center; line-height: 54px; position: absolute; cursor: pointer; left: 20px; top: calc(50% - 25px); background-color: rgba(30, 30, 30, 0.7); width: 50px; height: 50px; z-index: 99999999; } .popup_nav.hid{ display: none; } .popup_nav i{ font-size: 28px; color: #fff; } .popup_nav.l{ } .popup_nav.r{ left: auto; right: 20px; } .popup_g .popup_close.hid{ display: none; } .popup_g .popup_close i{ width: auto; height: auto; line-height: initial; margin: 0px; color: #000; font-size: 44px; } .popup_g .popup_close i:before { content: "\f404"; } .closeclock{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{ /* overflow: unset !important; width: calc(100% - 120px) !important; height: calc(100% - 80px) !important; padding: 50px 60px; left: 60px!important; top: 40px!important;*/ /* background: transparent;*/ } .leaflet-top, .leaflet-bottom { position: fixed; display: none !important; } .leaflet-top.leaflet-right{ display: none!important; } .is_mob .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{ overflow: unset !important; } .newgallery .newgallery_in .newgallery_item.is_mob .newgallery_item_img { overflow: unset; } .newgallery .newgallery_in .newgallery_item.is_mob .newgallery_item_img .imgel{ } .newgallery_item_img .leaflet-touch.leaflet-container{ overflow: unset !important; background-color: #fff; } .newgallery .newgallery_in .newgallery_item .leaflet-container{ z-index: 1; } .newgallery .newgallery_in .newgallery_item.selecteds .leaflet-container{ z-index: 999999999999; } .menuononpen{ width: 100%; padding-top: 80px; padding-bottom: 0px; } .menuononpen .enuononpen_in{ width: 100%; } .menuononpen .menuononpen_header{ width: 100%; display: inline-block; padding-bottom: 40px; } .condel .wpb_wrapper{ border-bottom: 1px solid #f0f0f0; padding-top: 40px; padding-bottom: 30px; margin-bottom: 80px; display: flex; justify-content: flex-end; } .menuononpen .menuononpen_header .m_r{ width: 100%; } @media (max-width: 767px){ .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{ overflow: unset !important; } } @media (min-width: 768px){ .menuononpen .menuononpen_header{ display: flex; } .menuononpen .menuononpen_header .m_r{ width: 50%; } } .menuononpen .menuononpen_title{ padding-bottom: 30px; } .menuononpen .menuononpen_title h2{ margin-top: 30px; } .menuononpen .menuononpen_event{ } .menuononpen .menuononpen_event .eventslabel{ display: flex; justify-content: flex-start; align-items: center; align-content: center; width: 100%; height: 100%; padding: 30px 0px; padding-top: 0px; } .menuononpen .menuononpen_event .eventslabel span{ display: flex; justify-content: flex-end; align-items: center; align-content: center; color: #000000; cursor: pointer; } .menuononpen .menuononpen_event .eventslabel .control{ margin-left: 10px; margin-right: 10px; } .menuononpen .menuononpen_body{ height: 0px; min-height: 0px; overflow: hidden; -webkit-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); -o-transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1); } .menuononpen.openm .menuononpen_body { height: auto; } .menuononpen .menuononpen_body .menuononpen_content{ padding-top: 0px; padding-bottom: 50px; display: inline-block; } .menuononpen .menuononpen_body .m_row{ width: 100%; } @media (min-width: 768px){ .menuononpen .menuononpen_event .eventslabel{ justify-content: flex-end; } .menuononpen .menuononpen_event .eventslabel{ padding: 0px; } .menuononpen .menuononpen_body .menuononpen_content{ padding-top: 20px; display: flex; } .menuononpen .menuononpen_body .m_row{ width: 50%; } } .menuononpen .menuononpen_body .m_row.l{ padding-top: 10px; } .menuononpen .menuononpen_body .m_row.r, .menuononpen .menuononpen_body .m_row.r *{ text-align: unset; } .tab_div{ display: flex; width: 100%; margin-bottom: 32px; } .tab_div .tab_title{ width: 100px; } .tab_div .tab_val{ } .single-norebro_portfolio .accordion-box div.title { background: transparent; padding: 17px 50px 17px 20px; } .single-norebro_portfolio .item { border-top: 1px solid #000; } .single-norebro_portfolio .item:last-child { border-bottom: 1px solid #000; } @media screen and (min-width: 768px){ .single-norebro_portfolio .testo > .vc_column-inner:before { border-top: 1px solid #000; display: block; width: 100%; } } @media screen and (max-width: 767px){ .single-norebro_portfolio .vc_row .vc_column_container.testocoll .vc_column-inner { padding-left: 0px; padding-right: 0px; margin-top: 10px; } .single-norebro_portfolio .testo { border-top: 1px solid #000; } .single-norebro_portfolio .testo .wpb_content_element .wpb_wrapper { padding: 12px 0px; } }