#header .header__navbutton { border-left: 1px solid hsla(0, 0%, 100%, 0.22); border-right: 1px solid hsla(0, 0%, 100%, 0.22); text-align: center; } @media (min-width: 992px) { #header .header__navbutton { border-left: 0 none transparent; } } #header .header__navbutton a { width: 66px; height: 66px; display: inline-block; position: relative; } #header .header__navbutton a:after, #header .header__navbutton a:before, #header .header__navbutton a div { display: block; content: ""; background: #000; width: 18px; height: 2px; position: absolute; left: 24px; top: 32px; -ms-transform-origin: 0 0; transform-origin: 0 0; } @media (min-width: 992px) { #header .header__navbutton a:after, #header .header__navbutton a:before, #header .header__navbutton a div { background: #fff; } } #header .header__navbutton a:before { -ms-transform: translateY(-5px); transform: translateY(-5px); } #header .header__navbutton a:after { -ms-transform: translateY(5px); transform: translateY(5px); } #header .header__navbutton a:hover:before { animation: a 0.5s 1 alternate cubic-bezier(0.19, 1, 0.22, 1) forwards 0s; } #header .header__navbutton a:hover div { animation: b 0.5s 1 alternate cubic-bezier(0.19, 1, 0.22, 1) forwards 0.1s; } #header .header__navbutton a:hover:after { animation: c 0.5s 1 alternate cubic-bezier(0.19, 1, 0.22, 1) forwards 0.2s; } .burgerOpen #header .header__navbutton a:before, .burgerOpen #header .header__navbutton a:hover:before { animation: d 0.5s 1 alternate cubic-bezier(0.19, 1, 0.22, 1) forwards 0s; } .burgerOpen #header .header__navbutton a:hover div, .burgerOpen #header .header__navbutton a div { animation: e 0.5s 1 alternate cubic-bezier(0.19, 1, 0.22, 1) forwards 0.1s; } .burgerOpen #header .header__navbutton a:after, .burgerOpen #header .header__navbutton a:hover:after { animation: f 0.5s 1 alternate cubic-bezier(0.19, 1, 0.22, 1) forwards 0.2s; } .brandHeader #header .header__navbutton, .burgerOpen #header .header__navbutton, .langSelectorOpen #header .header__navbutton, .menuAction #header .header__navbutton, .nonzeroscroll #header .header__navbutton, .opacityfill #header .header__navbutton, .openSearch #header .header__navbutton { border-left: 1px solid hsla(0, 0%, 72%, 0.5); } .brandHeader #header .header__navbutton a:after, .brandHeader #header .header__navbutton a:before, .brandHeader #header .header__navbutton a div, .burgerOpen #header .header__navbutton a:after, .burgerOpen #header .header__navbutton a:before, .burgerOpen #header .header__navbutton a div, .langSelectorOpen #header .header__navbutton a:after, .langSelectorOpen #header .header__navbutton a:before, .langSelectorOpen #header .header__navbutton a div, .menuAction #header .header__navbutton a:after, .menuAction #header .header__navbutton a:before, .menuAction #header .header__navbutton a div, .nonzeroscroll #header .header__navbutton a:after, .nonzeroscroll #header .header__navbutton a:before, .nonzeroscroll #header .header__navbutton a div, .opacityfill #header .header__navbutton a:after, .opacityfill #header .header__navbutton a:before, .opacityfill #header .header__navbutton a div, .openSearch #header .header__navbutton a:after, .openSearch #header .header__navbutton a:before, .openSearch #header .header__navbutton a div { background: #000; } @media (min-width: 992px) { .brandHeader #header .header__navbutton, .burgerOpen #header .header__navbutton, .langSelectorOpen #header .header__navbutton, .menuAction #header .header__navbutton, .nonzeroscroll #header .header__navbutton, .opacityfill #header .header__navbutton, .openSearch #header .header__navbutton { border-left: 0 none transparent; border-right: 1px solid hsla(0, 0%, 72%, 0.5); } } @media (min-device-width: 0px) and (max-device-width: 991px) { #header .header__navbutton { border-left: 1px solid hsla(0, 0%, 72%, 0.5); } } @media (min-width: 0px) and (max-width: 991px) { #header .header__navbutton { border-left: 1px solid hsla(0, 0%, 72%, 0.5); } } @keyframes a { 0% { transform: scaleX(1) translateY(-5px); transform-origin: 0 0; } 50% { transform: scaleX(0) translateY(-5px); transform-origin: 0 0; } 51% { display: none; transform: scaleX(0) translateY(-5px); transform-origin: 0 0; } 52% { display: none; transform: scaleX(0) translateY(-5px); transform-origin: 100% 0; } 53% { transform: scaleX(0) translateY(-5px); transform-origin: 100% 0; } to { transform: scaleX(1) translateY(-5px); transform-origin: 100% 0; } } @keyframes b { 0% { transform: scaleX(1) translateY(0); transform-origin: 0 0; } 50% { transform: scaleX(0) translateY(0); transform-origin: 0 0; } 51% { display: none; transform: scaleX(0) translateY(0); transform-origin: 0 0; } 52% { display: none; transform: scaleX(0) translateY(0); transform-origin: 100% 0; } 53% { transform: scaleX(0) translateY(0); transform-origin: 100% 0; } to { transform: scaleX(1) translateY(0); transform-origin: 100% 0; } } @keyframes c { 0% { transform: scaleX(1) translateY(5px); transform-origin: 0 0; } 50% { transform: scaleX(0) translateY(5px); transform-origin: 0 0; } 51% { display: none; transform: scaleX(0) translateY(5px); transform-origin: 0 0; } 52% { display: none; transform: scaleX(0) translateY(5px); transform-origin: 100% 0; } 53% { transform: scaleX(0) translateY(5px); transform-origin: 100% 0; } to { transform: scaleX(1) translateY(5px); transform-origin: 100% 0; } } @keyframes d { 0% { opacity: 1; } 25% { opacity: 0; } 26% { opacity: 0; transform: scaleX(0) translateY(0) rotate(45deg); transform-origin: 50% 50%; } 27% { opacity: 1; transform: scaleX(0) translateY(0) rotate(45deg); transform-origin: 50% 50%; } to { opacity: 1; transform: scaleX(1) translateY(0) rotate(45deg); transform-origin: 50% 50%; } } @keyframes e { 0% { opacity: 1; } 25% { opacity: 0; } to { opacity: 0; } } @keyframes f { 0% { opacity: 1; } 25% { opacity: 0; } 26% { opacity: 0; transform: scaleX(0) translateY(0) rotate(-45deg); transform-origin: 50% 50%; } 27% { opacity: 1; transform: scaleX(0) translateY(0) rotate(-45deg); transform-origin: 50% 50%; } to { opacity: 1; transform: scaleX(1) translateY(0) rotate(-45deg); transform-origin: 50% 50%; } } #header .header__right [data-comp="header__search"].header__search { float: right; border-left: 1px solid hsla(0, 0%, 100%, 0.22); min-width: 66px; width: 20%; } #header .header__right [data-comp="header__search"].header__search .icon-ico-search:before { content: "\E913"; } .brandHeader #header .header__right [data-comp="header__search"].header__search, .burgerOpen #header .header__right [data-comp="header__search"].header__search, .langSelectorOpen #header .header__right [data-comp="header__search"].header__search, .menuAction #header .header__right [data-comp="header__search"].header__search, .nonzeroscroll #header .header__right [data-comp="header__search"].header__search, .opacityfill #header .header__right [data-comp="header__search"].header__search { border-left: 1px solid hsla(0, 0%, 72%, 0.5); } .brandHeader #header .header__right [data-comp="header__search"].header__search .search__icon, .burgerOpen #header .header__right [data-comp="header__search"].header__search .search__icon, .langSelectorOpen #header .header__right [data-comp="header__search"].header__search .search__icon, .menuAction #header .header__right [data-comp="header__search"].header__search .search__icon, .nonzeroscroll #header .header__right [data-comp="header__search"].header__search .search__icon, .opacityfill #header .header__right [data-comp="header__search"].header__search .search__icon { color: #000; } @media (min-device-width: 0px) and (max-device-width: 991px) { #header .header__right [data-comp="header__search"].header__search { border-left: 1px solid hsla(0, 0%, 72%, 0.5); } #header .header__right [data-comp="header__search"].header__search .search__icon { color: #000 !important; } } @media (min-width: 0px) and (max-width: 991px) { #header .header__right [data-comp="header__search"].header__search { border-left: 1px solid hsla(0, 0%, 72%, 0.5); } #header .header__right [data-comp="header__search"].header__search .search__icon { color: #000 !important; } } #header .header__right [data-comp="header__search"].header__search .search { position: relative; height: 100%; } #header .header__right [data-comp="header__search"].header__search .search__icon { font-size: 20px; text-align: center; padding: 20px; width: 100%; height: 100%; display: block; position: relative; z-index: 1; text-decoration: none; color: #fff; transition: color 0.4s ease-out; } #header .header__right [data-comp="header__search"].header__search .search__icon span { position: relative; } #header .header__right [data-comp="header__search"].header__search .search__icon:hover { cursor: hand; cursor: pointer; color: rgba(0, 0, 0, 0.4); } #header .header__right [data-comp="header__search"].header__search .search__form { display: block; overflow: hidden; position: absolute; right: 100%; top: 0; z-index: 100; width: 0; height: 66px; height: calc($menu-height - 1px); } #header .header__right [data-comp="header__search"].header__search .search__form .search__input { padding: 10px; -ms-transform: translateX(100%); transform: translateX(100%); } #header .header__right [data-comp="header__search"].header__search .search__form input { width: 60%; height: 46px; float: right; border: 0 none transparent; background-color: transparent; text-align: right; padding-right: 10px; } #header .header__right [data-comp="header__search"].header__search .search__form .search__suggestion, #header .header__right [data-comp="header__search"].header__search .search__form button, #header .header__right [data-comp="header__search"].header__search .search__form label { display: none; } #header .header__right [data-comp="header__search"].header__search .search__form button:focus, #header .header__right [data-comp="header__search"].header__search .search__form input:focus, #header .header__right [data-comp="header__search"].header__search .search__form select:focus, #header .header__right [data-comp="header__search"].header__search .search__form textarea:focus { outline: none; } .openSearch #header .header__right [data-comp="header__search"].header__search .search__icon { display: inline-block; } @media (min-width: 992px) { #header .header__right [data-comp="header__search"].header__search { background: transparent; float: right; min-width: 66px; width: 9%; position: absolute; overflow-x: hidden; right: 0; top: 0; z-index: 10; } #header .header__right [data-comp="header__search"].header__search .search__icon { position: absolute; top: 0; right: 0; height: 100%; background: transparent; z-index: 2; } #header .header__right [data-comp="header__search"].header__search:after { content: ""; display: block; background: #f5f5f5; position: absolute; right: 0; top: 0; height: 100%; width: 100%; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #header .header__right [data-comp="header__search"].header__search .search__form { display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; } #header .header__right [data-comp="header__search"].header__search .search__form .search__form_wrapper { width: 100%; height: 100%; -ms-transform: translateX(0); transform: translateX(0); } #header .header__right [data-comp="header__search"].header__search .search__form .search__form_wrapper .search__input, #header .header__right [data-comp="header__search"].header__search .search__form .search__form_wrapper form, #header .header__right [data-comp="header__search"].header__search .search__form .search__form_wrapper input { width: 100%; height: 100%; -ms-transform: translateX(0); transform: translateX(0); text-align: left; padding-right: 0; padding-left: 10px; color: #000; } #header .header__right [data-comp="header__search"].header__search .search__form .search__form_wrapper .search__input { opacity: 0; } #header .header__right [data-comp="header__search"].header__search .search__form .search__form_wrapper input:-moz-placeholder, #header .header__right [data-comp="header__search"].header__search .search__form .search__form_wrapper input::-moz-placeholder, #header .header__right [data-comp="header__search"].header__search .search__form .search__form_wrapper input::-ms-input-placeholder, #header .header__right [data-comp="header__search"].header__search .search__form .search__form_wrapper input::-webkit-input-placeholder { color: #000; } #header .header__right [data-comp="header__search"].header__search .search__form .search__form_close, #header .header__right [data-comp="header__search"].header__search .search__form .search__form_foot, #header .header__right [data-comp="header__search"].header__search .search__form .search__head, #header .header__right [data-comp="header__search"].header__search .search__form .search__input button, #header .header__right [data-comp="header__search"].header__search .search__form .search__input label, #header .header__right [data-comp="header__search"].header__search .search__form .search__suggestion { display: none; } #header .header__right .header__menu.service { position: relative; } .openSearch #header .header__right [data-comp="header__search"].header__search:after, .openSearch #header .header__right [data-comp="header__search"].header__search input { opacity: 1; } } #mobileSearch { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; padding: 4%; background-color: hsla(0, 0%, 100%, 0.9); background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), #000 50%, rgba(0, 0, 0, 0.5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#00000000",GradientType=0); } #mobileSearch .close { width: 40px; height: 40px; position: absolute; top: 100px; left: 50%; margin-left: -25px; } #mobileSearch .close:after, #mobileSearch .close:before { content: ""; display: block; width: 100%; height: 2px; position: absolute; top: 18px; left: 0; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); } #mobileSearch .close:before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #mobileSearch .search__icon, #mobileSearch .search__suggestion { display: none; } #mobileSearch .search { width: 100%; height: 100%; display: table; position: relative; } #mobileSearch .search .search__form { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } #mobileSearch .search .search__form label { display: none; } #mobileSearch .search .search__form button, #mobileSearch .search .search__form input { width: 100%; padding-top: 20px; padding-bottom: 20px; text-align: center; background-color: #f5f5f5; border: 0 none; } #mobileSearch .search .search__form button { margin-top: 4%; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; text-transform: uppercase; background-color: #1b1b1b; color: #d9d9d9; } .header__right .mobileHeaderLinks { height: 66px; float: right; } .header__right .mobileHeaderLinks a { display: block; width: 65px; height: 66px; float: left; border-left: 1px solid hsla(0, 0%, 72%, 0.5); } .header__right .mobileHeaderLinks a span { display: block; width: 65px; height: auto; text-align: center; padding-top: 24px; } @media (max-width: 374px) { .header__right .header__search { display: none !important; } } #header .header__wrapper .dropdown_wrapper { width: 100%; float: left; position: fixed; top: 66px; background: #fff; right: 0; overflow: hidden; height: auto; opacity: 0; display: none; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper { width: 75%; } } @media (min-width: 1200px) { #header .header__wrapper .dropdown_wrapper { width: 75%; } } @media (min-width: 1440px) { #header .header__wrapper .dropdown_wrapper { width: 75%; } } #header .header__wrapper .dropdown_wrapper .burger_menu { overflow-y: auto; padding: 0; padding: 100px 0; float: left; width: 100%; height: auto; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu { padding-top: 66px; padding-bottom: 100px; } } #header .header__wrapper .dropdown_wrapper .burger_menu > ul { float: left; width: 100%; height: auto; } #header .header__wrapper .dropdown_wrapper .burger_menu > ul .standard-menu ul { display: none; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu > ul .standard-menu ul { display: block; } } #header .header__wrapper .dropdown_wrapper .burger_menu ul, #header .header__wrapper .dropdown_wrapper .burger_menu ul li { padding: 0; margin: 0; list-style: none; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; } #header .header__wrapper .dropdown_wrapper .burger_menu > ul > li { float: left; width: 100%; border-right: 1px solid hsla(0, 0%, 72%, 0.5); padding-left: 0; padding-right: 0; margin-top: 10px; margin-bottom: 10px; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu > ul > li { width: 50%; margin-top: 0; margin-bottom: 0; } } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu > ul > li ul li { margin-bottom: 10px; } } #header .header__wrapper .dropdown_wrapper .burger_menu > ul > li > a { font-size: 14px; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; text-decoration: none; margin-bottom: 0; padding: 10px 0; width: 100%; display: inline-block; border-bottom: 1px solid hsla(0, 0%, 72%, 0.5); cursor: default; pointer-events: none; padding-top: 10px; padding-bottom: 25px; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu > ul > li > a { margin-bottom: 10px; padding: 0; width: auto; border-bottom: 0 none transparent; padding-top: 0; padding-bottom: 0; } } #header .header__wrapper .dropdown_wrapper .burger_menu > ul > li:last-child { border-right: 0 none transparent; } #header .header__wrapper .dropdown_wrapper .burger_menu a { color: #8d8d8d; text-decoration: none; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu { padding: 66px; padding: 33px !important; } } @media (min-width: 1200px) { #header .header__wrapper .dropdown_wrapper .burger_menu { padding: 66px; padding: 33px !important; } } #header .header__wrapper .dropdown_wrapper .burger_menu #dropdown_wrapper-left { width: 40%; border: 0; } #header .header__wrapper .dropdown_wrapper .burger_menu #dropdown_wrapper-left .menu-item a { text-transform: uppercase; letter-spacing: 0; font-weight: 700; font-family: Open Sans, sans-serif; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; width: 100%; } #header .header__wrapper .dropdown_wrapper .burger_menu #dropdown_wrapper-left .menu-item ul { display: none !important; } #header .header__wrapper .dropdown_wrapper .burger_menu #dropdown_wrapper-rigth { width: 60%; border: 0; } #header .header__wrapper .dropdown_wrapper .burger_menu #dropdown_wrapper-rigth > ul { -moz-column-count: 2; column-count: 2; padding-bottom: 20px; padding-bottom: 0; } #header .header__wrapper .dropdown_wrapper .burger_menu #dropdown_wrapper-rigth > ul li { page-break-inside: avoid; break-inside: avoid-column; } #header .header__wrapper .dropdown_wrapper .burger_menu li.standard-menu > a { pointer-events: auto; } #header .header__wrapper .dropdown_wrapper .burger_menu li.standard-menu > a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91B" !important; display: inline-block; float: right; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 12px; top: 8px; position: relative; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu li.standard-menu > a:after { display: none; top: 10px; } } #header .header__wrapper .dropdown_wrapper .burger_menu li.standard-menu.opened > a:after { -ms-transform: rotate(0deg); transform: rotate(0deg); } #header .header__wrapper .dropdown_wrapper .burger_menu li.standard-menu > ul > li { margin: 20px 0; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu li.standard-menu > ul > li { margin: 0; margin-bottom: 10px; } } #header .header__wrapper .dropdown_wrapper .burger_menu li.standard-menu > ul a { position: relative; display: inline-block; width: auto; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); } html.no-touch #header .header__wrapper .dropdown_wrapper .burger_menu li.standard-menu > ul a:hover { text-decoration: none !important; color: #000 !important; } #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu { margin-top: 0; margin-bottom: 0; } #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu li { margin-top: 10px; margin-bottom: 10px; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu li { margin-top: 0; margin-bottom: 0; text-align: left; width: 75%; } } #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu > ul a { font-size: 14px; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; text-decoration: none; margin-bottom: 0; padding: 10px 0; width: 100%; display: inline-block; border-bottom: 1px solid hsla(0, 0%, 72%, 0.5); padding-top: 10px; padding-bottom: 25px; opacity: 0.4; } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu > ul a { margin-bottom: 10px; padding: 0; width: auto; border-bottom: 0 none transparent; padding-top: 0; padding-bottom: 0; } } #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu > ul a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E919" !important; font-size: 10px; display: none; margin-left: 20px; position: relative; color: #000; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); right: 0; bottom: auto; top: 10px; float: right; -ms-transform: translateX(-4px); transform: translateX(-4px); } @media (min-width: 992px) { #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu > ul a:after { float: right; right: auto; left: 0; top: auto; bottom: -6px; display: inline-block; } } #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu > ul a.current, #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu > ul a:hover { opacity: 1; } #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu > ul a:hover:before { -ms-transform: translateX(0); transform: translateX(0); } #header .header__wrapper .dropdown_wrapper .burger_menu li.direct-menu > a { display: none !important; } .nav_extra > li.dropdown a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E937" !important; margin-left: 0; top: 2px; position: relative; font-size: 16px; color: hsla(0, 0%, 100%, 0.4); transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .nav_extra > li.dropdown a.open:after, .nav_extra > li.dropdown a:hover:after { opacity: 0.5; } .brandHeader .nav_extra > li.dropdown a:after, .burgerOpen .nav_extra > li.dropdown a:after, .langSelectorOpen .nav_extra > li.dropdown a:after, .menuAction .nav_extra > li.dropdown a:after, .nonzeroscroll .nav_extra > li.dropdown a:after, .opacityfill .nav_extra > li.dropdown a:after, .openSearch .nav_extra > li.dropdown a:after { color: #000; } .burgerOpen, .burgerOpen body { overflow: hidden !important; } #header { -ms-transform: translateY(0); transform: translateY(0); position: fixed; left: 0; top: 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); z-index: 999; } #header, #header .header__wrapper, #header header { width: 100%; height: 66px; } #header .header__wrapper { border-bottom: 1px solid hsla(0, 0%, 100%, 0.22); background-color: #fff; transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (min-width: 992px) { #header .header__wrapper { background-color: transparent; } } #header .header__wrapper > * { float: left; height: 66px; } #header .header__wrapper .header__left > *, #header .header__wrapper .header__right > * { float: left; height: 66px; min-width: 66px; } #header .header__wrapper .header__left, #header .header__wrapper .header__right { text-align: left; } @media (min-width: 992px) { #header .header__wrapper .header__left, #header .header__wrapper .header__right { width: 35%; -webkit-width: calc(50% - 75px); -moz-width: calc(50% - 75px); -o-width: calc(50% - 75px); -ms-width: calc(50% - 75px); width: calc(50% - 75px); } } #header .header__wrapper .header__left { float: right; min-width: 66px; width: auto; } @media (min-width: 992px) { #header .header__wrapper .header__left { float: left; width: 35%; -webkit-width: calc(50% - 75px); -moz-width: calc(50% - 75px); -o-width: calc(50% - 75px); -ms-width: calc(50% - 75px); width: calc(50% - 75px); } } #header .header__wrapper .header__left .header__navbutton { min-width: 66px; width: 20%; } #header .header__wrapper .header__left .header__menu { width: 80%; } #header .header__wrapper .header__right { float: right; } #header .header__wrapper .header__logo { float: left; width: 150px; } #header .header__logo a { font-size: 25px; text-decoration: none; display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #header .header__logo a > span { display: block; position: absolute; top: 50%; left: 50%; margin-left: -45px; margin-top: -12.5px; } #header .header__logo a > span.icon-logo { opacity: 1; } @media (min-width: 992px) { #header .header__logo a > span.icon-logo { opacity: 0; } } .brandHeader #header .header__wrapper, .burgerOpen #header .header__wrapper, .langSelectorOpen #header .header__wrapper, .menuAction #header .header__wrapper, .nonzeroscroll #header .header__wrapper, .opacityfill #header .header__wrapper, .openSearch #header .header__wrapper { background-color: #fff; border-bottom: 1px solid hsla(0, 0%, 72%, 0.5); } .brandHeader #header .header__wrapper .header__logo a > span.icon-logo, .burgerOpen #header .header__wrapper .header__logo a > span.icon-logo, .langSelectorOpen #header .header__wrapper .header__logo a > span.icon-logo, .menuAction #header .header__wrapper .header__logo a > span.icon-logo, .nonzeroscroll #header .header__wrapper .header__logo a > span.icon-logo, .opacityfill #header .header__wrapper .header__logo a > span.icon-logo, .openSearch #header .header__wrapper .header__logo a > span.icon-logo { opacity: 1; } @media (min-device-width: 0px) and (max-device-width: 767px) { #header .header__logo a > span.icon-logo { opacity: 1; } } @media (min-width: 0px) and (max-width: 767px) { #header .header__logo a > span.icon-logo { opacity: 1; } } #header .header__menu > ul { width: 100%; } #header .header__menu > ul, #header .header__menu > ul li, #header .header__menu > ul ul { padding: 0; list-style: none; } #header .header__menu > ul > li { border-right: 1px solid hsla(0, 0%, 100%, 0.22); width: auto; height: 66px; float: left; display: block; position: relative; } #header .header__menu > ul > li a { padding: 20px; width: 100%; height: 100%; display: block; position: relative; z-index: 1; text-decoration: none; color: #fff; } #header .header__menu > ul > li:before { content: ""; background: #f3f3f3; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #header .header__menu > ul > li.current:before, #header .header__menu > ul > li:hover:before { opacity: 1; } #header .header__menu > ul .sub-menu { display: none; } #header .header__menu > ul > li > ul { width: 100%; position: absolute; left: 0; top: 66px; z-index: 10; } #header .header__menu.service > ul > li:before, #header .header__menu.service > ul > li a { height: 100%; height: calc(100% - 1px); } .brandHeader #header .header__menu.primary > ul > li, .burgerOpen #header .header__menu.primary > ul > li, .langSelectorOpen #header .header__menu.primary > ul > li, .menuAction #header .header__menu.primary > ul > li, .nonzeroscroll #header .header__menu.primary > ul > li, .opacityfill #header .header__menu.primary > ul > li, .openSearch #header .header__menu.primary > ul > li { border-right: 1px solid hsla(0, 0%, 72%, 0.5); } .brandHeader #header .header__menu a, .burgerOpen #header .header__menu a, .langSelectorOpen #header .header__menu a, .menuAction #header .header__menu a, .nonzeroscroll #header .header__menu a, .opacityfill #header .header__menu a, .openSearch #header .header__menu a { color: #000; } #header .header__right .header__menu.service { float: right; } #header .header__right .header__menu.service > ul > li { border: 0 none transparent; } #header .header__right .header__menu.service > ul > li.icon-menu-login a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E912" !important; font-size: 23px; position: relative; top: -2px; } #header .header__right .header__menu.service > ul > li:before { opacity: 0; } #header .header__right .header__menu.service > ul > li a { transition: color 0.4s ease-out; } #header .header__right .header__menu.service > ul > li.current a, #header .header__right .header__menu.service > ul > li:hover a { text-decoration: none; color: rgba(0, 0, 0, 0.4) !important; } #header .header__right .header__menu.service > ul > li a { color: hsla(0, 0%, 100%, 0.4); } #header .header__right .header__menu.service > ul > li.icon-menu-login a { color: #fff; } #header .header__right .header__menu.service > ul > li.icon-menu-login a.current, #header .header__right .header__menu.service > ul > li.icon-menu-login a.current a, #header .header__right .header__menu.service > ul > li.icon-menu-login a:hover, #header .header__right .header__menu.service > ul > li.icon-menu-login a:hover a { text-decoration: none; } .brandHeader #header .header__right .header__menu.service > ul > li.icon-menu-login a, .brandHeader #header .header__right .header__menu.service > ul > li a, .burgerOpen #header .header__right .header__menu.service > ul > li.icon-menu-login a, .burgerOpen #header .header__right .header__menu.service > ul > li a, .langSelectorOpen #header .header__right .header__menu.service > ul > li.icon-menu-login a, .langSelectorOpen #header .header__right .header__menu.service > ul > li a, .menuAction #header .header__right .header__menu.service > ul > li.icon-menu-login a, .menuAction #header .header__right .header__menu.service > ul > li a, .nonzeroscroll #header .header__right .header__menu.service > ul > li.icon-menu-login a, .nonzeroscroll #header .header__right .header__menu.service > ul > li a, .opacityfill #header .header__right .header__menu.service > ul > li.icon-menu-login a, .opacityfill #header .header__right .header__menu.service > ul > li a, .openSearch #header .header__right .header__menu.service > ul > li.icon-menu-login a, .openSearch #header .header__right .header__menu.service > ul > li a { color: #000; } #header .header__right .header__menu.service, #header .header__wrapper .header__left .header__menu { display: none; } @media (min-width: 992px) { #header .header__right .header__menu.service, #header .header__wrapper .header__left .header__menu { display: block; } } .hideMainMenu #header { -ms-transform: translateY(-66px); transform: translateY(-66px); } .inPageFixed [data-comp="inpage-menu"] { position: fixed; left: 0; top: 66px; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .inPageFixed.inPageFixedOnly [data-comp="inpage-menu"] { -ms-transform: translateY(-66px); transform: translateY(-66px); } .inPageFixed.inPageFixedOnly #header { -ms-transform: translateY(-132px); transform: translateY(-132px); } .upscroll.hideMainMenu #header { -ms-transform: translateY(0); transform: translateY(0); } .upscroll.hideMainMenu.inPageFixed #header { -ms-transform: translateY(-66px); transform: translateY(-66px); } .upscroll.inPageFixed.inPageFixedOnly #header { -ms-transform: translateY(-132px); transform: translateY(-132px); } .inPageFixed.inPageFixedOnly.upscroll [data-comp="inpage-menu"] { -ms-transform: translateY(0); transform: translateY(0); } .inPageFixed.inPageFixedOnly.downscroll [data-comp="inpage-menu"], .inPageFixed.inPageFixedOnly.upscroll #header { -ms-transform: translateY(-66px); transform: translateY(-66px); } .inPageFixed.inPageFixedOnly.downscroll #header { -ms-transform: translateY(-132px); transform: translateY(-132px); } #header .brandmenu_wrapper { height: 66px; width: 100%; background-color: #1b1b1b; } #header .brandmenu_wrapper > div { float: left; } #header .brandmenu_wrapper .brandmenu__logo { width: 75%; height: 100%; display: table; } #header .brandmenu_wrapper .brandmenu__logo a { display: table-cell; width: 100%; height: 100%; text-align: left; vertical-align: middle; transition: color 0.4s ease-out; font-size: 11px; font-size: 0.6875em; font-size: 0.6875rem; color: #d9d9d9; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; text-decoration: none; padding-left: 27px; } @media (min-width: 992px) { #header .brandmenu_wrapper .brandmenu__logo { width: 19.5%; } #header .brandmenu_wrapper .brandmenu__logo a { text-align: center; padding-left: 0; } } #header .brandmenu_wrapper .brandmenu__menu { display: none; width: 80.5%; height: 100%; background-color: #1d1d1d; } @media (min-width: 992px) { #header .brandmenu_wrapper .brandmenu__menu { background-color: hsla(0, 0%, 100%, 0.045); } } #header .brandmenu_wrapper .brandmenu__menu li, #header .brandmenu_wrapper .brandmenu__menu ul { padding: 0 15px; margin: 0; list-style: none; float: left; height: 100%; width: 100%; } #header .brandmenu_wrapper .brandmenu__menu li { width: auto; height: 100%; height: 60px; display: table; padding-left: 35px; padding-right: 35px; } #header .brandmenu_wrapper .brandmenu__menu li a { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; transition: opacity 0.4s ease-out; color: #fff; text-decoration: none; opacity: 0.6; } #header .brandmenu_wrapper .brandmenu__menu li.current_page_item a, html.no-touch #header .brandmenu_wrapper .brandmenu__menu li a:hover { opacity: 1; } @media (min-width: 992px) { #header .brandmenu_wrapper .brandmenu__menu { display: block; } } #header .brandmenu_wrapper .brandmenu__menu.open { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(29, 29, 29, 0.5); z-index: 10000; } #header .brandmenu_wrapper .brandmenu__menu.open ul { display: block; position: relative; padding: 5%; background: #1d1d1d; top: 50%; left: 10%; width: 80%; height: auto; margin-top: -100px; -ms-transform: translateY(-50%); transform: translateY(-50%); } #header .brandmenu_wrapper .brandmenu__menu.open ul li { text-align: center; width: 100%; padding-top: 20px; padding-bottom: 20px; } #header .brandmenu_wrapper .brandmenu__mobile_toggle { width: 25%; height: 100%; display: table; } #header .brandmenu_wrapper .brandmenu__mobile_toggle a { background-color: #373737; display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; position: relative; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; color: #d9d9d9; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; } #header .brandmenu_wrapper .brandmenu__mobile_toggle a:after { display: block; content: ""; width: 100%; height: 1px; background: #d9d9d9; position: absolute; top: 50%; left: 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform: scaleX(0); transform: scaleX(0); } #header .brandmenu_wrapper .brandmenu__mobile_toggle a.open:after { -ms-transform: scaleX(1); transform: scaleX(1); } @media (min-width: 992px) { #header .brandmenu_wrapper .brandmenu__mobile_toggle { display: none !important; } } #header .brandmenu_wrapper.light { height: 57px; width: 100%; background-color: #f3f3f3; } #header .brandmenu_wrapper.light .brandmenu__menu { display: none; width: 80%; height: 100%; background-color: #f3f3f3; } #header .brandmenu_wrapper.light .brandmenu__menu li, #header .brandmenu_wrapper.light .brandmenu__menu ul { padding: 0; margin: 0; list-style: none; float: left; height: 100%; width: 100%; } #header .brandmenu_wrapper.light .brandmenu__menu li { position: relative; width: 160px; height: 100%; display: table; padding-left: 10px; padding-right: 10px; } @media (max-width: 1200px) { #header .brandmenu_wrapper.light .brandmenu__menu li { width: 130px; } #header .brandmenu_wrapper.light .brandmenu__menu li a { font-size: 9px; font-size: 0.5625em; font-size: 0.5625rem; } } #header .brandmenu_wrapper.light .brandmenu__menu li a { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: rgba(40, 40, 40, 0.45); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); font-family: Open Sans, sans-serif; text-transform: uppercase; font-weight: 600; text-decoration: none; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 2px; line-height: 1.2em; } #header .brandmenu_wrapper.light .brandmenu__menu.current, #header .brandmenu_wrapper.light .brandmenu__menu.current_page_item, #header .brandmenu_wrapper.light .brandmenu__menu li.current_page_item a, #header .brandmenu_wrapper.light .brandmenu__menu li a:hover { color: #282828; } @media (min-width: 992px) { #header .brandmenu_wrapper.light .brandmenu__menu { display: block; width: 100%; text-align: center; } #header .brandmenu_wrapper.light .brandmenu__menu ul { display: inline-block; float: none; width: auto; } } #header .brandmenu_wrapper.light .brandmenu__menu.open { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: hsla(0, 0%, 95%, 0.5); z-index: 10000; } #header .brandmenu_wrapper.light .brandmenu__menu.open ul { display: block; position: relative; padding: 5%; background: #f3f3f3; top: 50%; left: 10%; width: 80%; height: auto; margin-top: -100px; -ms-transform: translateY(-50%); transform: translateY(-50%); } #header .brandmenu_wrapper.light .brandmenu__menu.open ul li { text-align: center; width: 100%; padding-top: 20px; padding-bottom: 20px; } #header .brandmenu_wrapper.light .brandmenu__menu.open ul li:after, #header .brandmenu_wrapper.light .brandmenu__menu.open ul li:first-child:before { display: none; } #header .brandmenu_wrapper.light .brandmenu__mobile_toggle { width: 100%; height: 100%; display: table; } #header .brandmenu_wrapper.light .brandmenu__mobile_toggle a { background-color: #f3f3f3; display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; position: relative; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; color: rgba(40, 40, 40, 0.45); font-weight: 400; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; } #header .brandmenu_wrapper.light .brandmenu__mobile_toggle a:after { display: block; content: ""; width: 100%; height: 1px; background: #f3f3f3; position: absolute; top: 50%; left: 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform: scaleX(0); transform: scaleX(0); } #header .brandmenu_wrapper.light .brandmenu__mobile_toggle a.open:after { -ms-transform: scaleX(1); transform: scaleX(1); } @media (min-width: 992px) { #header .brandmenu_wrapper.light .brandmenu__mobile_toggle { display: none !important; } } #header .header__wrapper .hovermenu_wrapper, #header .header__wrapper .megamenu_wrapper { width: 100%; float: left; position: fixed; height: auto; top: 66px; background: #fff; overflow: hidden; height: 0; } #header .header__wrapper .hovermenu_wrapper { background: #f3f3f3; } #header .header__wrapper .megamenu_wrapper .burger_menu { overflow-y: auto; } #header .header__wrapper .hovermenu_wrapper .hover_menu, #header .header__wrapper .megamenu_wrapper .burger_menu { padding: 100px 0; float: left; width: 100%; height: auto; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu, #header .header__wrapper .megamenu_wrapper .burger_menu { padding-top: 66px; padding-bottom: 100px; } } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul, #header .header__wrapper .megamenu_wrapper .burger_menu > ul { float: left; width: 100%; height: auto; } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul .standard-menu ul, #header .header__wrapper .megamenu_wrapper .burger_menu > ul .standard-menu ul { display: none; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu > ul .standard-menu ul, #header .header__wrapper .megamenu_wrapper .burger_menu > ul .standard-menu ul { display: block; } } #header .header__wrapper .hovermenu_wrapper .hover_menu ul, #header .header__wrapper .hovermenu_wrapper .hover_menu ul li, #header .header__wrapper .megamenu_wrapper .burger_menu ul, #header .header__wrapper .megamenu_wrapper .burger_menu ul li { padding: 0; margin: 0; list-style: none; } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li, #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li { float: left; width: 100%; border-right: 1px solid hsla(0, 0%, 72%, 0.5); padding-left: 30px; padding-right: 30px; margin-top: 10px; margin-bottom: 10px; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li, #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li { width: 25%; margin-top: 0; margin-bottom: 0; } } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li ul li, #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li ul li { margin-bottom: 10px; } } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li > a, #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li > a { font-size: 18px; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; text-decoration: none; margin-bottom: 0; padding: 10px 0; width: 100%; display: inline-block; border-bottom: 1px solid hsla(0, 0%, 72%, 0.5); cursor: default; pointer-events: none; padding-top: 10px; padding-bottom: 25px; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li > a, #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li > a { margin-bottom: 20px; padding: 0; width: auto; border-bottom: 0 none transparent; padding-top: 0; padding-bottom: 0; } } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li:last-child, #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li:last-child { border-right: 0 none transparent; } #header .header__wrapper .hovermenu_wrapper .hover_menu a, #header .header__wrapper .megamenu_wrapper .burger_menu a { color: #8d8d8d; text-decoration: none; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu, #header .header__wrapper .megamenu_wrapper .burger_menu { padding: 66px; padding-left: 66px; padding-right: 66px; } } @media (min-width: 1200px) { #header .header__wrapper .hovermenu_wrapper .hover_menu, #header .header__wrapper .megamenu_wrapper .burger_menu { padding: 66px; padding-left: 132px; padding-right: 132px; } } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li { width: 25%; } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li:first-of-type { width: 30%; } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li:last-of-type { width: 20%; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > a, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > a { pointer-events: auto; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91B" !important; display: inline-block; float: right; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 12px; top: 8px; position: relative; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > a:after { display: none; top: 10px; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu.opened > a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu.opened > a:after { -ms-transform: rotate(0deg); transform: rotate(0deg); } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul > li, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul > li { margin: 20px 0; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul > li, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul > li { margin: 0; margin-bottom: 10px; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul a, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul a { position: relative; display: inline-block; width: auto; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul a:after { content: ""; display: inline-block; background: #8d8d8d; width: 100%; height: 2px; position: absolute; left: 0; bottom: -3px; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0 0; transform-origin: 0 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: 0.1s; } html.no-touch #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul a:hover:after, html.no-touch #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul a:hover:after { -ms-transform: scaleX(1); transform: scaleX(1); } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu { margin-top: 0; margin-bottom: 0; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li { margin-top: 10px; margin-bottom: 10px; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li { margin-top: 0; margin-bottom: 0; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu > ul a, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu > ul a { font-size: 18px; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; text-decoration: none; margin-bottom: 0; padding: 10px 0; width: 100%; display: inline-block; border-bottom: 1px solid hsla(0, 0%, 72%, 0.5); padding-top: 10px; padding-bottom: 25px; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu > ul a, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu > ul a { margin-bottom: 20px; padding: 0; width: auto; border-bottom: 0 none transparent; padding-top: 0; padding-bottom: 0; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu > ul a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu > ul a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E919" !important; font-size: 10px; display: none; margin-left: 20px; position: relative; color: #8d8d8d; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); right: 0; bottom: auto; top: 10px; float: right; -ms-transform: translateX(-4px); transform: translateX(-4px); } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu > ul a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu > ul a:after { float: none; right: auto; left: 0; top: auto; bottom: 2px; display: inline-block; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu > ul a:hover:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu > ul a:hover:after { -ms-transform: translateX(0); transform: translateX(0); } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu > a, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu > a { display: none !important; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu { margin-top: 66px; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu > a, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu > a { font-size: 10px; font-weight: 400; color: #8d8d8d; text-decoration: none; display: inline-block; text-transform: uppercase; margin-bottom: 10px; border: 0 none transparent; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu > a, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu > a { cursor: default; pointer-events: none; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu > a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu > a:after { display: none !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li { display: inline-block; width: auto; margin-right: 10px; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li a, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li a { padding: 5px; margin-bottom: 0; color: #8d8d8d; border: 0 none transparent; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li a:after { display: none; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico { margin: 0; padding: 0; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; display: block; margin: 0; padding: 0; color: #666; opacity: 0.5; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico a, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico a { padding: 0; margin-right: 10px; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico a:hover:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico a:hover:after { -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico.facebook a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico.facebook a:after { content: "\EA90" !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico.linedin a:after, #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico.linkedin a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico.linedin a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico.linkedin a:after { content: "\EACA" !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico.instagram a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico.instagram a:after { content: "\EA92" !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico.youtube a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico.youtube a:after { content: "\EA9D" !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico.twitter a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico.twitter a:after { content: "\EA96" !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico.pinterest a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico.pinterest a:after { content: "\EAD2" !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico.wechat a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico.wechat a:after { content: "\E929" !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu li.social-ico.google a:after, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu li.social-ico.google a:after { content: "\E928" !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu { margin-top: 100px; position: relative; width: auto; display: inline-block; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu { margin-top: 66px; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu:before { content: ""; position: absolute; width: 100%; height: 100%; background: #666; left: 0; top: 0; display: block !important; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform: scaleY(0); transform: scaleY(0); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; z-index: -1; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu:hover:before { -ms-transform: scaleY(1); transform: scaleY(1); } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu > a { pointer-events: all !important; cursor: hand !important; cursor: pointer !important; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; text-transform: uppercase !important; padding: 15px; padding-left: 20px; padding-right: 30px; border: 1px solid hsla(0, 0%, 72%, 0.5); width: auto; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); color: #666; display: inline-block; width: 100%; height: 100%; margin: 0 !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu > a:after { display: none !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu { font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 2px; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu:hover { color: #fff; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu:hover a { color: #fff !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu[class*=" button-menu-ico-"]:after, #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu[class^="button-menu-ico-"]:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu.button-menu-ico-search:after { content: "\E914" !important; position: absolute; left: 20px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu.button-menu.button-menu-ico-search a { padding: 17px 20px 17px 50px; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul .color-menu, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul .color-menu { position: relative; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul .color-menu span.swatch, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul .color-menu span.swatch { display: inline-block; width: 22px; height: 22px; margin-right: 10px; border-radius: 20px; position: relative; top: 2px; border: 2px solid #f3f3f3; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul .color-menu a, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul .color-menu a { position: relative; top: 0; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul .color-menu a:hover span.swatch, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul .color-menu a:hover span.swatch { border: 2px solid #fff; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu a.menu-sub-column { margin-top: 20px; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu ul.menu-sub-column li.color-menu { width: auto !important; display: inline-block; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu ul.menu-sub-column li.color-menu a:after { display: none !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li.full-menu, #header .header__wrapper .hovermenu_wrapper .hover_menu li.full-menu { width: 100%; } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li.full-menu li, #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li.full-menu li.social-menu.button-menu, #header .header__wrapper .hovermenu_wrapper .hover_menu li.full-menu li, #header .header__wrapper .hovermenu_wrapper .hover_menu li.full-menu li.social-menu.button-menu { width: 21%; float: left; margin: 2%; } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li.full-menu li.social-menu.button-menu > a, #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li.full-menu li > a, #header .header__wrapper .hovermenu_wrapper .hover_menu li.full-menu li.social-menu.button-menu > a, #header .header__wrapper .hovermenu_wrapper .hover_menu li.full-menu li > a { text-align: center; padding: 20px; } #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li.full-menu li.social-menu.button-menu:before, #header .header__wrapper .hovermenu_wrapper .hover_menu > ul > li.full-menu li:before, #header .header__wrapper .hovermenu_wrapper .hover_menu li.full-menu li.social-menu.button-menu:before, #header .header__wrapper .hovermenu_wrapper .hover_menu li.full-menu li:before { background-color: #000; } .menu-item-filler { opacity: 0 !important; pointer-events: none; } .force-25perc-width { width: 25% !important; } #header .header__menu > ul > li.menu-language { width: 50px; margin-right: 25px; } #header .header__menu > ul > li.menu-language a { text-decoration: none !important; } #header .header__menu > ul > li.menu-language > a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91B" !important; position: absolute; top: 50%; left: 48px; margin-top: -5px; -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 10px; color: #404040 !important; } #header .header__menu > ul > li.menu-language > a:hover:after, .langSelectorOpen #header .header__menu > ul > li.menu-language a:hover:after { opacity: 1; } #header .header__menu > ul > li.menu-language > ul.sub-menu { display: none; background-color: #fdfdfd; margin-top: 0; width: 100px; padding-top: 10px; padding-bottom: 10px; margin-left: -25px; } #header .header__menu > ul > li.menu-language > ul.sub-menu > li { width: 100px; height: 35px; display: block; text-align: center; float: left; padding: 5px; overflow: hidden; position: relative; } #header .header__menu > ul > li.menu-language > ul.sub-menu > li .hover-rect { background-color: #e2e2e2; width: 100%; height: 100%; position: absolute; top: 1px; left: 0; z-index: 1; } #header .header__menu > ul > li.menu-language > ul.sub-menu a { padding: 0; display: block; padding-top: 5px; text-align: center; vertical-align: middle; color: #666; font-size: 10px; text-decoration: none; position: relative; z-index: 2; } #header .header__menu > ul > li.menu-language > ul.sub-menu a:hover { color: #000 !important; } .brandHeader #header .header__menu > ul > li.menu-language > a:after, .burgerOpen #header .header__menu > ul > li.menu-language > a:after, .langSelectorOpen #header .header__menu > ul > li.menu-language > a:after, .menuAction #header .header__menu > ul > li.menu-language > a:after, .nonzeroscroll #header .header__menu > ul > li.menu-language > a:after, .opacityfill #header .header__menu > ul > li.menu-language > a:after, .openSearch #header .header__menu > ul > li.menu-language > a:after { color: #000; } #header .header__menu > ul > li#menu-item-LOGIN { width: 66px; border-left: 1px solid hsla(0, 0%, 85%, 0); border-right: 1px solid hsla(0, 0%, 85%, 0); border-bottom: 1px solid hsla(0, 0%, 85%, 0); background: hsla(0, 0%, 96%, 0); position: relative; } #header .header__menu > ul > li#menu-item-LOGIN > a:before { content: ""; display: block; background: #f5f5f5; width: 100%; height: 100%; position: absolute; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-transform: scaleX(0); transform: scaleX(0); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); top: 0; right: 0; } #header .header__menu > ul > li#menu-item-LOGIN .profile { overflow-y: hidden; height: 0; width: 300px; background: #f5f5f5; position: absolute; right: 0; top: 66px; font-family: Open Sans, sans-serif; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; color: #282828; transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #header .header__menu > ul > li#menu-item-LOGIN .profile .profile_wrapper { height: 150px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; display: table; width: 100%; } #header .header__menu > ul > li#menu-item-LOGIN .profile .profile_wrapper .user_profile { display: table-cell; vertical-align: middle; height: 100%; width: 100%; } #header .header__menu > ul > li#menu-item-LOGIN .profile .profile_wrapper .user_profile a { display: inline-block; height: auto; text-align: center; padding: 0; padding-left: 30px; font-family: Open Sans, sans-serif; font-weight: 700; color: #000 !important; } #header .header__menu > ul > li#menu-item-LOGIN .profile .profile_wrapper .user_profile a span { padding-left: 10px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); display: inline-block; } #header .header__menu > ul > li#menu-item-LOGIN .profile .profile_wrapper .user_profile a:hover span { -ms-transform: translateX(5px); transform: translateX(5px); } #header .header__menu > ul > li#menu-item-LOGIN .profile .profile_wrapper .user_profile p { text-align: center; font-family: Open Sans, sans-serif; color: #8d8d8d; } #header .header__menu > ul > li#menu-item-LOGIN .profile .logout_wrapper { position: absolute; bottom: 0; left: 0; background: #1d1d1d; height: 50px; width: 100%; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #header .header__menu > ul > li#menu-item-LOGIN .profile .logout_wrapper .user_logout { height: 100%; width: 100%; display: table; } #header .header__menu > ul > li#menu-item-LOGIN .profile .logout_wrapper .user_logout:after { content: ""; display: block; width: 100%; height: 100%; background: #000; position: absolute; left: 0; bottom: 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -ms-transform: scaleY(0); transform: scaleY(0); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #header .header__menu > ul > li#menu-item-LOGIN .profile .logout_wrapper .user_logout:hover:after { -ms-transform: scaleY(1); transform: scaleY(1); } #header .header__menu > ul > li#menu-item-LOGIN .profile .logout_wrapper .user_logout a { text-align: center; padding: 0; height: 100%; width: 100%; display: table-cell; vertical-align: middle; color: #fff !important; opacity: 0.8; font-family: Open Sans, sans-serif; font-size: 11px; font-size: 0.6875em; font-size: 0.6875rem; } #header .header__menu > ul > li#menu-item-LOGIN .profile .logout_wrapper .user_logout a:hover { color: #fff !important; opacity: 1; } #header .header__menu > ul > li#menu-item-LOGIN .profile .logout_wrapper .user_logout a span { padding-left: 5px; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; position: relative; top: 2px; } #header .header__menu > ul > li#menu-item-LOGIN:hover { background: hsla(0, 0%, 96%, 0); border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-family: Open Sans, sans-serif; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; color: #282828; } #header .header__menu > ul > li#menu-item-LOGIN:hover > a:before { -ms-transform: scaleX(1); transform: scaleX(1); } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile { height: 200px; font-family: Open Sans, sans-serif; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; color: #282828; } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .profile_wrapper { height: 150px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; display: table; width: 100%; } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .profile_wrapper .user_profile { display: table-cell; vertical-align: middle; height: 100%; width: 100%; } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .profile_wrapper .user_profile a { display: inline-block; height: auto; text-align: center; padding: 0; padding-left: 30px; font-family: Open Sans, sans-serif; font-weight: 700; color: #000 !important; } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .profile_wrapper .user_profile a span { padding-left: 10px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); display: inline-block; } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .profile_wrapper .user_profile a:hover span { -ms-transform: translateX(5px); transform: translateX(5px); } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .profile_wrapper .user_profile p { text-align: center; font-family: Open Sans, sans-serif; color: #8d8d8d; } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .logout_wrapper { opacity: 1; background: #1d1d1d; } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .logout_wrapper .user_logout:after { background: #000; } #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .logout_wrapper .user_logout a, #header .header__menu > ul > li#menu-item-LOGIN:hover .profile .logout_wrapper .user_logout a:hover { color: #fff !important; } #header .header__menu > ul > li#menu-item-LOGIN .push { display: block; position: absolute; width: 10px; height: 10px; border-radius: 20px; background: green; z-index: 1; left: 18px; top: 18px; -ms-transform: scaleX(0) scaleY(0); transform: scaleX(0) scaleY(0); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .pushAction #header .header__menu > ul > li#menu-item-LOGIN .push { -ms-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1); } #header .header__right .header__menu.service > ul > li.icon-menu-login .profile a:after { display: none !important; } .header__menu, .header__search { transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .burgerOpen .header__menu, .burgerOpen .header__search { opacity: 0; visibility: hidden; } #header .header__menu > ul > li a { font-size: 14px; padding-top: 22px; } #header .header__wrapper .coverMenu { display: block; width: 100%; height: 1000px; content: ""; background: red; opacity: 0.5; left: 0; position: fixed; top: 66px; } #blackLevel, #blackLevel2 { width: 100%; height: 150%; background-color: rgba(0, 0, 0, 0.75); left: 0; top: 0; position: fixed; opacity: 0; z-index: 100; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu { margin-top: 100px; } @media (min-width: 992px) { #header .header__wrapper .hovermenu_wrapper .hover_menu li.direct-menu li.social-menu, #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu { margin-top: 50px; } } @media (min-width: 992px) { #header .header__wrapper .megamenu_wrapper .burger_menu { padding-left: 90px; padding-right: 0; } } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > ul a, #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > ul a { font-size: 14px; } #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu > a { margin-left: -20px; } @media (max-width: 992px) { #header .header__wrapper .megamenu_wrapper .burger_menu li.direct-menu li.social-menu > a { margin-left: 0; } } #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li { width: 100%; } @media (min-width: 992px) { #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li { width: 25%; padding-left: 90px; } #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li:first-of-type { width: 20%; padding-left: 0; } #header .header__wrapper .megamenu_wrapper .burger_menu > ul > li:last-of-type { width: 30%; } } .burgerOpen.hideMainMenu #header { -ms-transform: translateY(0) !important; transform: translateY(0) !important; } b, strong { font-family: Open Sans, sans-serif; font-weight: 600; } .text_out { top: 70px; opacity: 0; } .text_in, .text_out { position: relative; will-change: opacity, transform; -webkit-backface-visibility: hidden; } .text_in { top: 0; opacity: 1; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.7s; } .sub-title.text_in { transition-delay: 0.12s; } p.text_in { transition-delay: 0.25s; } .img_out { top: 70px; opacity: 0; } .img_in, .img_out { position: relative; will-change: opacity, transform; } .img_in { top: 0; opacity: 1; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.7s; } .opacity_out { opacity: 0; will-change: opacity; } .opacity_in { opacity: 1; will-change: opacity; transition-duration: 0.3s; } .title_big, [data-module="header_page"] header .title_big { font-size: 86px; font-size: 5.375em; font-size: 5.375rem; } @media (max-width: 992px) { .title_big, [data-module="header_page"] header .title_big { font-size: 70px; font-size: 4.375em; font-size: 4.375rem; } } @media (max-width: 768px) { .title_big, [data-module="header_page"] header .title_big { font-size: 44px; font-size: 2.75em; font-size: 2.75rem; } } [data-module="header_page"] header ul.list-table, ul.list-table { display: table; } [data-module="header_page"] header ul.list-table li, ul.list-table li { display: table-cell; float: none; width: auto; } [data-module="header_page"] header ul.list-table i, ul.list-table i { margin-top: 2px; } @media (min-width: 992px) { [data-module="header_page"] header ul.list-table li { padding-left: 10px; } } .mobile [data-module="header_page"] header ul.list-table li { padding-left: 10px !important; } .mobile [data-module="header_page"] header ul.list-table li:first-child { padding-left: 0 !important; } .title_h1 { width: 100%; font-size: 50px; font-size: 3.125em; font-size: 3.125rem; color: #282828; margin: 0 0 0.27em; } .title_h1, .title_h2 { display: block; clear: both; font-family: Open Sans, sans-serif; font-weight: 400; line-height: 1.2em; } .title_h2 { font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; color: rgba(40, 40, 40, 0.4); margin: 0; } .title_h3 { display: block; clear: both; color: #282828; margin: 0 0 1.8em; font-family: Open Sans, sans-serif; font-weight: 600; font-weight: 700; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; line-height: 1.2em; text-transform: uppercase; letter-spacing: 2px; } #iubenda-cs-banner { background-color: #000; bottom: 0 !important; left: 0 !important; position: fixed; width: 100% !important; z-index: 99999998 !important; } .iubenda-cs-content { display: block; margin: 0 auto; padding: 20px; width: auto; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; background: #f3f3f3; color: #fff; } .iubenda-cs-rationale { max-width: 900px; position: relative; margin: 0 auto; } .iubenda-banner-content > p { color: #000; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; } .iubenda-banner-content > p a { color: #000; text-decoration: underline; } .iubenda-cs-close-btn { color: #000; text-decoration: none; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; position: absolute; top: 0; right: 0; border: none; float: right; display: inline-block; position: relative; padding: 10px; background: #000; margin: 0; line-height: 0; width: 20px; height: 20px; overflow: hidden; z-index: 10; } .iubenda-cs-close-btn:after, .iubenda-cs-close-btn:before { display: block; content: ""; width: 12px; height: 2px; background-color: #fff; position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-6px) translateY(-1px) rotate(45deg); transform: translateX(-6px) translateY(-1px) rotate(45deg); } .iubenda-cs-close-btn:before { -ms-transform: translateX(-6px) translateY(-1px) rotate(-45deg); transform: translateX(-6px) translateY(-1px) rotate(-45deg); } .iubenda-cs-cookie-policy-lnk { text-decoration: underline; color: #000; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; } [data-page="print"], body.print { background-color: #fff !important; } [data-page="print"] { padding: 5%; padding-top: 5%; padding-bottom: 0; float: left; width: 100%; } [data-page="print"] .col, [data-page="print"] .row, [data-page="print"] .text { width: 100%; padding: 0 !important; margin: 0 !important; } [data-page="print"] [data-module="article"] table img { width: auto; height: 30px; } [data-page="print"] [data-module="article"] table tr td { font-size: 14px; font-size: 0.875em; font-size: 0.875rem; border: 0; } [data-page="print"] [data-module="article"] table tr th { font-size: 14px; font-size: 0.875em; font-size: 0.875rem; padding-top: 20px; padding-bottom: 20px; } [data-page="print"] [data-module="article"] table tr.separatore td { border: 0; padding: 0; margin: 0; height: 1px; background-color: #f2f2f2; } [data-page="print"] [data-module="article"] table td.color { background-color: #f2f2f2; } [data-page="print"] [data-module="article"] table td.even { background-color: #f9f9f9; } [data-page="print"] header { float: left; width: 100%; } [data-page="print"] header img { float: left; width: 150px; height: auto; } [data-page="print"] header p { float: right; margin: 0; padding-top: 14px; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; } [data-page="print"] header p strong { margin-right: 10px; } [data-page="print"] footer { page-break-after: always; margin-bottom: 10%; } [data-page="print"] footer p { margin: 0; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; } .privacy-page [data-module="article"] .text { padding: 0 !important; font-family: Open Sans, sans-serif !important; } .privacy-page [data-module="article"] .text h2 { width: 100% !important; } .privacy-page [data-module="article"] .text li, .privacy-page [data-module="article"] .text ul { padding: 0 !important; margin: 0 !important; list-style: none !important; } .privacy-page [data-module="article"] .text ol li:before, .privacy-page [data-module="article"] .text ul li:before { display: none !important; } @media (min-device-width: 992px) and (max-device-width: 10000px) { .onlyMobile { display: none !important; } } @media (min-width: 992px) and (max-width: 10000px) { .onlyMobile { display: none !important; } } @media (min-device-width: 100px) and (max-device-width: 991px) { .onlyDesktop { display: none !important; } } @media (min-width: 100px) and (max-width: 991px) { .onlyDesktop { display: none !important; } } [data-comp="button_rect"] { background: #fff; color: #303030; font-weight: 600; font-weight: 700; height: 46px; line-height: 46px; text-transform: uppercase; letter-spacing: 1px; float: left; overflow: hidden; } [data-comp="button_rect"], [data-comp="button_rect"] span { display: block; font-family: Open Sans, sans-serif; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; position: relative; } [data-comp="button_rect"] span { top: 0; left: 0; width: 100%; height: 100%; padding: 0 33px; padding-left: 40px; color: #000; font-weight: 600; color: #282828; letter-spacing: 1.5px; text-align: center; } [data-comp="button_rect"] span[class*=" icon-"], [data-comp="button_rect"] span[class^="icon-"] { position: absolute; left: 0; top: 0; padding: 0; } [data-comp="button_rect"] span[class*=" icon-"]:before, [data-comp="button_rect"] span[class^="icon-"]:before { top: 50%; position: relative; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; display: block; } [data-comp="button_rect"].has-icon { padding-left: 20px; } [data-comp="button_rect"].has-icon [class*=" icon-"], [data-comp="button_rect"].has-icon [class^="icon-"] { color: #b8b8b8; } [data-comp="button_rect"].has-border { border: 1px solid #b8b8b8; } [data-comp="button_rect"]:after { content: ""; position: absolute; opacity: 1 !important; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; top: 100%; mix-blend-mode: difference; transition: transform 0.7s cubic-bezier(0.075, 0.82, 0.165, 1); } html.no-touch [data-comp="button_rect"]:focus, html.no-touch [data-comp="button_rect"]:hover { text-decoration: none; } html.no-touch [data-comp="button_rect"]:focus:after, html.no-touch [data-comp="button_rect"]:hover:after { -ms-transform: translateY(-100%); transform: translateY(-100%); } html.no-touch.ie [data-comp="button_rect"] { transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1); } html.no-touch.ie [data-comp="button_rect"]:after { display: none; } html.no-touch.ie [data-comp="button_rect"] span { transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1); } html.no-touch.ie [data-comp="button_rect"]:focus, html.no-touch.ie [data-comp="button_rect"]:hover { color: #fff; background: #303030; } html.no-touch.ie [data-comp="button_rect"]:focus [class*=" icon-"], html.no-touch.ie [data-comp="button_rect"]:focus [class*=" icon-"]:before, html.no-touch.ie [data-comp="button_rect"]:focus [class^="icon-"], html.no-touch.ie [data-comp="button_rect"]:focus [class^="icon-"]:before, html.no-touch.ie [data-comp="button_rect"]:focus span, html.no-touch.ie [data-comp="button_rect"]:hover [class*=" icon-"], html.no-touch.ie [data-comp="button_rect"]:hover [class*=" icon-"]:before, html.no-touch.ie [data-comp="button_rect"]:hover [class^="icon-"], html.no-touch.ie [data-comp="button_rect"]:hover [class^="icon-"]:before, html.no-touch.ie [data-comp="button_rect"]:hover span { color: #fff; } [data-comp="button_rect"].dark { color: #fff; background: #303030; } [data-comp="button_rect"].dark span { color: #fff; } html.no-touch.ie [data-comp="button_rect"].dark:focus, html.no-touch.ie [data-comp="button_rect"].dark:hover { background: #f3f3f3; color: #303030; } html.no-touch.ie [data-comp="button_rect"].dark:focus [class*=" icon-"], html.no-touch.ie [data-comp="button_rect"].dark:focus [class*=" icon-"]:before, html.no-touch.ie [data-comp="button_rect"].dark:focus [class^="icon-"], html.no-touch.ie [data-comp="button_rect"].dark:focus [class^="icon-"]:before, html.no-touch.ie [data-comp="button_rect"].dark:focus span, html.no-touch.ie [data-comp="button_rect"].dark:hover [class*=" icon-"], html.no-touch.ie [data-comp="button_rect"].dark:hover [class*=" icon-"]:before, html.no-touch.ie [data-comp="button_rect"].dark:hover [class^="icon-"], html.no-touch.ie [data-comp="button_rect"].dark:hover [class^="icon-"]:before, html.no-touch.ie [data-comp="button_rect"].dark:hover span { color: #303030; } @media (max-width: 992px) { [data-comp="button_rect"] > span { width: 100%; padding: 0; padding-left: 20px; padding-right: 20px; font-size: 11px; font-size: 0.6875em; font-size: 0.6875rem; letter-spacing: 0; text-align: center; } [data-comp="button_rect"].has-icon [class*=" icon-"], [data-comp="button_rect"].has-icon [class^="icon-"] { display: none; } } [data-comp="button_play"] { width: 90px; display: inline-block; } [data-comp="button_play"].marginTop { margin-top: 30px; } [data-comp="button_play"] .icon { display: inline-block; position: relative; width: 90px; height: 90px; background: rgba(0, 0, 0, 0.3); } [data-comp="button_play"] .icon.square:after { content: ""; display: block; padding-bottom: 100%; } [data-comp="button_play"] .icon.square.circle { border-radius: 100%; border: 3px solid hsla(0, 0%, 100%, 0.5); } [data-comp="button_play"] .icon.arrow-right:before { display: block; content: ""; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 20px solid #fff; position: absolute; top: 50%; left: 54%; -ms-transform: translateX(-50%) translateY(-50%) scaleX(1) scaleY(1); transform: translateX(-50%) translateY(-50%) scaleX(1) scaleY(1); transition: all 0.15s ease-out; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index: 2; opacity: 0.8; } [data-comp="button_play"] .icon .bg { position: absolute; width: 100%; height: 100%; display: block; background: #000; left: 50%; top: 50%; border-radius: 100%; -ms-transform: translateY(-50%) translateX(-50%) scaleX(0) scaleY(0); transform: translateY(-50%) translateX(-50%) scaleX(0) scaleY(0); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index: 1; transition: all 0.3s ease-out; } [data-comp="button_play"] .label { display: inline-block; width: 200px; margin-left: -55px; text-align: center; margin-top: 10px; font-weight: 700; text-transform: uppercase; line-height: 1.3em; letter-spacing: 2.5px; color: #fff; vertical-align: middle; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; font-family: Open Sans, sans-serif; font-weight: 600; } [data-comp="button_play"]:hover .icon .bg { -ms-transform: translateY(-50%) translateX(-50%) scaleX(1) scaleY(1); transform: translateY(-50%) translateX(-50%) scaleX(1) scaleY(1); opacity: 0.5; } [data-comp="button_play"]:hover .icon.arrow-right:before { opacity: 1; -ms-transform: translateX(-50%) translateY(-50%) scaleX(1.1) scaleY(1.1); transform: translateX(-50%) translateY(-50%) scaleX(1.1) scaleY(1.1); } [data-module="slider"] { position: relative; width: 100%; margin: 0; padding: 0; min-height: 600px; overflow: hidden; } [data-module="slider"].empty { min-height: 415px; } [data-module="slider"].max-height { min-height: 500px; height: 100%; } [data-module="slider"].strict-max-height { height: 450px; min-height: 450px; } [data-module="slider"] .swiper-container { position: relative; width: 100%; height: 100%; overflow: hidden; } [data-module="slider"] .swiper-wrapper { will-change: transform; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); } [data-module="slider"] .swiper-slide, [data-module="slider"] .swiper-wrapper { position: relative; width: 100%; height: 100%; -webkit-backface-visibility: hidden; } [data-module="slider"] .swiper-slide { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; } [data-module="slider"] .swiper-slide .cont-slide { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; overflow: hidden; background-size: cover; background-position: 50%; } [data-module="slider"] .swiper-slide .cont-slide .clip:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f3f3f3; opacity: 1; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="slider"] .swiper-slide .cont-slide.onPreloaded .clip:before { opacity: 0; } [data-module="slider"] .logo { display: inline-block; width: 25%; max-width: 300px; padding-bottom: 30px; } @media (max-width: 992px) { [data-module="slider"] .logo { width: 80%; } } [data-module="slider"] .clip { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: inherit; will-change: transform; } [data-module="slider"] .clip:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); background: linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#80000000",GradientType=0); } [data-module="slider"] .content-text { position: absolute; z-index: 7; top: 50%; width: 100%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 15%; box-sizing: border-box; text-align: center; } [data-module="slider"] .content-text .title { display: block; width: 100%; font-family: Open Sans, sans-serif; font-weight: 600; color: #fff; font-size: 74px; font-size: 4.625em; font-size: 4.625rem; margin: 0; padding: 0; } [data-module="slider"] .content-text .pretitle { font-size: 10px; font-size: 0.625em; font-size: 0.625rem; text-transform: uppercase; font-family: Open Sans, sans-serif; font-weight: 600; font-weight: 700; color: #fff; letter-spacing: 4px; color: hsla(0, 0%, 100%, 0.6); } [data-module="slider"] .content-text .title-small { font-size: 24px; font-size: 1.5em; font-size: 1.5rem; font-family: Open Sans, sans-serif; font-weight: 600; color: #fff; letter-spacing: 10px; text-transform: uppercase; } [data-module="slider"] .content-text .sub-title { display: block; width: 100%; font-family: Open Sans, sans-serif; font-weight: 400; font-weight: 500; color: hsla(0, 0%, 100%, 0.5); font-size: 16px; font-size: 1em; font-size: 1rem; margin: 0.5em 0; padding: 0; } @media (min-width: 992px) { [data-page="brandfilter"] [data-module="slider"] .content-text, [data-page="referenze"] [data-module="slider"] .content-text { margin-top: 40px; } [data-page="brandfilter"] [data-module="slider"] .content-text.noBrandMenu, [data-page="referenze"] [data-module="slider"] .content-text.noBrandMenu { margin-top: 0; } } [data-page="news"][data-type="archive"] [data-module="slider"] .content-text { margin-top: 40px; } [data-page="news"][data-type="archive"] [data-module="slider"] .content-text.noBrandMenu { margin-top: 0; } [data-page="news"][data-type="archive"] [data-module="slider"] .content-text .title { font-size: 44px; font-size: 2.75em; font-size: 2.75rem; } [data-module="slider"] [data-comp="button_rect"] { margin-top: 30px; clear: both; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } [data-module="slider"] .swiper-pagination { position: absolute; bottom: 46px; left: 50%; z-index: 20; -ms-transform: translateX(-50%); transform: translateX(-50%); } [data-module="slider"] .swiper-pagination .circle { position: relative; float: left; width: 30px; height: 30px; margin: 0 6px; border-radius: 100%; background: hsla(0, 0%, 94%, 0.1); transition: background 0.5s ease-in-out; cursor: pointer; } [data-module="slider"] .swiper-pagination .circle:hover { background-color: hsla(0, 0%, 94%, 0.5); } [data-module="slider"] .swiper-pagination .circle b { display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; color: hsla(0, 0%, 100%, 0.4); font-size: 10px; font-size: 0.625em; font-size: 0.625rem; z-index: 7; } [data-module="slider"] .swiper-pagination .circle canvas { transition: opacity 0.5s; } [data-module="slider"] .swiper-pagination .circle.swiper-pagination-bullet-active b { color: #fff; } @media (max-width: 768px) { [data-module="slider"] .content-text { padding: 0 20px; } [data-module="slider"] .content-text .title { font-size: 38px; font-size: 2.375em; font-size: 2.375rem; } .tablet [data-module="slider"] .content-text { padding: 0 7%; } .tablet [data-module="slider"] .content-text .title { font-size: 60px; font-size: 3.75em; font-size: 3.75rem; } } .ie9 [data-module="slider"] .swiper-wrapper { transform: translateX(0) !important; -ms-transform: translateX(0) !important; } .ie9 [data-module="slider"] .swiper-pagination { display: none; } .ie9 [data-module="slider"] .cont-link { width: 100%; text-align: center; } .ie9 [data-module="slider"] .cont-link [data-comp="button_rect"] { display: inline-block; } .safari [data-module="slider"] .cont-link { width: 100%; text-align: center; } .safari [data-module="slider"] .cont-link [data-comp="button_rect"] { display: inline-block; float: none; left: 0; -ms-transform: translateX(0); transform: translateX(0); } [data-page="brand"] [data-module="slider"] .content-text .title { font-size: 50px; font-size: 3.125em; font-size: 3.125rem; } @media (max-width: 768px) { [data-page="brand"] [data-module="slider"] .content-text .title { font-size: 30px; font-size: 1.875em; font-size: 1.875rem; } } [data-page="solutions"] [data-module="slider"] .content-text .title { font-size: 34px; font-size: 2.125em; font-size: 2.125rem; } [data-page="brandfilter"] [data-module="slider"] .cont-slide:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0.5; } [data-page].downloads [data-module="slider"] .content-text .pretitle { margin-top: 0; padding-left: 4px; letter-spacing: 4px; } [data-page].downloads [data-module="slider"] .content-text .title-small { padding-left: 10px; letter-spacing: 10px; } [data-page].downloads [data-module="slider"] .cont-slide:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.35; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } html.brandHeader [data-page].downloads [data-module="slider"] .content-text { margin-top: 40px; } [data-page="news"][data-type="archive"] [data-module="slider"] .swiper-slide .cont-slide:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #666; opacity: 1; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-page="news"][data-type="archive"] [data-module="slider"] .swiper-slide .cont-slide.onPreloaded:after { opacity: 0.35; } [data-module="imageBlock"] { padding-left: 0; padding-right: 0; margin-top: 20px; margin-bottom: 60px; } @media (min-width: 992px) { [data-module="imageBlock"] { margin-top: 90px; margin-bottom: 45px; } } [data-module="imageBlock"] a { text-decoration: none; } [data-module="imageBlock"] a figure { margin: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } [data-module="imageBlock"] a figure .imageBlock-img-wrapper { overflow: hidden; position: relative; top: 0; left: 0; background: #a1a1a1; transition: background 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="imageBlock"] a figure img { width: 100%; height: auto; display: block; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } [data-module="imageBlock"] a figure img[src] { -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); will-change: opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } [data-module="imageBlock"] a figure img[src].onPreloaded { opacity: 1; } [data-module="imageBlock"] a figure .imageBlock-over { width: 100%; height: 100%; background: inherit; -ms-transform-origin: 0 0; transform-origin: 0 0; -ms-transform: scaleX(1.5) scaleY(1.5); transform: scaleX(1.5) scaleY(1.5); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } [data-module="imageBlock"] a figcaption { margin-top: 34px; width: 100%; opacity: 1; -ms-transform: transitionY(10%); transform: transitionY(10%); } @media (min-width: 992px) { [data-module="imageBlock"] a figcaption { max-width: 300px; } } [data-module="imageBlock"] a figcaption .h4, [data-module="imageBlock"] a figcaption .title, [data-module="imageBlock"] a figcaption h4 { font-family: Open Sans, sans-serif; color: #282828; margin: 0; margin-bottom: 9px; font-size: 16px; font-size: 1em; font-size: 1rem; font-weight: 400; display: block; width: 100%; } [data-module="imageBlock"] a figcaption .subtitle { font-family: Open Sans, sans-serif; font-weight: 400; color: #6e6e6e; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; margin-top: 2.5em; line-height: 1.4em; color: #282828; } [data-module="imageBlock"] a figcaption .p, [data-module="imageBlock"] a figcaption .text, [data-module="imageBlock"] a figcaption p { font-family: Open Sans, sans-serif; font-weight: 400; color: #6e6e6e; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; } [data-module="imageBlock"] a:hover { text-decoration: none; } [data-module="imageBlock"].pull-right { float: right; } [data-module="imageBlock"].move-down { position: relative; } @media (min-width: 992px) { [data-module="imageBlock"].move-down { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } } [data-module="imageBlock"].load .imageBlock-img-wrapper { width: 100px; height: 100px; overflow: hidden; } .ie9 [data-module="imageBlock"] figure img, [data-module="imageBlock"].revealed figure img { -ms-transform: scale(1.01) translateX(0); transform: scale(1.01) translateX(0); } .ie9 [data-module="imageBlock"] figcaption, [data-module="imageBlock"].revealed figcaption { opacity: 1; -ms-transform: transitionY(0); transform: transitionY(0); } .ie9 [data-module="imageBlock"] .imageBlock-over { display: none !important; } .ie9 [data-module="imageBlock"] figcaption, [data-module="asider"] [data-module="imageBlock"].small-size, [data-module="asider"] [data-module="imageBlock"] figcaption { width: 100%; } @media (min-width: 992px) { [data-module="asider"] [data-module="imageBlock"].small-size { width: 90%; } } .single-in-row [data-module="imageBlock"].move-down { top: auto !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } [tab-name="#progetti"] [data-module="imageBlock"] a figure .imageBlock-over { display: none; } [tab-name="#progetti"] [data-module="collectionBlock"] figcaption h4 { min-height: 45px; width: 100%; display: block; overflow-y: hidden; } [data-module="headingLine"] { overflow-x: hidden; position: relative; margin: 30px 0; line-height: 25px; } [data-module="headingLine"].center { text-align: center; } [data-module="headingLine"].has-line:before { display: block; content: ""; width: 100%; height: 1px; background-color: hsla(0, 0%, 72%, 0.25); float: right; top: 50%; position: absolute; } [data-module="headingLine"] h3 { display: inline-block; float: left; padding: 0; margin: 0; padding-right: 20px; text-transform: uppercase; font-weight: 700; position: relative; background: inherit; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; height: 25px; line-height: 25px; } [data-module="headingLine"].has-frame h3 { border: 1px solid #000; padding: 2px 15px; height: auto; } [data-module="headingLine"].center h3 { float: none; } [data-module="headingLine"].big h3 { font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; letter-spacing: 2px; padding-right: 20px; padding-left: 20px; } [data-module="headingLine"] a { float: right; display: inline-block; position: relative; padding-left: 10px; text-decoration: none; background: inherit; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; color: #838383; height: 25px; line-height: 25px; } [data-module="headingLine"] a span.arrow { width: 10px; height: 10px; display: inline-block; position: relative; overflow: hidden; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; bottom: 0; margin-left: 10px; } [data-module="headingLine"] a span.arrow:before { left: -100%; } [data-module="headingLine"] a span.arrow:after, [data-module="headingLine"] a span.arrow:before { content: "\E919" !important; width: 100%; height: 100%; display: block; position: absolute; top: 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); color: #838383; } [data-module="headingLine"] a span.arrow:after { left: 0; } [data-module="headingLine"] a:hover, [data-module="headingLine"] a:hover span { color: #000; } [data-module="headingLine"] a:hover span:after, [data-module="headingLine"] a:hover span:before { color: #111; } [data-module="headingLine"].white a, [data-module="headingLine"].white h3 { background: #fff; } [data-module="headingLine"].grey a, [data-module="headingLine"].grey h3 { background: #f3f3f3; } [data-module="headingLine"] .h2, [data-module="headingLine"] h2 { font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 18px; font-size: 1.125em; font-size: 1.125rem; padding: 0; margin: 0; margin-bottom: 3px; } [data-module="headingLine"] .p, [data-module="headingLine"] p { padding: 0; margin: 0; font-family: Open Sans, sans-serif; font-weight: 400; color: #6e6e6e; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; letter-spacing: 0; } html.no-touch [data-module="headingLine"] a:focus, html.no-touch [data-module="headingLine"] a:hover { text-decoration: none; } [data-module="headingLine"] a[data-comp="button_rect"] { height: auto; } [data-module="headingLine"] a[data-comp="button_rect"] span { text-align: center; padding: 10px 20px; padding-left: 40px; } [data-module="headingLine"] a[data-comp="button_rect"] span[class*=" icon-"], [data-module="headingLine"] a[data-comp="button_rect"] span[class^="icon-"] { text-align: left; padding: 0; } [data-module="headingLine"] a[data-comp="button_rect"] :before { font-size: 16px; } @media (max-width: 992px) { [data-module="headingLine"] { width: 100%; } [data-module="headingLine"] a[data-comp="button_rect"] { padding: 0; width: 100%; } [data-module="headingLine"] a[data-comp="button_rect"] span { padding: 10px 40px; font-size: 11px; font-size: 0.6875em; font-size: 0.6875rem; } [data-module="headingLine"] [data-comp="button_rect"].has-icon [class*=" icon-"], [data-module="headingLine"] [data-comp="button_rect"].has-icon [class^="icon-"] { display: block; padding-left: 20px; } } [data-module="gammaFormati"] [data-module="headingLine"] h3 { background-color: #e3dad3; } [data-module="gammaFormati"] [data-module="headingLine"].has-frame h3 { border-color: rgba(0, 0, 0, 0.2); color: rgba(40, 40, 40, 0.4); } [data-module="gammaFormati"] [data-module="headingLine"].has-line:before { background-color: rgba(40, 40, 40, 0.4); } @media (max-width: 992px) { [data-module="gammaFormati"] [data-module="headingLine"].has-line:before { background-color: rgba(40, 40, 40, 0); } } [data-module="gammaColori"] [data-module="headingLine"] h3 { background-color: #eae3db; } [data-module="gammaColori"] [data-module="headingLine"].has-frame h3 { border-color: rgba(40, 40, 40, 0.4); color: rgba(40, 40, 40, 0.4); } [data-module="gammaColori"] [data-module="headingLine"].has-line:before { background-color: rgba(40, 40, 40, 0.4); } @media (max-width: 992px) { [data-module="gammaColori"] [data-module="headingLine"].has-line:before { background-color: rgba(40, 40, 40, 0); } } [data-module="gammaColori"] [data-module="headingLine"].accordionTitle h3 { background-color: #eae3db !important; } [data-module="gammaFormati"] .selectionStep-step-2 [data-module="headingLine"].accordionTitle h3 { background-color: #e3dad3 !important; } @media (max-width: 992px) { [data-module="gammaFormati"] .selectionStep-step-3 [data-module="headingLine"].accordionTitle h3 { background-color: #eae3db !important; } } [data-module="gammaFormati"] .selectionStep-step-4 [data-module="headingLine"].accordionTitle h3 { background-color: #e3dad3 !important; } header > [data-module="headingLine"] { margin: 0; } header > [data-module="headingLine"]:first-of-type { margin-top: 30px; } header > [data-module="headingLine"]:last-of-type { margin-bottom: 30px; margin-top: 15px; } @media (min-width: 992px) { [data-module="gamma"] [data-module="headingLine"] { margin-top: 35px; } } [data-module="serviceBlock"] { padding-left: 10%; padding-right: 10%; width: 100%; } @media (max-width: 992px) { [data-module="serviceBlock"] { max-width: 550px; margin: 0 auto; } } [data-module="serviceBlock"].service-solution .image span { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [data-module="serviceBlock"].service-solution .image span:after { content: "\E916" !important; } [data-module="serviceBlock"].service-architects .image span { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [data-module="serviceBlock"].service-architects .image span:after { content: "\E915" !important; } [data-module="serviceBlock"].service-contacts .image span { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [data-module="serviceBlock"].service-contacts .image span:after { content: "\E917" !important; } [data-module="serviceBlock"].service-contacts2 .image span { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [data-module="serviceBlock"].service-contacts2 .image span:after { content: "\E92A" !important; margin-top: 20px; display: block; } [data-module="serviceBlock"].service-business .image span { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [data-module="serviceBlock"].service-business .image span:after { content: "\E936" !important; font-size: 105px; font-size: 6.5625em; font-size: 6.5625rem; } [data-module="serviceBlock"] .image { width: 100%; height: 100%; text-align: center; } [data-module="serviceBlock"] .image span { display: inline-block; position: absolute; top: 50%; left: 0; z-index: 1; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 90px; font-size: 5.625em; font-size: 5.625rem; color: #000; width: 100%; } [data-module="serviceBlock"] .image:after { content: ""; display: block; padding-bottom: 100%; position: relative; } [data-module="serviceBlock"] .border { position: relative; border-radius: 50%; overflow: hidden; } [data-module="serviceBlock"] .border:before { background-color: #e3e3e3; } [data-module="serviceBlock"] .border:after, [data-module="serviceBlock"] .border:before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } [data-module="serviceBlock"] .border:after { -ms-transform: scale(0.9); transform: scale(0.9); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="serviceBlock"] .icon-wrapper { padding: 20%; } @media (max-width: 992px) { [data-module="serviceBlock"] .icon-wrapper { max-width: 300px; margin: 0 auto; } } [data-module="serviceBlock"].grey .border:after { background-color: #f3f3f3; } [data-module="serviceBlock"].white .border:after { background-color: #fff; } [data-module="serviceBlock"] .text-wrapper { width: 100%; text-align: center; } [data-module="serviceBlock"] .text-wrapper div.exh1, [data-module="serviceBlock"] .text-wrapper h1 { padding: 0; margin-bottom: 10px; color: #000; font-family: Open Sans, sans-serif; font-weight: 400; color: #282828; margin: 0; margin-bottom: 9px; font-size: 16px; font-size: 1em; font-size: 1rem; } [data-module="serviceBlock"] .text-wrapper div.exh1 span, [data-module="serviceBlock"] .text-wrapper h1 span { width: 30px; height: 16px; line-height: 16px; display: inline-block; position: relative; overflow: hidden; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; bottom: 0; margin-left: 10px; } [data-module="serviceBlock"] .text-wrapper div.exh1 span:after, [data-module="serviceBlock"] .text-wrapper h1 span:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E919" !important; font-size: 10px; line-height: 24px; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform: translateX(-4px); transform: translateX(-4px); color: #838383; } [data-module="serviceBlock"] .text-wrapper p { padding: 0; margin: 0; min-height: 74px; margin-top: 20px; margin-bottom: 20px; line-height: 1.2em; font-family: Open Sans, sans-serif; font-weight: 400; color: #6e6e6e; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; } [data-module="serviceBlock"] .sublink-wrapper { margin-top: 30px; padding: 0; text-align: center; display: none; } @media (min-width: 992px) { [data-module="serviceBlock"] .sublink-wrapper { display: block; } } [data-module="serviceBlock"] .sublink-wrapper li, [data-module="serviceBlock"] .sublink-wrapper ul { padding: 0; margin: 0; list-style: none; } [data-module="serviceBlock"] .sublink-wrapper ul { display: inline-block; text-align: left; } [data-module="serviceBlock"] .sublink-wrapper li { margin-top: 10px; } [data-module="serviceBlock"] .sublink-wrapper a { padding: 0; margin: 0; font-family: Open Sans, sans-serif; font-weight: 400; color: #282828; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; } [data-module="serviceBlock"] .sublink-wrapper a:before { content: ""; width: 8px; height: 8px; border: 2px solid hsla(0, 0%, 51%, 0.5); border-radius: 5px; display: inline-block; margin-right: 10px; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="serviceBlock"] .sublink-wrapper a:hover:before { background-color: #838383; } html.no-touch [data-module="serviceBlock"] a:focus, html.no-touch [data-module="serviceBlock"] a:hover { text-decoration: none; } html.no-touch [data-module="serviceBlock"] a:hover .border:after { -ms-transform: scale(0); transform: scale(0); } html.no-touch [data-module="serviceBlock"] a:hover div.exh1:after, html.no-touch [data-module="serviceBlock"] a:hover div.exh1:before, html.no-touch [data-module="serviceBlock"] a:hover h1 span:after, html.no-touch [data-module="serviceBlock"] a:hover h1 span:before { -ms-transform: translateX(0); transform: translateX(0); } html.no-touch [data-module="serviceBlock"] a:hover div.exh1:before, html.no-touch [data-module="serviceBlock"] a:hover h1 span:before { transition-delay: 0.1s; } html.no-touch [data-module="serviceBlock"] .sublink-wrapper a:hover { text-decoration: underline; } [data-module="blocks"] { float: left; width: 100%; } [data-module="blocks"] .container-tab { position: relative; } [data-module="blocks"] .cols.no-margins { margin: 0 !important; padding: 0 !important; } .tablet [data-page="home"] [data-module="blocks"].swipeable .col-md-4 { width: 33.33333% !important; } @media (min-width: 992px) { [data-module="blocks"].force-md-10 { width: 83.33333333% !important; } } [data-module="blocks"].linear_blocks { margin-bottom: 80px; } [data-module="blocks"].linear_blocks .row { margin-left: -23px; margin-right: -23px; } [data-page="solutions"] [data-module="blocks"].linear_blocks .container-fluid { padding-left: 66px; padding-right: 66px; } @media (max-width: 992px) { [data-page="solutions"] [data-module="blocks"].linear_blocks .container-fluid { padding-left: 23px; padding-right: 23px; } } [data-module="blocks"].grid-fluid .container-fluid { padding: 0; } @media (max-width: 992px) { [data-page="solutions"] [data-module="blocks"].grid-fluid .container-fluid { padding-left: 30px; padding-right: 30px; } } [data-module="blocks"].grid-fluid .row { margin: 0; } [data-module="blocks"].grid-fluid .cols { padding: 0; } @media (max-width: 768px) { [data-module="blocks"].grid-fluid .container-fluid { padding-left: 20px; padding-right: 20px; } [data-module="blocks"].grid-fluid .row { margin-left: -15px; margin-right: -15px; } [data-module="blocks"].grid-fluid .cols { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } } [data-module="blocks"].grid-fluid.no-offset .col-md-offset-1, [data-module="blocks"].grid-fluid.no-offset .col-md-offset-2, [data-module="blocks"].grid-fluid.no-offset .col-md-offset-3, [data-module="blocks"].grid-fluid.no-offset .col-md-offset-4 { /*margin-left: 0;*/ } [data-module="blocks"] > .container-fluid { padding-left: 20px; padding-right: 20px; } @media (min-width: 992px) { [data-module="blocks"] > .container-fluid { padding-left: 66px; padding-right: 66px; } } [data-module="blocks"].padding-top-half { padding-top: 20px; } @media (min-width: 992px) { [data-module="blocks"].padding-top-half { padding-top: 30px; } } [data-module="blocks"].padding-top { padding-top: 20px; } @media (min-width: 992px) { [data-module="blocks"].padding-top { padding-top: 66px; } } [data-module="blocks"].padding-bottom { padding-bottom: 20px; } @media (min-width: 992px) { [data-module="blocks"].padding-bottom { padding-bottom: 66px; } } [data-module="blocks"].padding { padding: 20px; } @media (min-width: 992px) { [data-module="blocks"].padding { padding: 66px; } } @media (min-width: 992px) { [data-module="blocks"].padding-top-35 { padding-top: 35px; } } @media (min-width: 992px) { [data-module="blocks"].padding-bottom-15 { padding-bottom: 15px; } } [data-module="blocks"].white { background-color: #fff; } [data-module="blocks"].grey { background-color: #f3f3f3; } [data-module="blocks"].border-top { border-top: 1px solid hsla(0, 0%, 85%, 0.5); } [data-module="blocks"].extra-bottom-padding { padding-bottom: 100px; } [data-module="blocks"].max-width > .container-fluid { max-width: 1440px; } [data-module="blocks"].full-width > .container-fluid { padding-left: 0; padding-right: 0; overflow: hidden; } [data-module="blocks"].force-col-float > div > .row > .cols { /*float: left !important;*/ } [data-module="blocks"].swipeable .swiper-container { position: relative; width: 100%; height: 100%; overflow: hidden; padding-bottom: 60px; } [data-module="blocks"].swipeable .swiper-wrapper { z-index: 1; will-change: transform; transition-property: transform; box-sizing: content-box; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); } [data-module="blocks"].swipeable .swiper-slide, [data-module="blocks"].swipeable .swiper-wrapper { position: relative; width: 100%; height: 100%; -webkit-backface-visibility: hidden; display: -ms-flexbox; display: flex; } [data-module="blocks"].swipeable .swiper-slide { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; } [data-module="blocks"].swipeable .swiper-pagination { position: absolute; bottom: 0; left: 0; text-align: center; height: 60px; line-height: 60px; width: 100%; padding: 0 20px; } [data-module="blocks"].swipeable .swiper-pagination .swiper-pagination-bullet { display: inline-block; cursor: pointer; width: 20px; height: 20px; border: 2px solid rgba(0, 0, 0, 0.3); margin: 18px 13px; border-radius: 100%; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); } [data-module="blocks"].swipeable .swiper-pagination .swiper-pagination-bullet-active { border: 2px solid #000; background: #000; } [data-module="blocks"].collections-search { padding: 20px 0; display: block; } @media (min-width: 992px) { [data-module="blocks"].collections-search { display: block; position: absolute; left: 0; top: 25px; z-index: 100; padding-top: 0; padding-bottom: 0; } } [data-module="blocks"].collections-search [data-module="headingLine"] { margin: 0; padding-left: 15px; padding-right: 15px; width: auto; float: left; } [data-module="blocks"].collections-search [data-module="headingLine"]:after { content: ""; display: block; background-color: rgba(0, 0, 0, 0.05); width: 100%; width: calc(100% - 30px); height: 1px; position: absolute; bottom: 0; left: 15px; } [data-module="blocks"].collections-search input { width: 100%; height: auto; padding-bottom: 5px; padding-top: 5px; padding-right: 28px; background: transparent; border: 0 none; font-size: 16px; } [data-module="blocks"].collections-search .icon-ico-search { position: absolute; top: 0; right: 20px; font-size: 16px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.5; display: block; } [data-module="blocks"].collections-search .reset-search { position: absolute; top: 50%; display: none; right: 18px; width: 20px; height: 20px; background: #ccc; -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 20px; padding: 0; text-align: center; } [data-module="blocks"].collections-search .reset-search span { font-size: 10px; position: absolute; top: 6px; left: 0; width: 100%; display: inline-block; } [data-module="blocks"].collections-search.active .reset-search { display: block; } [data-module="blocks"].collections-search.active .icon-ico-search { display: none; } [data-module="blocks"] .notedecori { margin-bottom: 80px; } [data-module="blocks"] .notedecori h3 { font-family: Open Sans, sans-serif; font-weight: 600; color: #0f0f0f; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; margin: 2.5em 0; } [data-module="blocks"] .notedecori p { font-family: Open Sans, sans-serif; font-weight: 400; color: rgba(40, 40, 40, 0.4); font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; margin: 0.5em 0; } @media (min-width: 992px) { [data-module="blocks"]#architect { padding-left: 8%; padding-right: 8%; } [data-module="blocks"]#architect > .container-fluid { padding: 0 !important; } } [data-module="textSeparator"] { padding: 55px 0; width: 100%; text-align: center; display: table; clear: both; background-color: #f3f3f3; } [data-module="textSeparator"] .container-fluid { padding: 0 66px; } [data-module="textSeparator"].transparent { background-color: transparent; } [data-module="textSeparator"].white { background-color: #fff; } [data-module="textSeparator"] [data-module] { display: table-cell; vertical-align: middle; } [data-module="textSeparator"] [data-module] .text { color: #8d8d8d; letter-spacing: 0; text-transform: none; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; font-weight: 400; line-height: 13px; } [data-module="textSeparator"] .text { display: table-cell; margin: 0 16px; font-weight: 700; text-transform: uppercase; line-height: 1.3em; letter-spacing: 2.5px; color: #000; vertical-align: middle; font-size: 11px; font-size: 0.6875em; font-size: 0.6875rem; font-family: Open Sans, sans-serif; font-weight: 600; } [data-module="textSeparator"] .line-container { display: table-cell; text-align: center; position: relative; width: 100%; padding: 0 10px; } [data-module="textSeparator"] .line { width: 96%; height: 1px; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 50%; right: 2%; } @media (min-width: 992px) { .contactPage [data-module="textSeparator"] .container-fluid { padding-left: 25%; padding-top: 66px; } } @media (max-width: 992px) { [data-module="textSeparator"] .container-fluid { padding: 0 20px; } [data-page="solutions"] [data-module="textSeparator"] .container-fluid { padding: 0 30px; } .solutions_archive [data-module="textSeparator"] .container-fluid, .solutions_single [data-module="textSeparator"] .container-fluid { padding: 0 15px; } [data-module="textSeparator"] .line { width: 80%; right: 10%; } } [tab-name="#certificazioni"] [data-module="textSeparator"] { padding-bottom: 0 !important; } [data-module="listItem"] { width: 100%; float: left; clear: both; height: auto; position: relative; padding-left: 90px; padding-right: 90px; } @media (min-width: 992px) { [data-module="listItem"] { height: 180px; } } [data-module="listItem"] .image { width: 100%; height: 180px; float: left; margin-right: 5%; background-size: cover; background-position: 50% 50%; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="listItem"] .image img { display: none; } @media (min-width: 992px) { [data-module="listItem"] .image { width: 20%; height: 100%; } } .hover [data-module="listItem"] .image { background-position: 0 50%; } [data-module="listItem"] .category { width: 100%; margin-right: 5%; float: left; height: 100%; display: table; min-height: 50px; } [data-module="listItem"] .category span { height: 100%; width: 100%; display: table-cell; vertical-align: middle; font-size: 16px; font-size: 1em; font-size: 1rem; color: #6e6e6e; } @media (min-width: 992px) { [data-module="listItem"] .category { width: 10%; min-height: auto; } } [data-module="listItem"] header { width: 100%; float: left; height: 100%; display: table; } [data-module="listItem"] header div { height: 100%; width: 100%; display: table-cell; vertical-align: middle; } [data-module="listItem"] header div h2 { color: #000; } [data-module="listItem"] header div h2, [data-module="listItem"] header div time { padding: 0; margin: 0; font-size: 16px; font-size: 1em; font-size: 1rem; margin-bottom: 20px; } [data-module="listItem"] header div time { color: #6e6e6e; } @media (min-width: 992px) { [data-module="listItem"] header { width: 40%; } [data-module="listItem"] header h2, [data-module="listItem"] header time { margin-bottom: 0; } } [data-module="listItem"] .action { width: 100%; height: 100%; float: right; position: relative; padding-top: 20px; } [data-module="listItem"] .action .action_child { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); float: right; } [data-module="listItem"] .action .action_child a { float: right; } @media (min-width: 992px) { [data-module="listItem"] .action { width: 20%; padding-top: 0; } } @media (max-width: 992px) { [data-module="listItem"] { padding-left: 20px; padding-right: 20px; } [data-module="listItem"] [data-comp="button_line"] b { margin-right: 0; } [data-module="listItem"] .image { height: 280px; margin-right: 0; } } [data-module="listElement"] li, [data-module="listElement"] ul { padding: 0; margin: 0; list-style: none; } [data-module="listElement"] li { float: left; width: 100%; padding-top: 80px; padding-bottom: 80px; border-bottom: 1px solid hsla(0, 0%, 72%, 0.25); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; -ms-transform: translateY(50%); transform: translateY(50%); } [data-module="listElement"] li:hover { cursor: hand; cursor: pointer; background-color: #f3f3f3; } [data-module="listElement"].no-reveal li, [data-module="listElement"].no-reveal li.revealed, [data-module="listElement"] li.revealed { opacity: 1; -ms-transform: translateY(0); transform: translateY(0); } [data-comp="button_line"] { color: #303030; font-family: Open Sans, sans-serif; font-weight: 600; font-weight: 700; height: 30px; line-height: 30px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; position: relative; text-transform: uppercase; letter-spacing: 1px; display: block; float: none; margin-left: 55px; } [data-comp="button_line"].margin-left-50 { margin-left: 105px; } [data-comp="button_line"] .line { width: 40px; height: 1px; padding: 0; background: hsla(0, 0%, 43%, 0.5); overflow: hidden; display: inline-block; vertical-align: middle; position: absolute; top: 50%; left: -10px; -ms-transform: translateX(-100%); transform: translateX(-100%); margin-top: 1px; margin-left: -5px; } [data-comp="button_line"] .line span { position: absolute; top: 0; left: 0; width: 25%; height: 100%; background: #303030; will-change: width, transform; } [data-comp="button_line"] b { display: inline-block; vertical-align: middle; margin: 0; color: #000 !important; } .hover [data-comp="button_line"], html.no-touch [data-comp="button_line"]:focus, html.no-touch [data-comp="button_line"]:hover { color: #303030; text-decoration: none; } @media (max-width: 992px) { [data-comp="button_line"] .line { width: 28px; } } [data-module="list_linear"] { overflow: hidden; background-color: #fff; margin: 0; padding: 70px 0; } [data-module="list_linear"] .hover-rect { background-color: #f3f3f3; width: 100%; height: 100%; position: absolute; top: 1px; left: 0; z-index: 1; } [data-module="list_linear"] a { display: block; position: relative; z-index: 3; } [data-module="list_linear"].grey { background-color: #f3f3f3; } [data-module="list_linear"] .col, [data-module="list_linear"] .container-fluid { padding-left: 0; padding-right: 0; } [data-module="list_linear"] .cont { display: block; float: left; position: relative; margin: 0; padding: 75px 87px; width: 100%; overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } [data-module="list_linear"] .cont figure { display: block; float: left; position: relative; width: 25%; z-index: 1; -webkit-backface-visibility: hidden; perspective: 1000px; margin: 0; padding: 0; padding-bottom: 14%; } [data-module="list_linear"] .cont .img { position: absolute; overflow: hidden; } [data-module="list_linear"] .cont .img, [data-module="list_linear"] .cont .img .bg { display: block; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; will-change: transform; -webkit-backface-visibility: hidden; } [data-module="list_linear"] .cont .img .bg { position: relative; background-repeat: no-repeat; background-size: cover; background-position: 50%; } [data-module="list_linear"] .cont .img img { display: none; } [data-module="list_linear"] .text { display: table; position: relative; float: right; width: 75%; height: 100%; margin: 0; color: #6e6e6e; font-size: 16px; font-size: 1em; font-size: 1rem; line-height: 1.2em; overflow: hidden; font-family: Open Sans, sans-serif; font-weight: 400; } [data-module="list_linear"] .text .cont-text { display: table-cell; vertical-align: middle; } [data-module="list_linear"] .text .box { position: relative; display: table-cell; vertical-align: top; box-sizing: border-box; width: 30%; margin: 0; padding: 0 0 0 61px; } [data-module="list_linear"] .text .box [data-comp], [data-module="list_linear"] .text .box [data-module] { margin-top: -5px; } [data-module="list_linear"] .text .box.big { width: 100%; padding: 0; } [data-module="list_linear"] .text .box .cover { display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; } [data-module="list_linear"] .text h4 { display: block; clear: both; font-weight: 400; color: #303030; line-height: 1.2em; font-size: 16px; font-size: 1em; font-size: 1rem; margin: 0.5em 0; padding: 0; margin-top: 0; } [data-module="list_linear"] .text i { display: block; clear: both; font-weight: 400; line-height: 1.2em; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; margin: 0; padding: 0; font-style: normal; } [data-module="list_linear"] .text [data-comp="button_line"] { float: right; } [data-module="list_linear"] .text [data-comp="button_line"] b { margin-right: 0; } [data-module="list_linear"] .cont-link { width: 100%; padding: 95px 0 140px; text-align: center; } [data-module="list_linear"] .cont-link [data-comp="button_rect"] { display: inline-block; border: 1px solid hsla(0, 0%, 51%, 0.8); clear: both; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } [data-module="list_linear"] .cont-link [data-comp="button_rect"] b { display: block; position: absolute; top: 0; left: 18px; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; line-height: 42px; } [data-module="list_linear"] .cont-link:empty { display: none; } @media (max-width: 992px) { [data-module="list_linear"] .cont figure { width: 100%; padding-bottom: 45%; } [data-module="list_linear"] .text { margin-top: 40px; width: 100%; height: auto; } [data-module="list_linear"] .text .box { margin: 0; padding: 0; } [data-module="list_linear"] .text .box.big { width: 60%; padding: 0 57px; } [data-module="list_linear"] .cont-link [data-comp="button_rect"] span { padding-left: 35px !important; padding-right: 20px !important; } } @media (max-width: 768px) { [data-module="list_linear"] .cont { padding: 30px; } [data-module="list_linear"] .cont-link { padding: 20px 0 66px; } [data-module="list_linear"] .text { margin-top: 40px; width: 100%; height: auto; } [data-module="list_linear"] .text .box { display: block; float: left; margin: 15px 0; padding: 0; width: 100%; } [data-module="list_linear"] .text .box.big { width: 100%; padding: 0; } [data-module="list_linear"] .text [data-comp="button_line"] { float: left; } } [data-module="slider_block"] { position: relative; width: 100%; margin: 45px 0; padding: 0; overflow: hidden; } [data-module="slider_block"] .container { width: 100%; padding-left: 0; padding-right: 0; } [data-module="slider_block"] .col { padding-left: 0; padding-right: 0; } [data-module="slider_block"] .img { position: relative; z-index: 5; clear: both; width: 42%; padding-bottom: 27%; margin-bottom: -100px; margin-left: 250px; overflow: hidden; } [data-module="slider_block"] .img .bck { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 1; } [data-module="slider_block"] .img .bck.next { left: 100%; z-index: 5; } [data-module="slider_block"] .img .bck.prev { left: -100%; z-index: 5; } [data-module="slider_block"] .bck { background-position: 50%; background-size: cover; -webkit-backface-visibility: hidden; } [data-module="slider_block"] article { display: block; float: left; position: relative; z-index: 1; background: #fff; width: 78%; padding: 200px 0 140px; } [data-module="slider_block"] article .text, [data-module="slider_block"] article header { display: block; float: left; position: relative; width: 54%; } [data-module="slider_block"] article header { margin-left: 125px; color: #303030; } [data-module="slider_block"] article header .title { font-weight: 600; font-weight: 700; line-height: 1.4em; } [data-module="slider_block"] article header .sub-title, [data-module="slider_block"] article header .title { font-family: Open Sans, sans-serif; font-size: 26px; font-size: 1.625em; font-size: 1.625rem; will-change: opacity, transform; margin: 0; padding: 0; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.7s; } [data-module="slider_block"] article header .sub-title { font-weight: 400; font-weight: 500; line-height: 1.2em; transition-delay: 0.12s; } [data-module="slider_block"] article .text { -moz-column-count: 2; column-count: 2; -moz-column-gap: 5em; column-gap: 5em; -moz-column-fill: balance; column-fill: balance; font-size: 16px; font-size: 1em; font-size: 1rem; line-height: 1.5em; color: #6e6e6e; font-family: Open Sans, sans-serif; font-weight: 400; margin: 60px 0 0 250px; padding: 0; will-change: opacity, transform; text-align: left; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.7s; transition-delay: 0.24s; } [data-module="slider_block"] article .text .cont-text, [data-module="slider_block"] article .text p { display: inline; } html.firefox [data-module="slider_block"] article .text .cont-text, html.firefox [data-module="slider_block"] article .text p { display: block; } [data-module="slider_block"] article .text a[data-comp="button_line"] { margin-top: 6.5em; margin-bottom: 3em; } html.safari [data-module="slider_block"] article .text { font-weight: 400; } [data-module="slider_block"] article .sub-title, [data-module="slider_block"] article .text, [data-module="slider_block"] article .title { position: relative; top: 0; } [data-module="slider_block"] article .goTop { top: -70px; opacity: 0; } [data-module="slider_block"] article .goDown { top: 70px; opacity: 0; transition-duration: 0s !important; transition-delay: 0s !important; } [data-module="slider_block"] nav { display: block; float: left; background: #fff; width: 22%; margin: 0; } [data-module="slider_block"] nav button { display: block; float: left; position: relative; overflow: hidden; height: 107px; line-height: 107px; width: 50%; margin: 0; padding: 0; border-bottom: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; text-align: center; color: #303030; font-size: 18px; font-size: 1.125em; font-size: 1.125rem; outline: none; } [data-module="slider_block"] nav button:before { position: relative; z-index: 3; } [data-module="slider_block"] nav button:after { content: ""; position: absolute; z-index: 1; width: 0; height: 100%; background: hsla(0, 0%, 95%, 0.5); transition-property: width; transition: all 0.3s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); } [data-module="slider_block"] nav button.prev:after { right: 0; } [data-module="slider_block"] nav button.next:after { left: 0; } html.no-touch [data-module="slider_block"] nav button:hover:after { width: 100%; transition: all 0.6s cubic-bezier(0.24, 0.05, 0, 1); } [data-module="slider_block"] .cont-brand { display: block; float: left; background: #000; width: 22%; margin: 0; padding: 46px 0; color: hsla(0, 0%, 100%, 0.32); text-align: center; } [data-module="slider_block"] .cont-brand .title { font-family: Open Sans, sans-serif; font-weight: 400; font-weight: 500; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; line-height: 1.2em; margin: 0; padding: 0; color: hsla(0, 0%, 100%, 0.7); } [data-module="slider_block"] .cont-brand .line { display: block; float: left; clear: both; position: relative; left: 50%; width: 1px; height: 40px; overflow: hidden; background: hsla(0, 0%, 100%, 0.32); margin: 22px 0; } [data-module="slider_block"] .cont-brand .line span { display: block; position: absolute; top: 0; left: 0; width: 1px; height: 25%; margin: 0; padding: 0; background: #fff; } [data-module="slider_block"] .cont-brand a.brand { display: block; float: left; clear: both; position: relative; width: 82%; margin: 0 9% 70px; padding-bottom: 46%; overflow: hidden; } [data-module="slider_block"] .cont-brand a.brand svg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; } [data-module="slider_block"] .cont-brand a.brand svg.next { left: 100%; z-index: 5; } [data-module="slider_block"] .cont-brand a.brand svg.prev { left: -100%; z-index: 5; } [data-module="slider_block"] .cont-brand footer { display: block; float: left; clear: both; margin: 0; padding: 0 5%; box-sizing: border-box; width: 100%; text-align: center; color: hsla(0, 0%, 100%, 0.7); font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; } @media (max-width: 768px) { [data-module="slider_block"] .img, [data-module="slider_block"] article { display: none; } [data-module="slider_block"] .cont-brand, [data-module="slider_block"] nav { width: 100%; } .tablet [data-module="slider_block"] article { display: block; width: 65%; padding: 140px 0; } .tablet [data-module="slider_block"] article .text, .tablet [data-module="slider_block"] article header { width: 100%; padding: 0 10%; } .tablet [data-module="slider_block"] article header { margin-left: 0; } .tablet [data-module="slider_block"] article .text { margin: 60px 0 0; -moz-column-count: 1; column-count: 1; -moz-column-gap: 0; column-gap: 0; } .tablet [data-module="slider_block"] .cont-brand, .tablet [data-module="slider_block"] nav { width: 35%; } } .ie9 [data-module="slider_block"] nav { display: none; } [data-module="slider_block"] .bck, [data-module="slider_block"] h2.title { cursor: hand; cursor: pointer; } [data-module="button-arrow"] { position: relative; margin-bottom: 2px; } [data-module="button-arrow"] a .text { margin: 0; } [data-module="button-arrow"] .button-ico { position: absolute; } [data-module="button-arrow"] .button-link { display: inline-block; position: relative; text-decoration: none; } [data-module="button-arrow"][data-type="back"] .button-ico { top: -2px; left: -50px; width: 50px; font-size: 17px; font-size: 1.0625em; font-size: 1.0625rem; } [data-module="button-arrow"][data-type="link"] .button-ico { top: 2px; right: -25px; width: 25px; color: #666; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; } [data-module="button-arrow"][data-type="link"] .button-link { margin-right: 15px; } [data-module="button-arrow"] .button-link.black .text { vertical-align: top; color: #000; font-size: 14px; margin-right: 10px; } [data-module="button-arrow"] .button-link.black .button-ico { top: 4px; } .hover [data-module="button-arrow"], html.no-touch [data-module="button-arrow"]:focus, html.no-touch [data-module="button-arrow"]:hover { color: #303030; text-decoration: none; } [data-module="button-arrow"] a.deactive { pointer-events: none !important; } [data-module="lineSeparator"] { margin: 0; padding: 43px 0 23px; text-align: center; height: 1px; } [data-module="lineSeparator"] div { width: 40px; height: 1px; background-color: rgba(0, 0, 0, 0.2); display: inline-block; text-align: center; position: relative; } [data-module="lineSeparator"] div div { width: 10px; height: 1px; background-color: #000; display: inline-block; position: absolute; left: 50%; margin-left: -5px; } [data-module="newsletterForm"] { border-top: 1px solid #b8b8b8; border-top-color: rgba(0, 0, 0, 0.1); } [data-module="newsletterForm"] .form-header { text-align: center; margin-bottom: 43px; padding: 0 28px; } [data-module="newsletterForm"] .form-header, [data-module="newsletterForm"] .form-header h1, [data-module="newsletterForm"] .form-header h2, [data-module="newsletterForm"] .form-header h3, [data-module="newsletterForm"] .form-header h4, [data-module="newsletterForm"] .form-header h5, [data-module="newsletterForm"] .form-header h6 { font-size: 16px; font-size: 1em; font-size: 1rem; } [data-module="newsletterForm"] .form-content { text-align: center; padding: 0 28px; } [data-module="newsletterForm"] .form-content .form-answer, [data-module="newsletterForm"] .form-content .form-wrapper { width: auto; display: inline-block; } [data-module="newsletterForm"] .form-content .form-wrapper { height: 54px; } [data-module="newsletterForm"] .form-content .form-wrapper input { display: inline-block; width: 340px; height: 54px; border: 1px solid hsla(0, 0%, 72%, 0.5); background-color: transparent; color: #6e6e6e; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; padding-left: 25px; float: left; } [data-module="newsletterForm"] .form-content .form-wrapper input:hover { color: #666; } [data-module="newsletterForm"] .form-content .form-wrapper button { font-family: Open Sans, sans-serif; font-weight: 600; display: inline-block; width: auto; height: 54px; background: #1b1b1b; border-color: #1b1b1b; color: #d9d9d9; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 2px; padding: 10px 20px; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); border-radius: 0; position: relative; overflow: hidden; } [data-module="newsletterForm"] .form-content .form-wrapper button:after { content: ""; position: absolute; opacity: 1 !important; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; top: 100%; mix-blend-mode: difference; transition: transform 0.7s cubic-bezier(0.075, 0.82, 0.165, 1); border: none; } html.no-touch.ie [data-module="newsletterForm"] .form-content .form-wrapper button:after { z-index: 1; } html.no-touch [data-module="newsletterForm"] .form-content .form-wrapper button:focus, html.no-touch [data-module="newsletterForm"] .form-content .form-wrapper button:hover { text-decoration: none; } html.no-touch [data-module="newsletterForm"] .form-content .form-wrapper button:focus:after, html.no-touch [data-module="newsletterForm"] .form-content .form-wrapper button:hover:after { -ms-transform: translateY(-100%); transform: translateY(-100%); } html.no-touch.ie [data-module="newsletterForm"] .form-content .form-wrapper button:focus, html.no-touch.ie [data-module="newsletterForm"] .form-content .form-wrapper button:hover { color: #1b1b1b; } [data-module="newsletterForm"] .form-content .form-wrapper button span.submit-label { position: relative; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } html.no-touch.ie [data-module="newsletterForm"] .form-content .form-wrapper button span.submit-label { z-index: 5; } [data-module="newsletterForm"] .form-content .form-wrapper button span.submit-wait { position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="newsletterForm"] .form-content .form-answer { display: block; width: auto; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="newsletterForm"] .form-content .form-answer p { display: inline-block; padding: 18px; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; color: #000; text-align: center; } [data-module="newsletterForm"] .form-content #formOptin { font-size: 12px; color: rgba(40, 40, 40, 0.8); margin-top: 10px; margin-bottom: 10px; } [data-module="newsletterForm"] .form-content #formOptin a[data-valid] { display: inline-block; position: relative; top: 1px; background: #fff; width: 13px; height: 13px; border: 1px solid #c1c1c1; } [data-module="newsletterForm"] .form-content #formOptin a[data-valid]:after { display: block; content: ""; position: absolute; pointer-events: none; width: 7px; height: 5px; border: 0 none; background: transparent; border-left: 2px solid #000; border-bottom: 2px solid #000; left: 2px; top: 2px; -ms-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="newsletterForm"] .form-content #formOptin a[data-valid="1"]:after { -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); } [data-module="newsletterForm"] .form-content #formOptin p { display: inline-block; margin-left: 10px; } [data-module="newsletterForm"] .form-content #formOptin p a { text-decoration: underline; } [data-module="newsletterForm"].sending .form-content .form-wrapper button span.submit-label { opacity: 0 !important; } [data-module="newsletterForm"].sending .form-content .form-wrapper button span.submit-wait { opacity: 1 !important; } [data-module="newsletterForm"].validation.not-valid input[type="text"] { border-color: red; } [data-module="newsletterForm"].validation.not-valid #formOptin p, [data-module="newsletterForm"].validation.not-valid #formOptin p a { color: red; } [data-module="newsletterForm"].sended .form-content .form-answer { opacity: 1 !important; } [data-module="newsletterForm"].sended .form-content .form-answer p:empty:before { content: "Grazie / Thank you"; color: green; } @media (max-width: 992px) { [data-module="newsletterForm"] form { position: relative; } [data-module="newsletterForm"] .form-content .form-wrapper { width: 100%; padding-right: 96px; } [data-module="newsletterForm"] .form-content .form-wrapper input { width: 100%; } [data-module="newsletterForm"] .form-content .form-wrapper button { position: absolute; right: 0; } } [data-module="breadcrumbs"] { display: none; padding-bottom: 20px; border-bottom: 1px solid hsla(0, 0%, 72%, 0.25); } [data-module="breadcrumbs"], [data-module="breadcrumbs"] ul { width: 100%; float: left; } [data-module="breadcrumbs"] li, [data-module="breadcrumbs"] ul { padding: 0; margin: 0; list-style: none; } [data-module="breadcrumbs"] ul { height: 25px; line-height: 25px; } [data-module="breadcrumbs"] li, [data-module="breadcrumbs"] li a { display: inline-block; color: #838383; font-size: 16px; font-size: 1em; font-size: 1rem; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; font-family: Open Sans, sans-serif; font-weight: 400; height: 25px; line-height: 25px; transition: color 0.3s ease-out; } [data-module="breadcrumbs"] li.logo { position: relative; top: 0; left: 0; height: 100%; display: inline-block; } [data-module="breadcrumbs"] li.logo a { -ms-transform: translateY(3px); transform: translateY(3px); text-decoration: none; } [data-module="breadcrumbs"] li:after { display: inline-block; content: ""; margin-left: 10px; margin-right: 5px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E919" !important; } [data-module="breadcrumbs"] li:last-of-type a { color: #282828; } [data-module="breadcrumbs"] li:last-of-type:after { display: none; } [data-module="breadcrumbs"] li.logo span { font-size: 24px; font-size: 1.5em; font-size: 1.5rem; } .no-touch [data-module="breadcrumbs"] a:hover { color: #000; } @media (min-width: 992px) { [data-module="breadcrumbs"] { padding-bottom: 30px; padding-top: 30px; display: block; } } [data-module="breadcrumbs"][data-type="top"] { padding: 5px 90px; margin-bottom: 30px; border-bottom: none; } [data-page="about"] [data-module="breadcrumbs"][data-type="top"], [data-page="news"] [data-module="breadcrumbs"][data-type="top"], [data-page="references"] [data-module="breadcrumbs"][data-type="top"], [data-page="search"] [data-module="breadcrumbs"][data-type="top"], [data-page="solutions"] [data-module="breadcrumbs"][data-type="top"] { padding: 0; position: absolute; margin-top: -20px; left: 0; width: auto; } [data-page="single_collection"] [data-module="breadcrumbs"][data-type="top"] { padding: 30px 4% 0 54px; padding-left: 54px; } [data-module="breadcrumbs"][data-type="top_slide"] { position: absolute; top: 75px; left: 0; z-index: 123; padding: 5px 90px; margin-bottom: 30px; border-bottom: none; } [data-module="breadcrumbs"][data-type="top_slide"] li, [data-module="breadcrumbs"][data-type="top_slide"] li a { color: hsla(0, 0%, 100%, 0.5); } [data-module="breadcrumbs"][data-type="top_slide"] li:last-of-type a { color: hsla(0, 0%, 100%, 0.8); } html.brandHeader [data-module="breadcrumbs"][data-type="top_slide"] { top: 132px; } html.brandHeader [data-module="breadcrumbs"][data-type="top_slide"].force-top { top: 75px; } [data-module="breadcrumbs"] span { display: inline-block; } [data-module="breadcrumbs"] span:first-letter { text-transform: uppercase; } .footer-breadcrumbs [data-module="breadcrumbs"], [data-page="home"] [data-module="breadcrumbs"], [data-page="search"] [data-module="breadcrumbs"] { display: none !important; } [data-module="footerMenu"] { padding: 80px 9%; padding-bottom: 60px; float: left; width: 100%; } [data-module="footerMenu"] li, [data-module="footerMenu"] ul { padding: 0; margin: 0; list-style: none; } [data-module="footerMenu"] li { font-size: 14px; font-size: 0.875em; font-size: 0.875rem; margin-bottom: 20px; } [data-module="footerMenu"] li a { color: #282828; text-decoration: none; position: relative; } [data-module="footerMenu"] li a:after { content: ""; display: inline-block; background: #8d8d8d; width: 100%; height: 2px; position: absolute; left: 0; bottom: -3px; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0 0; transform-origin: 0 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: 0.1s; } [data-module="footerMenu"] li.hasSubmenu li { font-size: 14px; font-size: 0.875em; font-size: 0.875rem; } [data-module="footerMenu"] li.hasSubmenu li a { color: #838383; text-decoration: none; } [data-module="footerMenu"] li.hasSubmenu li a:after { background: hsla(0, 0%, 51%, 0.6); } [data-module="footerMenu"] li.hasSubmenu .sub-menu, [data-module="footerMenu"] li.hasSubmenu .subMenu { margin-top: 40px; } [data-module="footerMenu"] li.hasSubmenu .sub-menu li, [data-module="footerMenu"] li.hasSubmenu .subMenu li { margin-bottom: 20px; } [data-module="footerMenu"] li.hasNotSubmenu a:after { display: none; } [data-module="footerMenu"] li.hasNotSubmenu:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E919" !important; font-size: 10px; float: none; -ms-transform: translateX(-4px); transform: translateX(-4px); color: #8d8d8d; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); display: inline-block; margin-left: 20px; } [data-module="footerMenu"] li.hasNotSubmenu:hover:after { -ms-transform: translateX(0); transform: translateX(0); } html.no-touch [data-module="footerMenu"] li.hasSubmenu a:hover { text-decoration: none; } html.no-touch [data-module="footerMenu"] li.hasSubmenu a:hover:after, html.no-touch [data-module="footerMenu"] li.hasSubmenu li a:hover:after { -ms-transform: scaleX(1); transform: scaleX(1); } @media (max-width: 992px) { [data-module="footerMenu"] { display: none; } } #footer { float: left; width: 100%; background-color: #282828; padding: 80px 0; } #footer li, #footer ul { margin: 0; padding: 0; list-style: none; } #footer .footer-col-logo { font-size: 30px; } #footer .footer-col-logo a { text-decoration: none; } #footer .footer-col-menu { opacity: 0.8; } #footer .footer-col-menu li { width: 50%; float: left; margin-bottom: 20px; } #footer .footer-col-menu li a { font-size: 12px; font-size: 0.75em; font-size: 0.75rem; color: #b6b6b6; text-decoration: none; position: relative; } #footer .footer-col-menu li a:after { content: ""; display: inline-block; background: hsla(0, 0%, 51%, 0.6); width: 100%; height: 2px; position: absolute; left: 0; bottom: -3px; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0 0; transform-origin: 0 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: 0.1s; } html.no-touch #footer .footer-col-menu li a:hover:after { -ms-transform: scaleX(1); transform: scaleX(1); } #footer .footer-col-legal { opacity: 0.6; margin-top: 25px; } #footer .footer-col-legal p { font-size: 14px; font-size: 0.875em; font-size: 0.875rem; color: #b6b6b6; text-decoration: none; line-height: 1em; margin: 0; } #footer .footer-col-login { opacity: 0.8; } #footer .footer-col-login a { font-size: 14px; font-size: 0.875em; font-size: 0.875rem; color: #b6b6b6; text-decoration: none; line-height: 1em; margin: 0; } #footer .footer-col-login a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E919" !important; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; display: inline-block; margin-left: 20px; margin-top: 1px; -ms-transform: translateX(0); transform: translateX(0); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #footer .footer-col-login a:hover:after { -ms-transform: translateX(4px); transform: translateX(4px); } #footer .footer-col-lang { opacity: 0.8; position: relative; overflow: hidden; cursor: pointer; } #footer .footer-col-lang select { width: 200px; height: 18px; outline: none; -webkit-appearance: none; border-radius: 0; border: 0; margin: 1px 0; background-color: #666; color: #fff; cursor: pointer; } #footer .footer-col-lang select option { color: #fff; } #footer .footer-col-lang select:-moz-focusring { color: transparent; text-shadow: none; border: 0; } #footer .footer-col-lang a { cursor: pointer; pointer-events: none; background-color: #282828; position: absolute; top: 0; display: block; width: 200px; height: 22px; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; color: #b6b6b6; text-decoration: none; line-height: 1em; margin: 0; } #footer .footer-col-lang a:after { display: inline-block; position: relative; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91B" !important; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); font-size: 10px; font-size: 0.625em; font-size: 0.625rem; margin-left: 20px; -ms-transform: translateY(0); transform: translateY(0); } html.no-touch #footer .footer-col-lang:hover a:after { -ms-transform: translateY(4px); transform: translateY(4px); } @media (max-width: 992px) { #footer .footer-col-logo { text-align: center; margin-bottom: 1em; } #footer .footer-col-menu { margin-bottom: 1em; } #footer .footer-col-lang { margin-bottom: 1em; clear: both; } #footer .footer-col-lang a, #footer .footer-col-lang select { margin: 0.5em 0; } #footer .footer-col-legal p { line-height: 1.2em; } #footer .container-fluid .cols.col-sm-12.col-md-6 { float: left; width: 100%; } } #browsehappy { background-color: #f3f3f3; position: fixed; z-index: 99999999; left: 0; top: 0; width: 100%; height: 100%; } #browsehappy .close { width: 100%; height: 100px; text-align: center; } #browsehappy .close a { display: inline-block; float: none; } #browsehappy header { width: 100%; height: 100px; text-align: center; font-size: 50px; } #browsehappy .content { width: 74%; left: 50%; margin-left: -37%; position: absolute; top: 50%; } #browsehappy .content p { width: 100%; text-align: center; } [data-module="list_linear"] { padding: 0; } [data-module="collectionBlock"] { padding-left: 0; padding-right: 0; margin-top: 20px; margin-bottom: 60px; float: left; width: 100%; clear: left; } [data-module="collectionBlock"] .title_sm_black { font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; color: #000; margin-bottom: 2px; margin-top: 20px; } [data-module="collectionBlock"] .title_sm_grey { font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; color: #666; } .no_clear [data-module="collectionBlock"] { clear: none; } .linear_blocks [data-module="collectionBlock"] { margin-top: 0; margin-bottom: 100px; } .hover [data-module="collectionBlock"] { color: #303030; text-decoration: none; } [data-module="collectionBlock"] a { display: block; float: left; width: 100%; text-decoration: none; } [data-module="collectionBlock"] a:hover { text-decoration: none; } [data-module="collectionBlock"].col-md-4:nth-of-type(3n) { clear: right; } [data-module="collectionBlock"].col-md-4:nth-of-type(3n + 2) { clear: none; } [data-module="collectionBlock"].revealed { opacity: 1; } [data-module="collectionBlock"] img, [data-module="collectionBlock"] img.onPreloaded { display: none !important; } [data-module="collectionBlock"] figure { perspective: 1000px; } [data-module="collectionBlock"] .cont, [data-module="collectionBlock"] figure { display: block; position: relative; -webkit-backface-visibility: hidden; margin: 0; padding: 0; } [data-module="collectionBlock"] .cont { overflow: hidden; will-change: transform; background-color: rgba(0, 0, 0, 0.08); } [data-module="collectionBlock"] .collectionBlock-over { width: 100%; height: 100%; background-color: inherit; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; position: absolute; top: 0; left: 0; } [data-module="collectionBlock"] figcaption { float: left; margin-top: 10px; } [data-module="collectionBlock"] figcaption h4 { font-family: Open Sans, sans-serif; font-weight: 400; color: #282828; margin-bottom: 9px; font-size: 16px; font-size: 1em; font-size: 1rem; margin: 0; padding: 0; margin-top: 7px; } [data-module="collectionBlock"] figcaption h4:first-letter { text-transform: uppercase; } [data-module="collectionBlock"] figcaption h4 span { opacity: 0.8; text-transform: uppercase; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; } [data-module="collectionBlock"] figcaption h4 span:first-letter { text-transform: uppercase; } [data-module="collectionBlock"] figcaption h4 span:before { content: " / "; } [data-module="collectionBlock"] figcaption p { font-family: Open Sans, sans-serif; font-weight: 400; font-size: 16px; font-size: 1em; font-size: 1rem; margin: 0; padding: 0; margin-top: 5px; color: #838383; overflow-y: hidden; height: 2em; line-height: 1em; } [data-module="collectionBlock"] .collectionBlock-container { float: left; width: 100%; } [data-module="collectionBlock"] .collectionBlock-img-wrapper { float: left; width: 100%; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); will-change: opacity; opacity: 0; -webkit-backface-visibility: hidden; } [data-module="collectionBlock"] .collectionBlock-img-wrapper:before { content: ""; display: block; padding-top: 100%; } [data-module="collectionBlock"] .collectionBlock-img-wrapper.onPreloaded { opacity: 1; } [data-module="collectionBlock"] .collectionBlock-img-wrapper.onPreloaded .collectionBlock-over { -ms-transform: scaleX(0); transform: scaleX(0); } [data-module="collectionBlock"] .collectionBlock-text { float: left; position: relative; width: 100%; padding-bottom: 100%; } [data-module="collectionBlock"] .collectionBlock-text .cont-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background: #000; color: #fff; text-align: center; font-family: Open Sans, sans-serif; font-weight: 400; } [data-module="collectionBlock"] .collectionBlock-text .cont-text h4 { display: block; position: absolute; top: 50%; left: 0; padding: 0 25%; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 10px; font-size: 0.625em; font-size: 0.625rem; line-height: 1.5em; text-transform: uppercase; letter-spacing: 2px; font-family: Open Sans, sans-serif; font-weight: 600; } [data-module="collectionBlock"] .collectionBlock-text .cont-text i { display: block; position: absolute; width: 100%; box-sizing: border-box; bottom: 20px; left: 0; padding: 0 25%; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; color: hsla(0, 0%, 100%, 0.6); font-style: normal; } html.no-touch [data-module="collectionBlock"] .collectionBlock-text:focus .cont-text, html.no-touch [data-module="collectionBlock"] .collectionBlock-text:hover .cont-text { background: rgba(0, 0, 0, 0.7); } @media (min-width: 992px) { [data-module="collectionBlock"] { padding-left: 30px !important; padding-right: 30px !important; margin-top: 80px; margin-bottom: 0; padding-bottom: 0; } .linear_blocks [data-module="collectionBlock"] { margin-top: 20px; margin-bottom: 80px; padding-left: 23px !important; padding-right: 23px !important; } [data-page="search"] [data-module="collectionBlock"] { margin-top: 50px; margin-bottom: 30px; } } @media (max-width: 992px) { [data-module="collectionBlock"].col-md-3.col-sm-12, [data-module="collectionBlock"].col-md-4.col-sm-12 { clear: none !important; width: 50%; } } @media (max-width: 600px) { [data-module="collectionBlock"].col-md-3.col-sm-12, [data-module="collectionBlock"].col-md-4.col-sm-12 { clear: none !important; width: 100%; } } [data-module="collectionBlock"] .new-collection { left: 30px; top: 0; display: block; width: auto; height: 30px; background: #fff; position: absolute; } [data-module="collectionBlock"] .new-collection span { display: inline-block; padding-right: 30px; color: #333; top: 1px; left: 15px; font-size: 10px; font-size: 9px; position: relative; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .solution_archive [data-module="collectionBlock"] figcaption h4, .solutions_single [data-module="collectionBlock"] figcaption h4 { min-height: 45px; overflow-y: hidden; height: 45px; } [data-page="search"] [data-module="collectionBlock"] { clear: none; float: left; } .collezioni.casa-dolce-casa-casamood [data-module="collectionBlock"] figcaption p, .collezioni.casa-dolce-casa [data-module="collectionBlock"] figcaption p, .collezioni.casadolcecasa-casamood [data-module="collectionBlock"] figcaption p, .collezioni.cedit [data-module="collectionBlock"] figcaption p, .collezioni.cerim [data-module="collectionBlock"] figcaption p, .collezioni.floorgres [data-module="collectionBlock"] figcaption p, .collezioni.florimstone [data-module="collectionBlock"] figcaption p, .collezioni.rex [data-module="collectionBlock"] figcaption p, .collezioni.stone [data-module="collectionBlock"] figcaption p { display: none !important; } [data-module="collectionBlock"].filter-active { display: none; } [data-module="collectionBlock"].filter-active.filter-selected { display: block; clear: none; } [data-module="collectionBlock"].filter-active.filter-selected .img_out { opacity: 1 !important; top: 0 !important; } [data-module="inlineBlock"] { padding-left: 0; padding-right: 0; display: inline-block; vertical-align: bottom; width: auto; clear: left; margin: 20px 30px 60px; } [data-module="inlineBlock"] figcaption { float: left; margin-top: 20px; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="inlineBlock"] figcaption h4 { color: #282828; margin-bottom: 9px; } [data-module="inlineBlock"] figcaption h4, [data-module="inlineBlock"] figcaption p { font-family: Open Sans, sans-serif; font-weight: 400; font-size: 16px; font-size: 1em; font-size: 1rem; margin: 0; padding: 0; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; } [data-module="inlineBlock"] figcaption p { color: #838383; } @media (max-width: 992px) { #decori_items [data-module="inlineBlock"] .inlineBlock-img-wrapper img { max-width: 100% !important; } } #cookies { display: none; background-color: #f3f3f3; position: fixed; z-index: 99999999; left: 0; bottom: 0; width: 100%; height: auto; padding: 20px; } #cookies .close { position: relative; float: right; right: 0; } #cookies .close a { float: right; } #cookies .content { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } #cookies .content p { width: 100%; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; margin: 0; } #cookies .content p a { color: #000; text-decoration: underline; } @media (max-width: 992px) { #cookies .content { position: relative; top: 0; -ms-transform: translateY(0); transform: translateY(0); } #cookies .col { width: 100%; } #cookies .close { float: left; margin-top: 15px; } #cookies .close a { float: none; margin: 0 auto; } } nav#inpage { height: 57px; width: 100%; background: #f3f3f3; float: left; } nav#inpage [data-comp="inpage-menu"] { height: 57px; width: 100%; z-index: 999; } nav#inpage [data-comp="inpage-menu"] .inpage__menu { display: none; width: 80%; height: 100%; background-color: #dedede; } nav#inpage [data-comp="inpage-menu"] .inpage__menu li, nav#inpage [data-comp="inpage-menu"] .inpage__menu ul { padding: 0; margin: 0; list-style: none; float: left; height: 100%; width: 100%; } nav#inpage [data-comp="inpage-menu"] .inpage__menu li { position: relative; width: 160px; height: 100%; height: 60px; display: inline-block; padding-left: 10px; padding-right: 10px; } nav#inpage [data-comp="inpage-menu"] .inpage__menu li a { display: table; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: rgba(40, 40, 40, 0.45); font-family: Open Sans, sans-serif; text-transform: uppercase; font-weight: 600; text-decoration: none; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; line-height: 1.2em; letter-spacing: 2px; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); } nav#inpage [data-comp="inpage-menu"] .inpage__menu li a:hover { color: #282828; } nav#inpage [data-comp="inpage-menu"] .inpage__menu li a span { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } nav#inpage [data-comp="inpage-menu"] .inpage__menu li.current-menu-item a, nav#inpage [data-comp="inpage-menu"] .inpage__menu li.current_page_item a { color: #282828 !important; text-decoration: underline; } nav#inpage [data-comp="inpage-menu"] .inpage__menu li:after { content: ""; display: none; position: absolute; top: 50%; right: 0; margin: -10px 0; width: 1px; height: 20px; background: rgba(40, 40, 40, 0.1); } @media (min-width: 992px) { nav#inpage [data-comp="inpage-menu"] .inpage__menu li:after { display: block; } } nav#inpage [data-comp="inpage-menu"] .inpage__menu li:first-child:before { content: ""; display: none; position: absolute; top: 50%; left: 0; margin: -10px 0; width: 1px; height: 20px; background: rgba(40, 40, 40, 0.1); } @media (min-width: 992px) { nav#inpage [data-comp="inpage-menu"] .inpage__menu li:first-child:before { display: block; } } nav#inpage [data-comp="inpage-menu"] .inpage__menu.current { color: #282828; } @media (min-width: 992px) { nav#inpage [data-comp="inpage-menu"] .inpage__menu { display: block; width: 100%; text-align: center; } nav#inpage [data-comp="inpage-menu"] .inpage__menu ul { display: inline-block; float: none; width: auto; } } nav#inpage [data-comp="inpage-menu"] .inpage__menu.open { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: hsla(0, 0%, 95%, 0.5); z-index: 10000; } nav#inpage [data-comp="inpage-menu"] .inpage__menu.open ul { display: block; position: relative; padding: 5%; background: #f3f3f3; top: 50%; left: 10%; width: 80%; height: auto; margin-top: -100px; -ms-transform: translateY(-50%); transform: translateY(-50%); } nav#inpage [data-comp="inpage-menu"] .inpage__menu.open ul li { text-align: center; width: 100%; padding-top: 20px; padding-bottom: 20px; } nav#inpage [data-comp="inpage-menu"] .inpage__mobile_toggle { width: 100%; height: 100%; display: table; } nav#inpage [data-comp="inpage-menu"] .inpage__mobile_toggle a { background-color: #f3f3f3; display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; position: relative; font-size: 10px; color: rgba(40, 40, 40, 0.45); font-weight: 400; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; } nav#inpage [data-comp="inpage-menu"] .inpage__mobile_toggle a:before { display: block; content: ""; width: 100%; height: 1px; background: #f3f3f3; position: absolute; top: 50%; left: 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform: scaleX(0); transform: scaleX(0); } nav#inpage [data-comp="inpage-menu"] .inpage__mobile_toggle a:after { content: "\E91B" !important; display: inline-block; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; margin-left: 10px; position: relative; top: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg); } nav#inpage [data-comp="inpage-menu"] .inpage__mobile_toggle a.open:before { -ms-transform: scaleX(1); transform: scaleX(1); } @media (min-width: 992px) { nav#inpage [data-comp="inpage-menu"] .inpage__mobile_toggle { display: none !important; } } @media (max-width: 1200px) { nav#inpage [data-comp="inpage-menu"] .inpage__menu li { width: 130px; } nav#inpage [data-comp="inpage-menu"] .inpage__menu li a { font-size: 9px; font-size: 0.5625em; font-size: 0.5625rem; } } [data-module="tabItem"] { display: none; } [data-module="tabItem"].current_tab { display: block; } [data-module="tabItem"] .footnote[data-module="typo"] { background-color: #fff; border-top: 1px solid #d8d1c9; color: #666; } [data-module="tabItem"] .transparent[data-module="blocks"] { background-color: #eae3db; border-top: 1px solid #d8d1c9; color: #666; padding: 90px 0; } [data-module="tabItem"] .transparent[data-module="blocks"] .cols { text-align: right; } [data-module="tabItem"] .transparent[data-module="blocks"] a { display: inline-block; } [data-module="tabItem"] .transparent[data-module="blocks"] [data-comp="button_line"] { float: none; } [data-module="tabItem"] .transparent[data-module="blocks"].custom-padding { padding-bottom: 20px; padding-top: 20px; } [data-module="tabItem"][tab-name="#decori"] img { max-width: 100%; } [data-module="typo"] { float: left; width: 100%; } [data-module="typo"] p { font-family: Open Sans, sans-serif; font-weight: 400; color: rgba(40, 40, 40, 0.4); margin: 0.5em 0; } [data-module="typo"] p a { color: rgba(40, 40, 40, 0.4); transition: all 0.25s ease-out; } [data-module="typo"] p a:hover { color: rgba(40, 40, 40, 0.8); } [data-module="typo"].title { font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 18px; font-size: 1.125em; font-size: 1.125rem; font-size: 24px; font-size: 1.5em; font-size: 1.5rem; margin-bottom: 20px; margin-top: 10px; } [data-module="typo"].title.micro { font-size: 12px; font-size: 0.75em; font-size: 0.75rem; } [data-module="typo"].footnote, [data-module="typo"].text { font-family: Open Sans, sans-serif; font-weight: 400; color: #838383; font-size: 16px; font-size: 1em; font-size: 1rem; line-height: 24px; } [data-module="typo"].footnote { padding: 10px 20px; text-align: justify; } @media (min-width: 992px) { [data-module="typo"].footnote { padding: 10px 90px; } } [data-module="typo"].footnote.micro { font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; } [data-module="typo"].text.column-2 { -moz-column-count: 1; column-count: 1; } [data-module="typo"].text.column-2.column-gutter { -moz-column-gap: 0; column-gap: 0; } @media (min-width: 992px) { [data-module="typo"].text.column-2 { -moz-column-count: 2; column-count: 2; } [data-module="typo"].text.column-2.column-gutter { -moz-column-gap: 90px; column-gap: 90px; } [data-module="typo"].title { margin: 0; } } [data-module="typo"].gamma-color-notes { background-color: transparent !important; border: 0 none transparent !important; display: none; } @media (min-width: 992px) { [data-module="typo"].gamma-color-notes { width: 50%; display: block; padding: 60px; } } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; transition: opacity 0.2s; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { width: 44px; height: 44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp__button--zoom { display: none; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: 0; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 16px; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ""; top: 50%; height: 34px; width: 34px; margin: -17px 0; position: absolute; color: #303030; font-size: 30px; font-size: 1.875em; font-size: 1.875rem; } .pswp__button--arrow--right:before { content: "\E90C"; right: 10px; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 25px; } .pswp__button--arrow--left:before { content: "\E90B"; left: 10px; } .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #fff; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -ms-transform: translateY(6px); transform: translateY(6px); transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a, .pswp__share-tooltip a:hover { color: #000; text-decoration: none; } .pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -ms-transform: translateY(0); transform: translateY(0); } .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #fff; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3e5c9a; color: #fff; } a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a; } a.pswp__share--twitter:hover { background: #55acee; color: #fff; } a.pswp__share--pinterest:hover { background: #ccc; color: #ce272d; } a.pswp__share--download:hover { background: #ddd; } .pswp__counter { position: absolute; left: 60px; top: 15px; height: 44px; font-size: 13px; line-height: 44px; color: #6e6e6e; opacity: 1; padding: 0 10px; } .pswp__caption { position: absolute; left: 0; top: 0; width: 100%; min-height: 44px; z-index: 10; } .pswp__caption small { font-size: 11px; color: #303030; } .pswp__caption a { transition: color 0.25s ease-out; color: #303030; } .pswp__caption a:hover { color: #6e6e6e; text-decoration: underline; } .pswp__caption__center { text-align: left; max-width: 80%; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #303030; font-family: Open Sans, sans-serif; font-weight: 600; text-align: center; text-transform: uppercase; } .pswp__caption--empty { display: none; } .pswp__caption--fake { visibility: hidden; } .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp--css_animation .pswp__preloader--active, .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { animation: g 0.5s linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { animation: h 1s cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: 50%; top: auto; margin: 0; float: right; } } @keyframes g { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } @keyframes h { 0% { transform: rotate(0); } 50% { transform: rotate(-140deg); } to { transform: rotate(0); } } .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar { -webkit-backface-visibility: hidden; will-change: opacity; transition: opacity 0 cubic-bezier(0.4, 0, 0.22, 1); transition-delay: 0s; } .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar { transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition-delay: 1s; opacity: 1; } .pswp__ui--hidden .pswp--has_mouse .pswp__button--arrow--left, .pswp__ui--hidden .pswp--has_mouse .pswp__button--arrow--right, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar { opacity: 0; } .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { opacity: 0.001; will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { cursor: zoom-in; } .pswp img { object-fit: contain; } .pswp__zoom-wrap img.forceLandscape { height: auto !important; } .pswp__zoom-wrap img.forcePortrait { width: auto !important; } .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: grab; } .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: grabbing; } .pswp__bg { background: #000; opacity: 0; -webkit-backface-visibility: hidden; } .pswp__bg, .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); } .pswp__zoom-wrap { position: absolute; width: 100%; -ms-transform-origin: left top; transform-origin: left top; transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img, .pswp__item { position: absolute; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #ccc; } .pswp__error-msg a { color: #ccc; text-decoration: underline; } [data-module="overlay"] .pswp__bg { background-color: #fff; } [data-module="overlay"] .pswp__button--fs, [data-module="overlay"] .pswp__button--share, [data-module="overlay"] .pswp__button--zoom, [data-module="overlay"] .pswp__counter { display: none; } [data-module="overlay"] .pswp__counter { display: block; } [data-module="overlay"] .pswp__ui--one-slide .pswp__button--arrow--left, [data-module="overlay"] .pswp__ui--one-slide .pswp__button--arrow--right, [data-module="overlay"] .pswp__ui--one-slide .pswp__counter { display: none; } [data-module="overlay"] .pswp__ui--fit .pswp__caption, [data-module="overlay"] .pswp__ui--fit .pswp__top-bar { background-color: transparent; } [data-module="overlay"] .pswp__top-bar { height: 100px; z-index: 1; } [data-module="overlay"] .pswp__button--arrow--left, [data-module="overlay"] .pswp__button--arrow--right { width: 50%; height: 100%; position: absolute; top: 0; } [data-module="overlay"] .pswp__button--arrow--left:before, [data-module="overlay"] .pswp__button--arrow--right:before { display: block; } [data-module="overlay"] .pswp__button--arrow--left { left: 10px; } [data-module="overlay"] .pswp__button--arrow--right { right: -5px; } [data-module="overlay"] .pswp__button--close { position: absolute; top: 0; right: 10px; margin: 0; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #303030; background: none; font-size: 30px; font-size: 1.875em; font-size: 1.875rem; -ms-transform: scale(1.5); transform: scale(1.5); -ms-transform-origin: 100% 0; transform-origin: 100% 0; } [data-module="overlay"] .pswp__button--close:after, [data-module="overlay"] .pswp__button--close:before { display: block; content: ""; background: #303030; width: 18px; height: 2px; position: absolute; left: 50%; top: 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } [data-module="overlay"] .pswp__button--close:before { -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } [data-module="overlay"] .pswp__button--close:after { -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } [data-module="overlay"] [data-btn-type="back"].pswp__button--close { right: auto; left: 10px; } [data-module="overlay"] [data-btn-type="back"].pswp__button--close:after, [data-module="overlay"] [data-btn-type="back"].pswp__button--close:before { width: 10px; height: 2px; } [data-module="overlay"] [data-btn-type="back"].pswp__button--close:before { -ms-transform: translateX(-25%) translateY(3px) rotate(45deg); transform: translateX(-25%) translateY(3px) rotate(45deg); } [data-module="overlay"] [data-btn-type="back"].pswp__button--close:after { -ms-transform: translateX(-25%) translateY(-3px) rotate(-45deg); transform: translateX(-25%) translateY(-3px) rotate(-45deg); } [data-module="overlay"] .pswp-btn-next { display: none; } [data-module="article"] .text table a { color: rgba(40, 40, 40, 0.8); } [data-module="article"] { position: relative; width: 100%; overflow: hidden; margin: 0; padding: 70px 0; background: #fff; } [data-module="article"] .add-hover:hover { cursor: hand; cursor: pointer; } [data-module="article"] .googleMap { width: 93%; height: 500px; min-height: 500px; margin-left: -15px; margin-right: -15px; } [data-module="article"].grey { background: #f3f3f3; } [data-module="article"] .row { padding: 0; } @media (min-width: 992px) { [data-module="article"] .row.extraPaddingBottom { padding-bottom: 100px; } } [data-module="article"] .text { padding: 0 21%; margin-bottom: 100px; font-family: Open Sans, sans-serif; font-weight: 400; } [data-module="article"] .text h1, [data-module="article"] .text h2, [data-module="article"] .text h3 { color: #303030; } [data-module="article"] .text h1 { margin-left: -45%; font-weight: 400; font-size: 40px; font-size: 2.5em; font-size: 2.5rem; line-height: 1.2em; margin-bottom: 1em; } [data-module="asider"] [data-module="article"] .text h1 { margin-left: -20%; } [data-module="article"] .text h2 { margin-left: -45%; font-weight: 400; font-size: 25px; font-size: 1.5625em; font-size: 1.5625rem; line-height: 1.2em; margin-bottom: 90px; width: 145%; } @media (min-width: 992px) { [data-module="asider"] [data-module="article"] .text h2 { margin-left: -20%; } } [data-module="article"] .text h2.pretitle { margin-bottom: -90px; } @media (min-width: 992px) { [data-module="article"] .text h2.pretitle { margin-bottom: -150px; } } [data-module="article"] .text h3 { font-family: Open Sans, sans-serif; font-weight: 600; font-weight: 700; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; line-height: 1.2em; text-transform: uppercase; margin-top: 100px; letter-spacing: 2px; } [data-module="article"] .text > h3 { margin-top: 50px; } [data-module="article"] .text b, [data-module="article"] .text strong { color: #888; } [data-module="article"] .text p { color: #6e6e6e; font-size: 16px; font-size: 1em; font-size: 1rem; line-height: 1.55em; margin: 1.5em 0; } [data-module="article"] .text p a { color: #6e6e6e; text-decoration: underline; } html.no-touch [data-module="article"] .text p a:hover { color: #0a0a0a; } [data-module="article"] .text ol, [data-module="article"] .text ul { color: #6e6e6e; padding: 0 0 0 30px; list-style: none; } [data-module="article"] .text ol li, [data-module="article"] .text ul li { margin: 12px 0; color: #6e6e6e; } [data-module="article"] .text ol li:before, [data-module="article"] .text ul li:before { content: "\2022"; display: block; position: relative; max-width: 0; max-height: 0; top: -5px; left: -30px; color: #56a84c; font-size: 30px; line-height: 1em; } [data-module="article"] .text ol a, [data-module="article"] .text ul a { color: #6e6e6e; text-decoration: underline; } html.no-touch [data-module="article"] .text ol a:hover, html.no-touch [data-module="article"] .text ul a:hover { color: #0a0a0a; } [data-module="article"] .text ol.green li:before, [data-module="article"] .text ul.green li:before { color: #56a84c; } [data-module="article"] .text a.arrow, [data-module="article"] .text a.download, [data-module="article"] .text a.link, [data-module="article"] .text a.no-icon { display: inline-block; text-decoration: none; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); color: #555; position: relative; padding-right: 30px; } [data-module="article"] .text a.arrow:after, [data-module="article"] .text a.download:after, [data-module="article"] .text a.link:after, [data-module="article"] .text a.no-icon:after { display: inline-block; position: absolute; right: 0; top: 50%; margin: -3px 0; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E157" !important; margin-left: 10px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; } [data-module="article"] .text a.arrow.btn, [data-module="article"] .text a.download.btn, [data-module="article"] .text a.link.btn, [data-module="article"] .text a.no-icon.btn { display: inline-block; position: relative; text-decoration: none; float: none; clear: both; width: auto; color: #6e6e6e; border: 1px solid #6e6e6e; border-radius: 0; margin: 5px 0; background-color: #fff; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; text-transform: uppercase; padding: 16px; } [data-module="article"] .text a.arrow.btn:after, [data-module="article"] .text a.download.btn:after, [data-module="article"] .text a.link.btn:after, [data-module="article"] .text a.no-icon.btn:after { margin: -3px 0; margin-left: 20px; position: relative; top: 50%; font-size: 10px; } [data-module="article"] .text a.arrow.btn:before, [data-module="article"] .text a.download.btn:before, [data-module="article"] .text a.link.btn:before, [data-module="article"] .text a.no-icon.btn:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #6e6e6e; opacity: 0.5; -ms-transform: scaleY(0); transform: scaleY(0); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } html.no-touch [data-module="article"] .text a.arrow.btn:focus, html.no-touch [data-module="article"] .text a.arrow.btn:hover, html.no-touch [data-module="article"] .text a.download.btn:focus, html.no-touch [data-module="article"] .text a.download.btn:hover, html.no-touch [data-module="article"] .text a.link.btn:focus, html.no-touch [data-module="article"] .text a.link.btn:hover, html.no-touch [data-module="article"] .text a.no-icon.btn:focus, html.no-touch [data-module="article"] .text a.no-icon.btn:hover { color: #0a0a0a; } html.no-touch [data-module="article"] .text a.arrow.btn:focus:before, html.no-touch [data-module="article"] .text a.arrow.btn:hover:before, html.no-touch [data-module="article"] .text a.download.btn:focus:before, html.no-touch [data-module="article"] .text a.download.btn:hover:before, html.no-touch [data-module="article"] .text a.link.btn:focus:before, html.no-touch [data-module="article"] .text a.link.btn:hover:before, html.no-touch [data-module="article"] .text a.no-icon.btn:focus:before, html.no-touch [data-module="article"] .text a.no-icon.btn:hover:before { -ms-transform: scaleY(1); transform: scaleY(1); } [data-module="article"] .text a.arrow.btn.big, [data-module="article"] .text a.download.btn.big, [data-module="article"] .text a.link.btn.big, [data-module="article"] .text a.no-icon.btn.big { width: 100%; clear: both; padding: 15px 40px 15px 15px; padding-top: 17px; text-align: left; } [data-module="article"] .text a.arrow.btn.big:after, [data-module="article"] .text a.download.btn.big:after, [data-module="article"] .text a.link.btn.big:after, [data-module="article"] .text a.no-icon.btn.big:after { margin-right: 20px; position: absolute; top: 50%; right: 0; left: auto; } [data-module="article"] .text a.link:after { content: "\E927" !important; } [data-module="article"] .text a.download:after { content: "\E926" !important; } [data-module="article"] .text a.arrow:after { font-size: 10px; -ms-transform: translateX(-4px); transform: translateX(-4px); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); content: "\E919" !important; } html.no-touch [data-module="article"] .text a.arrow:focus:after, html.no-touch [data-module="article"] .text a.arrow:hover:after { -ms-transform: translateX(0); transform: translateX(0); } [data-module="article"] .text .no_margin { margin-left: 0; margin-right: 0; } [data-module="article"] .text a.no-icon { padding: 16px !important; } [data-module="article"] .text a.no-icon:after { display: none; } [data-module="article"] .text_in { transition-delay: 0s; } [data-module="article"] .col-img.img_in { transition-delay: 0.2s; } [data-page="references"] [data-module="article"] .text h3 { margin-left: 0; } [data-page="references"] [data-module="article"] a[href="#"] { pointer-events: none; cursor: default; } [data-module="article"] .col-text { position: relative; clear: both; width: 94%; margin: 0 0 0 4%; padding: 0; } [data-module="article"] .col-text header { margin: 0 -15px; } [data-module="article"] .col-text header h2 { font-weight: 400; font-size: 25px; font-size: 1.5625em; font-size: 1.5625rem; line-height: 1.2em; margin-bottom: 2em; } [data-module="article"] .col-text .text { margin: 0 -15px; padding: 0 4% 0 22%; } [data-module="article"] .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 40px 0; } [data-module="article"] .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } [data-module="article"] .col-lg-12 { padding-left: 16%; padding-right: 16%; } [data-module="article"] .col-lg-6 .text { padding: 120px 38% 0 16%; } [data-module="article"] .col-lg-6 .text h1, [data-module="article"] .col-lg-6 .text h2, [data-module="article"] .col-lg-6 .text h3 { margin-left: 0; width: 100%; } [data-module="article"] .col-lg-6 .text.left { text-align: right; padding: 120px 16% 0 38%; } [data-module="article"] .col-sm-5 .contact-content { width: 80%; margin-left: -20%; } [data-module="article"] .col-sm-5 .text h1, [data-module="article"] .col-sm-5 .text h2, [data-module="article"] .col-sm-5 .text h3 { margin-left: 0; } [data-module="article"] .col-lg-7 .text { padding: 120px 40% 80px 11%; } [data-module="article"] .col-lg-7 .text.left { padding: 120px 11% 80px 40%; } [data-module="article"] .col-img { padding-left: 0; padding-right: 0; margin: 0; overflow: hidden; } [data-module="article"] .col-img .cont { display: block; position: relative; overflow: hidden; will-change: transform; -webkit-backface-visibility: hidden; margin: 0; padding: 0; } [data-module="article"] .col-img .cont span { position: absolute; bottom: 17px; right: 17px; opacity: 0; font-size: 20px; font-size: 1.25em; font-size: 1.25rem; line-height: 1em; color: #fff; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.4s; } html.no-touch [data-module="article"] .col-img .cont:focus span, html.no-touch [data-module="article"] .col-img .cont:hover span { opacity: 1; } [data-module="article"] .col-img img { display: block; width: 105%; height: auto; margin: 0; padding: 0; } [data-module="article"] .col-img img[data-img] { will-change: opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="article"] .col-img img[data-img].onPreloaded { opacity: 1; } [data-module="article"] .col-img.img-small { overflow: visible; } [data-module="article"] .col-img.img-small img { width: 84.5%; margin-left: 19.3%; } [data-module="article"] .col-img .col-img.col-lg-6 { margin: 0; } [data-module="article"] .col-img .cont-img { position: relative; clear: both; width: 94%; margin: 0 0 0 4%; padding: 0; padding-bottom: 49.5%; } [data-module="article"] .col-img .cont-img .bck { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="article"] .col-img .cont-img .bck img { display: none; } [data-module="article"] .col-img .cont-img .bck.onPreloaded { opacity: 1; } [data-module="article"] .row.table .text, [data-module="article"] .table-wrapper .text { padding: 0; } [data-module="article"] table { width: 100%; color: #6e6e6e; } [data-module="article"] table th { border: 1px solid #e5e5e5; padding: 10px; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; text-transform: uppercase; background: #f3f3f3; } [data-module="article"] table td { border: 1px solid #e5e5e5; padding: 10px; padding-top: 20px; padding-bottom: 20px; } [data-module="article"] table .empty td { border: 0 none; padding: 0; height: 10px; } [data-module="article"] table td.lines { background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNpsjUEKwDAIBLf4/6fqwatKKySEDXZAkHFZYWaZ+d60eXpEBERVuTtmdnXg1/YOtqp6/oFtRJwcZnYfuJf5BBgAXCeuNf6DhMYAAAAASUVORK5CYII=); background-repeat: repeat; background-size: auto; } [data-module="article"] .table-wrapper { width: 160%; position: relative; left: -30%; margin: 100px 0; } [data-module="article"] .table-wrapper.small { width: 100%; left: 0; margin: 30px 0; } @media (max-width: 992px) { [data-module="article"] .table-wrapper { overflow-x: auto; width: 132%; position: relative; left: -16%; margin: 50px 0; } [data-module="article"] .table-wrapper.small { width: 132%; left: -16%; margin: 50px 0; } } @media (max-width: 992px) { [data-module="article"] .text { padding: 0 8%; margin-bottom: 50px; } [data-module="article"] .text h2, [data-module="article"] .text h3 { margin-left: 0; width: 100%; } [data-module="article"] .col-text { width: 100%; margin: 0; padding: 0 8%; } [data-module="article"] .col-text header { margin: 0; } [data-module="article"] .col-text .text { margin: 0; padding: 0; } [data-module="article"] .col-lg-12 { padding-left: 8%; padding-right: 8%; } [data-module="article"] .col-lg-6 .text, [data-module="article"] .col-lg-6 .text.left { padding: 80px 8% 20px; padding: 50px 8% 20px; } [data-module="article"] .col-img img { width: 100%; } [data-module="article"] .col-img.img-small { overflow: visible; } [data-module="article"] .col-img.img-small img { width: 100%; margin-left: 0; } [data-module="article"] .col-lg-7 .text, [data-module="article"] .col-lg-7 .text.left { padding: 100px 8% 60px; } [data-module="article"] .row.table, [data-module="article"] .row.table .col { margin: 0; padding: 0; } [data-module="article"] .row.table .text { overflow-x: auto; } [data-module="article"] .row.table td { white-space: nowrap; } } @media (max-width: 768px) { [data-module="article"] .googleMap { width: 100%; margin-left: 0; margin-right: 0; } [data-module="article"] .row { padding-top: 0; padding-bottom: 0; } [data-module="article"] .col-sm-5 .contact-content { width: 100%; margin-left: 0; } [data-page="solutions"] [data-module="article"] .text { padding-left: 15px; padding-right: 15px; } [data-page="solutions"] [data-module="article"] .col-lg-12 { padding-top: 30px; padding-bottom: 30px; } } @media (max-width: 992px) { [data-page="single_collection"] [data-module="article"] .col-lg-5 { width: 41.66666667%; } } @media (max-width: 768px) { [data-page="single_collection"] [data-module="article"] .col-lg-5 { width: 100%; } } @media (max-width: 992px) { [data-page="single_collection"] [data-module="article"] .col-lg-7 { width: 58.33333333%; } } @media (max-width: 768px) { [data-page="single_collection"] [data-module="article"] .col-lg-7 { width: 100%; } } [data-module="article"].firstElement { padding-top: 0; padding-bottom: 0; } [data-module="article"].noPaddingTop { padding-top: 0; } [data-module="article"].extraPaddingBottom { padding-bottom: 100px; } [data-module="article"] .row.row-eq-height-flex { width: 100%; padding: 0; margin: 0; } @media (min-width: 992px) { [data-module="article"] .row.row-eq-height-flex { display: -ms-flexbox; display: flex; } } [data-module="article"] .row.row-eq-height-flex .col { padding: 0; margin: 0; } @media (min-width: 992px) { [data-module="article"] .row.row-eq-height-flex .col { -ms-flex: 1; flex: 1; } } [data-module="article"] .row.row-eq-height-flex .col .text { padding: 0; margin: 0; display: table; width: 100%; height: 100%; } [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper { display: table-cell; vertical-align: middle; padding: 6%; padding-bottom: 15%; color: #282828; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); position: relative; } @media (min-width: 992px) { [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper { padding: 0; padding-left: 65px; } } [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper:after { content: ""; display: inline-block; width: 100%; height: 100%; background: #282828; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0.1; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0 0; transform-origin: 0 0; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper:hover, [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper:hover [data-comp="button_line"] b { color: #000; } [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper:hover:after { -ms-transform: scaleX(1); transform: scaleX(1); } [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper [data-comp="button_line"] { display: inline-block; margin-top: 5%; } [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper [data-comp="button_line"] b { transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (min-width: 992px) { [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper [data-comp="button_line"] { margin-top: 0; } } @media (min-width: 992px) { [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper .title { padding-bottom: 25px; } } [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper .title.nuova_collaborazione { padding-bottom: 10px; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; font-weight: 700; color: #000; opacity: 0.4; } @media (min-width: 992px) { [data-module="article"] .row.row-eq-height-flex .col .text.right .article-wrapper { text-align: right; padding-left: 0; padding-right: 65px; } } [data-module="article"] .row.row-eq-height-flex .col .text.right .article-wrapper:after { -ms-transform-origin: 100% 0; transform-origin: 100% 0; left: auto; right: 0; } @media (min-width: 992px) { [data-page="single_collection"] [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper { padding-right: 65px; } [data-page="single_collection"] [data-module="article"] .container-fluid { padding-left: 65px; padding-right: 65px; } } [data-module="article"].archivio-correlati.solutions-progettisti .col-img:hover, [data-page="single_collection"] [data-module="article"].archivio-correlati .col-img:hover { cursor: hand; cursor: pointer; } [data-module="article"].archivio-correlati.solutions-progettisti .col-img.nohover:hover, [data-page="single_collection"] [data-module="article"].archivio-correlati .col-img.nohover:hover { cursor: default !important; } [data-module="article"].archivio-correlati.solutions-progettisti .article-wrapper:after, [data-page="single_collection"] [data-module="article"].archivio-correlati .article-wrapper:after { display: none !important; } [data-module="article"].archivio-correlati.solutions-progettisti .article-wrapper p, [data-page="single_collection"] [data-module="article"].archivio-correlati .article-wrapper p { font-size: 16px; font-size: 1em; font-size: 1rem; line-height: 1.2em; line-height: 1.5em; } @media (min-width: 992px) { [data-module="article"].archivio-correlati.solutions-progettisti { padding-left: 8%; padding-right: 8%; } } [data-module="article"].archivio-correlati.progettista-correlato .col-img:hover { cursor: hand; cursor: pointer; } [data-module="article"].archivio-correlati.progettista-correlato .col-img.nohover:hover { cursor: default !important; } [data-module="article"].archivio-correlati.progettista-correlato .row.row-eq-height-flex .col .text .article-wrapper:after { display: none !important; } @media (min-width: 992px) { [data-module="article"].archivio-correlati.progettista-correlato { padding-left: 8%; padding-right: 8%; } } [data-page="single_collection"] [data-module="article"].author-collections .title { font-size: 20px; font-size: 1.25em; font-size: 1.25rem; } @media (min-width: 992px) { [data-page="single_collection"] [data-module="article"].author-collections .row.row-eq-height-flex .col .text .article-wrapper { padding-right: 130px; } [data-page="single_collection"] [data-module="article"].author-collections .row.row-eq-height-flex .col .text.right .article-wrapper { padding-left: 130px; padding-right: 65px; } } [data-page="single_collection"].single-author [data-module="article"] .row.row-eq-height-flex .title { font-size: 18px; font-size: 1.125em; font-size: 1.125rem; } @media (min-width: 992px) { [data-page="single_collection"].single-author [data-module="article"] .row.row-eq-height-flex .col .text .article-wrapper { padding-right: 130px; } [data-page="single_collection"].single-author [data-module="article"] .row.row-eq-height-flex .col .text.right .article-wrapper { padding-left: 130px; padding-right: 65px; } [data-page="single_collection"].single-author [data-module="article"] .col-lg-7 .text { padding: 120px 30% 80px 11%; } } @media (min-width: 992px) { [data-module="article"] .text p.maybe-empty { display: none; } } @media (max-width: 768px) { [data-page="single_collection"] [tab-name="#panoramica"] > [data-module="article"], [data-page="single_collection"] [tab-name="#panoramica"] > [data-module="article"] article.text { padding-bottom: 0; } } @media (max-width: 768px) { [data-page="about"] [data-module="article"] ol li img, [data-page="about"] [data-module="article"] ul li img { width: 100%; height: auto; } } [data-page="about"] [data-module="article"] ol, [data-page="brandfilter"].collezioni-custom [data-module="article"] ol { list-style: none; } [data-page="about"] [data-module="article"] ol li, [data-page="brandfilter"].collezioni-custom [data-module="article"] ol li { counter-increment: a; } [data-page="about"] [data-module="article"] ol li:before, [data-page="brandfilter"].collezioni-custom [data-module="article"] ol li:before { content: counter(a); display: inline-block; font-size: 14px; line-height: 14px; top: 0; font-weight: 700; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon { display: inline-block; text-decoration: none; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); color: #555; position: relative; padding-right: 30px; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow:after, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download:after, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link:after, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon:after { display: inline-block; position: absolute; right: 0; top: 50%; margin: -3px 0; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E157" !important; margin-left: 10px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow.btn, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download.btn, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link.btn, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon.btn { display: inline-block; position: relative; text-decoration: none; float: none; clear: both; width: auto; color: #6e6e6e; border: 1px solid #6e6e6e; border-radius: 0; margin: 5px 0; background-color: #fff; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; text-transform: uppercase; padding: 16px; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow.btn:after, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download.btn:after, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link.btn:after, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon.btn:after { margin: -3px 0; margin-left: 20px; position: relative; top: 50%; font-size: 10px; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow.btn:before, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download.btn:before, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link.btn:before, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon.btn:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #6e6e6e; opacity: 0.5; -ms-transform: scaleY(0); transform: scaleY(0); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow.btn:focus, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow.btn:hover, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download.btn:focus, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download.btn:hover, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link.btn:focus, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link.btn:hover, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon.btn:focus, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon.btn:hover { color: #0a0a0a; } html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow.btn:focus:before, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow.btn:hover:before, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download.btn:focus:before, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download.btn:hover:before, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link.btn:focus:before, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link.btn:hover:before, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon.btn:focus:before, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon.btn:hover:before { -ms-transform: scaleY(1); transform: scaleY(1); } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow.btn.big, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download.btn.big, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link.btn.big, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon.btn.big { width: 100%; clear: both; padding: 15px 40px 15px 15px; padding-top: 17px; text-align: left; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow.btn.big:after, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download.btn.big:after, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link.btn.big:after, [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon.btn.big:after { margin-right: 20px; position: absolute; top: 50%; right: 0; left: auto; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.link:after { content: "\E927" !important; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.download:after { content: "\E926" !important; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow:after { font-size: 10px; -ms-transform: translateX(-4px); transform: translateX(-4px); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); content: "\E919" !important; } html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow:focus:after, html.no-touch [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.arrow:hover:after { -ms-transform: translateX(0); transform: translateX(0); } [data-page="single_collection"] [data-module="gallery_alternate"] .text p .no_margin { margin-left: 0; margin-right: 0; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon { padding: 16px !important; } [data-page="single_collection"] [data-module="gallery_alternate"] .text p a.no-icon:after { display: none; } html.filterCollection { overflow: hidden; } [data-module="asider"] { float: left; width: 100%; padding-bottom: 10%; position: relative; } [data-module="asider"] aside { width: 100%; float: none; min-height: 100px; position: fixed; z-index: 9997; left: 0; top: 0; height: 100%; overflow: hidden; overflow-y: auto; background-color: #fff; -ms-transform: translateX(-100%); transform: translateX(-100%); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } @media (min-width: 992px) { [data-module="asider"] aside { width: 24%; float: left; position: relative; z-index: auto; left: auto; top: auto; height: auto; overflow: visible; background-color: transparent; -ms-transform: translateX(0) !important; transform: translateX(0) !important; } } @media (min-width: 1200px) { [data-module="asider"] aside { width: 24%; } } @media (min-width: 1440px) { [data-module="asider"] aside { width: 20%; } } .filterCollection [data-module="asider"] aside { -ms-transform: translateX(0); transform: translateX(0); } [data-module="asider"] .abodier { width: 100%; float: left; min-height: 100px; position: relative; } @media (min-width: 992px) { [data-module="asider"] .abodier { width: 76%; float: right; } [data-module="asider"] .abodier [data-module="article"] { padding-left: 9%; padding-right: 9%; } [data-module="asider"] .abodier [data-module="article"] article.text { padding: 0; padding-left: 40px; } [data-module="asider"] .abodier [data-module="article"] article.text.left { padding: 0; padding-right: 40px; } } @media (min-width: 1200px) { [data-module="asider"] .abodier { width: 76%; } } @media (min-width: 1440px) { [data-module="asider"] .abodier { width: 80%; } } [data-module="asider"] .abodier .search-message { padding: 5%; margin-top: 100px; text-align: center; background-color: rgba(0, 0, 0, 0.05); } [data-module="asider"].grey { background-color: #f3f3f3; } @media (max-width: 992px) { [data-module="asider"] .asider-mobile-submit { display: block; width: 100%; visibility: hidden; -ms-transform: translateX(100%); transform: translateX(100%); position: fixed; bottom: 0; left: 0; z-index: 9999; padding: 20px; background: #fff; border-top: 1px solid hsla(0, 0%, 72%, 0.25); } .grey [data-module="asider"] .asider-mobile-submit { background-color: #f3f3f3; } [data-module="asider"] .asider-mobile-submit .cont-link { float: left; padding: 5px 0; } [data-module="asider"] .asider-mobile-submit .cont-link button { outline: none !important; } [data-module="asider"] .asider-mobile-submit .loading { display: none; float: right; height: 40px; width: 40px; } [data-module="asider"] .asider-mobile-submit .loading svg { height: 40px; width: 40px; margin: 0; padding: 0; } } @media (min-width: 992px) { [data-module="asider"] .asider-mobile-close, [data-module="asider"] .asider-mobile-open, [data-module="asider"] .asider-mobile-submit { display: none !important; } } .asider-mobile-open { width: auto; height: 60px; display: table; background: #fff; position: fixed; bottom: 0; right: 0; z-index: 9998; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); visibility: visible; -ms-transform: translateX(0); transform: translateX(0); border-left: 1px solid hsla(0, 0%, 72%, 0.25); border-top: 1px solid hsla(0, 0%, 72%, 0.25); } .asider-mobile-open .text { display: table-cell; text-align: right; vertical-align: middle; padding: 0 0 0 15px; } .asider-mobile-open .text em, .asider-mobile-open .text strong { display: block; font-family: Open Sans, sans-serif; color: #282828; margin: 0; margin-bottom: 9px; font-size: 16px; font-size: 1em; font-size: 1rem; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; margin-top: 2px; margin-bottom: 2px; line-height: 1em; font-weight: 400; font-style: normal; } .asider-mobile-open .text strong { font-weight: 700; } .asider-mobile-open span { width: 60px; height: 60px; display: table-cell; text-align: center; vertical-align: middle; font-size: 20px; font-size: 1.25em; font-size: 1.25rem; } .asider-mobile-close { width: 60px; height: 60px; display: table; background: #fff; position: fixed; top: 30px; right: 0; z-index: 9999; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); visibility: hidden; -ms-transform: translateX(100%); transform: translateX(100%); border-left: 1px solid hsla(0, 0%, 72%, 0.25); border-top: 1px solid hsla(0, 0%, 72%, 0.25); border-bottom: 1px solid hsla(0, 0%, 72%, 0.25); } .asider-mobile-close span { position: absolute; top: 29px; left: 20px; margin: 0; height: 2px; width: 20px; } .asider-mobile-close span:after, .asider-mobile-close span:before { display: block; content: ""; background: #000; height: 2px; width: 20px; position: absolute; left: 0; top: 0; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .asider-mobile-close span:before { -ms-transform: translateX(0) translateY(0) rotate(45deg); transform: translateX(0) translateY(0) rotate(45deg); } .asider-mobile-close span:after { -ms-transform: translateX(0) translateY(0) rotate(-45deg); transform: translateX(0) translateY(0) rotate(-45deg); } .filterCollection .asider-mobile-open { visibility: hidden; -ms-transform: translateX(100%); transform: translateX(100%); } .filterCollection .asider-mobile-close, .filterCollection .asider-mobile-submit { visibility: visible; -ms-transform: translateX(0); transform: translateX(0); } @media (max-width: 992px) { .filterCollection [data-page="brandfilter"] .asider-mobile-submit { visibility: visible; -ms-transform: translateX(0); transform: translateX(0); } } [data-module="asider"]:after { display: block; content: ""; height: 100%; background: #fff; position: absolute; z-index: 100; left: 0; top: 0; width: 100%; opacity: 0; transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform: scaleY(0) scaleX(1); transform: scaleY(0) scaleX(1); } @media (min-width: 992px) { .stand-for-loading [data-module="asider"]:after { -ms-transform: scaleY(1) scaleX(1); transform: scaleY(1) scaleX(1); opacity: 0.6; } .stand-for-loading [data-module="asider"] .asider-mobile-submit { display: block !important; position: absolute; z-index: 1000000; left: 10px; top: 0; } .stand-for-loading [data-module="asider"] .asider-mobile-submit .cont-link { display: none; } .stand-for-loading [data-module="asider"] .asider-mobile-submit .loading { display: block; margin-top: -10px; } .stand-for-loading [data-module="asider"] .asider-mobile-submit .loading svg { width: 30px; height: 30px; } } [data-module="balloon"] { display: block; margin: 0; height: auto; text-transform: uppercase; font-size: 12px; color: #494949; } [data-module="balloon"].inside { display: none; width: 100%; float: left; padding: 10px; background: #f2f2f2; } [data-module="balloon"].outside { font-size: 10px; float: none; width: 20%; top: 0; left: 0; z-index: 1000; position: absolute; background-color: #fff; border-radius: 5px; padding: 10px; margin-top: 10px; box-shadow: -10px 0 50px hsla(0, 0%, 47%, 0.3); -ms-transform: translateX(50px) translateY(-50%); transform: translateX(50px) translateY(-50%); } [data-module="balloon"].outside:before { display: block; content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; position: absolute; left: -10px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } [data-balloon] .balloon-trigger { position: absolute; right: 0; top: 0; font-size: 12px; font-weight: 600; color: #afafaf; width: 20px; height: 20px; text-align: center; border-radius: 10px; cursor: hand; cursor: pointer; line-height: 18px; } [data-balloon] .balloon-trigger:after { content: "i"; display: block; border: 2px solid #afafaf; border-radius: 10px; width: 100%; height: 100%; } [data-balloon].open .balloon-trigger { background: #f2f2f2; } [data-module="sideFilter"] { float: left; width: 100%; background-color: #fff; min-height: 100px; -ms-transform: translateX(-100%); transform: translateX(-100%); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .filterCollection [data-module="sideFilter"] { -ms-transform: translateX(0); transform: translateX(0); } @media (max-width: 992px) { .filterCollection [data-module="sideFilter"] { padding-bottom: 90px; } } [data-module="sideFilter"] li, [data-module="sideFilter"] ul { padding: 0; margin: 0; list-style: none; } [data-module="sideFilter"] > section { padding: 10px; } @media (min-width: 992px) { [data-module="sideFilter"] > section { padding: 40px; padding-top: 0; } } [data-module="sideFilter"] > header { position: relative; top: 0; left: 0; height: 120px; padding-left: 10px; background-color: #fff; border-bottom: 1px solid hsla(0, 0%, 72%, 0.25); } @media (min-width: 992px) { [data-module="sideFilter"] > header { z-index: 99; padding-left: 40px; margin-top: -120px; } } [data-module="sideFilter"] > header h2, [data-module="sideFilter"] > header h3 { margin: 0; padding: 0; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 18px; font-size: 1.125em; font-size: 1.125rem; } [data-module="sideFilter"] > header h2 { font-family: Open Sans, sans-serif; font-weight: 400; color: #282828; margin: 0; margin-bottom: 9px; font-size: 16px; font-size: 1em; font-size: 1rem; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; margin-bottom: 3px; } [data-module="sideFilter"] > header .title { float: left; position: relative; top: 0; padding-left: 40px; padding-top: 45px; } [data-module="sideFilter"] header [class*=" icon-"], [data-module="sideFilter"] header [class^="icon-"] { font-size: 25px; position: relative; top: 50px; float: left; } [data-module="sideFilter"] article { float: left; width: 100%; } [data-module="sideFilter"] article header { float: left; width: 100%; padding-top: 30px; padding-bottom: 30px; } [data-module="sideFilter"] article header:hover { cursor: hand; cursor: pointer; } [data-module="sideFilter"] article header h4 { float: left; width: 100%; padding-right: 20px; position: relative; margin-bottom: 0; font-family: Open Sans, sans-serif; font-weight: 400; color: #282828; margin: 0; margin-bottom: 9px; font-size: 16px; font-size: 1em; font-size: 1rem; } [data-module="sideFilter"] article header span { position: absolute; width: 10px; height: 10px; right: 0; top: 5px; } [data-module="sideFilter"] article header span:after, [data-module="sideFilter"] article header span:before { content: ""; display: block; width: 10px; height: 2px; top: 4px; left: 0; background-color: #000; position: absolute; } [data-module="sideFilter"] article header span:after { width: 2px; height: 10px; top: 0; left: 4px; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="sideFilter"] article.open header span:after { width: 2px; height: 10px; top: 0; left: 4px; -ms-transform: scaleY(0); transform: scaleY(0); } [data-module="sideFilter"] article .wrapper { padding-bottom: 40px; float: left; width: 100%; display: none; } [data-module="sideFilter"] article .wrapper a, [data-module="sideFilter"] article .wrapper label { display: block; font-family: Open Sans, sans-serif; color: #6e6e6e; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; font-weight: 400; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="sideFilter"] article .wrapper a:hover, [data-module="sideFilter"] article .wrapper label:hover { color: #000; text-decoration: none; } [data-module="sideFilter"] article .wrapper a:first-letter, [data-module="sideFilter"] article .wrapper label:first-letter { text-transform: uppercase; } [data-module="sideFilter"] article .wrapper label { padding-left: 26px; line-height: 20px; } [data-module="sideFilter"] article .wrapper label:first-letter { text-transform: uppercase; } [data-module="sideFilter"] article .wrapper label small { display: block; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; } [data-module="sideFilter"] article .wrapper ul { float: left; width: 100%; } [data-module="sideFilter"] article .wrapper li { margin-bottom: 10px; margin: 2px 0; width: 100%; display: block; float: left; position: relative; } @media (max-width: 992px) { [data-module="sideFilter"] article .wrapper li { margin: 5px 0; } } [data-module="sideFilter"] article .wrapper li input[type="checkbox"] { width: 16px; height: 16px; position: absolute; left: 0; top: 0; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; } [data-module="sideFilter"] article .wrapper li input:focus, [data-module="sideFilter"] article .wrapper li input[type="checkbox"]:checked { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; border: none; } [data-module="sideFilter"] article .wrapper li input:focus { outline: 0; box-shadow: none; } [data-module="sideFilter"] article .wrapper li input[type="checkbox"]:before { display: block; content: ""; background: #fff; width: 13px; height: 13px; border: 1px solid #c1c1c1; position: absolute; pointer-events: none; } [data-module="sideFilter"] article .wrapper li input[type="checkbox"]:focus:before { border: 1px solid #757575; } [data-module="sideFilter"] article .wrapper li input[type="checkbox"]:after { display: block; content: ""; position: absolute; pointer-events: none; width: 7px; height: 5px; border: 0 none; background: transparent; border-left: 2px solid #000; border-bottom: 2px solid #000; left: 3px; top: 3px; -ms-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="sideFilter"] article .wrapper li input[type="checkbox"]:checked:after { -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); } [data-module="sideFilter"] article .wrapper li span { float: left; } [data-module="sideFilter"] article .wrapper li span.campione { width: 28px; height: 28px; border-radius: 30px; overflow: hidden; background-size: cover; background-position: 50% 50%; display: block; border: 1px solid #dedede; } [data-module="sideFilter"] article .wrapper li .asAnchor[data-checked="1"] span.campione, [data-module="sideFilter"] article .wrapper li:hover span.campione, [data-module="sideFilter"] article .wrapper li a[data-checked="1"] span.campione { border-color: #000; } [data-module="sideFilter"] article .wrapper li span.label { display: block; margin-left: 10px; padding-top: 5px; } [data-module="sideFilter"] article .wrapper li.color { margin-right: 10px; margin-bottom: 10px; width: auto; } [data-module="sideFilter"] article .wrapper li.color span.label { display: none; margin-left: 10px; padding-top: 5px; } [data-module="sideFilter"] article .wrapper li.color input:after, [data-module="sideFilter"] article .wrapper li.color input:before { display: none; } [data-module="sideFilter"] article .wrapper li.color.disabled { opacity: 0.1; } [data-module="sideFilter"] article .wrapper ul.require li input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; } [data-module="sideFilter"] article .wrapper ul.require li input[type="checkbox"]:before { border-radius: 14px; left: -2px; top: -2px; width: 14px; height: 14px; } [data-module="sideFilter"] article .wrapper ul.require li input[type="checkbox"]:after { width: 12px; height: 12px; background: #000; border: 0 none; border-radius: 14px; left: -1px; top: -1px; -ms-transform: scale(0) rotate(0deg); transform: scale(0) rotate(0deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="sideFilter"] article .wrapper ul.require li input[type="checkbox"]:checked:after { -ms-transform: scale(0.5) rotate(0deg); transform: scale(0.5) rotate(0deg); } [data-module="sideFilter"] article .wrapper .asAnchor:hover { cursor: hand; cursor: pointer; } [data-module="sideFilter"] article .wrapper .asAnchor input[type="checkbox"], [data-module="sideFilter"] article .wrapper a input[type="checkbox"] { visibility: hidden; position: absolute; left: 0; top: 0; } [data-module="sideFilter"] article .wrapper li.disabled, [data-module="sideFilter"] article .wrapper li.related-disabled { opacity: 0.25; pointer-events: none; } [data-module="sideFilter"] article#autori .wrapper label { text-transform: none; } [data-module="sideFilter"] article.open .wrapper { display: block; } [data-module="sideFilter"] article:after { float: left; content: ""; display: block; width: 106%; height: 1px; margin-left: -3%; background-color: hsla(0, 0%, 72%, 0.25); } [data-module="sideFilter"] article.btn { padding: 0; padding-top: 40px; padding-bottom: 40px; } [data-module="sideFilter"] article.btn [data-comp="button_rect"] { background-color: #000; width: 100%; } [data-module="sideFilter"] article.btn [data-comp="button_rect"] span { width: 100%; color: #fff; padding: 0 33px; font-weight: 400; } [data-module="sideFilter"] article.btn [data-comp="button_rect"] span span { display: none; } [data-module="sideFilter"] article.btn [data-comp="button_rect"].has-bg:after { opacity: 0.5; } [data-module="sideFilter"] article.btn .cont-link { width: auto; float: right; } [data-module="sideFilter"] article.btn.jsLinkReset:after { display: none; } [data-module="sideFilter"] article.btn.ricerca-avanzata .cont-link { width: 100%; } [data-module="sideFilter"] article.btn.ricerca-avanzata [data-comp="button_rect"]:after { background-color: #f3f3f3; } [data-module="sideFilter"].loading article { opacity: 0.5; pointer-events: none; } @media (min-width: 992px) { [data-module="sideFilter"] { -ms-transform: translateX(0) !important; transform: translateX(0) !important; } } [data-module="sideFilter"] article .wrapper label { text-transform: lowercase; } [data-module="sideFilter"] article .wrapper label:first-letter { text-transform: uppercase !important; } [data-module="sideFilter"] article .wrapper li { text-transform: lowercase; } [data-module="sideFilter"] article .wrapper li:first-letter { text-transform: uppercase; } @media (max-width: 992px) { [data-module="sideFilter"] > header, [data-module="sideFilter"] article { padding-left: 4%; padding-right: 4%; } } [data-module="sideFilter"] #materiale { display: none !important; } [data-module="sideFilter"] > header .title { max-width: 70%; } [data-page="brand"].florimstone article#applicazione, [data-page="brandfilter"].collezioni.cerim li[data-valuename="arredo"].disabled, [data-page="brandfilter"].collezioni.cerim li[data-valuename="piani-di-lavoro"].disabled, [data-page="brandfilter"].collezioni.florimstone article#applicazione { display: none !important; } [data-module="sideFilter"] article#brands .wrapper label { text-transform: none !important; } [data-page="brand"] [data-module="sideFilter"] > header:hover { cursor: hand; cursor: pointer; } [data-module="sideFilter"] article#autori .wrapper li { text-transform: none; } .florimstone [data-module="sideFilter"] section > article#destinazione-d-uso { display: none !important; } [data-module="carousel"] { position: relative; width: 100%; margin: 0; padding: 0; min-height: 445px; overflow: hidden; background: #fff; } [data-module="carousel"].extraPaddingBottom { padding-bottom: 100px; } [data-module="carousel"] .carousel-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; padding: 60px 0; box-sizing: content-box; } [data-module="carousel"] .carousel-wrapper .swiper-button { width: 50px; height: 50px; background: hsla(0, 0%, 100%, 0.6); position: absolute; top: 260px; left: 0; z-index: 100; overflow: hidden; } [data-module="carousel"] .carousel-wrapper .swiper-button span { display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 0; text-align: center; padding-top: 16px; transition: transform 0.25s ease-out; } [data-module="carousel"] .carousel-wrapper .swiper-button span:nth-child(2) { left: 50px; } [data-module="carousel"] .carousel-wrapper .swiper-button:hover span { -ms-transform: translateX(-100%); transform: translateX(-100%); } [data-module="carousel"] .carousel-wrapper .swiper-button.swiper-button-next, [data-module="carousel"] .carousel-wrapper .swiper-button.swiper-button-next span { left: auto; right: 0; } [data-module="carousel"] .carousel-wrapper .swiper-button.swiper-button-next span:nth-child(2) { left: auto; right: 50px; } [data-module="carousel"] .carousel-wrapper .swiper-button.swiper-button-next:hover span { -ms-transform: translateX(100%); transform: translateX(100%); } [data-module="carousel"] .swiper-container { position: relative; width: 100%; height: 100%; overflow: hidden; box-sizing: content-box; } [data-module="carousel"] .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; -webkit-backface-visibility: hidden; will-change: transform; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); } [data-module="carousel"] .swiper-navigation { float: right; margin: -57px 27px 0; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; font-family: Open Sans, sans-serif; font-weight: 400; color: #666; } [data-module="carousel"] .carousel-slide { height: 445px; position: relative; margin-left: -10px; } [data-module="carousel"] .carousel-slide .swiper-slide { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: auto; height: 100%; margin: 0 12px; position: relative; -webkit-backface-visibility: hidden; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); opacity: 0.2; filter: alpha(opacity=20); } [data-module="carousel"] .carousel-slide .swiper-slide .image { height: 100%; width: 100%; position: relative; } [data-module="carousel"] .carousel-slide .swiper-slide img { height: 100%; width: auto; } [data-module="carousel"] .carousel-slide .swiper-slide a { display: block; } [data-module="carousel"] .carousel-slide .swiper-slide figcaption { display: none; } [data-module="carousel"] .carousel-slide .swiper-slide.swiper-slide-active { opacity: 1; filter: alpha(opacity=100); } [data-module="carousel"] .carousel-pagination { position: static; margin: 40px auto; text-align: center; z-index: 20; } [data-module="carousel"] .carousel-pagination .swiper-pagination-bullet { display: inline-block; cursor: pointer; width: 24px; height: 24px; margin: 0 3px; padding: 9px; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); } [data-module="carousel"] .carousel-pagination .swiper-pagination-bullet:before { content: ""; display: block; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.3); } html.no-touch [data-module="carousel"] .carousel-pagination .swiper-pagination-bullet:hover:before { background: rgba(0, 0, 0, 0.1); } [data-module="carousel"] .carousel-pagination .swiper-pagination-bullet-active:before { border: 1px solid #000; background: #000; } @media (max-width: 992px) { [data-module="carousel"] .carousel-wrapper { padding: 95px 0; } [data-module="carousel"] .carousel-pagination .swiper-pagination-bullet { margin: 0 5px; } } @media (max-width: 768px) { [data-module="carousel"] .content-text { padding: 0 20px; } [data-module="carousel"] .content-text .title { font-size: 38px; font-size: 2.375em; font-size: 2.375rem; } .tablet [data-module="carousel"] .content-text { padding: 0 7%; } .tablet [data-module="carousel"] .content-text .title { font-size: 60px; font-size: 3.75em; font-size: 3.75rem; } [data-module="carousel"] .swiper-button { display: none !important; } } .ie9 [data-module="carousel"] .swiper-wrapper { transform: translateX(0) !important; -ms-transform: translateX(0) !important; } .ie9 [data-module="carousel"] .swiper-pagination { display: none; } .ie9 [data-module="carousel"] .cont-link { width: 100%; text-align: center; } .ie9 [data-module="carousel"] .cont-link [data-comp="button_rect"] { display: inline-block; } [data-module="carousel"].grey { background-color: #f3f3f3; } [data-page="brandfilter"].referenze article#brands { display: none; } [data-page="brandfilter"].collezioni.cedit [data-valuename="arredo"], [data-page="brandfilter"].collezioni.cedit [data-valuename="piani-di-lavoro"], [data-page="brandfilter"].collezioni.florimstone article#formato { display: none !important; } [data-module="header_page"] { position: relative; width: 100%; margin: 0; padding: 30px 0 0; padding-left: 8%; padding-right: 8%; background: #fff; } [data-page="single_collection"] [data-module="header_page"] { padding-top: 66px; margin-top: -26px; } [data-page="single_collection"] [data-module="header_page"] #contatori li:hover { cursor: hand; cursor: pointer; } [data-page="about"] [data-module="header_page"], [data-page="news"] [data-module="header_page"], [data-page="references"] [data-module="header_page"], [data-page="search"] [data-module="header_page"], [data-page="solutions"] [data-module="header_page"] { padding-top: 66px; margin-top: 24px; } @media (min-width: 992px) { .has-extra-menu [data-module="header_page"] { padding-top: 132px; } } [data-module="header_page"] .count-results { color: #8d8d8d; } [data-module="header_page"] header { position: relative; clear: both; width: 108%; padding-left: 16%; margin: 0 auto; margin-left: -7%; padding-bottom: 25px; padding-top: 25px; } [data-module="header_page"] header .row { padding-bottom: 40px; padding-top: 40px; } [data-module="header_page"] header .row:first-child .col { width: 100%; } [data-module="header_page"] header [data-comp="button_line"] { clear: both; width: 100%; margin-left: -56px; } [data-page="about"] [data-module="header_page"] header [data-comp="button_line"], [data-page="references"] [data-module="header_page"] header [data-comp="button_line"], [data-page="search"] [data-module="header_page"] header [data-comp="button_line"], [data-page="solutions"] [data-module="header_page"] header [data-comp="button_line"] { margin-left: 0; } [data-module="header_page"] header a { color: #282828; } [data-module="header_page"] header a.back span { transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .no-touch [data-module="header_page"] header a.back:hover span { -ms-transform: translateX(-4px); transform: translateX(-4px); } [data-module="header_page"] header .title, [data-module="header_page"] header h1 { display: block; clear: both; width: 100%; font-family: Open Sans, sans-serif; font-weight: 400; font-size: 50px; font-size: 3.125em; font-size: 3.125rem; line-height: 1.2em; color: #282828; margin: 27px 0; } [data-page="single_collection"] [data-module="header_page"] header .title, [data-page="single_collection"] [data-module="header_page"] header h1 { font-size: 56px; font-size: 3.5em; font-size: 3.5rem; } [data-module="header_page"] header .pre-title, [data-module="header_page"] header h3 { display: block; clear: both; width: 100%; color: #282828; margin: 0 0 1.8em; font-family: Open Sans, sans-serif; font-weight: 600; font-weight: 700; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 2px; } [data-module="header_page"] header .post-title, [data-module="header_page"] header h2 { display: block; clear: both; width: 55%; font-family: Open Sans, sans-serif; font-weight: 400; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; line-height: 1.2em; color: rgba(40, 40, 40, 0.4); margin: 0; } [data-module="header_page"] header .col-md-8 .title, [data-module="header_page"] header .col-md-8 h1 { width: 70%; } [data-module="header_page"] header .mar_left { margin-left: -56px; } [data-module="header_page"] header .mar_left span { display: block; float: left; width: 56px; text-align: left; font-size: 20px; font-size: 1.25em; font-size: 1.25rem; margin-top: -5px; } [data-module="header_page"] header .go_end { display: block; clear: both; font-family: Open Sans, sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; color: rgba(40, 40, 40, 0.33); margin: 0; outline: none; transition: color 0.2s ease-out; margin-top: 39px; } [data-module="header_page"] header .go_end:-moz-focusring { text-shadow: none; border: 0; } [data-module="header_page"] header .go_end span { display: inline-block; margin: 0 10px; padding-top: 2px; float: right; font-size: 10px; margin-top: 5px; margin-left: 15px; color: #282828; -ms-transform: translateY(0); transform: translateY(0); transition: transform 0.2s ease-out; } .no-touch [data-module="header_page"] header .go_end:hover { color: #000; } .no-touch [data-module="header_page"] header .go_end:hover span { -ms-transform: translateY(4px); transform: translateY(4px); } [data-module="header_page"] header .icon_button { position: relative; float: left; height: 38px; line-height: 38px; background: none; outline: none; margin: 32px 60px 0 0; } [data-module="header_page"] header .icon_button span { display: inline-block; float: left; width: 38px; height: 38px; line-height: 34px; border-radius: 100%; border: 2px solid rgba(0, 0, 0, 0.14); color: #303030; text-align: center; margin: 0; transition: border 0.5s cubic-bezier(0.19, 1, 0.22, 1); font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; } [data-module="header_page"] header .icon_button b { display: inline-block; float: left; height: 38px; line-height: 36px; color: rgba(48, 48, 48, 0.4); margin: 0 18px; padding: 0; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); font-family: Open Sans, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; } [data-module="header_page"] header .icon_button b.text_in { transition-delay: 0.15s; } html.no-touch [data-module="header_page"] header .icon_button:focus span, html.no-touch [data-module="header_page"] header .icon_button:hover span { border: 2px solid #303030; } html.no-touch [data-module="header_page"] header .icon_button:focus b, html.no-touch [data-module="header_page"] header .icon_button:hover b { color: #303030; } [data-module="header_page"] header ul { display: block; width: 100%; margin: 0; padding: 15px 0 0; border-top: 1px solid rgba(48, 48, 48, 0.1); } [data-module="header_page"] header ul li { display: block; float: left; width: 20%; box-sizing: border-box; padding: 25px 0 0; margin: 0; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; line-height: 1.2em; } [data-module="header_page"] header ul li:first-child { padding-left: 0; } [data-module="header_page"] header ul li:last-child { padding-right: 0; } [data-module="header_page"] header ul li b { display: block; clear: both; width: 100%; font-family: Open Sans, sans-serif; font-weight: 600; color: #303030; } [data-module="header_page"] header ul li i { width: 100%; color: #6e6e6e; font-style: normal; } [data-module="header_page"] header ul li a, [data-module="header_page"] header ul li i { display: block; clear: both; font-family: Open Sans, sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; } [data-module="header_page"] header ul li a { float: left; position: relative; color: rgba(40, 40, 40, 0.33); margin: 0; padding-right: 20px; outline: none; } [data-module="header_page"] header ul li a:-moz-focusring { text-shadow: none; border: 0; } [data-module="header_page"] header ul li a span { display: block; padding: 2px 0 0; margin: 0; position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); float: right; color: #282828; } [data-module="header_page"] header ul li.last { padding: 25px 0 0; text-align: right; } [data-module="header_page"] figure { position: relative; clear: both; width: 100%; margin: 0; padding: 0; padding-bottom: 54%; } [data-module="header_page"] figure .bck { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; background-color: #dadada; transition: background 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="header_page"] figure .bck img { display: none; } @media (max-width: 992px) { [data-module="header_page"] figure { padding-bottom: 70%; } } [data-module="header_page"] .boxed-image { width: 82%; margin: 100px 0 0 -56px; transition-delay: 0.5s; } @media (max-width: 992px) { [data-module="header_page"] .boxed-image { width: 100%; margin-top: 60px; margin-left: 0; } } [data-page="single_collection"] [data-module="header_page"] { padding: 132px 0 0; } [data-page="single_collection"] [data-module="header_page"] header { margin-left: 0; padding: 0 9%; width: 100%; } [data-page="single_collection"] [data-module="header_page"] header > .row > .col.col-md-6 { width: 50%; } @media (max-width: 992px) { [data-page="single_collection"] [data-module="header_page"] header > .row > .col.col-md-6 { width: 100%; } } @media (max-width: 1200px) { [data-module="header_page"] header ul li { width: 20%; } [data-module="header_page"] header ul li.last { display: block; } [data-module="header_page"] header .icon_button { margin: 32px 30px 0 0; } } @media (max-width: 992px) { [data-module="header_page"] header { margin-left: 0; padding-right: 30px; padding-left: 30px; width: 100%; overflow: hidden; } [data-module="header_page"] header .title, [data-module="header_page"] header h1 { font-size: 40px; font-size: 2.5em; font-size: 2.5rem; } [data-module="header_page"] header .mar_left { margin-left: 0; } [data-module="header_page"] header .col-md-8 .title, [data-module="header_page"] header .col-md-8 h1 { width: 100%; } [data-module="header_page"] header ul { margin-top: 40px; } [data-module="header_page"] header ul li { width: 20%; } [data-module="header_page"] header ul li.last { display: block; } [data-module="header_page"] header [data-comp="button_line"] { position: relative; padding-left: 56px; margin-left: 0; } [data-module="header_page"] header [data-comp="button_line"] .line { left: 30px; margin-left: 0; } } @media (max-width: 768px) { [data-module="header_page"] { padding-top: 140px; padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { [data-page="references"] [data-module="header_page"] header .title_big { font-size: 60px; font-size: 3.75em; font-size: 3.75rem; width: 80%; } } [data-module="header_page"].hasAuthor .row:first-of-type .autore { display: block; margin-top: 10px; } [data-module="header_page"].hasAuthor .row:first-of-type .autore b { font-weight: 400; } [data-module="header_page"].hasAuthor .row:first-of-type .autore a:hover { text-decoration: underline; } @media (min-width: 992px) { [data-module="header_page"].hasAuthor .row:first-of-type { padding-bottom: 0; } [data-module="header_page"].hasAuthor .row:first-of-type .autore { margin-top: 60px; } [data-module="header_page"].hasAuthor .row.hidden-md-down { padding-top: 0; } } [data-page="single_collection"].single-author [data-module="header_page"] header h1 { font-size: 30px; font-size: 1.875em; font-size: 1.875rem; margin: 0; } [data-page="single_collection"].single-author [data-module="header_page"] h2 { width: 100%; } [data-page="single_collection"].single-author [data-module="header_page"] .autore b { font-weight: 400; } [data-page="single_collection"].single-author [data-module="header_page"] .autore a:hover { text-decoration: underline; } [data-page="single_collection"].single-author [data-module="header_page"] .row { padding-bottom: 0; } @media (min-width: 992px) { [data-page="single_collection"].single-author [data-module="header_page"] header h1 { font-size: 56px; font-size: 3.5em; font-size: 3.5rem; margin: 27px 0; } [data-page="single_collection"].single-author [data-module="header_page"] h2 { width: 55%; } [data-page="single_collection"].single-author [data-module="header_page"] header > .row { padding-bottom: 0; } [data-page="single_collection"].single-author [data-module="header_page"] .row { padding-bottom: 40px; padding-top: 40px; } } [data-module="carousel-2"] { position: relative; width: 100%; margin: 0; padding: 0; min-height: 445px; overflow: hidden; background: #fff; } [data-module="carousel-2"].extraPaddingBottom { padding-bottom: 100px; } [data-module="carousel-2"] .carousel-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; padding: 60px 0; box-sizing: content-box; } [data-module="carousel-2"] .carousel-wrapper .swiper-button { width: 50px; height: 50px; background: hsla(0, 0%, 100%, 0.6); position: absolute; top: 260px; left: 0; z-index: 100; overflow: hidden; } [data-module="carousel-2"] .carousel-wrapper .swiper-button span { display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 0; text-align: center; padding-top: 16px; transition: transform 0.25s ease-out; } [data-module="carousel-2"] .carousel-wrapper .swiper-button span:nth-child(2) { left: 50px; } [data-module="carousel-2"] .carousel-wrapper .swiper-button:hover span { -ms-transform: translateX(-100%); transform: translateX(-100%); } [data-module="carousel-2"] .carousel-wrapper .swiper-button.swiper-button-next, [data-module="carousel-2"] .carousel-wrapper .swiper-button.swiper-button-next span { left: auto; right: 0; } [data-module="carousel-2"] .carousel-wrapper .swiper-button.swiper-button-next span:nth-child(2) { left: auto; right: 50px; } [data-module="carousel-2"] .carousel-wrapper .swiper-button.swiper-button-next:hover span { -ms-transform: translateX(100%); transform: translateX(100%); } [data-module="carousel-2"] .swiper-container { position: relative; width: 100%; height: 100%; overflow: hidden; box-sizing: content-box; } [data-module="carousel-2"] .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; -webkit-backface-visibility: hidden; will-change: transform; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); } [data-module="carousel-2"] .swiper-navigation { float: right; margin: -57px 27px 0; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; font-family: Open Sans, sans-serif; font-weight: 400; color: #666; } [data-module="carousel-2"] .carousel-slide { height: 445px; position: relative; margin-left: -10px; margin: 0 !important; padding: 0 !important; } [data-module="carousel-2"] .carousel-slide .swiper-slide { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: auto; height: 100%; margin: 0 12px; margin: 0 !important; padding-left: 6px; padding-right: 6px; position: relative; -webkit-backface-visibility: hidden; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); opacity: 0.2; filter: alpha(opacity=20); } [data-module="carousel-2"] .carousel-slide .swiper-slide .image { height: 100%; width: 100%; position: relative; } [data-module="carousel-2"] .carousel-slide .swiper-slide img { height: 100%; width: auto; } [data-module="carousel-2"] .carousel-slide .swiper-slide a { display: block; } [data-module="carousel-2"] .carousel-slide .swiper-slide figcaption { display: none; } [data-module="carousel-2"] .carousel-slide .swiper-slide.swiper-slide-active { opacity: 1; filter: alpha(opacity=100); } [data-module="carousel-2"] .carousel-pagination { position: static; margin: 40px auto; text-align: center; z-index: 20; } [data-module="carousel-2"] .carousel-pagination .swiper-pagination-bullet { display: inline-block; cursor: pointer; width: 24px; height: 24px; margin: 0 3px; padding: 9px; transition: all 1s cubic-bezier(0.24, 0.05, 0, 1); transition-timing-function: cubic-bezier(0.24, 0.05, 0, 1); } [data-module="carousel-2"] .carousel-pagination .swiper-pagination-bullet:before { content: ""; display: block; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.3); } html.no-touch [data-module="carousel-2"] .carousel-pagination .swiper-pagination-bullet:hover:before { background: rgba(0, 0, 0, 0.1); } [data-module="carousel-2"] .carousel-pagination .swiper-pagination-bullet-active:before { border: 1px solid #000; background: #000; } @media (max-width: 992px) { [data-module="carousel-2"] .carousel-wrapper { padding: 95px 0; } [data-module="carousel-2"] .carousel-pagination .swiper-pagination-bullet { margin: 0 5px; } } @media (max-width: 768px) { [data-module="carousel-2"] .content-text { padding: 0 20px; } [data-module="carousel-2"] .content-text .title { font-size: 38px; font-size: 2.375em; font-size: 2.375rem; } .tablet [data-module="carousel-2"] .content-text { padding: 0 7%; } .tablet [data-module="carousel-2"] .content-text .title { font-size: 60px; font-size: 3.75em; font-size: 3.75rem; } [data-module="carousel-2"] .swiper-button { display: none !important; } } .ie9 [data-module="carousel-2"] .swiper-wrapper { transform: translateX(0) !important; -ms-transform: translateX(0) !important; } .ie9 [data-module="carousel-2"] .swiper-pagination { display: none; } .ie9 [data-module="carousel-2"] .cont-link { width: 100%; text-align: center; } .ie9 [data-module="carousel-2"] .cont-link [data-comp="button_rect"] { display: inline-block; } [data-module="carousel-2"].grey { background-color: #f3f3f3; } [data-module="static_map"] { position: relative; width: 100%; overflow: hidden; margin: 0; padding: 30px 0; background: #fff; font-family: Open Sans, sans-serif; font-weight: 400; padding-bottom: 70px; } [data-module="static_map"] object { width: 98%; margin: 0 auto; display: block; } [data-module="static_map"] .point { position: absolute; top: 50%; left: 50%; display: block; width: 19px; height: 19px; cursor: pointer; } [data-module="static_map"] .point.active .circle, [data-module="static_map"] .point.big .circle { -ms-transform: scale(1.5); transform: scale(1.5); } [data-module="static_map"] .point.active .border, [data-module="static_map"] .point.big .border { -ms-transform: scale(1.5) translateX(-0.5px) translateY(0.5px); transform: scale(1.5) translateX(-0.5px) translateY(0.5px); } [data-module="static_map"] .point .circle { background-color: #56ae4b; border-radius: 100%; width: 19px; height: 19px; display: block; left: 0; top: 0; z-index: 1; position: absolute; transition: all 0.5s ease-in-out; } [data-module="static_map"] .point .count { position: absolute; top: 50%; left: 0; font-size: 10px; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; width: 100%; height: auto; text-align: center; color: #fff; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [data-module="static_map"] .point .border { transition: all 0.5s ease-in-out; background-color: rgba(0, 0, 0, 0.1); border-radius: 100%; width: 28px; height: 28px; display: block; left: -4px; top: -5px; z-index: 0; margin-top: 0; position: absolute; -ms-transform: translateX(-0.5px) translateY(0.5px); transform: translateX(-0.5px) translateY(0.5px); } @media (max-width: 992px) { [data-module="static_map"] { padding-bottom: 0; } [data-module="static_map"] .point { display: none; } } [data-module="list_text"] { position: relative; width: 100%; overflow: hidden; margin: 0; padding: 60px 0; background: #fff; font-family: Open Sans, sans-serif; font-weight: 400; } [data-module="list_text"] .container { padding-left: 18%; padding-right: 0; } [data-module="list_text"].noLeftSpace .container { padding-left: 0; } [data-module="list_text"] .cols { margin-bottom: 20px; min-height: 280px; padding: 0 43px; } [data-module="list_text"] .cols.hide { display: none; } [data-module="list_text"] .cols.show { display: block; } [data-module="list_text"] .line { background-color: #8d8d8d; margin: 30px 0; } [data-module="list_text"] .title { font-size: 28px; font-size: 1.75em; font-size: 1.75rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [data-module="list_text"] [data-item-list] .title { font-size: 22px; font-size: 1.375em; font-size: 1.375rem; } [data-module="list_text"] .text-content { font-size: 16px; font-size: 1em; font-size: 1rem; color: #6e6e6e; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom: 20px; } [data-module="list_text"] .link { font-size: 16px; font-size: 1em; font-size: 1rem; color: #8d8d8d; font-weight: 100; display: inline-block; vertical-align: middle; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="list_text"] .link:after { line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon; content: "\E919"; font-size: 10px; margin-left: 10px; margin-bottom: 1px; position: relative; color: #8d8d8d; -ms-transform: translateX(0); transform: translateX(0); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); right: 0; bottom: auto; display: inline-block; vertical-align: middle; } html.no-touch [data-module="list_text"] .link:focus, html.no-touch [data-module="list_text"] .link:hover { color: #000; } html.no-touch [data-module="list_text"] .link:focus:after, html.no-touch [data-module="list_text"] .link:hover:after { color: #000; -ms-transform: translateX(4px); transform: translateX(4px); } .contactPage [data-module="list_text"] { background: #fff; padding-top: 0; } .contactPage [data-module="list_text"]:before { content: ""; background: #f3f3f3; width: 25%; height: 400px; position: absolute; left: 0; bottom: 0; display: none; } @media (min-width: 992px) { .contactPage [data-module="list_text"]:before { display: block; } } .contactPage [data-module="list_text"] .cols { margin-bottom: 50px; min-height: 300px; } @media (min-width: 992px) { .contactPage [data-module="list_text"] .cols { padding-left: 75px; margin-top: 50px; margin-bottom: 20px; } } @media (max-width: 992px) { [data-module="list_text"] .container { padding-left: 0; } [data-module="list_text"] .line { margin: 20px 0; } [data-module="list_text"] .cols { min-height: 220px; } [data-page="solutions"] [data-module="list_text"] .cols { padding: 0 35px; } } @media (max-width: 768px) { [data-page="solutions"] [data-module="list_text"] .cols { padding: 0 42px; } } .contactPage [data-module="list_text"] .item-list p:empty { display: none; } .contactPage [data-module="list_text"] .item-list p { color: #6e6e6e; } @media (max-width: 768px) { [data-module="list_text"].history-template > .container > .row > .cols { min-height: auto; margin-bottom: 60px; } } [data-module="list_text"].history-template .item-list > .item-list-wrapper { position: relative; width: 100%; } [data-module="list_text"].history-template .item-list > .item-list-wrapper h2 { color: #000; text-align: center; font-size: 18px; font-size: 1.125em; font-size: 1.125rem; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; } [data-module="list_text"].history-template .item-list > .item-list-wrapper div.line { width: 100%; clear: both; float: left; position: relative; height: 1px; margin-top: 10px; background-color: hsla(0, 0%, 55%, 0.25); } [data-module="list_text"].history-template .item-list > .item-list-wrapper div.line:after { content: ""; display: block; position: absolute; left: 0; top: -1px; width: 100%; height: 3px; background-color: hsla(0, 0%, 55%, 0.3); -ms-transform-origin: 0 0; transform-origin: 0 0; -ms-transform: scaleX(0.1); transform: scaleX(0.1); transition: transform 0.75s cubic-bezier(0, 0.83, 0, 1.04); } [data-module="list_text"].history-template .item-list > .item-list-wrapper figure { position: relative; width: 100%; display: block; padding: 0; margin: 0; overflow: hidden; } [data-module="list_text"].history-template .item-list > .item-list-wrapper figure img { width: 100%; height: auto; transition: transform 1s cubic-bezier(0, 0.83, 0.43, 0.85); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } [data-module="list_text"].history-template .item-list > .item-list-wrapper .text-content { float: left; width: 100%; clear: both; min-height: 60px; } [data-module="list_text"].history-template .item-list > a.item-list-wrapper:focus div.line:after, [data-module="list_text"].history-template .item-list > a.item-list-wrapper:hover div.line:after { -ms-transform: scaleX(0.5) translateX(50%); transform: scaleX(0.5) translateX(50%); } [data-module="list_text"].history-template .item-list > a.item-list-wrapper:focus figure img, [data-module="list_text"].history-template .item-list > a.item-list-wrapper:hover figure img { -ms-transform: scaleY(1.1) scaleX(1.1); transform: scaleY(1.1) scaleX(1.1); } [data-module="list_text"].history-template .item-list > a.item-list-wrapper:focus .link, [data-module="list_text"].history-template .item-list > a.item-list-wrapper:hover .link { color: #000; } [data-module="list_text"].history-template .item-list > a.item-list-wrapper:focus .link:after, [data-module="list_text"].history-template .item-list > a.item-list-wrapper:hover .link:after { color: #000; -ms-transform: translateX(4px); transform: translateX(4px); } [data-module="list_alternate"] { background-color: #fff; margin: 0; padding: 70px 29px; } [data-module="list_alternate"].grey { background-color: #f3f3f3; } [data-module="list_alternate"] .container-fluid { padding-left: 29px; padding-right: 29px; } [data-module="list_alternate"] .cont { display: block; float: left; position: relative; margin: 0; padding: 0 9px; width: 100%; } [data-module="list_alternate"] .cont figure { display: block; position: relative; width: 100%; -webkit-backface-visibility: hidden; perspective: 1000px; margin: 0; padding: 0; padding-bottom: 132%; } [data-module="list_alternate"] .cont .img { position: absolute; overflow: hidden; } [data-module="list_alternate"] .cont .img, [data-module="list_alternate"] .cont .img .bg { display: block; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; will-change: transform; -webkit-backface-visibility: hidden; } [data-module="list_alternate"] .cont .img .bg { position: relative; background-repeat: no-repeat; background-size: cover; background-position: 50%; } [data-module="list_alternate"] .cont .img img { display: none; } [data-module="list_alternate"] .text { display: block; float: left; width: 100%; margin: 1.15em 0; color: #6e6e6e; font-size: 16px; font-size: 1em; font-size: 1rem; line-height: 1.2em; height: 4.8em; overflow: hidden; font-family: Open Sans, sans-serif; font-weight: 400; } [data-module="list_alternate"] .text h4 { font-weight: 600; color: #303030; } [data-module="list_alternate"] .text h4, [data-module="list_alternate"] .text p { display: block; clear: both; line-height: 1.2em; font-size: 16px; font-size: 1em; font-size: 1rem; margin: 0; padding: 0; } [data-module="list_alternate"] .text p { font-weight: 400; height: 2.4em; overflow: hidden; } [data-module="list_alternate"] .col:nth-child(2n) .cont { margin-top: 108px; } [data-module="list_alternate"].linear .col-md-3 { width: 33.3333%; } [data-module="list_alternate"].linear .col:nth-child(2n) .cont { margin-top: 0; } [data-module="list_alternate"].linear .cont figure { padding-bottom: 70%; } @media (max-width: 992px) { [data-module="list_alternate"] .col:nth-child(2n) .cont { margin-top: 80px; } [data-module="list_alternate"].linear .col-md-3 { width: 50%; } } @media (max-width: 768px) { [data-module="list_alternate"].linear .col-md-3 { width: 100%; } [data-module="list_alternate"].linear .cont figure { padding-bottom: 55%; } } [data-module="call_to_action"] { position: relative; width: 100%; overflow: hidden; margin: 0; padding: 0; background: #fff; text-align: center; border-top: 1px solid #b8b8b8; border-top-color: rgba(0, 0, 0, 0.1); font-family: Open Sans, sans-serif; font-weight: 400; } [data-module="call_to_action"].grey { background: #f3f3f3; } [data-module="call_to_action"] .row { padding: 60px 24%; margin-left: 0; margin-right: 0; } [data-module="call_to_action"] .title { color: #303030; font-weight: 400; font-size: 27px; font-size: 1.6875em; font-size: 1.6875rem; line-height: 1.2em; margin: 0; } [data-module="call_to_action"] p { color: #6e6e6e; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; line-height: 1.4em; max-width: 600px; margin: 2em auto; } [data-module="call_to_action"] p a { color: #6e6e6e; text-decoration: underline; } html.no-touch [data-module="call_to_action"] p a:hover { color: #303030; } [data-module="call_to_action"] .cont-link { width: 100%; text-align: center; } [data-module="call_to_action"] .cont-link [data-comp="button_rect"] { display: inline-block; float: none; } [data-module="call_to_action"] .cont-link.text_in { transition-delay: 0.5s; } .contactPage [data-module="call_to_action"] { text-align: left; } @media (max-width: 992px) { .contactPage [data-module="call_to_action"] { text-align: center; } } .contactPage [data-module="call_to_action"] .cont-link { text-align: left; } @media (max-width: 992px) { .contactPage [data-module="call_to_action"] .cont-link { text-align: center; } } .contactPage [data-module="call_to_action"] > .row { padding-left: 30%; padding-top: 150px; padding-bottom: 150px; } @media (max-width: 992px) { .contactPage [data-module="call_to_action"] > .row { padding: 30px; } } .contactPage [data-module="call_to_action"] .text-content { line-height: 20px; } .contactPage [data-module="call_to_action"] p { padding-left: 0; margin-left: 0; } @media (max-width: 992px) { [data-module="call_to_action"] .row { padding: 60px 20px; margin-left: 0; margin-right: 0; } } [data-module="call_to_action"].curricula { border-top: 0 none; } .collection-base-paragraph, [data-module="share"] { font-family: Open Sans, sans-serif; font-weight: 400; } [data-module="share"] { display: none !important; position: relative; width: 100%; margin: 0; padding: 0; background: #fff; text-align: center; border-top: 1px solid #b8b8b8; border-color: rgba(0, 0, 0, 0.1); } [data-module="share"].grey { background: #f3f3f3; } [data-module="share"] .row { padding: 25px 7%; margin-left: 0; margin-right: 0; } [data-module="share"] button, [data-module="share"] div.button { display: block; position: relative; float: left; height: 38px; line-height: 38px; background: none; outline: none; padding: 0; } [data-module="share"] button span, [data-module="share"] div.button span { display: inline-block; float: left; width: 38px; height: 38px; line-height: 34px; border-radius: 100%; border: 2px solid rgba(0, 0, 0, 0.14); color: #303030; text-align: center; margin: 0; transition: border 0.5s cubic-bezier(0.19, 1, 0.22, 1); font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; } html.firefox [data-module="share"] button span, html.firefox [data-module="share"] div.button span { top: 0 !important; } [data-module="share"] button b, [data-module="share"] div.button b { display: inline-block; float: left; height: 38px; line-height: 36px; color: rgba(48, 48, 48, 0.4); margin: 0 18px; padding: 0; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); font-family: Open Sans, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; } [data-module="share"] button b.text_in, [data-module="share"] div.button b.text_in { transition-delay: 0.15s; } html.firefox [data-module="share"] button b, html.firefox [data-module="share"] div.button b { top: 0 !important; } html.no-touch [data-module="share"] button:focus span, html.no-touch [data-module="share"] button:hover span, html.no-touch [data-module="share"] div.button:focus span, html.no-touch [data-module="share"] div.button:hover span { border: 2px solid #303030; } html.no-touch [data-module="share"] button:focus b, html.no-touch [data-module="share"] button:hover b, html.no-touch [data-module="share"] div.button:focus b, html.no-touch [data-module="share"] div.button:hover b { color: #303030; } [data-module="share"] .share_link, [data-module="share"] div.button.share_link { float: right; position: relative; } [data-module="share"] .share_link b.text_in, [data-module="share"] div.button.share_link b.text_in { transition-delay: 0.3s; } [data-module="share"] .share_link span, [data-module="share"] div.button.share_link span { font-size: 19px; font-size: 1.1875em; font-size: 1.1875rem; } [data-module="share"] .share_link span:before, [data-module="share"] div.button.share_link span:before { margin-left: -2px; } [data-module="share"] .share_link span.text_in, [data-module="share"] div.button.share_link span.text_in { transition-delay: 0.45s; } @media (max-width: 992px) { [data-module="share"] .share_link, [data-module="share"] button { float: left; margin: 10px auto; } [data-module="share"] .share_link span, [data-module="share"] button span { float: left; } [data-module="share"] .share_link b, [data-module="share"] button b { float: right; } } .atm-i { background: #fff; border: 1px solid #e6e6e6; padding: 4px 0 0; margin: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 2px; } #at15s, #at16nms, #at16p, #at16p form input, #at16p label, #at16p textarea, #at16recap, #at16sas, #at_msg, #at_share .at_item, .at16nc { font-size: 10px !important; font-weight: 200; outline-style: none; outline-width: 0; line-height: 1em; color: #505050; text-transform: uppercase; letter-spacing: 2px; text-indent: 5px; } #at20mc a, #at_hover .at_bold, #at_hover.atm-s .at_bold, #at_hover.atm-s a, #at_hover.atm-s a:hover .at_bold, .at16nc, .atm-s a { font-weight: lighter !important; color: #aaa !important; } #at15pf, #atic_auth { display: none !important; } #at15pf a { font-size: 7px !important; margin-top: 4px; } #at15pf a, #at_auth { font-weight: lighter !important; } #at_auth { font-size: 6px !important; border-top: 0 none !important; } #at15pf, #at16pf { height: 15px; } #at15pf a.at-logo, #at16pf a.at-logo { margin-top: 4px; } .atm-f { border-top: 1px solid #e6e6e6 !important; } #at_hover.atm-s a:hover, #atic_signin #at_auth:hover, .atm-s a:hover { background: #eaeaea; } #at_pspromo div { display: none !important; } #at_pspromo:before { content: "Thanks for sharing"; display: block; text-align: center; padding: 20px 20px 0; line-height: 20px; color: #777; font-size: 9px; } #relative_social_sharing { position: relative; height: 38px; line-height: 38px; } #social_sharing { float: right; height: 38px; position: absolute; right: 40px; top: 0; display: none; } @media (max-width: 992px) { #social_sharing { float: left; right: auto; left: 40px; } } #relative_social_sharing { float: right; margin: 0; padding: 0; } #social_sharing_links.popup_vertical { border-radius: 38px; position: relative; float: right; z-index: 99; width: auto; height: 38px !important; line-height: 38px; bottom: 0; background: #fff; } #social_sharing_links.popup_vertical ul { display: block; float: left; height: 38px; line-height: 38px; padding: 0; list-style: none; background: #fff; font-family: Open Sans, sans-serif; font-weight: 400; margin: 0; } #social_sharing_links.popup_vertical ul li.social_links_item { display: inline-block; float: left; margin: 0; } #social_sharing_links.popup_vertical ul li.social_links_item a { display: block; float: left; padding: 0; text-decoration: none; text-indent: 0; width: 38px; height: 38px; line-height: 38px; text-align: center; margin: 0; color: rgba(48, 48, 48, 0); font-size: 0; } #social_sharing_links.popup_vertical ul li.social_links_item a:hover { background: #efefef; } #social_sharing_links span.add_this_social_media_icon { display: block; float: left; width: 38px; height: 20px; line-height: 20px; border-radius: 0; border: none; color: #303030; text-align: center; margin: 12px 0 6px; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #social_sharing_links span.add_this_social_media_icon.facebook:before { content: "\EA91"; } #social_sharing_links span.add_this_social_media_icon.twitter:before { content: "\EA96"; } #social_sharing_links span.add_this_social_media_icon.linkedin:before { content: "\EACB"; } #social_sharing_links span.add_this_social_media_icon.googleplus:before { content: "\E928"; } #social_sharing_links span.add_this_social_media_icon.pinterest:before { content: "\EAD3"; } #social_sharing_links span.add_this_social_media_icon.email:before { content: "\E924"; } [data-module="share"] button:first-of-type { display: none; } [data-module="header_image"] { padding-bottom: 118px; background-color: #fff; width: 100%; } html.has-extra-menu [data-module="header_image"] { padding-bottom: 0; } [data-module="header_image"] figure { position: relative; clear: both; width: 100%; margin: 0; padding: 0; padding-bottom: 54%; padding-bottom: 40%; } [data-module="header_image"] figure .bck { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; background-color: #dadada; transition: background 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="header_image"] figure .bck img { display: none; width: 100%; height: auto; } [data-module="header_image"] .cont-link { width: 100%; height: 100%; } [data-module="header_image"] .cont-link [data-comp="button_play"] { position: relative; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } [data-page="about"] [data-module="header_image"] { padding-bottom: 0; } [data-module="header_page"] header ul li a.projFilter { padding: 0; clear: none; float: none; display: inline-block; } [data-module="header_page"] header ul li a.projFilter:hover { text-decoration: underline; } [data-module="input-select"] { display: inline-block; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; width: 100%; } @media (min-width: 992px) { [data-module="input-select"] { width: 274px; } } [data-module="input-select"] .select { cursor: pointer; display: inline-block; position: relative; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; color: #fff; width: 100%; height: 50px; margin-right: 0; margin-bottom: 20px; } @media (min-width: 992px) { [data-module="input-select"] .select { width: 240px; margin-right: 34px; margin-bottom: 0; } } [data-module="input-select"] .select select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; width: 1px !important; overflow: hidden !important; } [data-module="input-select"] .table-container { min-width: 700px; } [data-module="input-select"] .select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; padding: 13px 30px 13px 15px; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.25s; } [data-module="input-select"] .select-styled:first-letter { text-transform: uppercase; } [data-module="input-select"] .select-styled:after { content: ""; width: 0; height: 0; border: 7px solid transparent; border-color: #fff transparent transparent; position: absolute; top: 17px; right: 10px; } [data-module="input-select"] .select-styled:hover { background-color: #000; } [data-module="input-select"] .select-styled.active, [data-module="input-select"] .select-styled:active { background-color: #0d0d0d; } [data-module="input-select"] .select-styled.active:after, [data-module="input-select"] .select-styled:active:after { top: 9px; border-color: transparent transparent #fff; } [data-module="input-select"] .select-styled.wpcf7-not-valid { border-color: red !important; } [data-module="input-select"] .select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #000; } [data-module="input-select"] .select-options li { margin: 0; padding: 12px 15px; border-top: 1px solid #1a1a1a; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.2s; } [data-module="input-select"] .select-options li:first-letter { text-transform: uppercase; } [data-module="input-select"] .select-options li:hover { color: #000; background: #fff; } [data-module="input-select"] .select-options li[rel="hide"] { display: none; } [data-module="input-select"].hideField { position: absolute; width: 0; height: 0; z-index: -100; overflow: hidden; } .collection-base-paragraph, [data-component="input-form"] { color: #6e6e6e; font-family: Open Sans, sans-serif; font-weight: 400; } [data-component="input-form"] { float: left; width: 100%; padding-bottom: 90px; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; } @media (min-width: 992px) { [data-component="input-form"] { padding-bottom: 0; } } [data-component="input-form"] header { padding: 36px 58px; float: left; width: 100%; position: relative; } [data-component="input-form"] header:after { content: ""; width: auto; display: block; height: 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); float: left; width: 100%; margin-left: 0; margin-right: 0; } @media (min-width: 992px) { [data-component="input-form"] header:after { width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; } } [data-component="input-form"] header h3 { margin: 0; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; font-size: 11px; font-size: 0.6875em; font-size: 0.6875rem; text-transform: uppercase; float: left; letter-spacing: 2px; font-weight: 700; color: #272727; } @media (min-width: 992px) { [data-component="input-form"] header h3 { padding-left: 15px; } } [data-component="input-form"] header p { float: right; margin: 0; color: rgba(39, 39, 39, 0.33); font-size: 12px; font-size: 0.75em; font-size: 0.75rem; } @media (min-width: 992px) { [data-component="input-form"] header p { padding-right: 15px; } } [data-component="input-form"] [role="form"] { float: left; padding: 36px 58px; } [data-component="input-form"] .screen-reader-response { display: none; } [data-component="input-form"] form { float: left; } [data-component="input-form"] form p:empty { display: none; } [data-component="input-form"] form label { font-weight: 400; margin-bottom: 0; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; width: 100%; } [data-component="input-form"] form input, [data-component="input-form"] form textarea { width: 100%; background: transparent; border: 1px solid rgba(0, 0, 0, 0.2); padding: 14px; margin-top: 16px; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; color: #272727; } [data-component="input-form"] form input::-webkit-input-placeholder, [data-component="input-form"] form textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.2); } [data-component="input-form"] form input:-moz-placeholder, [data-component="input-form"] form input::-moz-placeholder, [data-component="input-form"] form textarea:-moz-placeholder, [data-component="input-form"] form textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.2); opacity: 1; } [data-component="input-form"] form input:-ms-input-placeholder, [data-component="input-form"] form input ::-ms-input-placeholder, [data-component="input-form"] form textarea:-ms-input-placeholder, [data-component="input-form"] form textarea ::-ms-input-placeholder { color: rgba(0, 0, 0, 0.2); } [data-component="input-form"] form input.wpcf7-not-valid, [data-component="input-form"] form textarea.wpcf7-not-valid { border-color: red; } [data-component="input-form"] form textarea { margin-top: 16px; height: 175px; color: #272727; } [data-component="input-form"] form textarea.attivo { color: #272727; } [data-component="input-form"] form button:focus, [data-component="input-form"] form input:focus, [data-component="input-form"] form select:focus, [data-component="input-form"] form textarea:focus { outline: none; } [data-component="input-form"] form [role="alert"] { font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; text-transform: uppercase; color: red; width: 100%; display: block; margin-top: 10px; } [data-component="input-form"] form .input-wrap { min-height: 122px; } @media (min-width: 992px) { [data-component="input-form"] form .input-wrap.fixed-height { height: auto; min-height: 200px; } } [data-component="input-form"] form .input-wrap.fixed-height p { margin: 0; } [data-component="input-form"] form .cityfield-disabled { display: none; } [data-component="input-form"] form .checkbox { margin-top: 16px; } @media (min-width: 992px) { [data-component="input-form"] form .checkbox { margin-top: 60px; } } [data-component="input-form"] form .checkbox span { display: block; float: left; } [data-component="input-form"] form .checkbox .wpcf7-list-item-label { float: right; width: 90%; text-align: justify; } [data-component="input-form"] form .checkbox .wpcf7-list-item-label a { color: #000; text-decoration: underline; } [data-component="input-form"] form .checkbox [role="alert"] { padding-left: 10%; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; color: red; text-transform: uppercase; margin-top: 10px; } [data-component="input-form"] form .checkbox .wpcf7-mail-sent-ok[role="alert"], [data-component="input-form"] form .checkbox [role="alert"].wpcf7-mail-sent-ok { color: green !important; } [data-component="input-form"] form .checkbox input[type="checkbox"] { width: 16px; height: 16px; position: relative; left: 0; top: 4px; padding: 0; margin-left: 0; margin-top: 0; border: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; } [data-component="input-form"] form .checkbox input[type="checkbox"]:focus { outline: 0; box-shadow: none; } [data-component="input-form"] form .checkbox input[type="checkbox"]:checked, [data-component="input-form"] form .checkbox input[type="checkbox"]:focus { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; appearance: none; border: none; } [data-component="input-form"] form .checkbox input[type="checkbox"]:before { display: block; content: ""; background: #fff; width: 13px; height: 13px; border: 1px solid #c1c1c1; position: absolute; pointer-events: none; } [data-component="input-form"] form .checkbox input[type="checkbox"]:focus:before { border: 1px solid #757575; } [data-component="input-form"] form .checkbox input[type="checkbox"]:after { display: block; content: ""; position: absolute; pointer-events: none; width: 7px; height: 5px; border: 0 none; background: transparent; border-left: 2px solid #000; border-bottom: 2px solid #000; left: 3px; top: 3px; -ms-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-component="input-form"] form .checkbox input[type="checkbox"]:checked:after { -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); } [data-component="input-form"] form button { position: relative; float: right; padding: 10px; margin-right: 10px; padding-left: 40px; padding-right: 40px; overflow: hidden; border: 0 none #303030; color: #fff; background: #303030; border-radius: 0; } [data-component="input-form"] form button:before { content: ""; width: 100%; height: 100%; background: #ccc; opacity: 1; position: absolute; left: 0; top: 0; -ms-transform: translateY(100%); transform: translateY(100%); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-component="input-form"] form button:after { display: none; } [data-component="input-form"] form button input { width: auto; margin: 0; padding: 0; border: 0; position: relative; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; letter-spacing: 1.5px; text-transform: uppercase; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); color: #fff; top: -2px; } [data-component="input-form"] form button .ajax-loader { visibility: hidden; display: inline-block; width: 40px; height: 40px; border: none; padding: 0; position: absolute; right: 0; bottom: 0; vertical-align: middle; } [data-component="input-form"] form button .ajax-loader .is-active { visibility: visible !important; } [data-component="input-form"] form button:hover { color: #fff; } [data-component="input-form"] form button:hover:before { -ms-transform: translateY(0); transform: translateY(0); } [data-component="input-form"] form button:hover input { color: #000; } [data-component="input-form"] form button.line { position: relative; float: right; } [data-component="input-form"] form button.line:after, [data-component="input-form"] form button.line:before { content: ""; width: 40px; height: 1px; background: #000; opacity: 0.3; position: absolute; left: 0; top: 50%; } [data-component="input-form"] form button.line:after { opacity: 1; width: 10px; left: 0; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-component="input-form"] form button.line input { width: auto; margin: 0; padding: 0; border: 0; margin-left: 50px; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; text-transform: uppercase; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-component="input-form"] form button.line .ajax-loader { visibility: hidden; display: inline-block; background: red; width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; } [data-component="input-form"] form button.line:hover:after { width: 20px; left: 20px; } [data-component="input-form"] form button.line:hover input { color: #000; } [data-component="input-form"] form .wpcf7-response-output { float: left; width: auto; margin-top: 30px; } @media (min-width: 992px) { [data-component="input-form"] form .wpcf7-response-output { margin-top: 0; } } [data-component="input-form"] form .pull-left.fixed-height p { margin: 0; } [data-component="input-form"] form .wpcf7-mail-sent-ok { color: green !important; } [data-component="input-form"] [data-module="input-select"] { width: 100%; margin-top: 16px; } [data-component="input-form"] [data-module="input-select"].margin-bottom { margin-bottom: 30px; } [data-component="input-form"] [data-module="input-select"] .select { width: 100%; margin-right: 0; } [data-component="input-form"] [data-module="input-select"] .select-styled { background-color: #f3f3f3; border: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); } [data-component="input-form"] [data-module="input-select"] .select-styled:after { width: 0; height: 0; border: 0 none !important; position: absolute; top: 17px; right: 30px; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E91B" !important; } [data-component="input-form"] [data-module="input-select"] .select-styled.selected { color: #000; } [data-component="input-form"] [data-module="input-select"] .select-options { background-color: #f3f3f3; border: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); border-top: none; margin-top: -1px; } [data-component="input-form"] [data-module="input-select"] .select-options li { border-top: 1px solid rgba(0, 0, 0, 0.2); } [data-component="input-form"] .country-list [data-module="input-select"] .select-options, [data-component="input-form"] .date-list [data-module="input-select"] .select-options { max-height: 300px !important; overflow-y: scroll !important; } [data-component="input-form"] .clear { float: left; width: 100%; clear: both; } .formBrandDefined [data-module="input-select"][data-target="#sel_collezioni"] .select-styled, .formCollectionDefined [data-module="input-select"][data-select-id="sel_collezioni"] .select-styled { color: #000 !important; } [data-component="input-form"] .select-options li, [data-component="input-form"] .select-styled.active, [data-component="input-form"] input, [data-component="input-form"] label, [data-component="input-form"] span, [data-component="input-form"] textarea { color: #272727; } [data-component="input-form"] form button .ajax-loader.is-active { visibility: visible !important; } @media (max-width: 992px) { [data-component="input-form"] .wpcf7, [data-component="input-form"] header { padding-left: 0; padding-right: 0; } } [data-component="input-form"] .hideField { position: absolute; width: 0; height: 0; z-index: -100; overflow: hidden; } [data-module="header_page"] header [data-comp="button_line"] { margin-left: 0; } .error-404 [data-module="header_page"] header { padding: 0 !important; padding-top: 2% !important; margin: 0 !important; width: 100% !important; } .error-404 [data-module="header_page"] header h1 { width: 100% !important; text-align: center !important; } .error-404 [data-module="article"] .text h2 { padding: 0 !important; padding-top: 2% !important; margin: 0 !important; width: 100% !important; margin-bottom: 50px !important; } .error-404 form#searchform { float: left; width: 100%; } .error-404 form#searchform div { width: 100%; text-align: center; } .error-404 form#searchform p:empty { display: none; } .error-404 form#searchform label { font-weight: 400; margin-bottom: 0; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; width: 100%; text-align: left; } .error-404 form#searchform input, .error-404 form#searchform textarea { width: 100%; background: transparent; border: 1px solid rgba(0, 0, 0, 0.2); padding: 14px; margin-top: 16px; margin-bottom: 20px; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; color: #272727; } .error-404 form#searchform input::-webkit-input-placeholder, .error-404 form#searchform textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.2); } .error-404 form#searchform input:-moz-placeholder, .error-404 form#searchform input::-moz-placeholder, .error-404 form#searchform textarea:-moz-placeholder, .error-404 form#searchform textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.2); opacity: 1; } .error-404 form#searchform input:-ms-input-placeholder, .error-404 form#searchform input ::-ms-input-placeholder, .error-404 form#searchform textarea:-ms-input-placeholder, .error-404 form#searchform textarea ::-ms-input-placeholder { color: rgba(0, 0, 0, 0.2); } .error-404 form#searchform input.wpcf7-not-valid, .error-404 form#searchform textarea.wpcf7-not-valid { border-color: red; } .error-404 form#searchform input#searchsubmit { width: 50%; min-width: 200px; position: relative; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); margin: 0; } .error-404 form#searchform span { position: relative; display: inline-block; } .error-404 form#searchform span:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #272727; content: ""; display: block; transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform: scaleY(0); transform: scaleY(0); -ms-transform-origin: bottom center; transform-origin: bottom center; } .error-404 form#searchform span:hover:before { -ms-transform: scaleY(1); transform: scaleY(1); } .error-404 form#searchform span:hover input#searchsubmit { color: #fff; } .collection-base-paragraph, [data-module="table"] { font-family: Open Sans, sans-serif; font-weight: 400; } [data-module="table"] { position: relative; width: 100%; overflow: hidden; overflow-x: auto; margin: 0; padding: 20px 8%; background: #fff; } [data-module="table"].grey { background: #f3f3f3; } [data-module="table"] .select { cursor: pointer; display: inline-block; position: relative; font-size: 16px; color: #fff; min-width: 240px; height: 46px; margin-right: 34px; } [data-module="table"] .table-container { min-width: 700px; } [data-module="table"] .select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; padding: 13px 15px; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.25s; text-transform: lowercase; } [data-module="table"] .select-styled:first-letter { text-transform: uppercase; } [data-module="table"] .select-styled:after { content: ""; width: 0; height: 0; border: 7px solid transparent; border-color: #fff transparent transparent; position: absolute; top: 17px; right: 10px; } [data-module="table"] .select-styled:hover { background-color: #000; } [data-module="table"] .select-styled.active, [data-module="table"] .select-styled:active { background-color: #0d0d0d; } [data-module="table"] .select-styled.active:after, [data-module="table"] .select-styled:active:after { top: 9px; border-color: transparent transparent #fff; } [data-module="table"] .select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #000; } [data-module="table"] .select-options li { margin: 0; padding: 12px 0; text-indent: 15px; border-top: 1px solid #1a1a1a; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.2s; text-transform: lowercase; } [data-module="table"] .select-options li:first-letter { text-transform: uppercase; } [data-module="table"] .select-options li:hover { color: #000; background: #fff; } [data-module="table"] .select-options li[rel="hide"] { display: none; } [data-module="table"] .cell { display: table; min-height: 70px; float: left; position: relative; padding: 20px 16px 20px 15px; margin: 0; color: #282828; } [data-page="references"] [data-module="table"] .cell { display: table-cell; } [data-module="table"] .cell:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; text-align: center; background: #dadada; } [data-module="table"] .line .cell:first-child, [data-module="table"] header .cell:first-child { width: 35.2%; border-left: 1px solid #dadada; } [data-module="table"] .line .cell:nth-child(2), [data-module="table"] header .cell:nth-child(2) { width: 12.5%; } [data-module="table"] .line .cell:nth-child(3), [data-module="table"] header .cell:nth-child(3) { width: 28.5%; } [data-module="table"] .line .cell:nth-child(4), [data-module="table"] header .cell:nth-child(4) { width: 12.5%; } [data-module="table"] .line .cell:nth-child(5), [data-module="table"] header .cell:nth-child(5) { width: 11.3%; padding: 20px 10px; } [data-module="table"] .line .cell:first-child { padding-left: 9%; } [data-module="table"] .line .cell:first-child div, [data-module="table"] .line .cell:nth-child(3) div { text-align: left; } [data-module="table"] .line .cell:nth-child(5) { padding: 0 !important; } [data-module="table"] aside { margin-top: 50px; } [data-module="table"] aside a { position: relative; float: right; height: 38px; line-height: 38px; margin: 4px 0; background: none; outline: none; } [data-module="table"] aside a span { display: inline-block; float: left; width: 38px; height: 38px; line-height: 34px; border-radius: 100%; border: 2px solid rgba(48, 48, 48, 0.4); color: #303030; text-align: center; margin: 0; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; } [data-module="table"] aside a b { display: inline-block; float: left; height: 38px; line-height: 36px; color: rgba(48, 48, 48, 0.4); margin: 0 18px; padding: 0; font-family: Open Sans, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; } [data-module="table"] aside a b.text_in { transition-delay: 0.15s; } html.no-touch [data-module="table"] aside a:focus span, html.no-touch [data-module="table"] aside a:hover span { border: 2px solid #303030; } html.no-touch [data-module="table"] aside a:focus b, html.no-touch [data-module="table"] aside a:hover b { color: #303030; } [data-module="table"] header { width: 100%; float: left; margin-top: 35px; } [data-module="table"] header .cell { text-align: center; background: #f3f3f3; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; margin-bottom: -1px; } [data-module="table"] header .cell:first-child { padding-left: 7%; padding-right: 7%; } [data-module="table"] header .cell b { display: table-cell; vertical-align: middle; width: 100%; text-align: center; font-family: Open Sans, sans-serif; font-weight: 600; color: #0f0f0f; font-size: 9px; font-size: 0.5625em; font-size: 0.5625rem; letter-spacing: 2px; text-transform: uppercase; line-height: 1.2em; } [data-module="table"] .table { width: 100%; float: left; position: relative; margin: 0 0 35px; padding: 0; overflow: hidden; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.4s; transition-property: opacity, height; will-change: opacity, height; transition-delay: 0.5s; } [data-module="table"] .table .line .cell.standard { padding: 20px 16px 20px 15px !important; color: #666; } [data-module="table"] .table .line .cell.standard div { vertical-align: top; } [data-module="table"] .table .line_cont { margin: 0 0 11px; padding: 0; } [data-module="table"] .table .line, [data-module="table"] .table .line_cont { width: 100%; float: left; position: relative; } [data-module="table"] .table .line .cell { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; margin-bottom: -1px; padding-top: 35px; padding-bottom: 35px; } [data-module="table"] .table .line .cell a { display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; background: #f3f3f3; color: #303030; font-size: 20px; font-size: 1.25em; font-size: 1.25rem; font-weight: 700; } html.no-touch [data-module="table"] .table .line .cell a:focus, html.no-touch [data-module="table"] .table .line .cell a:hover { text-decoration: none; background: #dadada; } [data-module="table"] .table .line .cell a.arrow { position: relative; background: none; padding: 0 35px 0 0; color: #838383; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; text-align: left; } [data-module="table"] .table .line .cell a.arrow strong { display: block; clear: both; color: #282828; font-weight: 500; } [data-module="table"] .table .line .cell a.arrow:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E919" !important; font-size: 12px; position: absolute; top: 50%; right: 0; float: right; -ms-transform: translateX(-12px) translateY(-50%); transform: translateX(-12px) translateY(-50%); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } html.no-touch [data-module="table"] .table .line .cell a.arrow:focus, html.no-touch [data-module="table"] .table .line .cell a.arrow:hover { background: none; } html.no-touch [data-module="table"] .table .line .cell a.arrow:focus:after, html.no-touch [data-module="table"] .table .line .cell a.arrow:hover:after { -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } [data-module="table"] .table .line .cell a.button-link { font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; font-weight: 400; background-color: transparent; } [data-module="table"] .table .line .cell div { display: table-cell; vertical-align: middle; width: 100%; text-align: left; font-family: Open Sans, sans-serif; font-weight: 400; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; line-height: 1.2em; } [data-module="table"] .table .icon_square { position: absolute; top: 1px; left: 0; z-index: 7; width: 6.8%; height: 100%; background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNpsjUEKwDAIBLf4/6fqwatKKySEDXZAkHFZYWaZ+d60eXpEBERVuTtmdnXg1/YOtqp6/oFtRJwcZnYfuJf5BBgAXCeuNf6DhMYAAAAASUVORK5CYII=); background-repeat: repeat; background-size: auto; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; border-left: 1px solid #dadada; } [data-module="table"] .table .icon_square img { position: absolute; top: 50%; left: 50%; width: 50%; height: auto; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } [data-module="table"] .table.table_out { opacity: 0; height: 0 !important; margin: 0; } [data-module="table"] .table.table_in { opacity: 1; height: auto; } [data-module="table"] .text { float: left; position: relative; width: 100%; margin: 10px 0 50px; padding: 0; } [data-module="table"] .text h3 { font-family: Open Sans, sans-serif; font-weight: 600; color: #0f0f0f; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; margin: 2.5em 0; } [data-module="table"] .text p { font-family: Open Sans, sans-serif; font-weight: 400; color: rgba(40, 40, 40, 0.4); font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; margin: 0.5em 0; } [data-module="table"].all_equal .cell { color: #838383; } [data-module="table"].all_equal .line .cell:first-child, [data-module="table"].all_equal .line .cell:nth-child(2), [data-module="table"].all_equal .line .cell:nth-child(3), [data-module="table"].all_equal .line .cell:nth-child(4), [data-module="table"].all_equal .line .cell:nth-child(5), [data-module="table"].all_equal header .cell:first-child, [data-module="table"].all_equal header .cell:nth-child(2), [data-module="table"].all_equal header .cell:nth-child(3), [data-module="table"].all_equal header .cell:nth-child(4), [data-module="table"].all_equal header .cell:nth-child(5) { width: 19.5%; padding: 20px 16px 20px 15px; } [data-module="table"].all_equal header .cell .cell { color: #282828; } [data-module="table"].all_equal header .cell:first-child { padding-left: 15px; padding-right: 16px; } [data-module="table"].all_equal .line .cell:first-child { padding-left: 15px; } [data-module="table"].all_equal .line .cell:first-child div, [data-module="table"].all_equal .line .cell:nth-child(3) div { text-align: left; } [data-module="table"].all_equal .line .cell:nth-child(5) { padding: 20px 16px 20px 15px !important; } @media (max-width: 992px) { [data-page="single_collection"] [data-module="table"] .cell, [data-page="single_collection"] [data-module="table"] .line, [data-page="single_collection"] [data-module="table"] .select, [data-page="single_collection"] [data-module="table"] .table, [data-page="single_collection"] [data-module="table"] header, [data-page="single_collection"] [data-module="table"] select { display: none !important; } [data-module="table"].hide-mobile { display: none; } [data-module="table"] aside a { float: none; margin: 0 auto; } [data-module="table"] aside a b { margin-left: 0; } [data-module="table"].all_equal { padding-left: 30px; padding-right: 30px; } [data-module="table"].all_equal .line .cell:first-child, [data-module="table"].all_equal .line .cell:nth-child(2), [data-module="table"].all_equal .line .cell:nth-child(3), [data-module="table"].all_equal .line .cell:nth-child(4), [data-module="table"].all_equal .line .cell:nth-child(5), [data-module="table"].all_equal header .cell:first-child, [data-module="table"].all_equal header .cell:nth-child(2), [data-module="table"].all_equal header .cell:nth-child(3), [data-module="table"].all_equal header .cell:nth-child(4), [data-module="table"].all_equal header .cell:nth-child(5) { width: 20%; padding: 20px 16px 20px 15px; } } @media (max-width: 768px) { [data-module="table"].all_equal .line .cell, [data-module="table"].all_equal header .cell { display: none; } [data-module="table"].all_equal .line .cell:first-child, [data-module="table"].all_equal header .cell:first-child { display: block; width: 100%; padding: 20px 16px 20px 15px; } } [data-module="gallery_alternate"] { background-color: #fff; margin: 0; padding: 70px 0; } [data-module="gallery_alternate"].grey { background-color: #f3f3f3; } [data-module="gallery_alternate"] .row { margin-left: 0; margin-right: 0; } [data-module="gallery_alternate"] figure { display: block; float: left; position: relative; margin: 0; padding: 0; -webkit-backface-visibility: hidden; perspective: 1000px; } [data-module="gallery_alternate"] figure a { display: block; position: relative; } [data-module="gallery_alternate"] figure .cont { position: relative; overflow: hidden; } [data-module="gallery_alternate"] figure .cont, [data-module="gallery_alternate"] figure img { display: block; will-change: transform; -webkit-backface-visibility: hidden; margin: 0; padding: 0; } [data-module="gallery_alternate"] figure img { width: 100%; height: auto; } [data-module="gallery_alternate"] figure img[data-img] { will-change: opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="gallery_alternate"] figure img[data-img].onPreloaded { opacity: 1; } [data-module="gallery_alternate"] figure span { position: absolute; bottom: 17px; right: 17px; opacity: 0; font-size: 20px; font-size: 1.25em; font-size: 1.25rem; line-height: 1em; color: #fff; transition-timing-function: cubic-bezier(0.41, 0.01, 0.27, 1); transition-duration: 0.4s; } html.no-touch [data-module="gallery_alternate"] figure:focus span, html.no-touch [data-module="gallery_alternate"] figure:hover span { opacity: 1; } [data-module="gallery_alternate"] figure.pos_1 { width: 53.7%; } [data-module="gallery_alternate"] figure.pos_2 { width: 25.4%; margin-top: 270px; margin-left: 5%; } [data-module="gallery_alternate"] figure.pos_3 { width: 100%; } [data-module="gallery_alternate"] figure.pos_3 a { float: left; margin-top: -73px; width: 29.7%; margin-left: 8.6%; } @media (max-width: 992px) { [data-module="gallery_alternate"] figure.pos_3 a { margin-top: 0; width: 100%; margin-left: 0; } } [data-module="gallery_alternate"] figure.pos_3 .text p a { display: inline; margin: 0; padding: 0; width: auto; float: none; } [data-module="gallery_alternate"] figure.pos_4 { width: 53.5%; float: right; margin-top: 150px; } [data-module="gallery_alternate"] figure.pos_5 { width: 53.3%; margin-top: 100px; margin-left: 3.4%; } [data-module="gallery_alternate"] figure.pos_6 { width: 27.3%; margin-top: 170px; margin-left: 13%; } .single-author [data-module="gallery_alternate"] figure.pos_3 a { margin-top: 100px; } @media (max-width: 992px) { .single-author [data-module="gallery_alternate"] figure.pos_3 a { margin-top: 0; } } .single-author [data-module="gallery_alternate"] figure article.text { width: 40%; } @media (max-width: 992px) { .single-author [data-module="gallery_alternate"] figure article.text { width: 100%; } } [data-module="gallery_alternate"] .text { display: block; float: left; width: 24%; margin-top: 180px; margin-left: 5.5%; color: #6e6e6e; font-size: 16px; font-size: 1em; font-size: 1rem; line-height: 1.2em; line-height: 1.55em; font-family: Open Sans, sans-serif; font-weight: 400; } @media (max-width: 992px) { [data-module="gallery_alternate"] figure.pos_1 { width: 100%; margin-top: 40px; } [data-module="gallery_alternate"] figure.pos_2, [data-module="gallery_alternate"] figure.pos_3 { width: 100%; margin-top: 40px; margin-left: 0; } [data-module="gallery_alternate"] figure.pos_4 { width: 100%; float: right; margin-top: 40px; } [data-module="gallery_alternate"] figure.pos_5, [data-module="gallery_alternate"] figure.pos_6 { width: 100%; margin-top: 40px; margin-left: 0; } [data-module="gallery_alternate"] .text { width: 100%; margin-top: 80px; margin-left: 0; padding: 0 20px; } } @media (max-width: 768px) { [data-module="gallery_alternate"] { padding-top: 0; } [data-module="gallery_alternate"] figure.pos_1 { margin-top: 0; } } [data-module="list_link"] { overflow: hidden; background-color: #fff; margin: 0; padding: 70px 0; } [data-module="list_link"].grey { background-color: #f3f3f3; } [data-module="list_link"].padding-top-zero { padding-top: 0; } [data-module="list_link"].empty { width: 100%; float: left; } [data-module="list_link"].empty ul { padding-top: 60px; } [data-module="list_link"].half { width: 50%; margin: 0 auto; } [data-module="list_link"] .container-fluid { padding-left: 8%; padding-right: 8%; } [data-module="list_link"] .row { margin-left: -5px; margin-right: -5px; } [data-module="list_link"] .col { padding-left: 5px; padding-right: 5px; } [data-module="list_link"] .cell { display: table-cell; position: relative; vertical-align: middle; border-right: 1px solid #d2d2d2; padding: 22px 26px; } [data-module="list_link"] .cell.opacity_in { transition-delay: 0.35s; } [data-module="list_link"] .cell b { display: block; max-height: 2.4em; overflow: hidden; font-weight: 600; } [data-module="list_link"] .cell b.opacity_in { transition-delay: 0.45s; } [data-module="list_link"] .cell.cont-img { width: 82px; padding-left: 16px; padding-right: 16px; } [data-module="list_link"] .cell.cont-img.opacity_in { transition-delay: 0.4s; } [data-module="list_link"] .cell.cont-img img { display: block; margin: 0 auto; padding: 0; width: auto; height: 20px; } [data-module="list_link"] ul { display: block; clear: both; padding: 0; } [data-module="list_link"] ul li { display: block; position: relative; list-style: none; } [data-module="list_link"] ul li:before { width: 100%; height: 100%; width: calc(100% - 10px); height: calc(100% - 10px); background-color: #f3f3f3; position: absolute; top: 5px; left: 5px; block: ""; content: ""; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -ms-transform: scaleY(0); transform: scaleY(0); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } html.no-touch [data-module="list_link"] ul li:focus:before, html.no-touch [data-module="list_link"] ul li:hover:before { -ms-transform: scaleY(1); transform: scaleY(1); } [data-module="list_link"] ul li a { display: table; position: relative; width: 100%; border: 1px solid #d2d2d2; font-weight: 600; margin: 5px 0; padding: 0; color: #303030; font-family: Open Sans, sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; line-height: 1.2em; } [data-module="list_link"] ul li a .cell:last-child { width: 135px; width: 35px; text-align: center; border-right: none; background: #ebebeb; font-size: 20px; font-size: 1.25em; font-size: 1.25rem; } [data-module="list_link"] ul li a .cell:last-child span { display: block; width: 35px; } [data-module="list_link"] ul li a .cell:last-child.opacity_in { transition-delay: 0.5s; } html.no-touch [data-module="list_link"] ul li a:focus, html.no-touch [data-module="list_link"] ul li a:hover { text-decoration: none; } @media (max-width: 992px) { [data-module="list_link"].half { width: 100%; } [data-module="list_link"] .cell.grey { width: 30px !important; } [data-module="list_link"] .cell.cont-img { display: none !important; } } html.no-touch [data-module="list_link"] ul li.alert:focus:before, html.no-touch [data-module="list_link"] ul li.alert:hover:before { display: none !important; } [data-module="list_link"] ul li.alert .cell { border: 0 !important; } [data-module="list_link"] li.folder { border-left: 0 solid #d2d2d2; padding-right: 0; } [data-module="list_link"] li.folder:before { display: none !important; } [data-module="list_link"] li.folder > a { border: 0; pointer-events: none; } [data-module="list_link"] li.folder .cell.folder { font-size: 11px; font-size: 0.6875em; font-size: 0.6875rem; letter-spacing: 2px; text-align: left; background: transparent; text-transform: uppercase; } [data-module="list_link"] li.folder > ul { padding-left: 22px; padding-right: 25px; } [data-module="quote"] { color: #282828; } [data-module="quote"] .title { font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; text-transform: uppercase; margin: 0; } [data-module="quote"] .text { font-family: Open Sans, sans-serif; font-weight: 400; color: #6e6e6e; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; margin: 0; margin-top: 30px; } [data-module="quote"] .text a { text-decoration: underline; } [data-module="quote"] .text a:hover { color: #000; } [data-module="quote"][data-collaps] { margin-bottom: 100px; } [data-module="quote"][data-collaps="true"] { position: relative; } [data-module="quote"][data-collaps="true"] .text { overflow-y: hidden; height: 100px; transition: all 0.25s ease-out; } [data-module="quote"][data-collaps="true"] a[href="#toggle"] { width: 100%; display: inline-block; text-decoration: none; height: auto; background: #fff; text-align: left; padding: 0; padding-top: 10px; box-shadow: 0 -15px 20px 0 #fff; transition: opacity 0.25s ease-out; position: relative; left: 0; bottom: 0; opacity: 1; font-family: Open Sans, sans-serif; font-weight: 400; color: #8d8d8d; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; } [data-module="quote"][data-collaps="true"] a[href="#toggle"] .icona { display: inline-block; position: relative; top: 2px; margin-left: 10px; transition: transform 0.25s ease-out; } [data-module="quote"][data-collaps="true"] a[href="#toggle"] span { opacity: 0.75; } [data-module="quote"][data-collaps="true"] a[href="#toggle"]:hover span { opacity: 1; } [data-module="quote"][data-collaps="true"] a[href="#toggle"]:hover span.icona { -ms-transform: translateY(2px); transform: translateY(2px); } [data-module="quote"][data-collaps="false"] a[href="#toggle"] { opacity: 0; } @media (min-width: 992px) { [data-module="quote"] { padding: 30px; padding-left: 60px; } [data-module="quote"].half { width: 50%; } [data-module="quote"].half.centered { margin-left: 25%; } [data-module="quote"].quarters { width: 70%; } [data-module="quote"].quarters.centered { margin-left: 15%; } [data-module="quote"].has-line { border-left: 1px solid #f3f3f3; } } [data-module="gammaColorPreview"] { float: left; width: 100%; text-align: center; margin-bottom: 30px; padding: 0 !important; } .accessori [data-module="gammaColorPreview"] { padding: 0 4% !important; } [data-module="gammaColorPreview"].disabled { opacity: 0.2 !important; pointer-events: none !important; } [data-module="gammaColorPreview"] figure { width: 65%; display: inline-block; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; margin: 0; border-radius: 50%; overflow: hidden; position: relative; border: 4px solid #fff; cursor: hand; cursor: pointer; } [data-module="gammaColorPreview"] figure:after { content: ""; display: block; width: 100%; padding-bottom: 100%; } [data-module="gammaColorPreview"] figure.no-zoom { pointer-events: none !important; } [data-module="gammaColorPreview"] figure.no-zoom .icon-ico-search { opacity: 0 !important; } [data-module="gammaColorPreview"] figure a { display: inline-block; width: 100%; height: 100%; } [data-module="gammaColorPreview"] figure span { font-size: 20px; font-size: 1.25em; font-size: 1.25rem; color: #fff; display: inline-block; width: 100%; position: absolute; top: 50%; left: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; opacity: 1; transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } @media (min-width: 992px) { [data-module="gammaColorPreview"] figure span { opacity: 0; } } [data-module="gammaColorPreview"] figure:hover span { opacity: 1; } [data-module="gammaColorPreview"] figure .img-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } [data-module="gammaColorPreview"] figure .img-wrapper img { display: none !important; } [data-module="gammaColorPreview"] figcaption { width: 100%; text-align: center; font-family: Open Sans, sans-serif; font-weight: 400; color: #838383; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; color: #282828; cursor: hand; cursor: pointer; } [data-module="gammaColorPreview"] figcaption p { margin: 0; margin-top: 8px; margin-bottom: 5px; } [data-module="gammaColorPreview"] .checkbox { width: 100%; position: relative; display: inline-block; width: 20px; height: 20px; transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } [data-module="gammaColorPreview"] .checkbox [type="checkbox"] { visibility: hidden; width: 1px; height: 1px; position: absolute; } [data-module="gammaColorPreview"] .checkbox:before { left: 5px; top: 5px; position: absolute; content: ""; width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0.3); border-radius: 10px; display: none; } [data-module="gammaColorPreview"] .checkbox[data-checked="1"]:before { display: block; } [data-module="gammaColorPreview"] .checkbox:after { left: 0; top: 0; position: absolute; content: ""; display: block; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 10px; } [data-module="gammaColorPreview"] figcaption:hover .checkbox { -ms-transform: scale(1.1); transform: scale(1.1); } [data-module="gammaColorPreview"] figcaption p { text-transform: lowercase; } [data-module="gammaColorPreview"] figcaption p:first-letter { text-transform: uppercase; } .accessori [data-module="gammaColorPreview"] a { pointer-events: none; } .accessori [data-module="gammaColorPreview"] a .icon-ico-search { display: none !important; } .accessori [data-module="gammaColorPreview"] figure { border-radius: 0 !important; border: 0 none transparent !important; background-size: cover; } .selectionStep.accessori [data-module="gammaColorPreview"] figcaption p { font-size: 12px; font-size: 0.75em; font-size: 0.75rem; } .accessori [data-module="gammaColorPreview"] figure { background-size: contain; background-repeat: no-repeat; background-position: 50%; } [data-module="gammaColori"] { background-color: #eae3db; width: 100%; float: left; padding-left: 0; padding-right: 0; } @media (min-width: 992px) { [data-module="gammaColori"] { width: 50%; padding-left: 60px; padding-right: 60px; } } [data-module="gammaColori"] .items-group, [data-module="gammaColori"] .selectionStep, [data-module="gammaColori"] .selectionStep header { width: 100%; float: left; } @media (min-width: 992px) { [data-module="gammaColori"] .items { float: left; width: 108%; margin-left: -4%; } } @media (max-width: 992px) { [data-module="gammaColori"].accordion [data-module="headingLine"] { margin: 20px 0 !important; } [data-module="gammaColori"].accordion [data-module="headingLine"].accordionTitle:after { content: ""; width: 20px; height: 20px; display: block; border: 1px solid #bbb6b0; border-radius: 20px; background-color: #eae3db; position: absolute; right: 20px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="gammaColori"].accordion .selectionStep.selected .accordionTitle:after { opacity: 1; background-color: #7aad6f; } [data-module="gammaColori"].accordion .selectionStep { width: 100%; float: left; border-bottom: 1px solid rgba(40, 40, 40, 0.05); } } [data-module="gammaFormatPreview"] { float: left; width: 100%; text-align: center; margin-bottom: 20px; } [data-module="gammaFormatPreview"].disabled { opacity: 0.2 !important; pointer-events: none !important; } [data-module="gammaFormatPreview"] figure { display: block; visibility: hidden; opacity: 0; -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; top: 50%; right: 0; margin: 0; z-index: 1000; width: 170px; height: 120px; background-color: #fff; border-radius: 5px; margin-right: 10px; padding: 10px; box-shadow: 2px 4px 1px hsla(0, 0%, 47%, 0.2); } @media (min-width: 992px) { [data-module="gammaFormatPreview"] figure { right: auto; -ms-transform: translateX(-200px) translateY(-50%); transform: translateX(-200px) translateY(-50%); margin-right: 20px; } } [data-module="gammaFormatPreview"] figure:after, [data-module="gammaFormatPreview"] figure img, [data-module="gammaFormatPreview"] figure span { display: none; } @media (min-width: 992px) { [data-module="gammaFormatPreview"] figure:after { display: block; content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; position: absolute; right: -10px; top: 50px; margin: 0; } } [data-module="gammaFormatPreview"] figure .img-wrapper { width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } [data-module="gammaFormatPreview"]:hover figure { display: none; } @media (min-width: 992px) { [data-module="gammaFormatPreview"]:hover figure { display: block; visibility: visible; opacity: 1; -ms-transform: translateX(-185px) translateY(-50%); transform: translateX(-185px) translateY(-50%); } } @media (min-width: 992px) { [data-module="gammaFormatPreview"].noPreview:hover figure { display: none !important; } } [data-module="gammaFormatPreview"] figcaption { width: 100%; text-align: left; font-family: Open Sans, sans-serif; font-weight: 400; color: #838383; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; color: #282828; cursor: hand; cursor: pointer; } [data-module="gammaFormatPreview"] .checkbox { width: 100%; position: relative; display: block; float: left; width: 20px; height: 20px; transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; margin: 0; } [data-module="gammaFormatPreview"] .checkbox [type="checkbox"] { visibility: hidden; width: 1px; height: 1px; position: absolute; } [data-module="gammaFormatPreview"] .checkbox:before { left: 5px; top: 5px; position: absolute; content: ""; width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0.3); border-radius: 10px; display: none; } [data-module="gammaFormatPreview"] .checkbox[data-checked="1"]:before { display: block; } [data-module="gammaFormatPreview"] .checkbox:after { left: 0; top: 0; position: absolute; content: ""; display: block; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 10px; } [data-module="gammaFormatPreview"] p { display: block; float: left; margin: 0; margin-left: 10px; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [data-module="gammaFormatPreview"] p span { font-size: 11px; display: block; } [data-module="gammaFormatPreview"] p span sup { position: relative; top: -2px; } [data-module="gammaFormatPreview"] figcaption:hover .checkbox { -ms-transform: scale(1.1); transform: scale(1.1); } [data-module="gammaFormatPreview"] p { text-transform: lowercase; } [data-module="gammaFormatPreview"] p:first-letter { text-transform: uppercase; } [data-module="gammaFormati"] { background-color: #e3dad3; width: 100%; float: left; padding-left: 0; padding-right: 0; } @media (min-width: 992px) { [data-module="gammaFormati"] { width: 50%; padding-left: 60px; padding-right: 60px; } } [data-module="gammaFormati"] .items-group { width: 100%; float: left; } @media (min-width: 992px) { [data-module="gammaFormati"] .items { float: left; width: 102%; margin-left: -2%; } } @media (max-width: 992px) { [data-module="gammaFormati"].accordion [data-module="headingLine"] { margin: 20px 0 !important; } [data-module="gammaFormati"].accordion [data-module="headingLine"].has-frame { display: none; } [data-module="gammaFormati"].accordion [data-module="headingLine"].accordionTitle:after { content: ""; width: 20px; height: 20px; display: block; border-radius: 20px; background-color: #eae3db; position: absolute; right: 20px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="gammaFormati"].accordion .items { display: none; } [data-module="gammaFormati"].accordion .selectionStep.selected .accordionTitle:after { opacity: 1; background-color: #7aad6f; } [data-module="gammaFormati"].accordion .selectionStep { width: 100%; float: left; border-bottom: 1px solid rgba(40, 40, 40, 0.05); } [data-module="gammaFormati"].accordion .selectionStep:nth-child(2n) { background-color: #eae3db; } [data-module="gammaFormati"].accordion .selectionStep [data-module="headingLine"] h3 { background: none; } } [data-module="gammaRecap"] { transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); background-color: #fff; width: 100%; width: calc(100% + 30px); margin-left: -15px; padding: 10px; padding-top: 20px; position: relative; float: left; } @media (min-width: 992px) { [data-module="gammaRecap"] { width: 100%; padding: 10px 50px; padding-top: 25px; padding-bottom: 25px; position: fixed; z-index: 997; bottom: 0; left: 0; float: none; opacity: 0; visibility: hidden; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.5s cubic-bezier(0.19, 1, 0.22, 1); margin-left: 0; } } [data-module="gammaRecap"].open { opacity: 1; visibility: visible; } [data-module="gammaRecap"] .stepValue p { width: 100%; margin: 0; position: relative; font-family: Open Sans, sans-serif; font-weight: 400; color: #282828; font-size: 15px; font-size: 0.9375em; font-size: 0.9375rem; font-size: 11px; font-size: 0.6875em; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 1px; min-height: 50px; color: #a5a5a5; } @media (min-width: 992px) { [data-module="gammaRecap"] .stepValue p { min-height: auto; padding-top: 5px; } } [data-module="gammaRecap"] .stepValue p span { display: block; letter-spacing: 0; transition: color 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-module="gammaRecap"] .stepValue p i { text-transform: none; font-style: normal; letter-spacing: 0; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; } [data-module="gammaRecap"] .stepValue.active span { color: #282828; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; } [data-module="gammaRecap"] .stepValue.active i { display: none; } [data-module="gammaRecap"] .actions { position: relative; text-align: right; margin-top: 20px; } @media (min-width: 992px) { [data-module="gammaRecap"] .actions { margin-top: 0; } } [data-module="gammaRecap"] .actions [data-comp="button_line"], [data-module="gammaRecap"] .actions [data-comp="button_rect"] { display: inline-block; float: none; } [data-module="gammaRecap"] .actions [data-comp="button_rect"] { background-color: #1b1b1b; opacity: 0.2; pointer-events: none; } [data-module="gammaRecap"] .actions [data-comp="button_rect"] span { color: #d9d9d9; } [data-module="gammaRecap"] .actions .reset { float: left; margin-top: 7px; } @media (max-width: 992px) { [data-module="gammaRecap"] .actions.col-sm-4 { width: 100%; } } [data-module="gammaRecap"].active .actions [data-comp="button_rect"] { opacity: 1; pointer-events: all; } @media (min-width: 992px) { .gammaRecap [data-module="gamma"] .recap > .row > .cols { padding: 0; margin: 0; } .gammaRecap [data-module="gamma"] .recap [data-module="gammaRecap"] { position: relative; float: left; } } [data-module="gammaRecap"] .stepValue p span { text-transform: lowercase; } [data-module="gammaRecap"] .stepValue p span:first-letter { text-transform: uppercase; } [data-module="gammaRecap"] [data-comp="button_rect"]:after { mix-blend-mode: normal !important; z-index: 0; background-color: #e4e4e4; } [data-module="gammaRecap"] [data-comp="button_rect"] > span { position: relative; z-index: 1; } [data-module="gammaRecap"] [data-comp="button_rect"]:hover > span { color: #000 !important; } [data-module="iconCircleButton"] { color: #282828; } [data-module="iconCircleButton"].icon_button { position: relative; float: left; height: 38px; line-height: 38px; background: none; outline: none; margin: 32px 60px 0 0; } [data-module="iconCircleButton"].icon_button span { display: inline-block; float: left; width: 38px; height: 38px; line-height: 34px; border-radius: 100%; border: 2px solid #8d8d8d; color: #303030; text-align: center; margin: 0; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; } [data-module="iconCircleButton"].icon_button b { display: inline-block; float: left; height: 38px; line-height: 36px; color: rgba(48, 48, 48, 0.4); margin: 0 18px; padding: 0; font-family: Open Sans, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; } [data-module="iconCircleButton"].icon_button b.text_in { transition-delay: 0.15s; } html.no-touch [data-module="iconCircleButton"].icon_button:focus span, html.no-touch [data-module="iconCircleButton"].icon_button:hover span { border: 2px solid #303030; } html.no-touch [data-module="iconCircleButton"].icon_button:focus b, html.no-touch [data-module="iconCircleButton"].icon_button:hover b { color: #303030; } [data-module="iconCircleButton"].float-none { float: none; display: inline-block; } @media (max-width: 992px) { .productSheet-wrapper [data-module="iconCircleButton"].float-none { float: left; display: block; position: relative; width: 50%; box-sizing: border-box; margin: 15px 0; padding: 0 45px; } .productSheet-wrapper [data-module="iconCircleButton"].float-none span { position: absolute; top: 0; left: 0; float: left; } } [data-module="iconCircleButton"][data-href="action-url.php"], [data-module="iconCircleButton"][href="action-url.php"], [data-module="productSheet"] [data-module="iconCircleButton"], [data-page="single_collection"] [data-module="iconCircleButton"] [data-action] { display: none !important; } [data-module="productSheet"] { position: fixed; z-index: 1000; top: 0; left: 100%; width: 100%; height: 100%; background-color: #fff; overflow-y: auto; padding: 20px; } @media (min-width: 992px) { [data-module="productSheet"] { position: absolute; z-index: 998; padding: 45px 90px; } } [data-module="productSheet"] .row { margin: 0; } [data-module="productSheet"] header { float: left; width: 100%; padding-bottom: 45px; border-bottom: 1px solid #e5e5e5; font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; text-transform: uppercase; } [data-module="productSheet"] header .close { float: right; display: inline-block; width: 20px; height: 20px; position: relative; } [data-module="productSheet"] header .close:after, [data-module="productSheet"] header .close:before { width: 20px; height: 2px; background: #000; content: ""; position: absolute; top: 8px; left: 0; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform: rotate(-45deg); transform: rotate(-45deg); } [data-module="productSheet"] header .close:before { -ms-transform: rotate(45deg); transform: rotate(45deg); } [data-module="productSheet"] header .close:hover { -ms-transform: scale(1.1); transform: scale(1.1); } [data-module="productSheet"] figure { width: 100%; height: auto; margin: 0; display: inline-block; min-height: 200px; margin-left: 0; margin-top: 15%; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } [data-module="productSheet"] figure:after { content: ""; display: block; padding-bottom: 100%; } @media (min-width: 992px) { [data-module="productSheet"] figure { width: 80%; margin-left: 10%; } } [data-module="productSheet"] figure.stilizzato { background: #f3f3f3; position: relative; } [data-module="productSheet"] figure.stilizzato div { width: 100%; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } [data-module="productSheet"] figure.stilizzato div div span { display: block; } [data-module="productSheet"] li, [data-module="productSheet"] ul { padding: 0; margin: 0; list-style: none; } [data-module="productSheet"] ul { width: 100%; margin-top: 15%; position: relative; float: left; } @media (min-width: 992px) { [data-module="productSheet"] ul { float: none; } } [data-module="productSheet"] li { width: 100%; float: left; clear: left; height: 90px; border-bottom: 1px solid #e5e5e5; display: table; } @media (min-width: 992px) { [data-module="productSheet"] li { border-right: 1px solid #e5e5e5; width: 50%; } [data-module="productSheet"] li:nth-last-child(2) { border-bottom: 0 none transparent; } } [data-module="productSheet"] li p { display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 20px; color: #a5a5a5; } [data-module="productSheet"] li p, [data-module="productSheet"] li p strong { font-family: Open Sans, sans-serif; font-weight: 400; font-size: 13px; font-size: 0.8125em; font-size: 0.8125rem; } [data-module="productSheet"] li p strong { font-weight: 600; color: #000; } [data-module="productSheet"] li p span { display: block; } [data-module="productSheet"] li.prod-size p span { font-family: Open Sans, sans-serif; font-weight: 300; font-size: 18px; font-size: 1.125em; font-size: 1.125rem; } [data-module="productSheet"] li.prod-code { float: right; height: 180px; background-color: #f5f5f5; text-align: center; border-right: 0 none transparent; } [data-module="productSheet"] li.prod-code strong { text-transform: uppercase; opacity: 0.4; } [data-module="productSheet"] li.prod-code span, [data-module="productSheet"] li.prod-code strong { font-family: Open Sans, sans-serif; font-weight: 600; color: #282828; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; letter-spacing: 1.5px; } [data-module="productSheet"] li.prod-code span { font-size: 30px; } [data-module="productSheet"] li.prod-deta { border-bottom: 0 none transparent; border-right: 0 none transparent; display: block; height: auto; padding-bottom: 30px; } @media (min-width: 992px) { [data-module="productSheet"] li.prod-deta { position: absolute; left: 50%; top: 180px; } } [data-module="productSheet"] li.prod-deta p { display: block; padding-top: 30px; width: 100%; } @media (min-width: 992px) { [data-module="productSheet"] li.prod-deta p { text-align: center; } } [data-module="productSheet"] li.prod-deta a.gallery { text-align: center; display: inline-block; color: #b8b8b8; } [data-module="productSheet"] li.prod-deta a.gallery span { padding: 0; padding-top: 3px; padding-left: 10px; float: right; color: #000; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; } [data-module="productSheet"] li.prod-deta p.detail { text-align: left; } [data-module="productSheet"] li.prod-deta p.detail span { padding-bottom: 20px; } [data-module="productSheet"] li.prod-deta p.detail a { color: #b8b8b8; width: auto; display: block; padding-top: 20px; } [data-module="productSheet"] li.prod-deta p.detail a span { padding: 0; padding-top: 3px; padding-left: 10px; color: #000; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; display: inline-block; } [data-module="productSheet"] li.prod-view { position: relative; } [data-module="productSheet"] li.prod-view img { display: block; width: 60px; height: 60px; overflow: hidden; border-radius: 40px; position: absolute; right: 20px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } [data-module="productSheet"] li.prod-view.accessorio { position: relative; } [data-module="productSheet"] li.prod-view.accessorio img { border-radius: 0 !important; } [data-module="productSheet"] li.prod-view.accessorio span { padding-right: 60px; } [data-module="productSheet"] footer.row .cols { text-align: center; } [data-module="productSheet"] footer { float: left; width: 100%; padding: 45px 0; border-top: 1px solid #e5e5e5; } @media (min-width: 992px) { [data-module="productSheet"] footer { margin-top: 180px !important; } } @media (max-width: 1200px) { [data-module="productSheet"] .col-md-6 { width: 100%; } } [data-module="productSheet"] .gallery { display: none !important; } [data-module="productSheet"] .facceprodotto { text-align: center; margin-top: 10px; } [data-module="productSheet"] .facceprodotto .gallery { display: inline-block !important; text-align: center; color: #b8b8b8; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; } [data-module="productSheet"] .facceprodotto .gallery span { color: #000; top: 2px; position: relative; } [data-module="productSheet"] #gall_amb_section { display: none; } [data-module="gamma"] { width: 100%; float: left; background: #eae3db; background: linear-gradient(90deg, #eae3db 50%, #e3dad3 0); } [data-module="gamma"] .align-right { text-align: right; } [data-module="gamma"] .align-right [data-comp="button_line"], [data-module="gamma"] .align-right [data-comp="button_rect"] { float: none; } [data-module="gamma"] .container-fluid.recap { float: left; width: 100%; } [data-module="gamma"] .selectionStep .clear { width: 100%; height: 0; float: left; clear: both; } @media (min-width: 992px) { [data-module="gamma"] .selectionStep .clear.odd { display: none; } } [data-module="gamma"] [data-module="headingLine"].has-line:before { background-color: rgba(0, 0, 0, 0.08); } [data-module="gamma"]:after { display: block; content: ""; height: 100%; background: #fff; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; opacity: 0; transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); -ms-transform: scaleY(0) scaleX(1); transform: scaleY(0) scaleX(1); } .gamma-update-loading [data-module="gamma"]:after { -ms-transform: scaleY(1) scaleX(1); transform: scaleY(1) scaleX(1); opacity: 0.6; } .collection-base-paragraph, [data-page="single_collection"] [data-module="article"].archivio-correlati .article-wrapper p, [data-page="single_collection"] [data-module="gallery_alternate"] .text p, [data-page="single_collection"] [data-module="quote"] .text p { color: #6e6e6e; font-size: 16px; font-size: 1em; font-size: 1rem; line-height: 1.5em; font-family: Open Sans, sans-serif; font-weight: 400; } [data-page="single_collection"] > [data-module="header_page"] header h2 { color: #6e6e6e; } [data-page="single_collection"] > [data-module="header_page"] header .go_end, [data-page="single_collection"] > [data-module="header_page"] header .go_gamma { color: #000; } [data-module="list_link_text"] { overflow: hidden; background-color: #fff; margin: 0; padding: 0; } [data-module="list_link_text"].grey { background-color: #f3f3f3; } [data-module="list_link_text"].white { background-color: #fff; } [data-module="list_link_text"] .container-fluid { padding: 0 66px; } [data-module="list_link_text"] .row { margin-left: -5px; margin-right: -5px; } [data-module="list_link_text"] .col { padding-left: 5px; padding-right: 5px; } [data-module="list_link_text"] a { display: block; position: relative; clear: both; float: left; padding: 0 35px 0 0; margin: 10px 0; color: #838383; } [data-module="list_link_text"] a:after { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E919" !important; font-size: 10px; position: absolute; top: 50%; right: 0; float: right; -ms-transform: translateX(-4px) translateY(-50%); transform: translateX(-4px) translateY(-50%); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } html.no-touch [data-module="list_link_text"] a:focus, html.no-touch [data-module="list_link_text"] a:hover { color: #838383; } html.no-touch [data-module="list_link_text"] a:focus:after, html.no-touch [data-module="list_link_text"] a:hover:after { -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } @media (max-width: 992px) { [data-module="list_link_text"] .cell.grey { width: 30px !important; } [data-module="list_link_text"] .cell.cont-img { display: none !important; } .solution_archive [data-module="list_link_text"] .container-fluid { padding: 0 15px; } } html.mobile { overflow-x: hidden; } [data-page="solutions"] { background: #fff; } [data-page="solutions"] .solution_archive .col-md-9 .col-md-3 { width: 33.33333333%; } @media (max-width: 1200px) { [data-page="solutions"] .solution_archive .col-md-9 .col-md-3 { width: 50%; } } @media (max-width: 600px) { [data-page="solutions"] .solution_archive .col-md-9 .col-md-3 { width: 100%; } } [data-module="languageModal"] { display: none; position: fixed; z-index: 999999999; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } [data-module="languageModal"] .close { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top: 60px; cursor: hand; cursor: pointer; } [data-module="languageModal"] .close:after, [data-module="languageModal"] .close:before { content: ""; display: block; position: absolute; left: 0; top: 19px; background: #fff; width: 100%; height: 2px; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform: rotate(45deg); transform: rotate(45deg); } [data-module="languageModal"] .close:before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } [data-module="languageModal"] .content p { width: 100%; } [data-module="languageModal"] [data-lang] { display: none; border-top: 2px solid #4aa934; padding: 20px; background-color: #f3f3f3; position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto; text-align: center; width: 100%; } [data-module="languageModal"] [data-lang] a, [data-module="languageModal"] [data-lang] h2, [data-module="languageModal"] [data-lang] p { margin: 0; } [data-module="languageModal"] [data-lang] a { float: none; } [data-module="languageModal"] [data-lang] p { margin-top: 20px; margin-bottom: 20px; font-family: Open Sans, sans-serif; font-weight: 400; color: #838383; font-size: 16px; font-size: 1em; font-size: 1rem; color: #282828; } @media (min-width: 992px) { [data-module="languageModal"] [data-lang] { padding: 90px; width: 30%; min-width: 400px; } } [data-module="languageModal"] a.stay { margin-top: 10px; } a.short-code-anchor, scroll { overflow: hidden; visibility: hidden; width: 1px; height: 1px; opacity: 0; } @keyframes i { to { background-position: 20px 0; } } .plyr { position: relative; max-width: 100%; min-width: 200px; font-family: Avenir, Avenir Next, Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif; direction: ltr; } .plyr, .plyr *, .plyr :after, .plyr :before { box-sizing: border-box; } .plyr a, .plyr button, .plyr input, .plyr label { -ms-touch-action: manipulation; touch-action: manipulation; } .plyr:focus { outline: 0; } .plyr audio, .plyr video { width: 100%; height: auto; vertical-align: middle; border-radius: inherit; } .plyr input[type="range"] { display: block; height: 5px; width: 100%; margin: 0; padding: 0; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border: none; background: transparent; } .plyr input[type="range"]::-webkit-slider-runnable-track { height: 2px; background: transparent; border: 0; border-radius: 1px; -webkit-user-select: none; user-select: none; } .plyr input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; margin-top: -1px; position: relative; height: 4px; width: 4px; background: #fff; border: 2px solid transparent; border-radius: 100%; transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px transparent; box-sizing: border-box; } .plyr input[type="range"]::-moz-range-track { height: 2px; background: transparent; border: 0; border-radius: 1px; -moz-user-select: none; user-select: none; } .plyr input[type="range"]::-moz-range-thumb { position: relative; height: 4px; width: 4px; background: #fff; border: 2px solid transparent; border-radius: 100%; transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px transparent; box-sizing: border-box; } .plyr input[type="range"]::-ms-track { height: 2px; background: transparent; border: 0; color: transparent; } .plyr input[type="range"]::-ms-fill-upper { height: 2px; background: transparent; border: 0; border-radius: 1px; -ms-user-select: none; user-select: none; } .plyr input[type="range"]::-ms-fill-lower { height: 2px; background: transparent; border: 0; border-radius: 1px; -ms-user-select: none; user-select: none; background: #fff; } .plyr input[type="range"]::-ms-thumb { position: relative; height: 4px; width: 4px; background: #fff; border: 2px solid transparent; border-radius: 100%; transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px transparent; box-sizing: border-box; margin-top: 0; } .plyr input[type="range"]::-ms-tooltip { display: none; } .plyr input[type="range"]:focus { outline: 0; } .plyr input[type="range"]::-moz-focus-outer { border: 0; } .plyr input[type="range"].tab-focus:focus { outline-offset: 3px; } .plyr input[type="range"]:active::-webkit-slider-thumb { background: hsla(0, 0%, 100%, 0.2); border-color: #fff; transform: scale(1.25); } .plyr input[type="range"]:active::-moz-range-thumb { background: hsla(0, 0%, 100%, 0.2); border-color: #fff; transform: scale(1.25); } .plyr input[type="range"]:active::-ms-thumb { background: hsla(0, 0%, 100%, 0.2); border-color: #fff; -ms-transform: scale(1.25); transform: scale(1.25); } .plyr--video input[type="range"].tab-focus:focus { outline: 1px dotted hsla(0, 0%, 100%, 0.5); } .plyr--audio input[type="range"].tab-focus:focus { outline: 1px dotted rgba(86, 93, 100, 0.5); } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; } .plyr__video-wrapper { position: relative; background: #000; border-radius: inherit; } .plyr__video-embed { padding-bottom: 56.25%; height: 0; border-radius: inherit; overflow: hidden; z-index: 0; } .plyr__video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .plyr__video-embed > div { position: relative; padding-bottom: 200%; -ms-transform: translateY(-35.95%); transform: translateY(-35.95%); } .plyr .plyr__video-embed iframe { pointer-events: none; } .plyr video::-webkit-media-text-track-container { display: none; } .plyr__captions { display: none; position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px; -ms-transform: translateY(-120px); transform: translateY(-120px); transition: transform 0.3s ease; color: #fff; font-size: 16px; text-align: center; font-weight: 400; } .plyr__captions span { border-radius: 2px; padding: 6px 20px; background: rgba(0, 0, 0, 0.7); -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 150%; } .plyr__captions span:empty { display: none; } @media (min-width: 768px) { .plyr__captions { font-size: 24px; } } .plyr--captions-active .plyr__captions { display: block; } .plyr--hide-controls .plyr__captions { -ms-transform: translateY(-40px); transform: translateY(-40px); } @media (min-width: 1024px) { .plyr--fullscreen-active .plyr__captions { font-size: 32px; } } .plyr ::-webkit-media-controls { display: none; } .plyr__controls { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 1; text-align: center; pointer-events: none; } .plyr__controls > * { pointer-events: all; } .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button { margin-left: 10px; } .plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__time:first-child, .plyr__controls > button:first-child { margin-left: 0; } .plyr__controls .plyr__volume { margin-left: 10px; } .plyr__controls [data-plyr="pause"] { margin-left: 0; } .plyr__controls button { position: relative; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; overflow: visible; vertical-align: middle; padding: 14px; border: 0; background: transparent; border-radius: 3px; cursor: pointer; transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease; color: inherit; } .plyr__controls button svg { width: 18px; height: 18px; display: block; fill: currentColor; } .plyr__controls button:focus { outline: 0; } .plyr__controls .icon--captions-on, .plyr__controls .icon--exit-fullscreen, .plyr__controls .icon--muted { display: none; } @media (min-width: 480px) { .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button { margin-left: 20px; } } .plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; } .plyr--video .plyr__controls { position: absolute; left: 0; right: 0; bottom: 0; padding: 100px 20px 20px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; color: #fff; transition: opacity 0.3s ease; } .plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover { background: hsla(0, 0%, 100%, 0.2); color: #fff; } .plyr--audio .plyr__controls { padding: 20px; border-radius: inherit; background: #fff; border: 1px solid #dbe3e8; color: #565d64; } .plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { background: hsla(0, 0%, 100%, 0.2); color: #fff; } .plyr__play-large { display: none; position: absolute; z-index: 1; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 20px; border: 4px solid currentColor; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; } .plyr__play-large svg { position: relative; left: 2px; width: 20px; height: 20px; display: block; fill: currentColor; } .plyr__play-large:focus { outline: 1px dotted hsla(0, 0%, 100%, 0.5); } .plyr .plyr__play-large { display: inline-block; } .plyr--audio .plyr__play-large { display: none; } .plyr--playing .plyr__play-large { opacity: 0; visibility: hidden; } .plyr--playing .plyr__controls [data-plyr="play"], .plyr__controls [data-plyr="pause"] { display: none; } .plyr--playing .plyr__controls [data-plyr="pause"] { display: inline-block; } .plyr--captions-active .plyr__controls .icon--captions-on, .plyr--fullscreen-active .icon--exit-fullscreen, .plyr--muted .plyr__controls .icon--muted { display: block; } .plyr--captions-active .plyr__controls .icon--captions-on + svg, .plyr--fullscreen-active .icon--exit-fullscreen + svg, .plyr--muted .plyr__controls .icon--muted + svg, .plyr [data-plyr="captions"], .plyr [data-plyr="fullscreen"] { display: none; } .plyr--captions-enabled [data-plyr="captions"], .plyr--fullscreen-enabled [data-plyr="fullscreen"] { display: inline-block; } .plyr__tooltip { position: absolute; z-index: 2; bottom: 100%; margin-bottom: 20px; padding: 10px 15px; pointer-events: none; opacity: 0; background: hsla(0, 0%, 100%, 0.2); border-radius: 0; color: #000; font-size: 14px; line-height: 1.3; -ms-transform: translate(-50%, 10px) scale(0.8); transform: translate(-50%, 10px) scale(0.8); -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s; } .plyr__tooltip:before { content: ""; position: absolute; width: 0; height: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -4px; border-right: 4px solid transparent; border-top: 4px solid hsla(0, 0%, 100%, 0.2); border-left: 4px solid transparent; z-index: 2; } .plyr__tooltip--visible, .plyr button.tab-focus:focus .plyr__tooltip, .plyr button:hover .plyr__tooltip { opacity: 1; -ms-transform: translate(-50%) scale(1); transform: translate(-50%) scale(1); } .plyr button:hover .plyr__tooltip { z-index: 3; } .plyr__controls button:first-child .plyr__tooltip { left: 0; -ms-transform: translateY(10px) scale(0.8); transform: translateY(10px) scale(0.8); -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .plyr__controls button:first-child .plyr__tooltip:before { left: 23px; } .plyr__controls button:last-child .plyr__tooltip { right: 0; -ms-transform: translateY(10px) scale(0.8); transform: translateY(10px) scale(0.8); -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .plyr__controls button:last-child .plyr__tooltip:before { left: auto; right: 23px; -ms-transform: translateX(50%); transform: translateX(50%); } .plyr__controls button:first-child .plyr__tooltip--visible, .plyr__controls button:first-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:first-child:hover .plyr__tooltip, .plyr__controls button:last-child .plyr__tooltip--visible, .plyr__controls button:last-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:last-child:hover .plyr__tooltip { -ms-transform: translate(0) scale(1); transform: translate(0) scale(1); } .plyr__progress { display: none; position: relative; -ms-flex: 1; flex: 1; } .plyr__progress input[type="range"] { position: relative; z-index: 2; } .plyr__progress input[type="range"]::-webkit-slider-runnable-track { background: transparent; } .plyr__progress input[type="range"]::-moz-range-track { background: transparent; } .plyr__progress input[type="range"]::-ms-fill-upper { background: transparent; } .plyr__progress .plyr__tooltip { left: 0; } .plyr .plyr__progress { display: inline-block; } .plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display { position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin: -1px 0 0; padding: 0; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 100px; } .plyr__progress--buffer::-webkit-progress-bar, .plyr__progress--played::-webkit-progress-bar, .plyr__volume--display::-webkit-progress-bar { background: transparent; } .plyr__progress--buffer::-webkit-progress-value, .plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 2px; } .plyr__progress--buffer::-moz-progress-bar, .plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 2px; } .plyr__progress--buffer::-ms-fill, .plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill { border-radius: 100px; } .plyr__progress--played, .plyr__volume--display { z-index: 1; color: #fff; background: transparent; transition: none; } .plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value { min-width: 2px; max-width: 99%; border-top-right-radius: 0; border-bottom-right-radius: 0; transition: none; } .plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar { min-width: 2px; max-width: 99%; border-top-right-radius: 0; border-bottom-right-radius: 0; transition: none; } .plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill { display: none; } .plyr__progress--buffer::-webkit-progress-value { transition: width 0.2s ease; } .plyr__progress--buffer::-moz-progress-bar { transition: width 0.2s ease; } .plyr__progress--buffer::-ms-fill { transition: width 0.2s ease; } .plyr--video .plyr__progress--buffer, .plyr--video .plyr__volume--display { background: hsla(0, 0%, 100%, 0.25); } .plyr--video .plyr__progress--buffer { color: hsla(0, 0%, 100%, 0.25); } .plyr--audio .plyr__progress--buffer, .plyr--audio .plyr__volume--display { background: rgba(198, 214, 219, 0.67); } .plyr--audio .plyr__progress--buffer { color: rgba(198, 214, 219, 0.67); } .plyr--loading .plyr__progress--buffer { animation: i 1s linear infinite; background-size: 20px 20px; background-repeat: repeat-x; background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0.15) 75%, transparent 0, transparent); color: transparent; } .plyr--video.plyr--loading .plyr__progress--buffer { background-color: hsla(0, 0%, 100%, 0.25); } .plyr--audio.plyr--loading .plyr__progress--buffer { background-color: rgba(198, 214, 219, 0.67); } .plyr__time { display: inline-block; vertical-align: middle; font-size: 14px; } .plyr__time + .plyr__time { display: none; } @media (min-width: 768px) { .plyr__time + .plyr__time { display: inline-block; } } .plyr__time + .plyr__time:before { content: "\2044"; margin-right: 20px; } .plyr__volume { display: none; } .plyr .plyr__volume { -ms-flex: 1; flex: 1; position: relative; } .plyr .plyr__volume input[type="range"] { position: relative; z-index: 2; } @media (min-width: 480px) { .plyr .plyr__volume { display: block; max-width: 60px; } } @media (min-width: 768px) { .plyr .plyr__volume { max-width: 100px; } } .plyr--is-ios .plyr__volume, .plyr--is-ios [data-plyr="mute"] { display: none !important; } .plyr--fullscreen-active { height: 100%; width: 100%; background: #000; border-radius: 0 !important; } .plyr--fullscreen-active video { height: 100%; } .plyr--fullscreen-active .plyr__video-wrapper { height: 100%; width: 100%; } .plyr--fullscreen-active .plyr__video-embed { overflow: visible; } .plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .plyr--fullscreen-fallback.plyr--fullscreen-active { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000000; } [data-module="custom-actions"].VideoPopUp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 10000; opacity: 0; will-change: opacity; transition: opacity 0.25s; } @media (min-width: 992px) { [data-module="custom-actions"].VideoPopUp { background: #000; } } [data-module="custom-actions"].VideoPopUp .VideoPopUp-wrapper { opacity: 0; will-change: opacity; transition: opacity 0.5s; height: 100%; } [data-module="custom-actions"].VideoPopUp .VideoPopUp-wrapper .plyr { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width: 992px) { [data-module="custom-actions"].VideoPopUp .plyr--video .plyr__controls { padding: 0; padding-left: 30px; padding-right: 30px; top: auto; bottom: 0; padding-bottom: 50px; } } [data-module="custom-actions"].VideoPopUp .plyr--video .plyr__controls .plyr__progress--seek, [data-module="custom-actions"].VideoPopUp .plyr--video .plyr__controls .plyr__volume--input { opacity: 0; } [data-module="custom-actions"] .videoClose { position: absolute; right: 30px; top: 30px; z-index: 999; width: 65px; height: 65px; } [data-module="custom-actions"] .videoClose a { display: block; width: 100%; height: 100%; border-radius: 100%; position: absolute; border: 4px solid hsla(0, 0%, 100%, 0.25); background: rgba(0, 0, 0, 0.3); left: 0; top: 0; transition: all 0.25s ease-out; } [data-module="custom-actions"] .videoClose a .line { width: 30%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } [data-module="custom-actions"] .videoClose a:after { display: block; content: ""; width: 30%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } [data-module="custom-actions"] .videoClose a:hover { background: #000; border: 4px solid #fff; } .desktop .plyr__video-embed, .mobile.landscape .plyr__video-embed, .tablet.landscape .plyr__video-embed { padding-bottom: 0; height: 100vh; } .desktop [data-module="custom-actions"].VideoPopUp .plyr--video .plyr__controls, .mobile.landscape [data-module="custom-actions"].VideoPopUp .plyr--video .plyr__controls, .tablet.landscape [data-module="custom-actions"].VideoPopUp .plyr--video .plyr__controls { padding-bottom: 0; } [data-module="blocks-chain"] { background: #fff; float: left; width: 100%; clear: both; min-height: 300px; position: relative; } @media (min-width: 992px) { [data-module="blocks-chain"] { clear: none; } } [data-module="blocks-chain"] .bgcover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } [data-module="blocks-chain"] .content-text { padding: 0; font-family: Open Sans, sans-serif; } [data-module="blocks-chain"] .content-text h1 { margin-bottom: 33px; } [data-module="blocks-chain"] .content-text p { font-size: 14px; font-size: 0.875em; font-size: 0.875rem; } [data-module="blocks-chain"] .table-center { height: 100%; display: table; vertical-align: middle; } [data-module="blocks-chain"] .table-center > section { display: table-cell; vertical-align: middle; float: none; } [data-module="blocks-chain"] .divide { width: 100%; height: 100%; height: 1vh; clear: both; float: left; } [data-module="blocks-chain"] .divide.top { height: 25%; height: 25vh; padding-top: 0; } @media (min-width: 992px) { [data-module="blocks-chain"] .divide.top { padding-top: 66px; } } [data-module="blocks-chain"] .divide.bottom { height: 75%; height: 75vh; background: green; } [data-module="blocks-chain"][data-chain="1"] { min-height: 400px; } [data-module="blocks-chain"][data-chain="1"] .content-text { position: absolute; bottom: 0; padding: 66px; color: #fff; } [data-module="blocks-chain"][data-chain="1"] .content-text p { color: hsla(0, 0%, 100%, 0.5); } [data-module="blocks-chain"][data-chain="2"] { float: right; } [data-module="blocks-chain"][data-chain="2"] .content-text h1 { margin: 0; margin-bottom: 15px; font-weight: 600; } [data-module="blocks-chain"][data-chain="2"] .content-text p { color: #838383; } form.deactive button { opacity: 0.2 !important; pointer-events: none !important; } [data-component="button_widget"] { font-family: Open Sans, sans-serif; font-size: 12px; font-size: 0.75em; font-size: 0.75rem; font-weight: 700; border: 1px solid #b8b8b8; color: #b8b8b8; padding: 5px 20px; border-radius: 3px; opacity: 0.5; display: inline-block; } [data-component="button_widget"]:hover { color: #b8b8b8; opacity: 1; } [data-component="widget"] { float: left; width: 100%; margin-bottom: 30px; } [data-component="widget"] header { margin-bottom: 30px; } [data-component="widget"] header h4 { font-size: 14px; font-size: 0.875em; font-size: 0.875rem; color: hsla(0, 0%, 72%, 0.5); } [data-component="widget"] article { padding: 40px 10px; border: 1px solid hsla(0, 0%, 72%, 0.5); float: left; width: 100%; } [data-component="widget"] article h5 { font-weight: 700; } [data-component="widget"] article h5, [data-component="widget"] article p { width: 100%; float: left; clear: both; } [data-component="widget"] article ul { width: 100%; float: left; clear: both; padding: 0; margin: 0; list-style: none; } [data-component="widget"] article ul li { width: 100%; float: left; clear: both; padding: 0; margin: 0; margin-bottom: 10px; margin-top: 10px; } [data-component="widget"] article ul li .bull:before { content: ""; background: hsla(0, 0%, 72%, 0.5); width: 8px; height: 8px; display: inline-block; border-radius: 4px; transition: all 0.25s; } [data-component="widget"] article ul li .data { text-align: right; color: hsla(0, 0%, 72%, 0.5); } [data-component="widget"] article ul li .ico { font-size: 12px; font-size: 0.75em; font-size: 0.75rem; text-align: right; margin-top: 5px; display: none; } @media (min-width: 992px) { [data-component="widget"] article ul li .ico { display: block; } } [data-component="widget"] article ul li.active .bull:before { background: #56a84c; } [data-component="widget"] article ul li.active .data { color: #56a84c; } [data-component="widget"] article ul li > a { color: #000; display: block; float: left; width: 100%; } [data-component="widget"] article ul li > a:hover { color: rgba(86, 168, 76, 0.25); } [data-component="widget"] article ul li > a:hover .bull:before { margin-left: -8px; width: 16px; } [data-component="widget"] article ul li.active > a:hover { color: #56a84c; } [data-component="widget"] article .details h1, [data-component="widget"] article .details h2, [data-component="widget"] article .details h3, [data-component="widget"] article .details h4, [data-component="widget"] article .details h5, [data-component="widget"] article .details p { color: #b8b8b8; } @media (min-width: 992px) { [data-component="widget"] { margin-bottom: 0; } } [data-component="widget"] [data-component="widget_form"] { padding: 40px 0; border: 0 none; } @media (min-width: 992px) { [data-component="widget"] [data-component="widget_form"] [data-component="input-form"] [role="form"] .input-wrap { padding-left: 10px; padding-right: 10px; } [data-component="widget"] [data-component="widget_form"] [data-component="input-form"] [role="form"] .input-wrap.nop-l { padding-left: 0; } [data-component="widget"] [data-component="widget_form"] [data-component="input-form"] [role="form"] .input-wrap.nop-r { padding-right: 0; } [data-component="widget"] [data-component="widget_form"] [data-component="input-form"] [data-module="input-select"], [data-component="widget"] [data-component="widget_form"] [data-component="input-form"] [role="form"] .input-wrap.submit button { width: 100% !important; } } .collection-base-paragraph { font-family: Open Sans, sans-serif; font-weight: 400; } [data-page="myflorim"] { float: left; width: 100%; background: #fff; } [data-page="myflorim"] .title-form { margin-bottom: 50px; } [data-page="myflorim"] .extra-links { padding-top: 4px; } [data-page="myflorim"] .extra-links a { display: block; color: rgba(0, 0, 0, 0.5); font-size: 11px; font-size: 0.6875em; font-size: 0.6875rem; text-decoration: underline; } [data-page="myflorim"] .extra-links a:hover { color: #000; } [data-page="myflorim"] [data-component="input-form"] [role="form"] { padding: 0; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap { padding-left: 0; padding-right: 0; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.submit button { float: left; margin-right: 0; } @media (min-width: 992px) { [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.submit button { width: 80%; } } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal input[type="password"] { padding: 10px; margin: 0; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal .avoid button { margin: 0; width: 100%; border: 1px solid #303030; color: #303030; background: #fff; padding-top: 12px; padding-bottom: 12px; letter-spacing: 1.5px; text-transform: uppercase; font-size: 10px; font-size: 0.625em; font-size: 0.625rem; font-family: Open Sans, sans-serif; font-weight: 600; position: relative; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal .avoid button:before { z-index: 1; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal .avoid button span { position: relative; display: inline-block; z-index: 2; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal .input-wrap { min-height: auto; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal .input-modal-wrap { position: absolute; background: #fff; left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); padding: 30px; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal .input-modal-wrap header { padding: 10px; margin: 0; margin-bottom: 20px; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal .input-modal-wrap header h3, [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal .input-modal-wrap header h4 { width: 100%; padding: 0; margin: 0; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .input-wrap.input-modal .input-modal-wrap header:after { display: none; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .checkbox { padding: 0; margin: 0; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .checkbox .validation-errors { width: 80%; clear: both; float: left; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .checkbox .form-control-wrap { width: 80%; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .checkbox .form-control-wrap .checkbox { border: 0 none; box-shadow: none; height: auto; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .validation-errors { color: red; font-family: Open Sans, sans-serif; text-transform: uppercase; letter-spacing: 2px; background-color: #f3f3f3; display: block; float: left; padding: 3px; border-radius: 2px; opacity: 0; transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); } [data-page="myflorim"] [data-component="input-form"] [role="form"] .has-error > .validation-errors, [data-page="myflorim"] [data-component="input-form"] [role="form"] .has-error > [data-module="input-select"] .validation-errors, [data-page="myflorim"] [data-component="input-form"] [role="form"] .has-error > label .validation-errors { opacity: 1; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .has-error.checkbox input { border: 1px solid red; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .has-error > label input { border-color: red; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .has-error > [data-module="input-select"] .select-styled { border-color: red !important; } [data-page="myflorim"] [data-component="input-form"] [role="form"] .alert-on .input-wrap.input-modal { display: block; } [data-page="myflorim"] .border-bottom:after { display: inline-block; margin-left: auto; margin-right: auto; content: ""; height: 2px; width: 10%; background-color: #f3f3f3; margin-top: 10px; } @media (min-width: 992px) { [data-page="myflorim"].login .divide.bottom > [data-module="blocks"] { padding-left: 14%; padding-right: 14%; } } [data-page="myflorim"].login [data-component="input-form"] .input-wrap > label { width: 80%; } @media (min-width: 992px) { [data-page="myflorim"].dashboard.profilo .divide.bottom > [data-module="blocks"], [data-page="myflorim"].login.registrazione .divide.bottom > [data-module="blocks"] { padding-left: 0; padding-right: 0; } } [data-page="myflorim"].dashboard.profilo [data-component="input-form"] [data-module="input-select"] .select-options.list-active, [data-page="myflorim"].login.registrazione [data-component="input-form"] [data-module="input-select"] .select-options.list-active { display: block; max-height: 150px; overflow-y: scroll; } [data-page="myflorim"].dashboard.profilo [data-component="input-form"] [data-module="input-select"], [data-page="myflorim"].login.registrazione [data-component="input-form"] [data-module="input-select"] { width: 80%; } [data-page="myflorim"].dashboard.profilo [data-component="input-form"] [data-module="input-select"] .select, [data-page="myflorim"].login.registrazione [data-component="input-form"] [data-module="input-select"] .select { height: 48px; } [data-page="myflorim"].dashboard.profilo [data-component="input-form"] [data-module="input-select"] .select-styled, [data-page="myflorim"].login.registrazione [data-component="input-form"] [data-module="input-select"] .select-styled { background: #fff; } [data-page="myflorim"].dashboard.profilo .form-control-wrap .icon, [data-page="myflorim"].login.registrazione .form-control-wrap .icon { position: absolute; background: #f3f3f3; width: 10px; height: 10px; top: 50%; margin-top: -5px; right: 22%; border-radius: 10px; } [data-page="myflorim"].dashboard.profilo .password.password-error .icon, [data-page="myflorim"].login.registrazione .password.password-error .icon { background: red; } [data-page="myflorim"].dashboard.profilo .password.password-valid .icon, [data-page="myflorim"].login.registrazione .password.password-valid .icon { background: #56ae4b; } [data-page="myflorim"].password-lost .input-wrap.submit button, [data-page="myflorim"].password-lost .input-wrap > label { width: 100% !important; } [data-page="myflorim"].password-lost .title-form { text-align: center; } [data-page="myflorim"].password-lost .title-form h1 { text-align: center; color: #000; } [data-page="myflorim"].password-lost.success p { font-family: Open Sans, sans-serif; font-weight: 400; color: #838383; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; margin-bottom: 30px; } [data-page="myflorim"].password-lost.success p strong { font-weight: 700; color: #282828; } [data-page="myflorim"].password-lost.success p > a { color: #282828; } [data-page="myflorim"].password-lost.success p > a:hover { text-decoration: underline; } [data-page="myflorim"].dashboard > .contents { padding-left: 0; padding-right: 0; } [data-page="myflorim"].dashboard > .contents > .row { margin-left: 0; margin-right: 0; } [data-page="myflorim"].dashboard > .header { position: relative; } [data-page="myflorim"].dashboard > .header > .row, [data-page="myflorim"].dashboard > .header > .row > .col { height: 100%; position: relative; } [data-page="myflorim"].dashboard > .header > .row > .col > .container-fluid { bottom: 30px; width: 100%; } [data-page="myflorim"].dashboard > .header > .row { margin-left: 0; margin-right: 0; } @media (min-width: 992px) { [data-page="myflorim"].dashboard > .header { height: 120px; } [data-page="myflorim"].dashboard > .header > .row > .col > .container-fluid { position: absolute; bottom: 30px; width: 100%; } } [data-page="myflorim"].dashboard [data-module="blocks-chain"] { background-color: transparent; } [data-page="myflorim"].dashboard [data-module="blocks-chain"][data-chain="2"] { padding: 0; } @media (min-width: 992px) { [data-page="myflorim"].dashboard [data-module="blocks-chain"][data-chain="2"] { padding-bottom: 40px; padding-left: 15px; padding-right: 15px; } } [data-page="myflorim"].dashboard [data-module="blocks-chain"][data-chain="1"] { min-height: auto; } [data-page="myflorim"].dashboard .sidelinks { margin-bottom: 5%; margin-top: 5%; } @media (min-width: 992px) { [data-page="myflorim"].dashboard .sidelinks { margin-bottom: 0; margin-top: 0; padding-left: 0; } } [data-page="myflorim"].dashboard .sidelinks [data-module="list_link_text"] { height: 100%; padding-top: 30px; background: #666; } [data-page="myflorim"].dashboard .sidelinks [data-module="list_link_text"] a { width: 100%; color: hsla(0, 0%, 100%, 0.4); margin: 20px 0; } [data-page="myflorim"].dashboard .sidelinks [data-module="list_link_text"] a.current, [data-page="myflorim"].dashboard .sidelinks [data-module="list_link_text"] a:hover { color: #fff; } [data-page="myflorim"].dashboard .sidelinks [data-module="list_link_text"] a.current:after, [data-page="myflorim"].dashboard .sidelinks [data-module="list_link_text"] a:hover:after { -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } @media (min-width: 992px) { [data-page="myflorim"].dashboard .dashboard-header { padding: 0; } } [data-page="myflorim"].dashboard .dashboard-header .dashboard-link { display: inline-block; float: right; } [data-page="myflorim"].dashboard .dashboard-header .dashboard-title { display: inline-block; float: left; } [data-page="myflorim"].dashboard .dashboard-header .dashboard-title h2 { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } [data-page="myflorim"].dashboard .dashboard-header .dashboard-indentity h2 { font-size: 12px; margin-bottom: 0; } [data-page="myflorim"].dashboard .dashboard-header .dashboard-indentity h1 { font-size: 18px; font-weight: 700; margin-top: 10px; } [data-page="myflorim"].dashboard .dashboard-content { background: #fff; border: 1px solid hsla(0, 0%, 72%, 0.5); padding: 5%; } @media (min-width: 992px) { [data-page="myflorim"].dashboard .dashboard-content { padding: 30px; padding-left: 50px; padding-right: 50px; } } [data-page="myflorim"].dashboard .dashboard-content.dashboard-panoramica > .row { padding-bottom: 40px; } [data-page="myflorim"].dashboard .dashboard-link { padding-right: 30px; } [data-page="myflorim"].dashboard .message { display: none; margin-left: 15px; margin-right: 15px; padding: 2%; width: calc(100% - 30px); font-family: Open Sans, sans-serif; text-transform: uppercase; font-size: 14px; font-size: 0.875em; font-size: 0.875rem; letter-spacing: 2px; background: hsla(0, 0%, 100%, 0.5); } [data-page="myflorim"].dashboard .message p { margin: 0; } [data-page="myflorim"].dashboard .message.alert { background: rgba(0, 0, 0, 0.5); color: #fff; } [data-page="myflorim"].dashboard .message.alert em { font-size: 10px; font-size: 0.625em; font-size: 0.625rem; } [data-page="myflorim"].dashboard .message-alert .message.alert, [data-page="myflorim"].dashboard .message-success .message.success { display: block; } .mobile [data-page="myflorim"].dashboard .header > .row, .mobile [data-page="myflorim"].dashboard .header > .row div { margin: 0 !important; padding: 0 !important; } .mobile [data-page="myflorim"].dashboard .sidelinks [data-module="list_link_text"] { padding: 5%; } .mobile [data-page="myflorim"].dashboard .sidelinks [data-module="list_link_text"] a { margin: 0; } .mobile [data-page="myflorim"].dashboard .sidelinks [data-module="list_link_text"] .container-fluid { padding: 0; } @font-face { font-family: icomoon; src: url(../../../../public/assets/fonts/icomoon.eot); src: url(../../../../public/assets/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(../../../../public/assets/fonts/icomoon.ttf) format("truetype"), url(../../../../public/assets/fonts/icomoon.woff) format("woff"), url(../../../../public/assets/fonts/icomoon.svg#icomoon) format("svg"); font-weight: 400; font-style: normal; } [class*=" icon-"], [class^="icon-"] { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ico-4business:before { content: "\E936"; } .icon-wechat:before { content: "\E929"; color: #b2b2b2; } .icon-gplus:before { content: "\E928"; } .icon-link2:before { content: "\E927"; } .icon-send:before { content: "\E91D"; } .icon-pdf:before { content: "\E91E"; } .icon-phone_close:before { content: "\E91F"; } .icon-share:before { content: "\E920"; } .icon-star:before { content: "\E921"; } .icon-zoom:before { content: "\E922"; } .icon-light:before { content: "\E923"; } .icon-mail3:before { content: "\E924"; } .icon-login2:before { content: "\E925"; } .icon-brand-florim-w .path1:before { content: "\E900"; color: #4aa934; } .icon-brand-florim-w .path2:before { content: "\E901"; margin-left: -0.84375em; color: #fff; } .icon-brand-florim .path1:before { content: "\E902"; color: #4aa934; } .icon-brand-florim .path2:before { content: "\E903"; margin-left: -0.84375em; color: #3c3b3b; } .icon-logo-w .path1:before { content: "\E904"; color: #4aa934; } .icon-logo-w .path2:before { content: "\E905"; margin-left: -3.6669921875em; color: #fff; } .icon-logo .path1:before { content: "\E906"; color: #4aa934; } .icon-logo .path2:before { content: "\E907"; margin-left: -3.6669921875em; color: #3c3b3b; } .icon-dot:before { content: "\E908"; } .icon-dot2:before { content: "\E918"; } .icon-ico-arr-l:before { content: "\E909"; } .icon-ico-arr-r:before { content: "\E90A"; } .icon-ico-arr-l2:before { content: "\E90B"; } .icon-ico-arr-r2:before { content: "\E90C"; } .icon-ico-arr2-l:before { content: "\E90D"; } .icon-ico-arr2-l2:before { content: "\E919"; } .icon-ico-arr2-l3:before { content: "\E91A"; } .icon-ico-arr2-l4:before { content: "\E91B"; } .icon-ico-arr2-r:before { content: "\E90E"; } .icon-ico-arr2-r2:before { content: "\E91C"; } .icon-ico-arr2-b:before { content: "\E90F"; } .icon-ico-arr2-t:before { content: "\E910"; } .icon-ico-ctrl:before { content: "\E911"; } .icon-ico-login:before { content: "\E912"; } .icon-ico-search:before { content: "\E913"; } .icon-ico-search2:before { content: "\E914"; } .icon-ico-compasso:before { content: "\E915"; } .icon-ico-helmet:before { content: "\E916"; } .icon-ico-phone:before { content: "\E917"; } .icon-download:before { content: "\E926"; } .icon-facebook3:before { content: "\EA90"; } .icon-instagram2:before { content: "\EA92"; } .icon-youtube:before { content: "\EA9D"; } .icon-linkedin22:before { content: "\EACA"; } .icon-pinterest22:before { content: "\EAD2"; } .icon-cross:before { content: "\EA0F"; } .icon-checkmark:before { content: "\EA10"; } .icon-checkmark2:before { content: "\EA11"; } .icon-checkbox-checked:before { content: "\EA52"; } .icon-checkbox-unchecked:before { content: "\EA53"; } .icon-radio-checked:before { content: "\EA54"; } .icon-radio-checked2:before { content: "\EA55"; } .icon-radio-unchecked:before { content: "\EA56"; } .icon-mail:before { content: "\EA83"; } .icon-mail2:before { content: "\EA84"; } .icon-facebook:before { content: "\EA91"; } .icon-facebook2:before { content: "\EA93"; } .icon-instagram:before { content: "\EA94"; } .icon-whatsapp:before { content: "\EA95"; } .icon-twitter:before { content: "\EA96"; } .icon-linkedin:before { content: "\EAC9"; } .icon-linkedin2:before { content: "\EACB"; } .icon-pinterest:before { content: "\EAD1"; } .icon-pinterest2:before { content: "\EAD3"; } .icon-email:before { content: "\E92A"; } .icon-list-numbered:before { content: "\E9B9"; } .icon-list:before { content: "\E9BA"; } .icon-list2:before { content: "\E9BB"; } .icon-menu:before { content: "\E9BD"; } .icon-menu2:before { content: "\E9BE"; } .icon-menu3:before { content: "\E9BF"; } .icon-menu4:before { content: "\E9C0"; } .icon-move-up:before { content: "\EA46"; } .icon-move-down:before { content: "\EA47"; } .icon-sort-alpha-asc:before { content: "\EA48"; } .icon-sort-alpha-desc:before { content: "\EA49"; } .icon-sort-amount-asc:before { content: "\EA4C"; } .icon-sort-amount-desc:before { content: "\EA4D"; } .icon-collection-order:before { content: "\E937"; } .icon-add_circle:before { content: "\E147"; } .icon-control_point:before { content: "\E3BA"; } .icon-add_location:before { content: "\E567"; } .icon-link:before { content: "\E157"; } .icon-room:before { content: "\E8B4"; } .icon-loupe:before { content: "\E402"; } .icon-map:before { content: "\E55B"; } .icon-near_me:before { content: "\E569"; } .icon-storage:before { content: "\E1DB"; } .icon-texture:before { content: "\E421"; } .icon-file-add:before { content: "\E92B"; } .icon-file:before { content: "\E92C"; } .icon-align-justify:before { content: "\E92D"; } .icon-file-broken:before { content: "\E92E"; } .icon-windows:before { content: "\E92F"; } .icon-window:before { content: "\E930"; } .icon-calendar:before { content: "\E931"; } .icon-bookmark:before { content: "\E932"; } .icon-email2:before { content: "\E933"; } .icon-enter:before { content: "\E934"; } .icon-measure:before { content: "\E935"; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=4e6d6293aabe21729001794060da1b30) * Config saved to config.json and https://gist.github.com/4e6d6293aabe21729001794060da1b30 */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :after, :before { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } *, :after, :before { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } .small, small { font-size: 85%; } .mark, mark { background-color: #fcf8e3; padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:focus, a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:focus, a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:focus, a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:focus, a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:focus, a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ol, ul { margin-top: 0; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .list-inline { margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dd, dt { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: "\2014 \A0"; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right; } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: ""; } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: "\A0 \2014"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, Courier New, monospace; } code { color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } code, kbd { padding: 2px 4px; font-size: 90%; } kbd { color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; } caption, th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px; } .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5; } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6; } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #d9edf7; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } } fieldset { margin: 0; min-width: 0; } fieldset, legend { padding: 0; border: 0; } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="search"] { box-sizing: border-box; } input[type="checkbox"], input[type="radio"] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { padding-top: 7px; } .form-control, output { display: block; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control, input[type="time"].form-control { line-height: 34px; } .input-group-sm input[type="date"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"], .input-group-sm input[type="time"], input[type="date"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, input[type="time"].input-sm { line-height: 30px; } .input-group-lg input[type="date"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"], .input-group-lg input[type="time"], input[type="date"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, input[type="time"].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox-inline input[type="checkbox"], .checkbox input[type="checkbox"], .radio-inline input[type="radio"], .radio input[type="radio"] { position: absolute; margin-left: -20px; margin-top: 4px\9; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="radio"], input[type="checkbox"].disabled, input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="radio"][disabled] { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 5px auto -webkit-focus-ring-color; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .btn-default:hover, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success.active, .btn-success:active, .btn-success:hover, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info.active, .btn-info:active, .btn-info:hover, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #337ab7; font-weight: 400; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm { padding: 5px 10px; } .btn-sm, .btn-xs { font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .row:after, .row:before { content: " "; display: table; } .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=4e6d6293aabe21729001794060da1b30) * Config saved to config.json and https://gist.github.com/4e6d6293aabe21729001794060da1b30 */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); } .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-danger.disabled, .btn-danger[disabled], .btn-default.disabled, .btn-default[disabled], .btn-info.disabled, .btn-info[disabled], .btn-primary.disabled, .btn-primary[disabled], .btn-success.disabled, .btn-success[disabled], .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-default, fieldset[disabled] .btn-info, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-success, fieldset[disabled] .btn-warning { box-shadow: none; } .btn-danger .badge, .btn-default .badge, .btn-info .badge, .btn-primary .badge, .btn-success .badge, .btn-warning .badge { text-shadow: none; } .btn-default { background-image: linear-gradient(180deg, #fff, #e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffe0e0e0",GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #dbdbdb; text-shadow: 0 1px 0 #fff; border-color: #ccc; } .btn-default:focus, .btn-default:hover { background-color: #e0e0e0; background-position: 0 -15px; } .btn-default.active, .btn-default:active { background-color: #e0e0e0; border-color: #dbdbdb; } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #e0e0e0; background-image: none; } .btn-primary { background-image: linear-gradient(180deg, #337ab7, #265a88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7",endColorstr="#ff265a88",GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #245580; } .btn-primary:focus, .btn-primary:hover { background-color: #265a88; background-position: 0 -15px; } .btn-primary.active, .btn-primary:active { background-color: #265a88; border-color: #245580; } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #265a88; background-image: none; } .btn-success { background-image: linear-gradient(180deg, #5cb85c, #419641); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5cb85c",endColorstr="#ff419641",GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #3e8f3e; } .btn-success:focus, .btn-success:hover { background-color: #419641; background-position: 0 -15px; } .btn-success.active, .btn-success:active { background-color: #419641; border-color: #3e8f3e; } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #419641; background-image: none; } .btn-info { background-image: linear-gradient(180deg, #5bc0de, #2aabd2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de",endColorstr="#ff2aabd2",GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #28a4c9; } .btn-info:focus, .btn-info:hover { background-color: #2aabd2; background-position: 0 -15px; } .btn-info.active, .btn-info:active { background-color: #2aabd2; border-color: #28a4c9; } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #2aabd2; background-image: none; } .btn-warning { background-image: linear-gradient(180deg, #f0ad4e, #eb9316); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff0ad4e",endColorstr="#ffeb9316",GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #e38d13; } .btn-warning:focus, .btn-warning:hover { background-color: #eb9316; background-position: 0 -15px; } .btn-warning.active, .btn-warning:active { background-color: #eb9316; border-color: #e38d13; } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #eb9316; background-image: none; } .btn-danger { background-image: linear-gradient(180deg, #d9534f, #c12e2a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd9534f",endColorstr="#ffc12e2a",GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #b92c28; } .btn-danger:focus, .btn-danger:hover { background-color: #c12e2a; background-position: 0 -15px; } .btn-danger.active, .btn-danger:active { background-color: #c12e2a; border-color: #b92c28; } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #c12e2a; background-image: none; } .img-thumbnail, .thumbnail { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-image: linear-gradient(180deg, #f5f5f5, #e8e8e8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5",endColorstr="#ffe8e8e8",GradientType=0); background-color: #e8e8e8; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-image: linear-gradient(180deg, #337ab7, #2e6da4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7",endColorstr="#ff2e6da4",GradientType=0); background-color: #2e6da4; } .navbar-default { background-image: linear-gradient(180deg, #fff, #f8f8f8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#fff8f8f8",GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-radius: 4px; box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075); } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { background-image: linear-gradient(180deg, #dbdbdb, #e2e2e2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdbdbdb",endColorstr="#ffe2e2e2",GradientType=0); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075); } .navbar-brand, .navbar-nav > li > a { text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .navbar-inverse { background-image: linear-gradient(180deg, #3c3c3c, #222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3c3c3c",endColorstr="#ff222222",GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-radius: 4px; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a { background-image: linear-gradient(180deg, #080808, #0f0f0f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff080808",endColorstr="#ff0f0f0f",GradientType=0); box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top { border-radius: 0; } @media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-image: linear-gradient(180deg, #337ab7, #2e6da4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7",endColorstr="#ff2e6da4",GradientType=0); } } .alert { text-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.2); box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } .alert-success { background-image: linear-gradient(180deg, #dff0d8, #c8e5bc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdff0d8",endColorstr="#ffc8e5bc",GradientType=0); border-color: #b2dba1; } .alert-info { background-image: linear-gradient(180deg, #d9edf7, #b9def0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd9edf7",endColorstr="#ffb9def0",GradientType=0); border-color: #9acfea; } .alert-warning { background-image: linear-gradient(180deg, #fcf8e3, #f8efc0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffcf8e3",endColorstr="#fff8efc0",GradientType=0); border-color: #f5e79e; } .alert-danger { background-image: linear-gradient(180deg, #f2dede, #e7c3c3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff2dede",endColorstr="#ffe7c3c3",GradientType=0); border-color: #dca7a7; } .alert-danger, .progress { background-repeat: repeat-x; } .progress { background-image: linear-gradient(180deg, #ebebeb, #f5f5f5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffebebeb",endColorstr="#fff5f5f5",GradientType=0); } .progress-bar { background-image: linear-gradient(180deg, #337ab7, #286090); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7",endColorstr="#ff286090",GradientType=0); } .progress-bar-success { background-image: linear-gradient(180deg, #5cb85c, #449d44); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5cb85c",endColorstr="#ff449d44",GradientType=0); } .progress-bar-info { background-image: linear-gradient(180deg, #5bc0de, #31b0d5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de",endColorstr="#ff31b0d5",GradientType=0); } .progress-bar-warning { background-image: linear-gradient(180deg, #f0ad4e, #ec971f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff0ad4e",endColorstr="#ffec971f",GradientType=0); } .progress-bar-danger { background-image: linear-gradient(180deg, #d9534f, #c9302c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd9534f",endColorstr="#ffc9302c",GradientType=0); } .progress-bar-striped { background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent); } .list-group { border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { text-shadow: 0 -1px 0 #286090; background-image: linear-gradient(180deg, #337ab7, #2b669a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7",endColorstr="#ff2b669a",GradientType=0); border-color: #2b669a; } .list-group-item.active .badge, .list-group-item.active:focus .badge, .list-group-item.active:hover .badge { text-shadow: none; } .panel { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .panel-default > .panel-heading { background-image: linear-gradient(180deg, #f5f5f5, #e8e8e8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5",endColorstr="#ffe8e8e8",GradientType=0); } .panel-primary > .panel-heading { background-image: linear-gradient(180deg, #337ab7, #2e6da4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7",endColorstr="#ff2e6da4",GradientType=0); } .panel-success > .panel-heading { background-image: linear-gradient(180deg, #dff0d8, #d0e9c6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdff0d8",endColorstr="#ffd0e9c6",GradientType=0); } .panel-info > .panel-heading { background-image: linear-gradient(180deg, #d9edf7, #c4e3f3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd9edf7",endColorstr="#ffc4e3f3",GradientType=0); } .panel-warning > .panel-heading { background-image: linear-gradient(180deg, #fcf8e3, #faf2cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffcf8e3",endColorstr="#fffaf2cc",GradientType=0); } .panel-danger > .panel-heading { background-image: linear-gradient(180deg, #f2dede, #ebcccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff2dede",endColorstr="#ffebcccc",GradientType=0); } .well { background-image: linear-gradient(180deg, #e8e8e8, #f5f5f5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe8e8e8",endColorstr="#fff5f5f5",GradientType=0); border-color: #dcdcdc; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 hsla(0, 0%, 100%, 0.1); } .hidden-md-down { display: none; } @media (min-width: 992px) { .hidden-md-down { display: block; } } .background-white { background-color: #fff !important; } .collection-base-paragraph { color: #6e6e6e; font-size: 16px; font-size: 1em; font-size: 1rem; line-height: 1.5em; } .collection-base-paragraph, body, html { font-family: Open Sans, sans-serif; font-weight: 400; } body, html { margin: 0; padding: 0; font-size: 16px !important; background-color: #f3f3f3; } .clr { clear: both; } .white { background: #fff; } .grey { background-color: #f3f3f3; } .top_border { border-top: 1px solid #b8b8b8; border-top-color: rgba(0, 0, 0, 0.1); } div { box-sizing: border-box; } button { border: none; background: none; padding: 0; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input { outline: none; } input:focus { border: 1px solid #000; box-shadow: 0 0 0 #000; } a:focus, a:hover { text-decoration: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; outline-offset: -2px; } .btn.active, .btn:active { outline: 0; background-image: none; box-shadow: none; } body, body * { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-text-size-adjust: 100%; } @media (min-device-width: 100px) and (max-device-width: 1100px) { .hideOnMobile { display: none !important; } } @media (min-width: 100px) and (max-width: 1100px) { .hideOnMobile { display: none !important; } } .remove-child-margin { margin-left: -30px; margin-right: -30px; } .text-small-black, .text-small-black p, .title-sm-black { margin-top: 10px !important; font-size: 13px !important; font-family: Open Sans, sans-serif !important; color: #000 !important; } .text-small-gray, .text-small-gray p, .title-sm-grey { font-size: 13px !important; font-family: Open Sans, sans-serif !important; color: #666 !important; } #loader_general { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 10000; -webkit-backface-visibility: hidden; will-change: transform; } .detect { width: 0; height: 0; opacity: 0; } .detect.global_tablet_mob { display: block; } @media (max-width: 992px) { .detect.global_tablet_mob { display: none; } } .detect.global_smart_mob { display: block; } @media (max-width: 768px) { .detect.global_smart_mob { display: none; } } [data-injection] { position: relative; } a { color: rgba(40, 40, 40, 0.8); } a:hover { color: #282828; } /*! * fix 07/06/2020 * per inclusione video mobile */ .mobile iframe[src^="https://www.youtube.com"] { width: 100% !important; height: auto !important; } #header .header__wrapper .hovermenu_wrapper .hover_menu li.standard-menu > a:not([href="#"]), #header .header__wrapper .megamenu_wrapper .burger_menu li.standard-menu > a:not([href="#"]) { pointer-events: all !important; cursor: pointer !important; }