/* REGOLE CSS STANDARD */ @import url("https://use.typekit.net/xse5koq.css"); /*font solo per polacco font-family: semplicitapro, sans-serif; */ * { white-space: normal; word-wrap: break-word; vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; } body, html { height: 100%; width: 100%; background-color: #c8baa2; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, .header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;} article,aside,details,figcaption,figure, footer,.header,hgroup,menu,nav,section{display:block;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline-style: none; box-shadow: none; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input, button, textarea, select { *font-size: 100%; } strong, .bold{font-weight:bold;} button:focus { outline: none !important; } img { max-width: 100%; } a { color: inherit; } a:hover { color: inherit; } a, a:before, button { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } strong{font-weight:bold;} button { background-color: transparent !important; cursor: pointer; } button:focus { outline: none !important; } h1 { font-size: 60px; } h2 { font-size: 40px; } h3 { font-size: 30px; } h4 { font-size: 20px; } @media(max-width: 680px){ h2 { font-size: 30px; } } .breadcrumbs .current, .breadcrumbs > * { font-size: 16px; } .breadcrumbs { font-size: 16px; padding: 0; z-index: 500; position: relative; text-transform: uppercase; } .breadcrumbs a, .underline { text-decoration: underline; } em { font-style: italic !important; } .aligncenter { margin: auto; display: block; height: auto; } /* ----------------------------------------------------------------------------- */ /* ------------------ CLASSI COSTANTI ------------------ */ /* ----------------------------------------------------------------------------- */ .h1 { font-size: 6vw; } .h2 { font-size: 40px; } .h3 { font-size: 30px; } .card-title { font-size: 22px; } @media(max-width: 1024px){ h1 { font-size: 40px; } .h1 { font-size: 40px; } .h2, h2 { font-size: 34px; } } @media(max-width: 768px){ h2, h2 { font-size: 28px; } } @media(max-width: 576px){ h1 { font-size: 32px; } h3 { font-size: 22px; } h4 { font-size: 20px; } .h1 { font-size: 32px; } .h2, h2 { font-size: 28px; } .sectionfoot h2 { font-size: 24px !important; } } @media(max-width: 460px){ .h2, h2 { font-size: 28px; } } #top_button { display: block; position: fixed; color: rgb(255, 255, 255); font-size: 16px; bottom: 10px; right: 25px; margin: auto; text-align: center; cursor: pointer; display: none; font-size: 17px; z-index: 99999; width: 25px; background-color: #144734; } @media(max-width: 767px){ #top_button { font-size: 16px; right: 10px; font-size: 16px; width: 25px; } } .nowrap-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .uppercase { text-transform: uppercase; } .float-left { float: left; } .table-cell { display: table-cell; } .background-black { background-color: #000; } .background-white { background-color: #fff; } .background-grey { background-color: #f4f4f4; } .background-darkgrey { background-color: #dcdcdc; } .background-trasparent { background-color: transparent; } .color-black { color: #484848; } .color-white { color: #fff; } .color-grey { color: #7b7b7b; } .small, .small a { font-size: 13px; font-weight: 400; } .backgoround-tortoradark { background-color: #bdac91 } .backgoround-tortora { background-color: #c8baa2 } .backgoround-dark { background-color: #877453; } .fixed { position:fixed } .absolute { position: absolute; } .relative { position: relative; } .pull-none { float: none; } .center-block { display: block; margin-right: auto; margin-left: auto; } .background-cover-center { background-size: cover; background-position: center; background-repeat: no-repeat; } .background-contain-right { background-size: 50% auto; background-position: center right; background-repeat: no-repeat; } .background-image--square { display: inline-block; background-size: cover; width: 100%; background-position: center; position: relative; padding-top: 100%; } .background-image--square--content { position: absolute; width: 100%; height: 100%; top:0; left: 0; } .swiper-container, .banner-animate { width: 100%; height: 100%; } .full-page-home .swiper-slide { background-position: center; background-size: cover; display: table; } .swiper-slide.flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-arrow-next, .swiper-arrow-prev { position: absolute; top: 50%; z-index: 900; cursor: pointer; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .swiper-counter { position: absolute; bottom: 25px; z-index: 200; right: 0; color: #fff; letter-spacing: 0.2em; left: 0; margin: auto; display: block; text-align: center; font-size: 12px; } .swiper-wrapper.h-auto { height: auto; } .swiper-wrapper { z-index: 300; } .swiper-arrow-next { right: 10px; left: auto; } .swiper-arrow-prev { left: 10px; right: auto; } .swiper-arrow-next.swiper-button-disabled, .swiper-arrow-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .home .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #1c354c; display: block; opacity: 1; } .swiper-pagination-bullet-active { opacity: 1; background: #fff !important; } .swiper-button-prev, .swiper-button-next { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); position: absolute; top: 50%; width: 50px; height: 50px; margin-top: 0; z-index: 10; cursor: pointer; background-size: 20px 50px; background-position: center; background-repeat: no-repeat; z-index: 9999; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0 !important; } .parallax-bg { position: absolute; left: 0; top: 0; width: 130%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; } .icon-brightness { filter: brightness(0%); -webkit-filter: brightness(0%); -moz-filter: brightness(0%); } .no-paddings { padding:0px; } /* mie colonne */ [class*="custom-col--"]{ margin: 0.5%; flex: 0 0 0; } .custom-col--3 { flex-basis: 32.333333%; -moz-flex-basis: 32.333333%; -ms-flex-basis: 32.333333%; min-width: 32.333333%; } .custom-col--2 { flex-basis: 49%; -moz-flex-basis: 49%; -ms-flex-basis: 49%; min-width: 49%; } .custom-col--4 { flex-basis: 24%; -moz-flex-basis: 24%; -ms-flex-basis: 24%; min-width: 24%; } .custom-col--5 { flex-basis: 19%; -moz-flex-basis: 19%; -ms-flex-basis: 19%; min-width: 19%; } .custom-col--auto { flex:1; min-width: 32.333333%; } @media(max-width: 1024px){ .custom-col--4, .custom-col--5 { flex-basis: 32.33333%; -moz-flex-basis: 32.33333%; -ms-flex-basis: 32.33333%; min-width: 32.33333%; } } @media(max-width: 768px){ .custom-col--3, .custom-col--4, .custom-col--5 { flex-basis: 49%; -moz-flex-basis: 49%; -ms-flex-basis: 49%; min-width: 49%; } } @media(max-width: 767px){ .swiper-button-prev, .swiper-button-next { top: auto; bottom: 5px; } } @media(max-width: 578px){ .col-xs-6 { flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; min-width: 100%; } p.mt-4.small.dnone-artimondo-dk, p.mt-4.small.dnone-artimondo-dk a { font-size: 12px; } .col-xs-6.first { flex-basis: 39%; -moz-flex-basis: 39%; -ms-flex-basis: 39%; min-width: 39%; } .custom-col--2, .custom-col--3, .custom-col--4, .custom-col--5 { flex-basis: 99%; -moz-flex-basis: 99%; -ms-flex-basis: 99%; min-width: 99%; } } .bold { font-weight: bold !important; } .light { font-weight: 100; } .overflow { overflow: hidden; } .wrapperVideoFull { display: inline-block; padding: 0; margin: 0; width: 100%; padding-top: 56.25%; height: 0px; position: relative; margin-bottom: -6px; } .wrapperVideoFull > iframe, .wrapperVideoFull > video { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; } .wrapperVideo { display: inline-block; padding: 0; margin: 0; width: 100%; padding-top: 56.25%; height: 0px; position: relative; margin-bottom: -6px; } .wrapperVideo iframe, .wrapperVideo object, .wrapperVideo embed, .wrapperVideo video { position: absolute; top: 0px; left: 0px; bottom: 0; margin: auto; width: 100%; height: 100%; } .thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fancybox-overlay { background-color: rgba(0,0,0,0.7); } .thumbnail.no-abs { position: relative; } .fancybox-nav span { /*position: relative !important;*/ visibility: visible !important; /*display: block !important;*/ } .fancybox-mobile .fancybox-nav span { visibility: visible !important; display: block !important; } .thumbnail.fancybox { border: 0px solid; border: 0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; outline: 0; padding: 0; margin: 0; /*display: contents;*/ } .fancybox-close { position: absolute; top: 0; right: -45px !important; width: 40px; height: 30px; cursor: pointer; z-index: 8040; background-size: cover; background-repeat: no-repeat; } .fancybox-prev span { left: -50px; } .fancybox-next span { right: -50px; } .fancybox-nav span { visibility: visible !important; } .thumbnail.fancybox:hover img{ opacity: 0.7; } .fancybox-skin { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 0 !important; background: transparent !important; } .fancybox-inner { max-width: 90%; margin: auto; } .fancybox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .btn-scroll a { cursor: pointer; } @media(max-width: 767px){ .fancybox-close { right: 5px !important; } .fancybox-prev span { left: 0px; } .fancybox-next span { right: 0px; } } /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* ui group */ .ui-group { display: inline-block; } .btn-modal { cursor: pointer; background-color: transparent; } .pointer { cursor: pointer; } .btm-border { position: relative; font-size: 14px; font-weight: 400; letter-spacing: 0.25em; } .btm-border:after { content: ""; position: absolute; width: 60%; bottom: -2px; /* background-color: #00000063; */ height: 1px; left: 0; right: auto; margin: auto; background: rgba(0,0,0,0.6); transition: all 200ms ease-in-out; } .btm-border:hover:after { width: 100%; } /* ----------------------------------------------------------------------------- */ /* ------------------ MODAL POPUP ------------------ */ /* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* ------------------ CLASSI BOOTSTRAP MODIFICATE ------------------ */ /* ----------------------------------------------------------------------------- */ /* xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px */ .btn, .dropdown-menu, .no__border-radius { border-radius: 0px !important; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #444444; } .dropdown-toggle::after { transition: transform 0.15s linear; } .dropdown-toggle::after { display: none; } .overlay-nav li > ul.dropdown-menu { visibility: hidden; /* hides sub-menu */ display: block; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; padding-top: 15px; transform: translateY(0%); z-index: -1; text-align: center; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; } .overlay-nav li:hover > ul.dropdown-menu { visibility: visible; /* shows sub-menu */ text-align: center; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */ } .dropdown-submenu { position:relative; } .dropdown-submenu>.dropdown-menu { top:0; left:100%; margin-top:-6px; } .dropdown-menu { transform: translate(0px, 0%); width: 100%; margin: 0; padding: 0; border: 0px; background-color: transparent !important; } .dropdown-menu .menu-item a { color: #fff; font-size: 15px; text-transform: capitalize; text-align: center; padding: 0px 0px 10px 0px; } .dropdown-menu .menu-item a:hover { color: #c8baa2; } /* rotate caret on hover */ .dropdown-menu > li > a:hover:after { text-decoration: underline; transform: rotate(-90deg); } .dropdown-item:focus, .dropdown-item:hover { color: #c8baa2; text-decoration: none; background-color: transparent; } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 0 rgba(255,255,255,0) !important; } hr.white { border-top: 1px solid rgba(255, 255, 255, 0.2); display: block; width: 100%; } hr.black { border-top: 1px solid rgba(0, 0, 0, 0.2); display: block; width: 100%; } /* ----------------------------------------------------------------------------- */ /* ------------------ CLASSI FORM ------------------ */ /* ----------------------------------------------------------------------------- */ .form-control { border-radius: 0px; border: 0px; } .form-group { padding-bottom: 20px; position: relative; } .form-group label { margin-top: 10px; margin-bottom: 2px; text-align: left; display: block; font-size: 14px; } .form-group input:not([type="checkbox"]):not([type="radio"]):not(textarea), .form-group select { width: 100%; height: 40px; padding-left: 10px; -moz-appearance: none; -webkit-appearance: none; /* border: 1px solid #fff; -moz-border: 1px solid #fff; -webkit-border: 1px solid #fff;*/ } .wpcf7-form { position: relative; padding-left: 15px; padding-right: 15px; } .form-group textarea { height: 300px; resize: none; } .form-error { position: absolute; } .wpcf7-6 { width: 48%; /* display: inline-block; */ /* vertical-align: top; */ float: left; margin: 15px 1%; } .wpcf7-6 .small{ font-size: 12px; } .wpcf7-4 { width: 31.3%; /* display: inline-block; */ /* vertical-align: top; */ float: left; margin: 0px 1%; } .wpcf7-12 { width: 98%; margin: 10px 1%; display: inline-block; text-align: left; } .wpcf7-12.check span, .wpcf7-12.check a { font-size: 12px; } input[type="text"], input[type="email"], input[type="number"],input[type="url"], input[type="tel"], input[type=date], select{ box-shadow: none; border-radius: 0; background: none !important; border-radius: 0px; /*padding: 10px !important;*/ color: #fff !important; height: 50px; width: 100%; border-bottom: 1px solid #fff !important; font-size: 18px; -moz-appearance: none; -webkit-appearance: none; } .select-white { box-shadow: none; border-radius: 0; background: none !important; border-radius: 0px; color: #fff !important; height: 50px; border-bottom: 2px solid #fff !important; font-size: 18px; padding: 0px 0px; -moz-appearance: none; -webkit-appearance: none; } textarea{ box-shadow: none; background: none !important; border-radius: 0px; /*padding: 10px !important;*/ color: #fff; height: 50px; margin-bottom: 10px; width: 100%; resize: none; border:0px; border-bottom: 1px solid #fff; font-size: 18px; } input[type="submit"] { float: right; border: 1px solid; padding: 6px 40px 5px; border-radius: 35px; font-size: 11px; letter-spacing: 0.2em; color: #fff; background-color: transparent; text-transform: uppercase; width: auto; max-width: 100%; margin-top: 21px; } input[type="submit"]:hover { color: #c8baa2; background-color: #fff; } label { font-weight: normal; font-size: 20px; margin-bottom: 5px; } .dragdrop label { text-transform: uppercase; margin: 30px 0 15px; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ font-family: mr-eaves-sans, sans-serif; font-weight: 200 font-size: 18px; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; opacity: 1; font-family: mr-eaves-sans, sans-serif; font-weight: 200 font-size: 18px; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; opacity: 1; font-family: mr-eaves-sans, sans-serif; font-weight: 200 font-size: 18px; } select option { color: #c8baa2; border: 0px; padding: 5px; } /* ----------------------------------------------------------------------------- */ /* ------------------ CLASSI FOOTER GENERALI ------------------ */ /* ----------------------------------------------------------------------------- */ footer .widget h3 { font-size: 18px; font-weight: bolder; padding-bottom: 10px; text-transform: uppercase; } footer .widget p, footer .widget a, footer .widget li { font-size: 14px; padding-right: 10px; text-align: left; margin-bottom: 13px; } footer{ height: auto; padding-top: 40px; padding-bottom: 0px; } footer .logo-foot { max-width: 150px; margin:30px auto; display: block; } footer h4 { font-size: 16px; padding-bottom: 20px; } footer p, footer a { font-size: 18px; font-weight: 700; } body[data-lang="pl"] footer p, body[data-lang="pl"] footer a { font-size: 18px; font-weight: 700; } footer .social a { font-size: 26px; color: #877453; margin: 0px 15px; } footer .small { font-size: 12px !important; } body[data-lang="pl"] footer .small { font-size: 12px !important; } .menu-foot .widget-title { display: none; } .menu-foot .widget_nav_menu .menu a, .menu-foot .widget_nav_menu .menu .sub-menu a{ font-size: 16px; } .menu-foot .widget_nav_menu .menu .aside-title a{ opacity: 1; } @media (max-width: 1024px){ footer .container { max-width: 98% !important; } .menu-foot .widget_nav_menu .menu a, .menu-foot .widget_nav_menu .menu .sub-menu a { font-size: 14px; } } @media(max-width: 767px){ footer .navbar--social { margin-bottom: 50px; } } @media(max-width: 767px){ footer { margin-bottom: 35px; } } /* ----------------------------------------------------------------------------- */ /* ------------------ CLASSI VARIABILI ------------------ */ /* ----------------------------------------------------------------------------- */ .font14 { font-size: 14px; } .font16, .font16 > * { font-size: 16px; } .font15, .font15 > * { font-size: 15px; } .font18 { font-size: 18px; } body[data-lang="pl"] .font18 { font-size: 14px !important; } .font20 { font-size: 20px; } body[data-lang="pl"] .font20 { font-size: 16px !important; } .font22 { font-size: 22px; } .h4 { font-size: 26px; } .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); } .overlay-before:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.1); z-index: 10; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* WEBSITE */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .noscroll { /* overflow: hidden; */ position: fixed; /*top: 0;*/ /*left: 0;*/ width: 100%; } a { display: inline-block; height: initial; } a:hover { text-decoration: none; /*color: #c8baa2;*/ } .openOverlay { /*height: 20px;*/ padding: 0; margin: 0; display: flex; display: -ms-flexbox!important; } .light { font-family: mr-eaves-sans, sans-serif; font-weight: 200 } body[data-lang="pl"] .light { font-family: semplicitapro, sans-serif !important; font-weight: 200 !important; } body > * { font-family: mr-eaves-sans, sans-serif; font-weight: 300; } body[data-lang="pl"] > * { font-family: semplicitapro, sans-serif !important; } p, li, a { font-size: 20px; } .goyham-medium { font-family: mr-eaves-sans, sans-serif; font-weight: 700; } body[data-lang="pl"] > .goyham-medium { font-family: semplicitapro, sans-serif !important; font-weight: 700 !important; } .letter2 { letter-spacing: 0.2em; } .letter1 { letter-spacing: 0.1em; } .font_special { font-family: meno-banner, serif; font-style: normal; font-weight: 300; } .background-green { background-color: #4c7365; } .background-greendark { background-color: #144734; } .background-blu { background-color: #4f6d87; } .background-red { background-color: #b45555; } .background-yellow { background-color: #e5cf57; } .background-darkwhite { background-color: #eeeeee; } .background-gold { background-color: #bb8c37; } .color-gold { color: #877453; } .color-yellow { color: #e5cf57; } .greendark { color: #144734; } .color-blu { color: #4f6d87; } .color-red { color: #b45555; } .color-whitegrey { color: #bebebe; } .italic { /*font-family: 'MercuryDisplayItalic';*/ font-style: italic; } header .logo { width: 150px; margin: 50px; } header .box-nav-r { margin-right: 50px; } header .btn-rounded { border: 1px solid; padding: 6px 10px 5px; border-radius: 35px; font-size: 10px; letter-spacing: 0.2em; font-family: mr-eaves-sans, sans-serif; font-weight: 200; } body[data-lang="pl"] header .btn-rounded { font-family: semplicitapro, sans-serif !important; font-weight: 200 !important; } .overlay-nav { display:none; position:fixed; top:0; height:100%; width:100%; background-image: url('../images/leone-vettoriale.svg'); background-color:#144734; background-repeat: no-repeat; background-position: center; background-size: contain; overflow:hidden; z-index:9999; } #overlay-accademia { background-image: url('../images/sfondo-nav-accademia.jpg'); } .modal--search { z-index:99999; background-color: rgba(0, 0, 0, 0.9); } .modal--search .modal-content { background-color: transparent; background-clip: padding-box; border: 0px solid rgba(0,0,0,.2); border-radius: 0rem; } .modal--search .modal-content .btn-close { color: #fff; padding: 0; font-size: 22px; } #menu-main-menu > .menu-item, #menu-accademia-menu > .menu-item, #menu-main-menu-eng > .menu-item, #menu-accademia-menu-eng > .menu-item, #menu-main-menu-de > .menu-item, #menu-main-menu-pl > .menu-item, #menu-main-menu-esp > .menu-item { flex: 1 1 50%; text-align: center; padding: 0px 12px; text-align: center; } header { position: fixed; width: 100%; top: 0; left: 0; z-index: 99999; } header.fixedSmall { background-color: #fff; box-shadow: 0px 5px 20px -5px rgba(31, 31, 31, 0.2); } header.fixedSmall .logo { width: 80px; margin: 10px 0px 5px 10px; } @keyframes fixedTop { from { top: -150px; } to { top: 0px; } } @-webkit-keyframes fixedTop { from { top: -100px; } to { top: 0px; } } header .openOverlay .btnOpenOverlay span { height: 1px; width: 35px; display: block; margin: 5px; background-color: #fff; transition: all 300ms linear; } header[data-color="black"] .openOverlay .btnOpenOverlay span, header.fixedSmall .openOverlay .btnOpenOverlay span { background-color: #000; transition: all 300ms linear; } header .openOverlay .btnOpenOverlay.btn-close span.first { transform: rotate(45deg) translate(0px, 5px); } header .openOverlay .btnOpenOverlay.btn-close span.second { transform: rotate(-45deg) translate(-1px, -5px); } header[data-color="black"] .lang .lang-item { color: #000; } header .lang select { /* background-color: red !important; */ height: auto; text-align: center; text-transform: uppercase; border: 0px !important; padding: 0px 18px 0px 5px; position: relative; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position-x: 100% !important; background-position-y: 0px !important; } header .lang select option { padding: 10px; text-align: left; } #header_accademia[data-color="black"] .logo { display: none; } #header_accademia[data-color="black"] .logo-color { display: block; width: 110px; margin: 20px; } #header_accademia[data-color="black"] .claim { color: #004928 !important; } #header_accademia[data-color="black"] .lang .lang-item { color: #000; } nav ul li a { color: #fff; text-transform: uppercase; font-size: 18px; letter-spacing: 0.2em; font-family: mr-eaves-sans, sans-serif; font-weight: 700; } body[data-lang="pl"] nav ul li a { font-family: semplicitapro, sans-serif !important; } nav ul li a:hover { text-decoration: none; color: #c8baa2; } .current-menu-item a { color: #c8baa2 !important; } nav ul { position: absolute; width: 94%; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); left: 0; right: 0; margin: auto; } nav .navInfo { position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; text-align: center; width: 90%; } nav .navInfo p,nav .navInfo a{ color: #fff; font-size: 10px; letter-spacing: 0.25em; } .lang .lang-item { color: #fff; text-transform: uppercase; list-style: none; } .lang .lang-item a { font-size: 16px; font-family: mr-eaves-sans, sans-serif; font-weight: 200; } body[data-lang="pl"] .lang .lang-item a { font-family: semplicitapro, sans-serif !important; } .lang .lang-item a:hover { text-decoration: none; color: #877453; } .lang .current-lang { color: #877453 !important } .lang .lang-item:after { content: "-"; margin-right: 10px; padding-left: 10px; } .lang .lang-item:last-of-type::after { content: ""; margin-right: 0px; padding-left: 0px; } header .colorNavWhite { color: #fff; position: relative; } header .btn-rounded:hover { text-decoration: none; background-color: #fff; color: #000; } header.fixedSmall .colorNavWhite, header[data-color="black"] .colorNavWhite { color: #000; font-family: mr-eaves-sans, sans-serif; font-weight: 400; } body[data-lang="pl"] header.fixedSmall .colorNavWhite, body[data-lang="pl"] header[data-color="black"] .colorNavWhite { font-family: semplicitapro, sans-serif !important; } header.fixedSmall .lang a.color-white, header[data-color="black"] .lang a.color-white { color: #000 !important; } header.fixedSmall .search img, header[data-color="black"] .search img { -webkit-filter: invert(1); -moz-filter: invert(1); -ms-filter: invert(1); filter: invert(1); } .fullHeight { height: 100vh; } .minfullHeight { min-height: 100vh; } .swiper-pagination { z-index: 999; } /* Home */ /* versione 2.0*/ #fadeSlide-home .box-pagination { position: absolute; width: 100%; bottom: 0px; z-index: 900; transform: translate(0px, 0px); left: 0; right: 0; top: auto; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); padding: 50px 0px; } #fadeSlide-home .box-pagination .swiper-pagination-bullet:first-of-type { display: none; } #fadeSlide-home .box-pagination .slide-pagination { color: #fff; text-transform: uppercase; padding: 5px 20px; font-size: 15px; letter-spacing: 0.2em; position: relative; font-weight: 500; } #fadeSlide-home .icon_slider { width: 180px; } #fadeSlide-home .swiper-pagination-bullet:first-of-type { display: none; } #fadeSlide-home .swiper-pagination-bullet { width: auto; height: auto; background-color: transparent !important; display: block; opacity: 1; text-align: center; color: #fff; text-transform: uppercase; font-size: 16px; margin: 5px 10px !important; cursor: pointer; letter-spacing: 0.1em; } body[data-lang="pl"] #fadeSlide-home .swiper-pagination-bullet { font-size: 14px; } #fadeSlide-home .box-pagination .swiper-pagination-bullet-active, #fadeSlide-home .swiper-pagination-bullet { color: #fff; position: relative; } #fadeSlide-home .box-pagination .swiper-pagination-bullet-active:after, #fadeSlide-home .box-pagination .swiper-pagination-bullet:hover:after { content: ""; position: absolute; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; /* top: 0; */ left: 0; right: 0; margin: auto; bottom: -10px; } /*.fadeSlide-home-img { height: 100vh; }*/ #fadeSlide-home .box-content-mobile { position: relative; z-index: 100; } #fadeSlide-home .icon_slider { width: 180px; } #fadeSlide-home .swiper-slide { width: 100%; height: 100vh; } #fadeSlide-home .swiper-slide h3 { font-size: 46px; text-shadow: 0px 0px 10px #000; } #fadeSlide-home .swiper-slide a { color: #fff; font-family: meno-banner, serif; text-transform: uppercase; text-decoration: underline; font-weight: 600; letter-spacing: 0.06em; margin-top: 30px; text-shadow: 0px 0px 10px #000; } #fadeSlide-home .swiper-slide a:hover { text-decoration: none; } body.noscroll { overflow: hidden; } .mt-less { margin-top: -100px; padding-top: 100px; } .mt-lessBig { margin-top: -300px; padding-top: 350px; } .mt-lessBig-about { margin-top: -180px; padding-top: 200px; } .arrow-navigation { display: none !important; } #fadeSlide-home .link-pagination { position: absolute; width: 100%; bottom: 0px; z-index: 900; transform: translate(0px, 0px); left: 0; right: 0; top: auto; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); padding: 50px 0px; } #fadeSlide-home .box-pagination span[data-slide="0"] { display: none; } #fadeSlide-home .link-pagination a { color: #fff; text-transform: uppercase; padding: 5px 20px; font-size: 15px; letter-spacing: 0.2em; position: relative; font-weight: 500; text-decoration: none; font-family: mr-eaves-sans, sans-serif; cursor: pointer; } body[data-lang="pl"] .link-pagination a { font-family: semplicitapro, sans-serif !important; } #fadeSlide-home .link-pagination a:hover:after, #fadeSlide-home .link-pagination a.active:after { content: ""; position: absolute; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; /* top: 0; */ left: 0; right: 0; margin: auto; bottom: -10px; } #fadeSlide-home .background_mb { display: none !important; } #fadeSlide-home .swiper-slide .background-cover-center { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .start-opacity { opacity: 0; } @media(max-width: 1300px){ nav ul li a { font-size: 14px; } .mt-lessBig-about { margin-top: -70px; padding-top: 100px; } } @media(max-width: 1100px){ #menu-main-menu > .menu-item, #menu-main-menu-eng > .menu-item, #menu-accademia-menu > .menu-item, #menu-accademia-menu-eng > .menu-item, #menu-main-menu-de > .menu-item, #menu-main-menu-pl > .menu-item, #menu-main-menu-esp > .menu-item { max-width: 25%; width: 25%; } .mt-lessBig-about { margin-top: -90px; padding-top: 40px; } } @media(max-width: 991px){ #fadeSlide-home .swiper-slide h3 { font-size: 34px; padding: 0px 50px; } .arrow-navigation { position: absolute; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); z-index: 400; font-size: 28px; color: #fff; width: 40px; height: 40px; display: flex !important; align-items: center; justify-content: center; cursor: pointer } .arrow-navigation.swiper-prev-custom { left: 10px; } .arrow-navigation.swiper-next-custom { right: 10px; } .arrow-navigation.swiper-button-disabled { opacity: 0; } .arrow-navigation img { -webkit-filter: invert(1); -moz-filter: invert(1); -ms-filter: invert(1); filter: invert(1); width: 25px; } #fadeSlide-home .background_mb { display: block !important; } #fadeSlide-home .background_dk { display: none !important; } } @media(max-width: 767px){ p, li, a { font-size: 18px; } #fadeSlide-home .icon_slider { width: 120px; } .home .link-pagination a { font-size: 12px; } #fadeSlide-home .link-pagination { bottom: 0px; padding: 40px 0px; } #fadeSlide-home .swiper-pagination-bullet { font-size: 14px; } body[data-lang="pl"] #fadeSlide-home .swiper-pagination-bullet { font-size: 12px; } } @media(max-width: 567px){ #fadeSlide-home .swiper-slide h3 { font-size: 32px; } #fadeSlide-home .swiper-slide a { font-size: 14px; padding: 5px 12px; } #fadeSlide-home .arrow-navigation.swiper-prev-custom { left: 0px; } #fadeSlide-home .arrow-navigation.swiper-next-custom { right: 0px; } .box-content-mobile { margin-top: -30px; } #fadeSlide-home .box-pagination { padding: 30px 0px 100px 0px; } } @media(max-width: 480px){ #fadeSlide-home .swiper-pagination-bullet { font-size: 12px; } #fadeSlide-home .swiper-slide a { font-size: 12px; } #fadeSlide-home .swiper-slide h3 { font-size: 28px; } #fadeSlide-home .link-pagination { bottom: 0px; padding: 100px 0px; } .box-content-mobile { margin-top: -50px; } #fadeSlide-home .icon_slider { width: 90px; } } footer .small, footer p { color: #877453; } footer .colFoot { -ms-flex-preferred-size: 0; flex-basis: auto; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } footer .colFoot h3 { color: #877453; font-size: 18px; letter-spacing: 0.2em; font-family: mr-eaves-sans, sans-serif; font-weight: 400; margin-bottom: 20px; } body[data-lang="pl"] footer .colFoot h3 { font-family: semplicitapro, sans-serif !important; } footer .colFoot ul li a { color: #877453; font-size: 16px; letter-spacing: 0.2em; font-family: mr-eaves-sans, sans-serif; font-weight: 400; text-transform: uppercase; } body[data-lang="pl"] footer .colFoot ul li a { font-family: semplicitapro, sans-serif !important; font-size: 15px; } footer .logo { width: 150px; } footer .social a img { width: 30px; margin-left: 12px; margin-right: 12px; } .col5 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-right: 30px; padding-left: 30px; } .btn-rounded { border: 1px solid; padding: 8px 15px 8px !important; border-radius: 35px; /*font-size: 10px;*/ letter-spacing: 0.1em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .btn-rounded:hover, .btn-classic:hover { background-color: #144734; border-color: #144734; color: #fff; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .btn-classic { padding: 6px 15px 5px; border-radius: 35px; letter-spacing: 0.1em; font-size: 12px; text-transform: uppercase; font-weight: 500; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .btn-rounded.moreBtn { font-size: 12px !important; letter-spacing: 0.2em; font-family: mr-eaves-sans, sans-serif; font-weight: 200; text-transform: uppercase; margin-left: 2px; margin-right: 2px; margin-bottom: 15px; } body[data-lang="pl"] .btn-rounded.moreBtn { font-family: semplicitapro, sans-serif !important; } .fw600 { font-weight: 600; } .accademia-mobile { display: none; } @media(max-width: 1024px){ nav ul li a { padding-top: 3px; padding-bottom: 3px; } nav ul { width: 95%; flex-direction: column; align-items: center; } footer p, footer a { font-size: 16px; } body[data-lang="pl"] footer p, body[data-lang="pl"] footer a { font-size: 14px; } footer .colFoot ul li a { font-size: 14px; } body[data-lang="pl"] footer .colFoot ul li a { font-size: 12px; } } @media(max-width: 991px){ footer .colFoot h3 { font-size: 14px; margin-bottom: 10px; margin-top: 30px; } .font16, .font16 > * { font-size: 14px; } #linea-bianca { margin-top: 10px; } header .btn-rounded { font-size: 8px; } } @media(max-width: 1024px){ #menu-main-menu > .menu-item, #menu-accademia-menu > .menu-item, #menu-main-menu-eng > .menu-item, #menu-accademia-menu-eng > .menu-item, #menu-main-menu-de > .menu-item, #menu-main-menu-pl > .menu-item, #menu-main-menu-esp > .menu-item { max-width: 90%; width: auto; } nav ul li a { font-size: 16px; padding-top: 6px; padding-bottom: 6px; /*background-color: red;*/ padding: 10px; margin: 2px; } .overlay-nav li > ul.dropdown-menu { position: relative; visibility: visible; display: block; opacity: 1; padding-bottom: 0px; padding-top: 0px; z-index: 500 !important; } .dropdown-menu .menu-item a { text-transform: uppercase; font-size: 16px; letter-spacing: 0.2em; font-family: mr-eaves-sans, sans-serif; font-weight: 700; padding: 15px; } body[data-lang="pl"] .dropdown-menu .menu-item a { font-family: semplicitapro, sans-serif !important; } nav .hidden-md { display: none; } .navLink-mobile a.dropdown-toggle { display: none; } nav .navInfo p { font-size: 8px; } .mt-lessBig { margin-top: -50px; padding-top: 50px; } } @media(max-width: 767px){ header .btn-rounded, nav .hidden-md { display: none; } header .box-nav-r { margin-right: 0px; } header .logo { margin: 10px 0px 0px; } .accademia-mobile { display: block; border: 1px solid; padding: 5px 18px 5px !important; border-radius: 35px; letter-spacing: 0.2em; color: #fff; margin-bottom: 40px; font-size: 14px; } nav ul li a { font-size: 14px; padding-top: 4px; padding-bottom: 4px; } } @media(max-width: 567px){ footer .logo { width: 120px; margin-bottom: 20px !important; } footer .small { font-size: 11px !important; } .btn-rounded.moreBtn { font-size: 8px; } } #header_accademia .logo { width: 110px; margin: 30px 25px 10px; } @media(max-width: 680px){ header .logo { width: 80px; } #header_accademia .logo { width: 80px !important; margin: 20px 10px 5px !important; } #header_accademia[data-color="black"] .logo-color { width: 80px; margin: 10px auto 0px; } footer .colFoot { flex-basis: 50%; padding: 0px 20px; max-width: 50%; } .overlay-nav li > ul.dropdown-menu { padding-bottom: 0px; /*margin-bottom: 15px;*/ padding-top: 0px; /*margin-top: 15px;*/ } .accademia-mobile { padding: 5px 15px 2px !important; font-size: 12px; } .dropdown-menu .menu-item a { font-size: 14px; padding: 0px 0px 5px 0px; } footer .colFoot h3 { margin-bottom: 10px; margin-top: 10px; } } @media(max-width: 520px){ footer .colFoot { flex-basis: 100%; padding: 0px 5px; max-width: 100%; } } @media(max-width: 420px){ /*nav ul { position: static; -webkit-transform: translate(0px, 0%); -moz-transform: translate(0px, 0%); -ms-transform: translate(0px, 0%); transform: translate(0px, 0%); margin-top: 90px; }*/ #overlay-accademia ul { margin-top: 140px; } } /* page standard */ .sectionHead { width: 100%; padding: 50px 0px; text-align: center; margin-top: 100px; } .search .sectionHead, .error404 .sectionHead { width: 100%; padding: 200px 0px; text-align: center; margin-top: 0px; } .sectionHead-product { width: 100%; text-align: center; height: 100vh; padding-top: 150px; position: relative; } .sectionHead-product .scroll_down { position: absolute; left: 0; right: 0; margin: auto; bottom: 30px; font-size: 34px; color: #fff; animation: bounce 1s ease-in-out 2s 2; } @keyframes bounce { 0% { transform: translateY(0); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0); } } section.sectionHead-product:before { content: ""; background-color: #31200e; background: linear-gradient(180deg, rgba(49,32,14,1) 0%, rgba(0,0,0,0) 40%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .sectionHead .bread, .sectionHead-product .bread, .bread.secondBread { text-transform: uppercase; font-size: 16px; letter-spacing: 0.2em; font-family: mr-eaves-sans, sans-serif; } body[data-lang="pl"] .sectionHead .bread, body[data-lang="pl"] .sectionHead-product .bread, body[data-lang="pl"] .bread.secondBread { font-family: semplicitapro, sans-serif !important; } .colTextHead { width: 45%; margin: 0px auto; z-index: 10; } .archive.tax-prodotticategory .colTextHead.hide_mb br { display: none; } .sectionHead .leone_head { position: absolute; width: 190px; left: 0; right: 0; margin: auto; top: -95px; z-index: 0; } .sectionHead h1 br { display: none; } .sectionHead .nobr h1 br { display: block; } .about-time { position: absolute; left: 0; right: 0; margin: auto; top: -10px; text-align: center; } .about-time p { font-size: 18vw; font-style: italic; opacity: 0.2; line-height: 100px; } .about-time.letter { position: absolute; left: 50%; top: -12%; z-index: 10; } .about-time.letter p { font-size: 38vw; font-style: italic; opacity: 0.2; line-height: 25vw; transform: translateX(-70%); } .about-text { font-size: 90px; font-style: italic; position: absolute; opacity: 0.2; left: 0; line-height: 100px; text-align: center; transform: translateX(-30%); } .about-accademia { position: absolute; left: 15%; top: -40px; } .about-accademia p { font-size: 6vw; font-style: italic; opacity: 0.2; line-height: 5vw; } .bordertop-white { border-top: 1px solid #fff; } .abs_letter { font-size: 13vw; font-style: italic; position: absolute; color: #fff; opacity: 0.1; left: 0; right: 0; margin: auto; line-height: 10vw; text-align: center; font-weight: 500; font-family: meno-banner, serif; top: 0px; bottom: 0px; /* background-color: aqua; display: flex; align-items: center; justify-content: center;*/ } .abs_letter.acc { font-size: 13vw; line-height: 8vw; } .colCustom-accademia { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .colCustom-accademia.left { margin-left: 50%; } img.abs_rasoio { position: absolute; z-index: 10; left: 0; right: 0; margin: auto; transform: translate(20%, 10%); top: 0; } .sectionContent .aboutus-imgclassici_mb { display: none; } #filtro-prodotti .colTextHead.hide_dk { display: none; } @media(max-width: 1400px){ .colCustom-accademia.left { margin-left: 35%; } .colTextHead { width: 50%; } } @media(max-width: 1300px){ .tax-prodotticategory .colTextHead { width: 70%; } .about-text { font-size: 50px; transform: translateX(0%); line-height: 50px; } .about-accademia { font-size: 10vw; left: 5%; line-height: 9vw; top: -50px; } } @media(max-width: 1200px){ .colCustom-accademia { -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } .colCustom-accademia.left { margin-left: 25%; } img.abs_rasoio { transform: translate(0%, 20%); width: 550px; right: 0; left: auto; } .colTextHead { width: 70%; } .tax-prodotticategory .colTextHead { width: 80%; } } @media(max-width: 991px){ .colCustom-accademia { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .colCustom-accademia.left { margin-left: 0%; } .about-accademia { position: relative; top: 90px; left: 15px; font-size: 90px; text-align: center; right: 15px; margin: auto } img.abs_rasoio { transform: translate(0%, 35%); width: 300px; } .abs_letter { font-size: 24vw; line-height: 20vw; } .about-time.letter { left: 0%; top: 50%; } .about-time.letter p { font-size: 68vw; transform: translateX(0%); } .about-text { font-size: 70px; transform: translateX(0%); line-height: 60px; text-align: left; top: -60px; width: 70%; left: 30px; } .colTextHead { width: 80%; } .tax-prodotticategory .colTextHead { width: 90%; } .sectionContent .aboutus-imgclassici_mb { display: block; width: 100%; } .sectionContent .aboutus-imgclassici_dk { display: none; } .mt-lessBig-about { margin-top: 0px; padding-top: 0px; } .about-accademia { right: 0; left: 0; } .about-accademia p { font-size: 58px; line-height: 55px; } .sectionHead-product { height: 450px; } #filtro-prodotti .colTextHead.hide_dk { display: block; } .sectionHead-product .colTextHead.hide_mb { display: none; } } @media(max-width: 767px){ .colTextHead { width: 90%; } img.abs_rasoio { transform: translate(0%, 85%); width: 200px; right: 0; left: 0; } .sectionHead .leone_head { width: 140px; top: -75px; } } @media(max-width: 567px){ .abs_letter { font-size: 30vw; line-height: 27vw; } .abs_letter.acc { font-size: 33vw; line-height: 15vw; } .sectionHead-product { height: 370px; } img.abs_rasoio { transform: translate(0%, 110%); } .about-accademia p { font-size: 42px; line-height: 40px; } } @media(max-width: 480px){ .colTextHead h1 br { display: block; } .abs_letter { font-size: 32vw; line-height: 32vw; } } .sectionHead h1 { font-size: 40px; font-family: meno-banner, serif; font-weight: 600; padding-bottom: 40px; padding-top: 20px; } .post-type-archive-prodotti .sectionHead h1 { font-size: 36px; } .sectionHead h1.cont { /*width: 80%;*/ width: 95%; margin-left: auto; margin-right: auto; } .sectionHead .description { font-size: 22px; font-family: mr-eaves-sans, sans-serif; font-weight: 300; } body[data-lang="pl"] .sectionHead .description { font-family: semplicitapro, sans-serif !important; font-size: 20px; } .sectionHead img { width: 100%; } .nopadd { padding: 0px; } .sectionContent .row-fasi p.description { width: 80%; margin: auto; } .colBox { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } @media(max-width: 1350px){ .sectionHead h1.cont { /* width: 80%; */ width: 100%; } } @media(max-width: 1100px){ .colBox { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } } @media(max-width: 1024px){ .section-head.head-corso { margin-top: 100px; } .sectionHead h1 { font-size: 34px; padding-bottom: 20px; } .post-type-archive-prodotti .sectionHead h1, .tax-prodotticategory .sectionHead h1 { font-size: 30px; } } @media(max-width: 991px){ .colBox { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .about-time p { font-size: 35vw; line-height: 0; } .about-time { top: 10px; } .sectionContent.color_mb { background-color: #c8baa2; } } @media(max-width: 680px){ .sectionHead { padding: 20px 0px; margin-top: 100px; } .sectionHead h1 { font-size: 24px; } .post-type-archive-prodotti .sectionHead h1, .tax-prodotticategory .sectionHead h1 { font-size: 22px; } .archive.post-type-archive-prodotti .sectionContent h2 { font-size: 38px; } } @media(max-width: 480px){ .sectionHead h1 { font-size: 22px; } .post-type-archive-prodotti .sectionHead h1 br { display: none; } .post-type-archive-prodotti .sectionHead h1, .tax-prodotticategory .sectionHead h1 { font-size: 20px; } .sectionHead-product { padding-top: 100px; } .sectionHead-product h1 { font-size: 26px !important; } .sectionHead .bread, .sectionHead-product .bread, .bread.secondBread { font-size: 14px; } .archive .btn-rounded.moreBtn { font-size: 10px; font-weight: 400; width: 115px; } } /* filtri prodotti - pag.archivio */ .page-prodotti .colCustom { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; /*background-color: #000;*/ } .page-prodotti .box { position: relative; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .page-prodotti .colCustom h2.hide_dk, .page-prodotti .colCustom .box-hide_dk { display: none !important; } .page-prodotti .colCustom .box-hover { position: absolute; top: 45%; left: 0; right: 0; margin: auto; text-align: center; transform: translate(0px, -50%); opacity: 0; visibility: hidden; z-index: 999; color: #fff; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .page-prodotti .box a:hover > .square-img { background-blend-mode: multiply; background-color: #144734; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; } .page-prodotti .box a:hover > .box-hover { /*opacity: 1; visibility: visible;*/ -webkit-animation: hoverBox 500ms ease-in-out 100ms forwards; -moz-animation: hoverBox 500ms ease-in-out 100ms forwards; -ms-animation: hoverBox 500ms ease-in-out 100ms forwards; animation: hoverBox 500ms ease-in-out 100ms forwards; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } @keyframes hoverBox { to { top: 50%; opacity: 1; visibility: visible; } } @-webkit-keyframes hoverBox { to { top: 50%; opacity: 1; visibility: visible; } } @-moz-keyframes hoverBox { to { top: 50%; opacity: 1; visibility: visible; } } .page-prodotti .box img { width: 100% !important; height: auto !important; } .page-prodotti .box .abs { position: absolute; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); z-index: 90; padding: 20px; height: 150px; } .text-shadow { text-shadow: 0px 0px 10px #000; } /*.page-prodotti .box:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 50%, rgba(255,255,255,0) 100%); }*/ .box_text_small { width: 270px; margin: auto; max-width: 90%; } .page-prodotti .abs-text-prodotti { font-size: 25vw; font-style: italic; position: absolute; color: #fff; opacity: 0.4; left: 0; right: 0; margin: auto; line-height: normal; text-align: center; font-weight: 500; font-family: meno-banner, serif; top: 50%; /* bottom: auto; */ transform: translate(0px, -50%); } .btm-border.white:after { content: ""; position: absolute; width: 60%; bottom: -2px; /* background-color: #00000063; */ height: 1px; left: 0; right: auto; margin: auto; background: rgba(255,255,255,0.6); transition: all 200ms ease-in-out; } .btm-border.white:hover:after { width: 100%; } @media(max-width: 1024px){ .page-prodotti .box h3 { font-size: 36px; } .page-prodotti .abs-text-prodotti { font-size: 45vw; } .page-prodotti .box .abs { padding: 10px; } .post-type-archive-prodotti .description.hide_mb { display: none; } .page-prodotti .colCustom h2.hide_dk, .page-prodotti .colCustom .box-hide_dk { display: block !important; } .page-prodotti .box-hover { display: none !important; } } @media(max-width: 767px){ .sectionHead .description { font-size: 18px; } body[data-lang="pl"] .sectionHead .description { font-size: 16px; } .box_text_small { width: auto; max-width: 100%; } } @media(max-width: 567px){ .post-type-archive-prodotti .colCustom .hide_mb { display: none; } .page-prodotti .colCustom { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; } .page-prodotti .box .abs { height: auto; } } #filtro-prodotti #button-filter { border-bottom: 0px solid #fff; } #filtro-prodotti #button-filter .nav-item { position: relative; width: 50%; } #filtro-prodotti #button-filter .nav-item:first-of-type { padding-right: 20px; } #filtro-prodotti #button-filter .nav-link { text-align: center; padding: 20px 20px; background-color: #fff !important; color: #000; text-transform: uppercase; border: 0px solid transparent; border-radius: 40px; font-size: 20px; font-weight: 500; letter-spacing: 0.15em; height: 100%; font-family: mr-eaves-sans, sans-serif; border: 2px solid rgba(135 116 83, 0.4); } body[data-lang="pl"] #filtro-prodotti #button-filter .nav-link { font-family: semplicitapro, sans-serif !important; } #filtro-prodotti #button-filter .nav-link br { display: none; } #filtro-prodotti #button-filter .nav-link.active { background-color: #877453 !important; color: #fff; } .hide { display: none; } #filterContent .layout-prodotto .filter-button-group .button { /*text-transform: uppercase;*/ color: #000; padding: 5px 5px; font-size: 20px; letter-spacing: 0.1em; font-family: mr-eaves-sans, sans-serif; } body[data-lang="pl"] #filterContent .layout-prodotto .filter-button-group .button { font-family: semplicitapro, sans-serif !important; font-size: 16px; } #filterContent .layout-prodotto .filter-button-group .button span:after { content: "|"; padding-left: 10px; } #filterContent .layout-prodotto .filter-button-group .button:hover, #filterContent .layout-prodotto .filter-button-group .button.active { color: #877453; } #filterContent .layout-prodotto .filter-button-group .button:last-of-type span:after { content: ""; padding-left: 0px; } #filterContent .layout-prodotto .filter-button-group .button:hover span:after, #filterContent .layout-prodotto .filter-button-group .button.active span:after { color: #000; } .rinfrescante-rasatura, [data-formula="rinfrescante-rasatura"], .refreshing-shaving, [data-formula="refreshing-shaving"], .erfrischend-rasur, [data-formula="erfrischend-rasur"], .orzezwienie-golenie, [data-formula="orzezwienie-golenie"], .refrescante-afeitado, [data-formula="refrescante-afeitado"] { background-color: #4C7365; } .pelli-sensibili, [data-formula="pelli-sensibili"], .sensitive-skins, [data-formula="sensitive-skins"], .empfindliche-haut, [data-formula="empfindliche-haut"], .skora-wrazliwa, [data-formula="skora-wrazliwa"], .pieles-sensibles, [data-formula="pieles-sensibles"] { background-color: #EEEEEE; } /*.hard-beards, */ .barbe-dure, [data-formula="barbe-dure"], .coarse-beards, [data-formula="coarse-beards"], .dichte-baerte, [data-formula="dichte-baerte"], .twardy-zarost, [data-formula="twardy-zarost"], .barbas-duras, [data-formula="barbas-duras"] { background-color: #B45555; } .protettiva, [data-formula="protettiva"], .protective, [data-formula="protective"], .schuetzend, [data-formula="schuetzend"], .ochrona, [data-formula="ochrona"], .proteccion, [data-formula="proteccion"] { background-color: #4F6D87; } .pelli-secche, [data-formula="pelli-secche"], .nutriente, [data-formula="nutriente"], .dry-skins, [data-formula="dry-skins"], [data-formula="nutriente"], .pflegend, [data-formula="pflegend"], .nutricion, [data-formula="nutricion"] { background-color: #d4a821; } .azur-lime, [data-formula="azur-lime"] { background-color: #576587; } .wood-and-spice, [data-formula="wood-and-spice"] { background-color: #E2B415; } .cypress-and-vetyver, [data-formula="cypress-and-vetyver"], .cypress-vetyver, [data-formula="cypress-vetyver"] { background-color: #6f7d72; } .rinfrescante, [data-formula="rinfrescante"], .refreshing, [data-formula="refreshing"], .erfrischend, [data-formula="erfrischend"], .refrescante, [data-formula="refrescante"] { background-color: #194836; } /*#filterContent .layout-formula .nav-tabs select { display: none !important; }*/ #filterContent .layout-formula .nav-tabs .nav-link { text-transform: uppercase; color: #000; padding: 5px 5px; margin: 0px 10px; font-size: 18px; letter-spacing: 0.1em; font-family: mr-eaves-sans, sans-serif; background-color: transparent; border-color: transparent; } body[data-lang="pl"] #filterContent .layout-formula .nav-tabs .nav-link { font-family: semplicitapro, sans-serif !important; } #filterContent .layout-formula .nav-tabs .nav-link span { width: 20px; height: 20px; border-radius: 50%; display: block; margin-right: 5px; } #filterContent .layout-formula .nav-tabs .nav-link.active, #filterContent .layout-formula .nav-tabs .nav-link:hover { color: #877453 !important; } #filterContent .layout-formula .nav-tabs { border-bottom: 0px solid #fff; } #filterContent .layout-formula .tab-content .description { font-size: 20px; font-family: mr-eaves-sans, sans-serif; font-weight: 200; max-width: 50%; margin: auto; } body[data-lang="pl"] #filterContent .layout-formula .tab-content .description { font-family: semplicitapro, sans-serif !important; } .layout-formula .grid-product .box-fase { border-left: 1px solid #fff; border-right: 1px solid #fff; color: #fff; padding: 30px 20px; height: 100%; } .layout-formula .grid-product .box-fase h3.h2 { font-size: 2.5vw; } .layout-prodotto .select-group { display: none; } .layout-prodotto .select-group:after { content: ""; position: absolute; right: 20px; top: 10px; background-image: url(../images/arrow-down_wh.svg); background-position: center; background-size: 25px; width: 15px; height: 15px; background-repeat: no-repeat } .layout-prodotto .select-group .filter-select { /*border-top: 2px solid !important;*/ border-bottom: 2px solid #fff !important; color: #000 !important; text-transform: uppercase; font-family: mr-eaves-sans, sans-serif; font-weight: 300; font-size: 15px; height: 40px; } body[data-lang="pl"] .layout-prodotto .select-group .filter-select { font-family: semplicitapro, sans-serif !important; } .layout-prodotto .select-group .filter-select option { color: #000; text-transform: uppercase; font-family: mr-eaves-sans, sans-serif; font-weight: 300; font-size: 15px; } body[data-lang="pl"] .layout-prodotto .select-group .filter-select option { font-family: semplicitapro, sans-serif !important; } .grid .single-product, .grid-curabarba .colCustom { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0px 20px; width: 100%; margin-bottom: 30px; } .section-prodotti-formula .colCustomContent { -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; margin-left: 7.5555%; } .single-product .cat { display: block; min-height: 21px; color: #877453; font-weight: 600; font-size: 14px; } @media(max-width: 1200px){ .section-prodotti-formula .colCustomContent { -ms-flex: 0 0 92%; flex: 0 0 92%; max-width: 92%; margin-left: 4%; } } @media(max-width: 1100px){ .section-prodotti-formula .colCustomContent { -ms-flex: 0 0 96%; flex: 0 0 96%; max-width: 96%; margin-left: 2%; } #filterContent .layout-formula .tab-content .description { max-width: 80%; } } @media(max-width: 767px){ #filterContent .layout-formula .nav-tabs .nav-link { flex-direction: column; color: #fff; text-align: center; } #filterContent .layout-formula .nav-tabs .nav-item { width: 50%; margin: 0px 0px 15px 0px; } } @media(max-width: 567px){ #filterContent .layout-formula .tab-content .description { max-width: 92%; } } /*.section-prodotti-formula .single-product { width: 20%; }*/ .single-product .padd { /*margin-bottom: 30px;*/ width: 100%; height: 100%; } .square-img { display: inline-block; width: 100%; position: relative; } .square-img:before { content: ""; display: block; padding-top: 100%; } .grid .square-img a img, .grid-product .square-img a img, .search-results .single-product .square-img .image-product { max-height: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: auto !important; max-width: 80%; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; } .grid .square-img .abs-link, .grid-product .square-img .abs-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; /*background-color: red;*/ } .grid .square-img .abs-link:hover img, .grid-product .abs-link:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; } @media(max-width: 567px){ .square-img:before { padding-top: 60%; } } .invert-icon { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .section-prodotti-formula #pelli-sensibili > *, .section-prodotti-formula #pelli-sensibili .color-white, .section-prodotti-formula #sensitive-skins > *, .section-prodotti-formula #sensitive-skins .color-white, .section-prodotti-formula #empfindliche-haut > *, .section-prodotti-formula #empfindliche-haut .color-white , .section-prodotti-formula #skora-wrazliwa > *, .section-prodotti-formula #skora-wrazliwa .color-white, .section-prodotti-formula #pieles-sensibles > *, .section-prodotti-formula #pieles-sensibles .color-white { color: #000 !important; } .section-prodotti-formula #pelli-sensibili .box-fase, .section-prodotti-formula #sensitive-skins .box-fase, .section-prodotti-formula #empfindliche-haut .box-fase, .section-prodotti-formula #skora-wrazliwa .box-fase, .section-prodotti-formula #pieles-sensibles .box-fase { border-left: 1px solid #000; border-right: 1px solid #000; color: #000 !important; } .section-prodotti-formula #pelli-sensibili .invert-icon, .section-prodotti-formula #sensitive-skins .invert-icon , .section-prodotti-formula #empfindliche-haut .invert-icon, .section-prodotti-formula #skora-wrazliwa .invert-icon, .section-prodotti-formula #pieles-sensibles .invert-icon { -webkit-filter: brightness(0) invert(0) !important; -moz-filter: brightness(0) invert(0) !important; -ms-filter: brightness(0) invert(0) !important; filter: brightness(0) invert(0) !important; } .filters-select { color: #000; } @media(max-width: 1200px){ .grid .single-product, .grid-curabarba .colCustom { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } @media(max-width: 1024px){ .single-product .padd h3 { font-size: 26px; } .single-product .padd .cat { font-size: 12px; } } @media(max-width: 991px){ .single-product .padd h3 { font-size: 24px; } #filtro-prodotti #button-filter .nav-link { padding: 10px 20px; font-size: 16px; } .layout-prodotto .filter-button-group { display: none !important; } .layout-prodotto .select-group { display: block; margin-bottom: 20px; } #filtro-prodotti #button-filter .nav-link br { display: block; } .single-product .font22, .findSection .font22 { font-size: 18px; } #filterContent .layout-formula .tab-content .description { max-width: 90%; } .layout-formula .grid-product .box-fase h3.h2 { font-size: 32px; } .layout-formula .grid-product .box-fase h3.h2 br { display: none; } .layout-formula .grid-product .box-fase { border-top: 1px solid #fff; border-left: 0px solid; border-right: 0px solid; margin-top: 45px; } .section-prodotti-formula .single-product { margin-bottom: 30px } } @media(max-width: 680px){ .grid .single-product, .grid-curabarba .colCustom { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .findSection .font22 { font-size: 16px; } #filtro-prodotti #button-filter .nav-link { font-size: 12px; } #filtro-prodotti #button-filter .nav-link br { display: none; } } @media(max-width: 420px){ .grid .single-product, .grid-curabarba .colCustom { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #filtro-prodotti #button-filter .nav-item { width: 100%; margin-bottom: 5px; padding: 0px !important; } } /* scheda-prodotto */ .colCustomProduct { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } @media(max-width: 1200px){ .colCustomProduct { -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; } } .single-prodotti .section-head { /*display: none;*/ } .pelli-sensibili .color-white, .sensitive-skins .color-white, .skora-wrazliwa .color-white, .empfindliche-haut .color-white { color: #484848 !important; } .single-prodotti .abs-image { /* -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%);*/ margin: auto; display: block; text-align: center; height: 100%; } .single .transformProduct { position: absolute; left: 0; right: 0; margin-top: 0; } .single .image-product { display: none; } .single .image-product { /*position: absolute; left: 0; right: 0; margin: auto; top: 0%;*/ max-width: 100%; max-height: 750px; /*-webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%);*/ /*margin-top: -55%;*/ margin-left: auto; margin-right: auto; } .minHeight { /*min-height: 350px;*/ } .arrowProductPrev { position: absolute; top: 50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); left: 5%; } .arrowProductNext { position: absolute; top: 50%; transform: translate(0px, -50%); right: 5%; } .icone_formula img { width: 80px; max-width: 80px; margin-bottom: 10px; } .single-prodotti .navigation { margin-top: 70px; } .navigation .colCustom { -ms-flex: 0 0 20%; flex: 1 0 20%; max-width: 25% } .navigation .colCustom .square-img .title { /*display: none;*/ opacity: 0; font-size: 20px; text-align: center; position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translate(0px, -50%); color: #000; transition: all 300ms linear; } body[data-lang="pl"] .navigation .colCustom .square-img .title { font-size: 18px !important; } .navigation .colCustom a .square-img img { max-height: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: auto !important; max-width: 80%; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; } .navigation .colCustom a:hover .square-img .title { opacity: 1; color: #000; } .navigation .colCustom a:hover .square-img img { opacity: 0.1; } .navigation .colCustom a:hover .btn-rounded { background-color: #c8baa2 !important; color: #fff; } .single-prodotti .button-group-mb { display: none !important; } .nameColor span:before { content: "-"; padding-left: 10px; padding-right: 10px; } @media(max-width: 1200px){ .single .image-product { /*margin-top: -75%;*/ } .single-prodotti .section-head .h2 { font-size: 36px; } .navigation .colCustom { -ms-flex: 0 0 50%; flex: 1 0 50%; max-width: 33.333%; } } @media(max-width: 991px){ .single-prodotti .abs-image { height: auto; } .single .image-product { /*margin-top: -40%;*/ } .single .transformProduct { position: static; } } @media(max-width: 767px){ .single-prodotti .button-group { display: none !important; } .single-prodotti .button-group-mb { display: flex !important; } .arrowProductPrev, .arrowProductNext { top: inherit; bottom: 0; z-index: 100; } } @media(max-width: 657px){ .navigation .colCustom { -ms-flex: 0 0 50%; flex: 1 0 50%; max-width:50%; margin-bottom: 20px; } .single-prodotti .section-head .h2 { font-size: 40px; } .single .button-group-mb .btn-rounded { width: 100%; margin-bottom: 10px; font-size: 14px; } .colCustomProduct .button-group-mb .btn-rounded.moreBtn { font-size: 12px; margin: 7px; } } @media(max-width: 480px){ .navigation .colCustom { -ms-flex: 0 0 100%; flex: 1 0 100%; max-width:100%; margin-bottom: 20px; } .btn-rounded { font-size: 9px; letter-spacing: 0.1em; } .navigation .colCustom .square-img .title { font-size: 14px; } .single-prodotti .section-head .h2 { font-size: 38px; } .nameColor { display: flex; flex-direction: column; } .nameColor span:before { content: ""; padding-left: 0px; padding-right: 0px; } } /* Contatti */ /*.blockForm button { cursor: no-drop; pointer-events: none; }*/ .accordion-contact.clicked { opacity: 0.4; cursor: not-allowed; } .accordion-contact.clicked button { cursor: not-allowed; } .accordion-contact .tit { font-size: 28px; padding: 30px; font-family: mr-eaves-sans, sans-serif; font-weight: 700; text-transform: uppercase; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background-color: #144734 !important; width: 100%; color: #fff; position: relative; -webkit-transition: .3s transform ease-in-out; -moz-transition: .3s transform ease-in-out; -ms-transition: .3s transform ease-in-out; transition: .3s transform ease-in-out; } body[data-lang="pl"] .accordion-contact .tit { font-family: semplicitapro, sans-serif !important; } .section-accordion button svg { font-size: 16px; -webkit-transition: .3s transform ease-in-out; -moz-transition: .3s transform ease-in-out; -ms-transition: .3s transform ease-in-out; transition: .3s transform ease-in-out; transform: rotate(0deg); position: absolute; right: 30px; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); } .section-accordion button[aria-expanded="true"] svg { transform: rotate(45deg); } .section-accordion .tit[aria-expanded="true"] { background-color: #bb8c37 !important; } .page-template-template-contatti .circle, .page-template-template-contatti-accademia .circle { width: 50px; height: 50px; border-radius: 50%; border: 2px solid; margin: auto; } .page-template-template-contatti .circle p, .page-template-template-contatti-accademia .circle p{ margin: 0px; padding: 0px; } .accordion-form { font-size: 18px; background-color: rgba(255,255,255,9) !important; margin: 10px 0px 0px; padding: 15px 30px; width: 100%; color: #144734; font-weight: 700; text-transform: uppercase; -webkit-transition: .3s transform ease-in-out; -moz-transition: .3s transform ease-in-out; -ms-transition: .3s transform ease-in-out; transition: .3s transform ease-in-out; position: relative; } .section-accordion .accordion-form[aria-expanded="true"] { color: #bb8c37 !important; } .section-accordion input[type="text"], .section-accordion input[type="email"], .section-accordion input[type="number"], .section-accordion input[type="url"], .section-accordion input[type="tel"], .section-accordion input[type=date], .section-accordion select, .black { color: #212529!important; height: 50px; width: 100%; border: 1px solid #bdac91 !important; font-family: mr-eaves-sans, sans-serif; font-weight: 200; font-size: 18px; padding: 0px 10px; margin-bottom: 10px; } body[data-lang="pl"] .section-accordion input[type="text"], body[data-lang="pl"] .section-accordion input[type="email"], body[data-lang="pl"] .section-accordion input[type="number"], body[data-lang="pl"] .section-accordion input[type="url"], body[data-lang="pl"] .section-accordion input[type="tel"], body[data-lang="pl"] .section-accordion input[type=date], body[data-lang="pl"] .section-accordion select, body[data-lang="pl"] .black { font-family: semplicitapro, sans-serif !important; } .formAccademia input[type="text"], .formAccademia input[type="email"], .formAccademia input[type="number"], .formAccademia input[type="url"], .formAccademia input[type="tel"], .formAccademia input[type=date], .formAccademia select, .formAccademia textarea { color: #fff!important; border: 1px solid #fff !important; height: 50px; width: 100%; font-family: mr-eaves-sans, sans-serif; font-weight: 200; font-size: 18px; padding: 0px 10px; margin-bottom: 10px; } body[data-lang="pl"] .formAccademia input[type="text"], body[data-lang="pl"] .formAccademia input[type="email"], body[data-lang="pl"] .formAccademia input[type="number"], body[data-lang="pl"] .formAccademia input[type="url"], body[data-lang="pl"] .formAccademia input[type="tel"], body[data-lang="pl"] .formAccademia input[type=date], body[data-lang="pl"] .formAccademia select, body[data-lang="pl"] .formAccademia textarea { font-family: semplicitapro, sans-serif !important; } .section-accordion textarea { color: #212529!important; height: 150px; width: 100%; border: 1px solid #ccc !important; font-family: mr-eaves-sans, sans-serif; font-weight: 200; font-size: 18px; padding: 0px 10px; margin-bottom: 10px; margin-top: 10px; resize: none; } body[data-lang="pl"] .section-accordion textarea { font-family: semplicitapro, sans-serif !important; } .formAccademia textarea { color: #fff!important; height: 150px; width: 100%; border: 1px solid #fff !important; font-family: mr-eaves-sans, sans-serif; font-weight: 200; font-size: 18px; padding: 0px 10px; margin-bottom: 10px; margin-top: 10px; resize: none; } body[data-lang="pl"] .formAccademia textarea { font-family: semplicitapro, sans-serif !important; } .section-accordion form .big, .formAccademia form .big { margin-top: 40px; margin-bottom: 20px; text-transform: uppercase; font-size: 20px; text-align: center; } .section-accordion input[type="submit"], .formAccademia input[type="submit"] { float: left; border: 0px solid; padding: 6px 40px 5px; border-radius: 0px; font-size: 19px; color: #fff; background-color: #bb8c37; text-transform: uppercase; width: auto; max-width: 100%; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; font-weight: 800; } .image-corsi .background-cover-center{ min-height: 300px; } .single-corsi .formAccademia input[type="submit"] { color: #bb8c37; background-color: #fff; } .section-accordion ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #212529; opacity: 1; /* Firefox */ font-family: mr-eaves-sans, sans-serif; font-weight: 700; font-size: 16px; } body[data-lang="pl"] .section-accordion ::placeholder { font-family: semplicitapro, sans-serif !important; } .section-accordion :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #212529; opacity: 1; font-family: mr-eaves-sans, sans-serif; font-weight: 700; font-size: 16px; } body[data-lang="pl"] .section-accordion :-ms-input-placeholder { font-family: semplicitapro, sans-serif !important; } .section-accordion:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #212529; opacity: 1; font-family: mr-eaves-sans, sans-serif; font-weight: 700; font-size: 16px; } body[data-lang="pl"] .section-accordion:-ms-input-placeholder { font-family: semplicitapro, sans-serif !important; } .formAccademia ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; } .formAccademia :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .formAccademia:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .section-accordion .cont, .formAccademia .cont { display: inline-block; width: 100%; } .section-accordion .col6, .formAccademia .col6 { width: 50%; float: left; padding: 0px 10px; margin: 10px 0px; } .section-accordion .col12, .formAccademia .col12 { width: 100%; padding: 0px 10px; margin: 10px 0px; } .formAccademia .col12 p { font-family: mr-eaves-sans, sans-serif; font-weight: 200; margin-bottom: 10px; margin-top: 20px; } body[data-lang="pl"] .formAccademia .col12 p { font-family: semplicitapro, sans-serif !important; } .section-accordion .col4.radio, .formAccademia .col4.radio { padding: 0px 10px; width: 33.33%; float: left; margin: 25px 0px; } .section-accordion span.wpcf7-not-valid-tip, .formAccademia span.wpcf7-not-valid-tip { color: #fff; font-size: 10px; font-weight: 500; display: block; text-transform: uppercase; position: absolute; right: 0; /* top: 0; */ right: 5px; bottom: -10px; background-color: #560202; padding: 0px 5px; } div.wpcf7-mail-sent-ok { border: 0px; text-align: center; text-transform: uppercase; font-size: 20px; } .section-accordion div.wpcf7-validation-errors, .section-accordion div.wpcf7-acceptance-missing, .section-accordion div.wpcf7-mail-sent-ok, .formAccademia div.wpcf7-validation-errors, .formAccademia div.wpcf7-acceptance-missing, .formAccademiadiv.wpcf7-mail-sent-ok { border: 0px; text-align: center; font-size: 16px; } .card-body { background-color: rgba(255,255,255,1) !important; } .section-accordion .wpcf7-form { display: inline-block; width: 100%; } @media(max-width: 991px){ .accordion-contact .tit { font-size: 20px; padding: 25px 10px; } .accordion-form { font-size: 15px; padding: 15px 10px; } .card-body { padding: 0px; } } @media(max-width: 767px){ .formAccademia input[type="text"], .formAccademia input[type="email"], .formAccademia input[type="number"], .formAccademia input[type="url"], .formAccademia input[type="tel"], .formAccademia input[type=date], .formAccademia select, .formAccademia textarea { font-size: 14px; } .section-accordion .col4.radio, .formAccademia .col4.radio { width: 100%; margin: 15px 0px; } } @media(max-width: 567px){ .section-accordion .col6, .section-accordion .col12, .section-accordion .col4.radio { width: 100%; padding: 0px 5px; } .accordion-contact .tit { font-size: 16px; text-align: left; padding-right: 20px; } .accordion-form { font-size: 14px; padding: 15px 40px 15px 10px; text-align: left; } .section-accordion button svg { font-size: 14px; right: 10px; } } /*ricerca barberie */ .select-ricerca .btn-rounded { font-size: 14px; letter-spacing: 0.1em !important; cursor: pointer; color: #fff; } .grid-result .name_barb { color: #877453 !important; font-size: 22px; text-align: center; text-transform: capitalize; } .grid-result .category { text-transform: uppercase; text-align: center; padding-top: 15px; padding-bottom: 15px; font-size: 14px; } .grid-result .text { text-align: center; font-size: 16px; } .grid-result .padd { padding: 10px 50px; } .search .box-page { border-top: 2px solid; border-bottom: 2px solid; margin-bottom: 10px; margin-top: 10px; } .navigation.posts-navigation .screen-reader-text { display: none; } .navigation.posts-navigation { width: 100%; } .navigation.posts-navigation .nav-links { display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center!important; align-items: center!important; -ms-flex-pack: justify!important; justify-content: space-between!important; padding: 20px; background-color: #f1f1f1; margin-bottom: 20px; } @media(max-width: 991px){ .grid-result .padd { padding: 10px 10px; } .grid-result .name_barb { font-size: 18px; } } /*--------------------------------------------------------------------------------------*/ /* -------------------------------- Accademia ----------------------------------------- */ #header_accademia .claim { font-size: 13px; font-family: mr-eaves-sans, sans-serif; letter-spacing: 0.09em; padding-bottom: 20px; } #header_accademia.fixedSmall .claim, #header_accademia.fixedSmall .logo { display: none; } #header_accademia .logo-color { display: none; } #header_accademia.fixedSmall .logo-color { display: block; width: 80px; margin: 10px 0px 5px 10px; } header.fixedSmall { background-color: #c8baa2; box-shadow: 0px 5px 20px -5px rgba(31, 31, 31, 0.2); } @media(max-width: 767px){ #header_accademia .claim { font-size: 10px; padding-top: 10px; } } .page-template-accademia .homeTit { font-size: 24px; margin-bottom: 25px; } .headAccademia .line { width: 2px; height: 240px; background-color: #bb8c37; position: absolute; bottom: -120px; left: 0; right: 0; margin: auto; } .section-body.top { margin-top: 120px; } @media(max-width: 1024px){ .page-template-accademia .homeTit { font-size: 18px; } } @media(max-width: 767px){ .headAccademia h1.h2 { font-size: 22px; } .headAccademia .line { height: 150px; bottom: -75px; } .section-body.top { margin-top: 75px; } .page-template-template-mission .h4, .page-template-template-corsi .h4, .page-template-template-docenza .h4, .page-template-template-sedi .h4 { font-size: 18px; } } .banner-corsi .colCustom, .form-corsi .colCustom { width: calc(100% - 100px); margin: 50px auto; } .banner-corsi .background-image { background-size: cover; background-position: bottom center; background-repeat: no-repeat; min-height: 400px; } .section-head p, .section-head h1 { /*text-shadow: 0px 0px 6px #000;*/ } @media(max-width: 1024px) { .banner-corsi h2 { font-size: 24px; } .banner-corsi .font18 { font-size: 16px; } body[data-lang="pl"] .banner-corsi .font18 { font-size: 14px !important; } } @media(max-width: 767px){ .banner-corsi .colCustom, .form-corsi .colCustom { width: calc(100% - 50px); margin: 25px auto; } .image-corsi { height: 270px !important; } .banner-corsi .background-image { min-height: 250px; } } @media(max-width: 567px){ .banner-corsi .background-image { min-height: 200px; } .banner-corsi h2 { font-size: 20px; } } /* calendario */ .option-set-column { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 50% } .option-set { margin: 10px; position: relative; } .option-set .option-set-title { cursor: pointer; } .option-set.option-set-has-active-filter .option-set-title { background-color: #e6e6e6; } .option-set.option-set-has-active-filter .option-set-title { color: #000; } .option-set .option-set-title { text-transform: uppercase; font-weight: bold; text-align: center; padding: 8px; font-size: 14px; border: 1px solid #000; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 30px; border-top-left-radius: 30px; transition: all 100ms linear; } .option-set .option-set-title:after { content: ''; display: block; border-color: #000 transparent transparent transparent; border-width: 5px; border-style: solid; position: absolute; right: 16px; top: 16px; transition: all 100ms linear; } .option-set .option-set-title.option-set-title-open { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 30px; border-top-left-radius: 30px; border-bottom: 0px; } .option-set .option-set-title.option-set-title-open:after { border-color: transparent transparent #000 transparent; top: 10px; } .option-set .option-set-select-list { position: absolute; background: #fff; list-style: none; width: 100%; z-index: 999; text-align: center; display: none; border: 1px solid #000; border-top: 0px solid #fff; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; padding: 15px; } .option-set-select-list-header { padding: 10px 10px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 12px; margin-bottom: 15px; } .option-set-select-list-header-text { float: left; height: 40px; font-size: 12px; } .option-set .option-set-select-list li .option-set-select-list-label-reset { display: block; float: right; cursor:pointer; text-transform: uppercase; border: 2px solid #666; padding: 4px 10px; display: none; font-size: 12px; } .option-set .option-set-select-list li .option-set-select-list-label { display: block; padding: 6px 5px; cursor: pointer; font-size: 14px; text-transform: uppercase; text-align: left; } .option-set .option-set-select-list li .option-set-select-list-label:hover { background-color: #f1f1f1; } .option-set ul li .option-set-select-list-label.label_checked { background: #666; color: #fff; } .option-set ul li input[type='checkbox'] { display: none; } .option-set-select-list-element .circle { width: 15px; height: 15px; border-radius: 50%; margin-right: 5px; } #filtri_corsi--category_seminari + span .circle, .filtri_corsi--category_seminari .data-corso, .filtri_corsi--category_seminari .info .btn { background-color: #4a2a98; } .filtri_corsi--category_seminari .cat { color: #4a2a98; } #filtri_corsi--category_gestione + span .circle, .filtri_corsi--category_gestione .data-corso, .filtri_corsi--category_gestione .info .btn { background-color: #1c5f29; } .filtri_corsi--category_gestione .cat { color: #1c5f29; } #filtri_corsi--category_mestiere + span .circle, .filtri_corsi--category_mestiere .data-corso, .filtri_corsi--category_mestiere .info .btn { background-color: #d0b514; } .filtri_corsi--category_mestiere .cat { color: #d0b514; } #results_filters .filter_active { background-color: #ccc; border-radius: 30px; font-size: 12px; text-align: center; margin: 4px; text-transform: uppercase; padding: 5px 10px; cursor: pointer; } .box-corso .info .data-corso { width: 60px; height: 60px; border-radius: 50%; color: #fff; font-size: 38px; font-family: 'Caladea', serif; font-style: italic; } .box-corso .info .general { font-size: 14px; text-transform: uppercase; padding: 0px 25px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .single-corsi .box-corso .info .general { font-size: 14px; text-transform: uppercase; padding: 0px 25px; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .box-corso .btn { color: #fff; text-transform: uppercase; font-size: 14px; border-radius: 30px !important; letter-spacing: 0.1em; padding: 5px 20px; float: right; } .box-corso .cat { font-size: 16px; font-family: mr-eaves-sans, sans-serif; font-weight: 200; } .box-corso .box-butt{ } .box-corso .luogo { font-size: 14px; margin-top: 15px; padding-left: 25px; font-family: mr-eaves-sans, sans-serif; font-weight: 200; } #filtri-slider .button-mese { background-color: #ccc !important; color: #fff; border-radius: 30px; text-align: center; font-size: 20px; padding: 10px; width: 90%; font-family: 'Caladea', serif; font-style: italic; margin: auto; display: block; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right { background-image: none !important; background-image: none !important; } #filtri-slider .swiper-slide.swiper-slide-active .button-mese{ background-color: #000 !important; } #no_results_filters, #results_filters, #isotope_no_corsi { margin-left: 15px; } #filtri-slider .swiper-custom-prev, #filtri-slider .swiper-custom-next { color: #fff; width: 30px; position: absolute; top: 50%; cursor: pointer; z-index: 9999; transform: translate(0px, -50%); font-size: 20px; } #filtri-slider .swiper-custom-next{ right: 38%; } #filtri-slider .swiper-custom-prev { left: 38%; } .btn-accademia { color: #144734; border: 1px solid; padding: 6px 15px 5px; border-radius: 35px; font-size: 18px; letter-spacing: 0.1em; margin: 4px 0px; } #grid_calendario .grid-item { /*-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;*/ width: 50%; position: relative; overflow: hidden; } #grid_calendario .box-corso { margin: 1%; } #filtri_corsi--category_gestione-barberia + span .circle, .filtri_corsi--category_gestione-barberia .data-corso, .filtri_corsi--category_gestione-barberia .btn, #filtri_corsi--category_barbershop-management + span .circle, .filtri_corsi--category_barbershop-management .data-corso, .filtri_corsi--category_barbershop-management .btn { background-color: #1c5f29; } #filtri_corsi--category_mestiere-barbiere + span .circle, .filtri_corsi--category_mestiere-barbiere .data-corso, .filtri_corsi--category_mestiere-barbiere .btn, #filtri_corsi--category_profession-barber + span .circle, .filtri_corsi--category_profession-barber .data-corso, .filtri_corsi--category_profession-barber .btn { background-color: #d0b514; } #filtri-slider .swiper-button-disabled { opacity: 0; } @media(max-width: 1200px){ .box-corso .cat { font-size: 14px; } .box-corso .btn { font-size: 12px; padding: 5px 10px; } .box-corso .info .general { padding: 0px 15px; } .box-corso .luogo { padding-left: 15px; } } @media(max-width: 1100px){ #filtri-slider .button-mese { font-size: 18px; padding: 10px; width: 100%; } } @media(max-width: 1024px){ .option-set-column { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .section-last h2 { font-size: 22px; } .sectionfoot h2 br { display: none; } } @media(max-width: 991px){ .box-corso .info .data-corso { width: 50px; height: 50px; font-size: 28px; } #filtri-slider .swiper-custom-next { right: 26%; } #filtri-slider .swiper-custom-prev { left: 28%; } } @media(max-width: 767px){ #grid_calendario .grid-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } #filtri-slider .button-mese { font-size: 16px; width: 90%; } #filtri-slider .swiper-custom-next { right: 10%; } #filtri-slider .swiper-custom-prev { left: 10%; } .option-set .option-set-select-list li .option-set-select-list-label { font-size: 12px; } } @media(max-width: 480px){ .box-corso .cat { font-size: 12px; } .box-corso .btn { font-size: 10px; padding: 5px 8px; } .option-set-column { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #grid_calendario .info { flex-direction: column !important; } .box-corso .info .data-corso { margin-bottom: 25px; margin-left: 0px; } .box-corso .info .general { padding: 0px 0; } .box-corso .luogo { padding-left: 0px; } } /* singolo corso */ .head-corso h1 { font-size: 40px; font-family: mr-eaves-sans, sans-serif; font-weight: 200; padding-bottom: 40px; padding-top: 20px; } .head-corso .info-corso { text-transform: uppercase; font-family: mr-eaves-sans, sans-serif; font-weight: 200; text-align: center; letter-spacing: 0.1em; font-size: 15px; -ms-flex: 1 1 25%; flex: 1 1 25%; max-width: 100%; } .head-corso .info-corso p.cont { letter-spacing: 0em; font-weight: 600; } .description-program ul { list-style: disc; padding-left: 10px; } .description-program h4 { margin-bottom: 30px; font-size: 18px; } .materiale-corso { font-family: mr-eaves-sans, sans-serif; font-weight: 200; text-align: center; font-size: 20px; flex: 1 1 33.33%; max-width: 100%; } .materiale-corso img { width: 80px; } .single-corsi .prossimi-corsi { margin-bottom: -80px; padding-bottom: 120px; } .prossimi-corsi tbody td { font-family: mr-eaves-sans, sans-serif; font-weight: 200; padding: 12px 5px 0px 0px; } .prossimi-corsi thead td { padding-bottom: 30px; } .prossimi-corsi tbody tr { border-bottom: 1px solid #ffffff29; } .prossimi-corsi tbody tr:last-of-type { border-bottom: 0px; } .colFormCorsi { width: calc(100% - 100px); margin: auto; } .box-corso { background-color: #f1f1f1; padding: 20px; } .single-corsi .box-corso .general{ border-right: 2px solid #fff; font-size: 16px; } .single-corsi .box-corso .general:last-of-type { border-right: 0px solid #fff; } .single-corsi .box-corso .data-corso { background-color: #000; } @media(max-width: 1100px){ .head-corso .info-corso { font-size: 14px; padding: 0px 25px; } } @media(max-width: 1024px){ .box-corso .info .data-corso { width: 50px; height: 50px; font-size: 27px; } .single-corsi .box-corso .info .general { padding: 0px; } .single-corsi .box-corso .info p { font-size: 12px !important; } } @media(max-width: 768px){ .description-program h4 { margin-bottom: 20px; font-size: 18px; margin-top: 30px; } .head-corso .info-corso { -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 100%; margin-top: 10px; margin-bottom: 10px; } .single-corsi .box-corso .info .general { flex-direction: column; } .single-corsi .box-corso .info p { margin-top: 20px; text-align: center; margin-left: 0px !important; } } @media(max-width: 767px){ .prossimi-corsi .border-right { border-right: 0px !important; } .prossimi-corsi .border-right p { font-size: 20px; } .materiale-corso img { width: 50px; } .colFormCorsi { width: calc(100% - 10px); } } @media(max-width: 567px){ .head-corso .info-corso p.cont { font-size: 12px; } .head-corso h1 { font-size: 28px; padding-bottom: 10px; padding-top: 20px; } .prossimi-corsi tbody td { font-size: 12px; } } @media(max-width: 480px){ .head-corso .info-corso { -ms-flex: 1 1 100%; flex: 1 1 100%; } } #filter-loader { /* display: none; */ width: 25px; position: absolute; margin-top: 4px; } .modal-dialog { width: 700px; max-width: 96%; } .modal-dialog .modal-body div p { font-family: mr-eaves-sans, sans-serif; font-weight: 200; } body[data-lang="pl"] .modal-dialog .modal-body div p { font-family: semplicitapro, sans-serif !important; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border: 0px !important; text-align: center; } .check-info .wpcf7-list-item-label { font-size: 16px !important; margin-left: 10px; } body[data-lang="pl"] .check-info .wpcf7-list-item-label, body[data-lang="pl"] .check-info .wpcf7-list-item-label a { font-size: 12px !important; } .check-info .wpcf7-list-item-label a { font-size: 16px !important; text-decoration: underline; } .wpcf7 form.sent .wpcf7-response-output { border: 0px !important; text-align: center; font-size: 24px; } /* Zooming entrances */ @-webkit-keyframes zoomInSlide { from { -webkit-transform: scale(0.98); transform: scale(0.98); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes zoomInSlide { from { -webkit-transform: scale(0.98); transform: scale(0.98); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .zoomInSlide { transform-origin: center; /*opacity: 0;*/ -webkit-animation-name: zoomInSlide; animation-name: zoomInSlide; -webkit-animation-duration: 800ms; animation-duration: 800ms; animation-delay: 200ms; } .cf7sr-g-recaptcha { padding: 15px !important; overflow: hidden; } .lang-item-de, .lang-item-pl { display: none !important; } .lang-item-en:after { display: none !important; } .page-cookie-policy .sectionContent, .page-privacy-policy .sectionContent, .page-codice-etico .sectionContent { background-color: #fff; } /* POPUP USA */ #popup-proraso-usa { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; background: rgba(0,0,0,.3); } #popup-proraso-usa .pp-usa-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 20px 20px 40px; width: 800px; max-width: 90%; box-shadow: 0px 0px 10px 7px #000; } #popup-proraso-usa .pp-usa-logo { width: 85px; } #popup-proraso-usa .pp-usa-content p { font-size: 2em; } #popup-proraso-usa .btn-rounded { padding: 6px 25px 5px; font-weight: bold; border: 2px solid; } #popup-proraso-usa .pp-usa-close { position: absolute; right: 25px; top: 20px; cursor: pointer; } @media(max-width:480px){ #popup-proraso-usa .pp-usa-content { padding: 20px; } #popup-proraso-usa .pp-usa-logo { width: 65px; } #popup-proraso-usa .pp-usa-content p { font-size: 1.1em; } } #iubenda-cs-banner .iubenda-banner-content a { font-size: 14px !important; } .general-content { padding-top: 50px; padding-bottom: 50px; } .general-content p, .general-content a { font-size: 14px; margin-top: 10px; margin-bottom: 10px; } .general-content li { font-size: 14px; margin-top: 10px; margin-bottom: 10px; } .general-content ul { font-size: 14px; padding-left: 15px; margin-top: 10px; margin-bottom: 10px; list-style: disc; } .general-content h2 { font-size: 22px; font-weight: bold; line-height: 21px; padding-top: 20px; } .general-content h3 { font-size: 18px; line-height: 19px; font-weight: bold; padding-top: 20px; } .general-content h4 { font-size: 16px; line-height: 19px; font-weight: bold; padding-top: 20px; } .general-content .has-medium-font-size a { font-size: inherit !important; text-decoration: underline; } .grecaptcha-badge { display: none !important; } .swiper--video .box-content-mobile { position: absolute !important; } .swiper--video video { width: 100% !important; height: 100% !important; object-fit: cover; } .swiper--video video.mb { display: none !important; } @media(max-width:767px){ .swiper--video video.dk { display: none !important; } .swiper--video video.mb { display: block !important; } } video::-webkit-media-controls { display: none; } /* Could Use thise as well for Individual Controls */ video::-webkit-media-controls-play-button {display: none;} video::-webkit-media-controls-volume-slider {display: none;} video::-webkit-media-controls-mute-button {display: none;} video::-webkit-media-controls-timeline {display: none;} video::-webkit-media-controls-current-time-display {display: none;} video::-webkit-media-controls-start-playback-button { display: none; } video::-webkit-media-controls-panel { display: none !important; opacity: 1 !important; } .iubenda-modal-navigation h1 { font-weight: 700!important; font-size: 28px!important; margin-bottom: 8px!important; line-height: 28px !important; } .bar_storelocator { position: fixed; width: 100%; left: 0px; color: #fff; text-align: center; background-color: #144734; z-index: 9999999; padding: 8px; } .bar_storelocator p { font-size: 13px; } .bar_storelocator a { font-size: 13px; text-decoration: underline; } @media(max-width:767px){ .bar_storelocator { display: none; } } #lang_choice_1 option[value="fr"] { display: none; } .page-id-15373 #lang_choice_1 option[value="fr"], .page-id-15493 #lang_choice_1 option[value="fr"], .page-id-16333 #lang_choice_1 option[value="fr"]{ display: block !important; } .single-prodotti .justify-content-evenly { justify-content: space-evenly !important; } /* new home slider*/ .sectionHome .background-cover-center:before { background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); content: ""; width: 100%; height: 50%; position: absolute; bottom: 0; } .sectionHome .box_title { position: absolute; text-shadow: 0px 0px 10px #000; display: flex; z-index: 400; bottom: 100px; left: 60px; max-width: 45%; padding-right: 30px; padding-bottom: 0; } .sectionHome .box_content { background-color: #c8baa2; position: absolute; width: 430px; max-width: 45%; padding: 30px 40px; text-align: center; font-family: meno-banner, serif; bottom: 0; right: 60px; } .sectionHome .box_content p { font-size: 18px; font-family: meno-banner, serif; z-index: 500; position: relative; } .sectionHome .icon_slider { width: 50px; display: none; } .sectionHome .icon_slider_dk { width: 60px; } .sectionHome a.button { color: #000; text-transform: uppercase; font-weight: 600; letter-spacing: 0.06em; margin-top: 30px; /* text-shadow: 0px 0px 10px #000; */ font-size: 14px; font-weight: bold; font-family: mr-eaves-sans, sans-serif; z-index: 500; position: relative; } .sectionHome .tit { font-size: 46px; text-shadow: 0px 0px 10px #000; line-height: 48px; font-family: meno-banner, serif; } .sectionHome .navigation img { filter: brightness(15); } .sectionHome .background_mb { display: none; } .sectionHome .background_dk, .sectionHome .background_mb { background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } .sectionHome .scroll { /* width: 60px; */ /* height: 60px; */ position: absolute; bottom: 40px; left: 60px; right: auto; margin: auto; z-index: 500; cursor: pointer; } a.ancora { height: 0px; background: transparent; display: block; opacity: 0; } .sectionHome .scroll a { border: 1px solid #fff; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 12px; margin: auto; } .sectionHome .scroll a img { transform: rotate(-90deg); filter: brightness(15); width: 30px; } .background-cover-center.top { background-position: top center; } .sectionHome .abs_letter { bottom: -40px; top: auto; right: 230px; left: auto; font-size: 10vw; z-index: 100; } @media(max-width:1100px){ .sectionHome .tit { font-size: 40px; line-height: 40px; } } @media(max-width:1026px){ .sectionHome .box_title { left: 30px; } .sectionHome .scroll { bottom: 35px; left: 30px; } .sectionHome .box_content { right: 30px; } .sectionHome .box_content p { font-size: 16px; } .background-cover-center.top { background-position: 63% top; } } @media(max-width:767px){ .fullHeight.sectionHome { height: auto; } .sectionHome .icon_slider_dk { display: none; } .sectionHome .background_mb { display: block; height: 100vh; } .sectionHome .background_dk { display: none; } .sectionHome .box_title { display: flex; /* bottom: 0; */ left: 0; max-width: 100%; padding-right: 0; padding-bottom: 0; right: 0; text-align: center; top: 0; /* margin: auto; */ align-items: center; justify-content: center; flex-direction: column; height: 100vh; padding: 0px 30px; } .sectionHome .icon_slider { display: block; width: 70px; padding-bottom: 10px; } .sectionHome .box_content { width: 100%; max-width: 100%; padding: 50px 30px; position: relative; right: 0; } .sectionHome .scroll { /* width: 60px; */ /* height: 60px; */ position: absolute; bottom: auto; left: 0; right: auto; margin: auto; z-index: 500; cursor: pointer; transform: translate(0px, -60px); right: 0; margin: auto; text-align: center; } .sectionHome .abs_letter { bottom: -10px; top: auto; right: 0; left: auto; font-size: 40vw; z-index: 100; left: 0; } background-cover-center.top { background-position: 60% 30px; } } @media(max-width:576px){ .sectionHome .tit { font-size: 36px; line-height: 36px; } } /* faq */ .sectionFaq .accordion { margin-bottom: 40px; } .sectionFaq .accordion h2 { margin-bottom: 10px; font-size: 32px; font-family: mr-eaves-sans, sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; } .sectionFaq .accordion .card-header { /* background-color: transparent; */ background-color: #fff !important; padding: 0px; border-bottom: 0px; } .sectionFaq .accordion .card-body { border-bottom: 2px solid #144734 !important; font-size: 20px; padding: 0px 20px 20px; /* background-color: rgba(255,255,255,0.1); */ } .singleFaq .accordion .card-body { border-bottom: 2px solid #bdac91 !important; } .sectionFaq .accordion .card { background-color: transparent; border: 0px; } .sectionFaq .accordion .card-header button { padding: 20px; font-size: 24px; color: #bb8c37; width: 100%; font-weight: 700; /* background-color: red !important; */ text-align: left; border-top: 2px solid #144734 !important; } .singleFaq.sectionFaq .accordion .card-header button { color: #bdac91 !important; border-top: 2px solid #bdac91 !important; } .singleFaq.sectionFaq { border-top: 5px solid #ffffff5c; } .sectionFaq .accordion .card:first-of-type button { border-top: 0px !important; } /* .sectionFaq .accordion .card-header button[aria-expanded="true"] { background-color: #bb8c37 !important; } */ .borderCustom-dx { border-top: 30px solid #c8baa2; border-right: 30px solid #c8baa2; border-bottom: 30px solid #c8baa2; border-left: 15px solid #c8baa2; } .borderCustom-sx { border-top: 30px solid #c8baa2; border-right: 15px solid #c8baa2; border-bottom: 30px solid #c8baa2; border-left: 30px solid #c8baa2; } .page-template-template-faq .colCustom a:hover { text-decoration: underline !important; } @media(max-width:767px){ .sectionFaq .accordion .card-header button { font-size: 18px; } .borderCustom-sx, .borderCustom-dx { border: 0px !important } } #searchIcon{ width: 44px; text-align: center; height: 44px; position: relative; padding-top: 10px; } .btnOpenOverlay{ width: 44px; text-align: center; height: 44px; vertical-align: middle; position: relative; padding-top: 3px; } .colFoot>h3.uppercase>a{ height: 44px; padding-top: 10px; } .colFoot>ul>li>a{ height: 44px; padding-top: 10px; } footer .social a { height: 44px; padding-top: 2px; width: 44px; text-align: center; margin: 2px; } footer .iubenda-cs-preferences-link{ height: 44px; padding-top: 10px; } footer .small { font-size: 0.7em !important; } footer p{ font-size: 1em; } footer .colFoot h3 { margin-bottom: 0px; } .paragraph-heading{ font-size:28px!important; margin-bottom:20px!important; } @media screen and (max-width: 767px) { .paragraph-heading{ font-size:24px!important; margin-bottom:20px!important; font-weight: normal!important; } } /* Amazon Button Styles */ .amazon-text { text-align: center; } .amazon-text p { font-size: 11px; color: #144734; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px; } .btn-amazon { display: inline-block; background-color: #144734; color: white; padding: 8px 20px; border-radius: 25px; text-decoration: none; transition: all 0.3s ease; border: 1px solid #144734; } .btn-amazon:hover { background-color: #c8baa2; border-color: #c8baa2; text-decoration: none; } .btn-amazon img { display: inline-block; vertical-align: middle; } /* Prefooter Section Styles */ .prefooter-section { background-color: #f5f5f5; border-top: 1px solid #e0e0e0; } .prefooter-content h3 { color: #144734; font-family: 'Caladea', serif; font-weight: 700; } .prefooter-content p { color: #666; font-size: 16px; } .prefooter-section .btn-rounded { background-color: #144734; color: white; padding: 10px 30px; font-size: 12px; } .prefooter-section .btn-rounded:hover { background-color: #c8baa2; border-color: #c8baa2; } @media screen and (max-width: 767px) { .amazon-text p { font-size: 9px; } .btn-amazon { padding: 6px 15px; } .btn-amazon img { height: 16px !important; } .prefooter-content h3 { font-size: 20px; } .prefooter-content p { font-size: 14px; } }