/* ------------------------------------------- Name: Beita Date: 2021/07/29 --------------------------------------------- */ *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--fire); transform-origin: center center; } html { overflow-x: hidden; overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { width: 100%; min-height: 100%; background: var(--alabaster); font-size: 20px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Variables --------- */ :root { --white: #ffffff; --alabaster: #fafafa; --gallery: #ececec; --nobel: #919191; --coal: #494949; --black: #000000; --fire: #ff3c00; --silver: #b1b3b5; --gray: #d8d8d8; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--coal); font-family: Simpler_Pro, Arial, Helvetica, sans-serif; line-height: 1.5; letter-spacing: normal; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 30px; } h1, h2, h3, h4, h5, h6, legend { margin: 42px 0 15px; padding-top: 45px; border-top: 1px solid var(--coal); font-family: Simpler_Pro, Arial, Helvetica, sans-serif; font-size: 30px; line-height: 1.1333333333; letter-spacing: normal; } h1 { font-size: 45px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, figure + h1, figure + h2, figure + h3, figure + h4, figure + h5, figure + h6 { margin-top: 0; padding-top: 0; border-top-width: 0; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { display: block; margin: 3px 0; font-weight: 400; } a { background: none; color: var(--fire); font-weight: 700; text-decoration: none; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a, figure a, .nav-aside li ul a, #footer a, a.email, a[href*="tel"] { color: inherit; font-weight: inherit; } ul, ol, dd, blockquote { padding-right: 40px; } ol { list-style-position: inside; padding-right: 0; padding-left: 0; } /* #circularcursor { background-color: var(--silver); border:1px solid var(--silver); height:20px; width:20px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position: absolute; z-index: 9999; } */ /*! Mixins --------- */ /* cl:b */ .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, form p:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ .list-news figure:before, .list-news a:before, .list-slider li a:before, .list-news figure:before, figure a:before, .module-contact > *:before, .list-news li:before, .list-news:before, .owl-nav button:after, .link-btn:before, .nav-aside > div:before, .nav-aside > ul > li:before, #top:before, #logo a:before, #logo:after, figure a:before, .link-btn li:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ #top:after, .module-featured:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* icon */ .form-aside > a[data-toggle]:before, .list-slider.strong .arrow:after, .popup-a .box-inset > .close:before, .owl-nav button:before, .module-contact button:before, #search a.remove:before, #search button:before, #footer button:before, .list-social a i, #footer:before, #logo a:after, .link-more a:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ .list-news figure:before, .list-news a:before, .list-slider li a:before, .list-news figure:before, figure a:before, .owl-nav button:after, #search a.remove, #logo a:before, figure a:before { z-index: 8; } /* tr:x */ .module-featured:before { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* tr:n */ .popup-a.shown .box-inset { -webkit-transform: none; transform: none; } /* show */ .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-shown #root:after, [data-whatintent="mouse"] #root .list-news li:hover figure span, .search-active #search, .search-active #shadow, #search.full a.remove, #search input:focus ~ button, #footer form.full button, #root .module-contact form.full button, [data-whatintent="mouse"] figure a:hover:before { visibility: visible; opacity: 1; } /* hide */ .list-news figure > span, .list-news figure a > span, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy, #root #search.full button { visibility: hidden; opacity: 0; } /* i:wi */ .list-gallery img, .module-featured img, .list-news img, .list-slider img { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* i:ct */ .check input[type="radio"]:checked ~ label:before { width: auto; max-height: 100% !important; -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } /* td:u */ [data-whatintent="mouse"] a:hover { text-decoration: underline; } /* td:n */ #root h1 a, #root h2 a, #root h3 a, #root h4 a, #root h5 a, #root h6 a, #root .nav-aside li.active > a, #root .list-news figure a, #root .nav-aside a, #search nav a, #root .link-btn a, .tabs-a nav ul li a:hover { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: 190px 40px 0; } #top { position: absolute; max-width: 1460px; margin-left: auto; margin-right: auto; left: 40px; right: 40px; top: .1px; z-index: 9 !important; height: 98px; padding: 0 0 0 150px; } #top:before { left: 0; border-bottom: 1px solid var(--coal); } #top:after { content: ""; z-index: -2; background: var(--alabaster); } /* body.page-template-exhibitions #top.scroll-to-fixed-fixed:after { background: transparent;} */ #logo { position: absolute; left: 0; top: 0; bottom: 0; width: 100px; height: 100%; margin: 0; } #logo a { display: block; width: 100%; height: 100%; color: inherit; text-indent: -3000em; text-align: left; direction: ltr; color: var(--fire); } #logo a:before { left: 358px; } #logo a:after { content: "\e904"; left: 0; top: 15px; margin: 0; font-size: 70px; line-height: 70px; text-align: left; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--fire); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav { max-width: 1205px; height: 100%; } #nav > ul { list-style: none; margin: 0 -24px 0 0; padding: 4px 0 0; display: flex; justify-content: space-between; } #nav > ul > li { margin: 0 24px 4px 0; } /* #nav > ul > li.mobile-hide { margin-right: auto;} */ #nav > ul > li.mobile-hide.second { margin-right: 18px;} #nav > ul > li > a { display: block; color: inherit; text-decoration: none; text-transform: uppercase; } #nav > ul > li > a[hreflang="en"], #nav > ul > li > a i { display: block; font-size: 18px; } #search { overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; z-index: 8; max-height: 100vh; padding: 200px 40px 36px; box-shadow: 1px 1px 13px var(--gallery); background: var(--alabaster); opacity: 0; } #search > * { width: 100%; max-width: 714px; margin-left: auto; margin-right: auto; } #search p { position: relative; } #search input { height: 76px; padding-left: 70px; color: var(--fire); font-size: 45px; } #search ::-webkit-input-placeholder { color: var(--black); } #search :-ms-input-placeholder { color: var(--black); } #search ::-ms-input-placeholder { color: var(--black); } #search ::placeholder { color: var(--black); } #search button, #search a.remove { display: block; visibility: hidden; position: absolute; left: 0; top: 0; bottom: 0; width: 70px; margin: 0; padding: 0; border-width: 0; background: none; color: var(--fire); font-size: 36px; text-align: left; text-indent: -3000em; opacity: 0; direction: ltr; } #search button:before { content: "\e907"; margin-top: -20px; line-height: 40px; } #search a.remove:before { content: "\e901"; margin-top: -20px; line-height: 40px; text-align: left; } #search > div { display: none; padding: 19px 0 5px; } #search > div p { margin-bottom: 12px; font-weight: 700; } #search > div p + ul { margin-top: -3px; } #search > div ul { list-style: none; margin: 0 0 12px; padding: 0; } #search > div ul li { margin: 0; border-top: 1px solid var(--coal); } #search > div ul li:first-child { border-top-width: 0; } #search > div ul a { display: block; padding: 18px 0; color: inherit; font-weight: 400; text-decoration: none; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 7; width: 100%; height: 100%; background: rgba(177,179,181,.3); text-align: left; text-indent: -3000em; opacity: 0; } #nav, #content, #footer { position: relative; z-index: 3; width: 100%; max-width: 1460px; margin: 0 auto; } #content { } #content > *:last-child { margin-bottom: 40px; } #footer { z-index: 2; padding: 45px 373px 43px 0; border-top: 1px solid var(--coal); } #footer:before { content: "\e906"; left: auto; margin-top: -60px; font-size: 112px; line-height: 120px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p, #footer label, .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6, .module-contact label { margin: 0; font-size: 1em; line-height: 1.5; } #footer p, .module-contact p { position: relative; margin-bottom: 6px; } #footer label, .module-contact label { margin-bottom: 13px; font-weight: 700; font-family: Simpler_Pro, Arial, Helvetica, sans-serif; letter-spacing: normal; } #footer input, .module-contact input { width: 340px; height: 38px; padding: 0 30px 0 12px; border: 1px solid var(--coal); text-align: left; } /* #footer input:focus, .module-contact form.full input, .module-contact input:focus { border-color: var(--fire); } */ #footer button, #footer input[type=submit] { display: block; visibility: hidden; position: absolute; right: 0; bottom: 0; width: 31px; height: 38px; margin: 0; padding: 0; border: 0; background: none; color: var(--fire); font-size: 22px; text-indent: -3000em; text-align: left; direction: ltr; opacity: 0; } /* , #root .module-contact button, #root .module-contact input[type=submit] */ #footer button:before, .module-contact button:before { content: "\e908"; } /*! Columns --------- */ .cols-a { position: relative; } .cols-a > * { width: calc(100% - 373px); } .cols-a.sections { width: 100%;} .cols-a > header:first-child, .cols-a > aside, .cols-a > .spacer { width: 373px; min-width: 373px; max-width: 373px; padding-left: 35px; } .cols-a + .cols-a { margin-top: 16px; } /* .cols-a + .cols-a > * { padding-top: 0; border-top: 1px solid var(--coal); } */ .cols-a + .cols-a > header, .cols-a + .cols-a > aside, .cols-a + .cols-a > .spacer { padding-top: 0; border-top-width: 0; } .cols-a > .scroll-to-fixed-fixed[style*="absolute"] { position: absolute !important; right: 0 !important; left: auto !important; top: auto !important; bottom: 0 !important; margin-left: 0 !important; } .cols-a.a { } .cols-a.a > * { width: calc(100% - 408px); } .cols-a .header-main { max-width: calc(100% - 408px);} .cols-a.a > header:first-child, .cols-a.a > aside, .cols-a.a > .spacer { width: 408px; min-width: 408px; max-width: 408px; padding-left: 0; padding-right: 70px; } .cols-a.a > .scroll-to-fixed-fixed[style*="absolute"] { left: 0 !important; right: auto !important; } .cols-a.a aside, .cols-a.a aside a { color: var(--black);} .cols-a.a aside p:not(.link-btn) a:hover { text-decoration: none; color: var(--fire);} .cols-a.a aside .link-btn a { color: var(--fire);} .cols-a.a aside .link-btn a:hover { color: var(--white);} /*! Modules --------- */ .header-main { margin: 33px 0 38px; padding-top: 29px; border-top: 1px solid var(--coal); font-family: Kb_Sharp, Simpler_Pro, Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.4117647059; letter-spacing: -0.0011176471em; } .header-main:first-child, figure + .header-main { margin-top: 0; padding-top: 0; border-top-width: 0; } .header-main h1, .header-main h2, .header-main h3, .header-main h4, .header-main h5, .header-main h6 { margin: 0 0 15px; font-size: 45px; font-family: Simpler_Pro, Arial, Helvetica, sans-serif; line-height: 1; } .header-main h1 span, .header-main h2 span, .header-main h3 span, .header-main h4 span, .header-main h5 span, .header-main h6 span, .module-contact > header h1 span, .module-contact > header h2 span, .module-contact > header h3 span, .module-contact > header h4 span, .module-contact > header h5 span, .module-contact > header h6 span, .module-featured h1 span, .module-featured h2 span, .module-featured h3 span, .module-featured h4 span, .module-featured h5 span, .module-featured h6 span, .list-news h1 span, .list-news h2 span, .list-news h3 span, .list-news h4 span, .list-news h5 span, .list-news h6 span { display: block; font-weight: 400; } figure + .header-main { margin-top: 45px; } .header-main + .s20 { margin-top: 53px; } .header-main a { color: var(--coal); text-decoration: none;} .header-main a:hover { text-decoration: none; color: var(--fire);} .is-anchor { position: relative; } .is-anchor > .anchor { display: block; position: absolute; left: 0; top: -97px; border: none !important; } .module-contact { margin-left: -20px; } .module-contact > * { position: relative; z-index: 2; width: 50%; margin: 0 0 11px; border-left: 20px solid rgba(0,0,0,0); } .module-contact > header, .module-contact > form, .module-contact > figure { width: 100%; } .module-contact > header { margin-bottom: 38px; padding-bottom: 19px; } .module-contact > header h1, .module-contact > header h2, .module-contact > header h3, .module-contact > header h4, .module-contact > header h5, .module-contact > header h6 { margin-bottom: 29px; font-size: 45px; line-height: 1; } .module-contact > header:before { left: 0; border-bottom: 1px solid var(--coal); } .module-contact form { margin-bottom: 38px; } .module-contact p { position: relative; } .module-contact p a { font-weight: 400;} .module-contact p a:hover { text-decoration: none; color: var(--fire);} .cols-a > * > .module-contact:first-child { margin-top: -11px; } .error-404 { padding: 15vh 0;} .module-featured { position: relative; z-index: 2; margin: 0 auto 45px; padding: 0 0 16px; } .module-featured:before { width: 100%; max-width: 1460px; margin-left: 0; border-bottom: 1px solid var(--coal); } .module-featured article { width: 100%; max-width: 1460px; margin: 0 auto 40px; } .module-featured figure { margin: 0 auto 64px; } .module-featured img { aspect-ratio: 16/9; } .module-featured article > div { margin-left: -30px; } .module-featured article > div > * { border-left: 30px solid rgba(0,0,0,0); } .module-featured article > div > div { width: 670px; min-width: 670px; max-width: 670px; } .module-featured article > div > .link-btn { margin-top: -2px; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { display: block; color: var(--fire); font-size: 30px; line-height: 1.1333333333; } #root .module-featured + * { margin-top: 0; padding-top: 0; border-top-width: 0; } #content > .module-featured:first-child { margin-top: -208px; } #root .module-featured .owl-nav button { top: 0; width: 122px; height: 100vh; margin: 0; font-size: 68px; cursor: pointer; } .module-featured .owl-nav button.owl-prev { right: -110px;} .module-featured .owl-nav button.owl-next { left: -110px;} .module-featured .owl-nav button.owl-prev:before { content: "\e90e"; } .module-featured .owl-nav button.owl-next:before { content: "\e90f"; } .nav-aside { position: relative; margin: 0 0 20px; font-weight: 400; } .nav-aside ul { position: relative; list-style: none; margin: 0; padding: 0; } .nav-aside > div, #root .nav-aside > ul > li { position: relative; z-index: 2; top: 0; padding: 20px 0 .1px; margin-bottom: 0; } .nav-aside > div:before, .nav-aside > ul > li:before { border-top: 1px solid var(--coal); } .sections .nav-aside > div::before, .sections .nav-aside > ul > li::before { border-top: none;} .nav-aside > div:first-child, nav-aside > ul:first-child, .nav-aside.strong li:first-child { padding-top: 0; border-top-width: 0; } .nav-aside h1, .nav-aside h2, .nav-aside h3, .nav-aside h4, .nav-aside h5, .nav-aside h6, .nav-aside li.menu-item-has-children > a, .nav-aside p { margin: 0 0 20px; color: var(--fire); font-weight: 700; font-size: 1em; line-height: 1.5; } .nav-aside > h1:last-child, .nav-aside > h2:last-child, .nav-aside > h3:last-child, .nav-aside > h4:last-child, .nav-aside > h5:last-child, .nav-aside > h6:last-child { padding-bottom: 23px; border-bottom: 1px solid var(--coal); } .nav-aside > ul { margin: 0 0 20px; } .nav-aside ul > li + *, .nav-aside ul.sub-menu { margin-top: 20px; } .nav-aside ul a { color: inherit; font-weight: inherit; } .nav-aside + .nav-aside { margin-top: 40px; } .cols-a > header > .nav-aside:first-child { top: -12px; transition: top .2s ease-out } .cols-a > header.scroll-to-fixed-fixed > .nav-aside:first-child { top: -64px; } #root .nav-aside .owl-nav button { overflow: visible; top: 1px; bottom: 0; width: 28px; height: auto; margin: 0; background: var(--alabaster); } .nav-aside .owl-nav button.owl-prev:after { right: auto; left: -10px; width: 10px; } .nav-aside .owl-nav button.owl-prev:after { background: -moz-linear-gradient(left, rgba(255,255,255,0); 0%, var(--alabaster) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,var(--alabaster) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,var(--alabaster) 100%); } .nav-aside .owl-nav button.owl-next:after { left: auto; right: -10px; width: 10px; } .nav-aside .owl-nav button.owl-next:after { background: -moz-linear-gradient(left, var(--alabaster); 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, var(--alabaster) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, var(--alabaster) 0%,rgba(255,255,255,0) 100%); } .nav-aside.strong { font-weight: 400; } .nav-aside.strong ul { } .nav-aside.strong li { margin-bottom: 34px; padding-top: 10px; border-top: 1px solid var(--coal); } .page-template-exhibitions .nav-aside.strong li { border-top: none;} .nav-aside.strong > div, #root .nav-aside.strong > ul { padding-top: 11px; } .tabs-a { margin: 0 0 3em; } .tabs-a > nav { } .tabs-a > nav ul { position: relative; z-index: 2; list-style: none; margin: 0 -17px 1em; padding: 0;} .tabs-a > nav ul:before { border-top: 1px solid var(--black); } .tabs-a > nav ul li, .tabs-a > nav ul li a { display: block; position: relative; z-index: 2; } .tabs-a > nav ul li { margin: 0; } .tabs-a > nav ul li.active a { cursor: default; } .tabs-a > div { position: relative; z-index: 2; width: 100%; } .tabs-a > div > * { position: relative; z-index: 2; width: 100%; } .tabs-a > div > .hidden { display: block; overflow: hidden; visibility: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -9; opacity: 0; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: var(--coal); text-indent: -3000em; text-align: left; direction: ltr; } #root .owl-nav button { position: absolute; top: 50%; width: 21px; height: 38px; margin: -25px 0 0; background: none; color: var(--coal); font-size: 38px; } .owl-nav button.owl-prev { right: 0; } .owl-nav button.owl-prev:before { content: "\e908"; } .owl-nav button.owl-next { left: 0; } .owl-nav button.owl-next:before { content: "\e907"; } .owl-dots { clear: both; } .owl-dots button { } .owl-dots button.active { background: var(--fire); } /* to remove slide effect css */ .animated { -webkit-animation-duration: 0ms !important; animation-duration: 0ms !important; -webkit-animation-fill-mode : both !important; animation-fill-mode : both !important; } .fadeOutNoAnim { -webkit-animation-name: fadeOutNoAnim; animation-name: fadeOutNoAnim; } @-webkit-keyframes fadeOutNoAnim { 0% { opacity : 0; } 100% { opacity : 0; } } @keyframes fadeOutNoAnim { 0% { opacity : 0; } 100% { opacity : 0; } } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 998; } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 20px; } #slider.popup-a .box-outer { padding-top: 20px;} .popup-a .box-outer > .close, #root:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 997; text-indent: -3000em; opacity: 0; } .popup-a .box-outer > .close, #root:after { position: fixed; background: rgba(250,250,250, 0.4); } .popup-a .box-inner { position: relative; z-index: 998; width: 100%; max-width: 854px; margin: 0; } .popup-a.gallery-popup .box-inner { max-width: 1200px;} .popup-a .box-inset { visibility: hidden; padding: 95px 36px 10px; border: 1px solid var(--gallery); background: var(--alabaster); opacity: 0; } .popup-a .box-inset > .close { display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 108px; height: 95px; color: var(--coal); font-size: 36px; text-align: left; text-indent: -3000em; text-decoration: none; direction: ltr; } .popup-a .box-inset > .close:before { content: "\e901"; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 999; } /*! Content --------- */ .strong, .nav-aside a, #root .nav-aside li.active > a { font-weight: 700; } .em { font-style: italic; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .iframe-container iframe { width: 100%; min-height: 100vh; } .s17, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { font-size: 17px; font-family: Kb_Sharp, Simpler_Pro, Arial, Helvetica, sans-serif; line-height: 1.4117647059; letter-spacing: -0.0011176471em; max-width: 680px;} .s17 + .link-btn, .s17 .link-btn { margin-top: 39px; padding-top: 44px; border-top-width: 0; } .s17 .link-btn:first-child { margin-top: 0; padding-top: 0; } .s17 + .link-btn:before, .s17 .link-btn:before { right: 17px; border-top: 1px solid var(--coal); } .s17 + .s17, .s17 p + p { margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--coal); } .s17 form p + p { margin-top: 0; padding-top: 0; border-top-width: 0; } .s20 { font-size: 20px; } h1.s20.overlay-a, h2.s20.overlay-a, h3.s20.overlay-a, h4.s20.overlay-a, h5.s20.overlay-a, h6.s20.overlay-a { padding-top: 38px; border-top: 1px solid var(--coal); } /* h1.s20.overlay-a:first-child, h2.s20.overlay-a:first-child, h3.s20.overlay-a:first-child, h4.s20.overlay-a:first-child, h5.s20.overlay-a:first-child, h6.s20.overlay-a:first-child { margin-top: 0; border-top-width: 0; } */ .overlay-a, .nav-aside ul a.overlay-a, [data-whatintent="mouse"] .link-more a:hover, [data-whatintent="mouse"] #logo a:hover:after, [data-whatintent="mouse"] #nav > ul > li > a:hover, #nav > ul > li.current-menu-item > a, #nav > ul > li.current-menu-parent > a, #search > div span, [data-whatintent="mouse"] #search > div ul a:hover, [data-whatintent="mouse"] #search nav ul a:hover, [data-whatintent="mouse"] .nav-aside ul a:hover, .nav-aside ul .active > a, #root .nav-aside li.active > a, .list-news.overlay-a h1, .list-news.overlay-a h2, .list-news.overlay-a h3, .list-news.overlay-a h4, .list-news.overlay-a h5, .list-news.overlay-a h6 { color: var(--fire); } .overlay-b { color: var(--coal); } /*! Links --------- */ .link-btn { position: relative; z-index: 2; list-style: none; margin-right: -17px; margin-bottom: 13px; padding: 0; font-family: Kb_Sharp, Simpler_Pro, Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.4117647059; letter-spacing: -0.0011176471em; } .link-btn li { position: relative; z-index: 2; width: 100%; padding: 45px 0 27px; } .link-btn li:before { right: 17px; border-top: 1px solid var(--coal); } .link-btn li:first-child { margin-top: 0; padding-top: 0; } .link-btn span { display: block; width: 100%; margin-right: 17px; } .link-btn span + a { display: block; margin-top: 24px; } .link-btn li > span:first-child { margin-top: -7px; } .cols-a > * > .link-btn:first-child > li:first-child > span:first-child { margin-top: 3px } .link-more { } .link-more a { display: block; overflow: hidden; position: relative; width: 34px; height: 34px; color: var(--coal); font-size: 34px; text-decoration: none; text-indent: -3000em; text-align: left; direction: ltr; } .link-more a:before { content: "\e90c"; } .link-more a.toggle:before { content: "\e90b"; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } picture { width: 100%; } figure { font-size: 17px; font-family: Kb_Sharp, Simpler_Pro, Arial, Helvetica, sans-serif; letter-spacing: -0.0011176471em; } img { display: block; } figure a { display: block; position: relative; z-index: 2; } figure.featured-image { position: relative; max-height: 350px; max-width: 525px; margin-bottom: 45px;} figure.featured-image:after { display: block; content: ""; height: 1px; width: 100%; border-bottom: 1px solid var(--coal); position: absolute; bottom: -28px; right: 0; } figure.exhibition-featured { margin-bottom: 35px; padding-bottom: 45px; border-bottom: 1px solid var(--coal);} .list-slider li a:before, .list-news li:not(.closed) figure:before { visibility: hidden; background: var(--fire); mix-blend-mode: lighten; opacity: 0; } .list-slider li a:before { background: var(--fire);} [data-whatintent="mouse"] article:not(.popup-a) .list-slider li a:hover:before, [data-whatintent="mouse"] .list-news li:not(.closed):hover figure:before { visibility: visible; opacity: 1; } * + figcaption, figcaption + * { display: block; width: 100%; margin-top: 10px; } figure a, .list-slider a { display: block; position: relative; z-index: 2; } figure a:before { visibility: hidden; background: var(--fire); mix-blend-mode: lighten; opacity: 0; height: 100%; width: 100%; } /*! Lists --------- */ .list-gallery { list-style: none; margin: 0 0 27px -16px; padding: 0; } .list-gallery li { width: 25%; margin: 0 0 16px; border-left: 16px solid rgba(0,0,0,0); } .list-news { position: relative; z-index: 2; list-style: none; margin: 42px 0 0 -34px; padding: 0; color: var(--coal); } .list-news:before { left: 34px; } .list-news li { position: relative; z-index: 2; width: 50%; margin: 0 0 32px; border-left: 34px solid rgba(0,0,0,0); } .list-news li:not(.closed):hover { color: var(--fire)} .list-news figure { position: relative; margin: 0 0 40px; font-size: 30px; font-weight: 700; line-height: 1.1333333333; text-align: center; } .sections .list-news figure img, .list-news figure img { aspect-ratio: 16/9.5;} .list-news figure > span, .list-news figure a > span { font-family: Simpler_Pro, Arial, Helvetica, sans-serif; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; padding: 20px; } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin: 0 0 5px; padding: 0; border-width: 0; font-size: 30px; } .list-news p { position: static; margin-bottom: 10px; } .list-news .link-btn { position: static; margin-top: 24px; margin-bottom: 0; } .list-news li.closed figure img { opacity: 0.4;} .list-news li.closed figure span { visibility: visible; opacity: 1; } .list-news .link-btn a { position: static; } .list-news a:before { z-index: 99; } .list-news + h1, .list-news + h2, .list-news + h3, .list-news + h4, .list-news + h5, .list-news + h6 { margin-top: 8px; } .list-news + .list-news { padding-top: 9px; } /* .list-news + .list-news:before, .list-news.hr li:nth-child(4n+1):before, .list-news.hr li:nth-child(4n+2):before { top: -42px; border-top: 1px solid var(--coal); } */ .list-news li.hr { width: 100%; } .list-news.compact { } .list-news.compact li { width: 25%; } [class*="cols"] .list-news.compact li { width: 33.333333333%; } .list-news.compact p { font-size: 17px; font-family: Kb_Sharp, Simpler_Pro, Arial, Helvetica, sans-serif; line-height: 1.4117647059; letter-spacing: -0.0011176471em; } .list-news.compact p.strong { font-size: 30px; font-weight: 400; font-family: Simpler_Pro, Arial, Helvetica, sans-serif; line-height: 1.1333333333; letter-spacing: normal; } .list-news.compact h1 + .strong, .list-news.compact h2 + .strong, .list-news.compact h3 + .strong, .list-news.compact h4 + .strong, .list-news.compact h5 + .strong, .list-news.compact h6 + .strong { margin-top: -5px; } .list-news.hr { } .list-news.hr li { position: relative;} /* .list-news.hr li:nth-child(4n+1), .list-news.hr li:nth-child(4n+2) { margin-top: 42px; padding-top: 9px; } */ /* .list-news.hr li:nth-child(1), .list-news.hr li:nth-child(2) { margin-top: 0; padding-top: 0; } */ /* .list-news.hr li:nth-child(4n+1):before { left: -34px; } */ .list-news.overlay-a { } .list-news.overlay-a h1 + p, .list-news.overlay-a h2 + p, .list-news.overlay-a h3 + p, .list-news.overlay-a h4 + p, .list-news.overlay-a h5 + p, .list-news.overlay-a h6 + p { margin-top: 23px; padding-top: 23px; border-top: 1px solid var(--coal); } .list-news.strong { font-weight: 400; } .list-news.strong figure { margin-bottom: 30px; } .list-news.strong h1, .list-news.strong h2, .list-news.strong h3, .list-news.strong h4, .list-news.strong h5, .list-news.strong h6 { margin-bottom: 13px; font-size: 35px; } .list-slider { position: relative; list-style: none; width: 100%; margin: 110px 0 30px; padding: 0; font-size: 17px; font-family: Kb_Sharp, Simpler_Pro, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.4117647059; letter-spacing: -0.0011176471em; } .list-slider li { margin-bottom: 30px; } .list-slider figure { margin-bottom: 15px;} .list-slider .item li > span, list-slider .item > li > a > span, .list-slider .item li > div { padding-left: 45px; } .list-slider .counter, .list-slider .count { display: block; position: absolute; left: 0; bottom: 0; z-index: 9; direction: ltr; } .list-slider img + *, .list-slider * + img, .list-slider li > a + * { display: block; width: 100%; margin-top: 19px; } .list-slider div { position: relative; } .list-slider .owl-nav { position: absolute; top: 0; right: 0; width: 65px; transform: translateY(-35px);} .popup-a .list-slider .owl-nav { transform: translateY(-44px);} .list-slider .count { bottom: auto; top: 0; } .list-slider p { margin: 24px 0 0; } .list-slider.strong { } .list-slider.strong .item li > span, list-slider.strong .item > li > a > span, .list-slider.strong .item li > div { padding-right: 0; padding-left: 140px; } .list-slider.strong .counter, .list-slider.strong .count { left: auto; right: 0; } .list-slider.strong li > div { min-height: 38px; } .list-slider.strong .arrow { display: block; overflow: hidden; position: absolute; top: 0; width: 38px; height: 38px; background: none; color: var(--coal); font-size: 38px; text-decoration: none; text-indent: -3000em; text-align: left; direction: ltr; } .list-slider.strong .arrow.prev { left: 39px; } .list-slider.strong .arrow.next { left: -8px; } .list-slider.strong .arrow:after { visibility: visible; opacity: 1; } .list-slider.strong .arrow.prev:after { content: "\e908"; } .list-slider.strong .arrow.next:after { content: "\e907"; } .list-social { list-style: none; margin: 0 -8px 22px 0; padding: 0; } .list-social li { margin: 0 8px 8px 0; font-size: 16px; } .list-social a { display: block; overflow: hidden; position: relative; width: 30px; height: 30px; border-radius: 30px; border: 1px solid var(--coal); color: inherit; text-decoration: none; text-align: left; text-indent: -3000em; direction: ltr; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: right; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); } ::-webkit-input-placeholder { opacity: 1; color: var(--black); } :-ms-input-placeholder { opacity: 1; color: var(--black); } ::-ms-input-placeholder { opacity: 1; color: var(--black); } ::placeholder { opacity: 1; color: var(--black); } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } form { } label, .label, .form-contact h1.label, .form-contact h2.label, .form-contact h3.label, .form-contact h4.label, .form-contact h5.label, .form-contact h6.label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; font-size: 17px; font-family: Kb_Sharp, Simpler_Pro, Arial, Helvetica, sans-serif; line-height: 1.4117647059; letter-spacing: -0.0011176471em; cursor: default; } input, select, textarea { display: block; width: 100%; border: 0 solid var(--coal); border-bottom-width: 1px; background: none; } input, select { height: 36px; padding: 0; } input[type="date"] { line-height: 30px; } select { padding-right: 32px; line-height: normal; } textarea { display: block; height: 62px; min-height: 62px; margin-top: 27px; padding: 10px 15px; border-width: 1px; resize:none; } .has-error input, .has-error select, .has-error textarea { border-color: var(--fire); } span.error { display: inline-block; margin-right: 15px; color: var(--fire); } .tabs-a nav ul li a, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { overflow: hidden; float: left; margin: 0 17px 17px 0; padding: 5px 14px; border-radius: 0; border: 1px solid var(--fire); background: none; color: var(--fire); font-size: 17px; font-weight: 400; font-family: Kb_Sharp, Simpler_Pro, Arial, Helvetica, sans-serif; line-height: 1.4117647059; text-align: center; letter-spacing: -0.0011176471em; } .tabs-a nav ul li.active a, [data-whatintent="mouse"] button:hover, [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover, [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] #root .list-social a:hover { border-color: var(--fire); background: var(--fire); color: var(--white); } .submit { margin-right: -17px; margin-bottom: 13px; } .submit > * { display: block; margin-right: 17px; } .submit input[type="submit"] { width: auto; position: absolute; left: 0; top: 0;} .link-btn.disabled a { background-color: transparent; color: var(--silver); border-color: silver;} .link-btn.disabled a:hover { color: var(--fire); border-color: var(--fire); background-color: transparent;} .check { position: relative; list-style: none; padding: 0; } .check li { margin-bottom: 20px; } .check input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .check label { padding-right: 42px; cursor: pointer; } .check label:before { content: ""; display: block; position: absolute; right: 0; top: 3px; width: 22px; height: 22px; border: 1px solid var(--coal); } .check.checked label:before { border-color: var(--fire); background: var(--fire); } .submit .check { margin-bottom: 17px; } .label + .check { margin-top: 30px; } ul.check { margin-bottom: 20px; } .check.double { margin-left: -20px; } .check.double > * { width: 50%; } .wpcf7-list-item { margin: 0;} .wpcf7 form .wpcf7-response-output { margin: 0; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border-color: var(--fire); border-width: 1px; } .wpcf7 form.sent .wpcf7-response-output { border-color: var(--black); border-width: 1px;} .wpcf7-not-valid-tip { color: var(--fire); position: absolute; bottom: 4px; left: 0; z-index: 9;} .wpcf7-form-control-wrap { position: static;} .wpcf7 .ajax-loader { display: none;} .form-aside { position: relative; z-index: 9; color: var(--coal); } .form-aside > a[data-toggle] { display: block; overflow: hidden; position: absolute; left: -24px; top: -87px; z-index: 99 !important; width: 78px; height: 78px; color: var(--coal); font-size: 30px; line-height: 30px; text-align: left; text-decoration: none; text-indent: -3000em; direction: ltr; } .form-aside > a[data-toggle]:before { content: "\e901"; margin-top: -15px; line-height: 30px; } .form-contact { font-weight: 400; font-size: 17px; font-family: Kb_Sharp, Simpler_Pro, Arial, Helvetica, sans-serif; line-height: 1.4117647059; letter-spacing: -0.0011176471em; } .form-contact header { margin-bottom: 47px; } .form-contact h1, .form-contact h2, .form-contact h3, .form-contact h4, .form-contact h5, .form-contact h6 { margin: 20px 0 6px; padding: 0; border-width: 0; font-size: 45px; line-height: 1; } .form-contact p { margin-bottom: 11px; } .form-contact .submit { margin-top: 29px; } .form-contact.popup-a .box-inner { max-width: 713px; } .form-contact.popup-a .box-inset { padding: 46px 54px 25px; } /*! Helpers --------- */ #search, #shadow, .owl-height, .list-news figure > span, .list-news figure a > span, .popup-a .close, .list-slider li a:before { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } #search, #shadow { transition-property: visibility, opacity; } .owl-height { transition-property: height; } .clear { clear: both; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .hidden, [hidden], template, #nav em, .link-btn li:first-child:before, #search label, #search nav, #top > a.menu, #nav ul ul, .nav-aside > div:first-child:before, nav-aside > ul:first-child:before, #root .owl-carousel .disabled, .s17 .link-btn:first-child:before, .nav-aside .mobile-only, .module-featured > article, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close, .list-news.hr li:nth-child(1):before, .list-news.hr li:nth-child(2):before, .list-slider .arrow, .list-slider.strong .arrow:before, .submit:after, .cols-a > .spacer { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, #search.full > div, .list-news figure a, .module-featured > article:first-child, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 0 0 18px; padding: 0; border: 0; border-top: 1px solid var(--coal); background: none; font-size: 0; } .link-more:first-child, #root .nav-aside ul:first-child, .list-slider:first-child, .list-news .link-btn:first-child, .list-news:first-child, #root .list-news li:first-child, .list-slider p:first-child, .list-slider div .count + *, .form-contact h1:first-child, .form-contact h2:first-child, .form-contact h3:first-child, .form-contact h4:first-child, .form-contact h5:first-child, .form-contact h6:first-child, textarea:first-child, .form-contact .submit:first-child { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, #footer .list-social, ul.link-btn, .list-slider .owl-item li { margin-bottom: 0; } #root .m40 { margin-bottom: 40px; } #root .m40 + .cols-a { margin-top: 42px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } /* ::selection { background: var(--fire); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--fire); color: var(--white); text-shadow: none; } */ /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .double, .submit, figure, .popup-a .box-outer, .module-contact, .tabs-a > nav ul, .list-gallery, .module-featured article > div, .list-news figure > span, .list-news figure a > span, .owl-carousel .owl-stage, .list-news, #nav, .list-social, #footer, #nav > ul, figure, .link-btn, .link-btn li, .cols-a { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:wn */ .module-featured article > div, .owl-carousel .owl-stage, .cols-a, .tabs-a > nav ul { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:dc */ .list-news figure > span, .list-news figure a > span { -webkit-flex-direction: column; flex-direction: column; } .tabs-a > nav ul { justify-content: flex-start;} /* f:jc */ .popup-a .box-outer, .list-news figure > span, .list-news figure a > span { -webkit-justify-content: center; justify-content: center; } /* j:jb */ .double, .submit, .module-featured article > div, #footer { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .cols-a, .module-featured article > div, .nav-aside > div, .owl-carousel .owl-stage, .popup-a#slider .box-outer { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ .submit, .popup-a .box-outer, #search p > label, #root .nav-aside > ul, #nav, #nav > ul { -webkit-align-items: center; align-items: center; } /* f:g3 */ .module-featured article > div > div, #nav > ul { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: swap; } [class*="icon-"] { font-family: 'i' !important; 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-chevron-down:before { content: "\e90a"; } .icon-chevron-left:before { content: "\e907"; } .icon-chevron-right:before { content: "\e908"; } .icon-chevron-up:before { content: "\e909"; } .icon-chevron-thin-down:before { content: "\e910"; } .icon-chevron-thin-left:before { content: "\e90f"; } .icon-chevron-thin-right:before { content: "\e90e"; } .icon-chevron-thin-up:before { content: "\e90d"; } .icon-facebook:before { content: "\e905"; } .icon-icon:before { content: "\e906"; } .icon-instagram:before { content: "\e903"; } .icon-logo:before { content: "\e904"; } .icon-menu:before { content: "\e900"; } .icon-minus:before { content: "\e90b"; } .icon-plus:before { content: "\e90c"; } .icon-x:before { content: "\e901"; } .icon-zoom:before { content: "\e902"; } /*! Fonts --------- */ @font-face { font-family: 'Kb_Sharp'; src: url('fonts/80-kb-sharp.woff2') format('woff2'), url('fonts/80-kb-sharp.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Kb_Sharp'; src: url('fonts/80-kb-sharp.woff2') format('woff2'), url('fonts/80-kb-sharp.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Kb_Sharp'; src: url('fonts/80-kb-sharpbold.woff2') format('woff2'), url('fonts/80-kb-sharpbold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Kb_Sharp'; src: url('fonts/80-kb-sharpbold.woff2') format('woff2'), url('fonts/80-kb-sharpbold.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Simpler_Pro'; src: url('fonts/simplerpro_v3-regular.woff2') format('woff2'), url('fonts/simplerpro_v3-regular.woff') format('woff'); font-weight: 400; font-style: normal; font-variant-numeric: normal;} @font-face { font-family: 'Simpler_Pro'; src: url('fonts/simplerpro_v3-regular.woff2') format('woff2'), url('fonts/simplerpro_v3-regular.woff') format('woff'); font-weight: 400; font-style: italic; font-variant-numeric: normal;} @font-face { font-family: 'Simpler_Pro'; src: url('fonts/simplerpro_v3-bold.woff2') format('woff2'), url('fonts/simplerpro_v3-bold.woff') format('woff'); font-weight: 700; font-style: normal; font-variant-numeric: normal;} @font-face { font-family: 'Simpler_Pro'; src: url('fonts/simplerpro_v3-bold.woff2') format('woff2'), url('fonts/simplerpro_v3-bold.woff') format('woff'); font-weight: 700; font-style: italic; font-variant-numeric: normal;} @font-face { font-family: 'Simpler_Pro'; src: url('fonts/simplerpro_v3-black.woff2') format('woff2'), url('fonts/simplerpro_v3-black.woff') format('woff'); font-weight: 900; font-style: normal; font-variant-numeric: normal;} @font-face { font-family: 'Simpler_Pro'; src: url('fonts/simplerpro_v3-black.woff2') format('woff2'), url('fonts/simplerpro_v3-black.woff') format('woff'); font-weight: 900; font-style: italic; font-variant-numeric: normal;} /* Animations --------- */ .popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; } .popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; } @-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } /* Responsive --------- */ @media only screen and (max-width: 96.25em) { /* 1540 */ .module-featured, .module-featured figure { margin-left: -20px; margin-right: -20px; } .module-featured:before { left: 40px; right: 40px; width: auto; } .module-featured article { max-width: none; padding-left: 40px; padding-right: 40px; } .module-featured:before { -webkit-transform: none; transform: none; } #footer { padding: 45px calc(25% + 7px) 43px 0; } } @media only screen and (max-width: 81.25em) { /* 1300 */ #root, #search { padding-left: 20px; padding-right: 20px; } #top { left: 20px; right: 20px; padding-left: 208px; } #top:before { left: 170px; } #logo { width: 178px; } #footer { padding-right: 0; } .cols-a { } .cols-a > * { width: calc(100% - 300px); } .cols-a > header:first-child, .cols-a > aside, .cols-a > .spacer { width: 300px; min-width: 300px; max-width: 300px; padding-left: 30px; } .cols-a.a { } .cols-a.a > * { width: calc(100% - 350px); } .cols-a .header-main { max-width: calc(100% - 350px);} .cols-a.a > header:first-child, .cols-a.a > aside, .cols-a.a > .spacer { width: 350px; min-width: 350px; max-width: 350px; padding-right: 30px; } #root #logo a:after { -webkit-transform: none; transform: none; } #logo:after, #footer:before { display: none; } } @media only screen and (max-width: 75em) { /* 1200 */ #nav { font-size: 18px; } .list-news { margin-left: -24px; } .list-news:before { left: 24px; } .list-news li { border-left-width: 24px; } .list-news.hr li:nth-child(4n+1):before { left: -24px; } .list-news figure, .list-news.strong figure { margin-bottom: 17px; } .list-news.strong h1, .list-news.strong h2, .list-news.strong h3, .list-news.strong h4, .list-news.strong h5, .list-news.strong h6 { margin-bottom: 5px; font-size: 30px; } .module-featured { padding-bottom: .1px; } .module-featured article { margin-bottom: 10px; } .module-featured figure { margin-bottom: 40px; } .module-featured article > div { display: block; overflow: hidden; margin-left: 0; padding-right: 280px; } .module-featured article > div > *, .module-featured article > div > div { float: left; clear: left; width: 100%; min-width: 0; max-width: none; border-left-width: 0; } .module-featured article > div > header, .module-featured article > div > h1, .module-featured article > div > h2, .module-featured article > div > h3, .module-featured article > div > h4, .module-featured article > div > h5, .module-featured article > div > h6 { float: right; clear: none; width: 280px; margin-right: -280px; padding-left: 30px; } .module-featured article > div { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 68.75em) { /* 1100 */ #nav { font-size: 18px; } .cols-a { } .cols-a > * { width: calc(100% - 260px); } .cols-a > header:first-child, .cols-a > aside, .cols-a > .spacer { width: 260px; min-width: 260px; max-width: 260px; } .cols-a.a { } .cols-a.a > * { width: calc(100% - 300px); } .cols-a .header-main { max-width: calc(100% - 300px);} .cols-a.a > header:first-child, .cols-a.a > aside, .cols-a.a > .spacer { width: 300px; min-width: 300px; max-width: 300px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ body { font-size: 18px; } body, textarea, input, select, option { line-height: 1.4; } .nav-aside { font-size: 18px; } #root { padding-top: 151px; } #top { height: 80px; padding-left: 134px; } #top:before { left: 134px; } #logo { width: 114px; } #logo a:after { top: 20px; font-size: 80px; line-height: 80px; } #nav { font-size: 16px; } #nav > ul > li > a[hreflang="en"] { font-size: 1em; } #search { padding-top: 100px; } #footer { font-size: 18px; } #footer input { width: 260px; } .cols-a { } .cols-a > * { width: calc(100% - 240px); } .cols-a > header:first-child, .cols-a > aside, .cols-a > .spacer { width: 240px; min-width: 240px; max-width: 240px; padding-left: 30px; } #root .cols-a .cols-a > * { width: auto; min-width: 0; max-width: none; padding-left: 0; padding-right: 0; } .cols-a .cols-a > * + * { margin-top: 45px; padding-top: 45px; border-top: 1px solid var(--coal); } #root .cols-a .cols-a > * { position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin-left: 0 !important; } .cols-a + .cols-a > * > .nav-aside:first-child:last-child { top: 0; } .cols-a.a { } .cols-a.a > * { width: calc(100% - 300px); } .cols-a .header-main { max-width: calc(100%);} .cols-a.a > header:first-child, .cols-a.a > aside { width: 300px; min-width: 300px; max-width: 300px; padding-right: 30px; } .is-anchor { } .is-anchor > .anchor { top: -79px; } .list-news { margin-top: 0; } .list-news li { margin-bottom: 22px; } .list-news .link-btn { margin-top: 12px; } .list-news + .list-news, .list-news.hr li:nth-child(4n+1), .list-news.hr li:nth-child(4n+2) { margin-top: 0; padding-top: 40px; } .list-news + .list-news:before, .list-news.hr li:nth-child(4n+1):before, .list-news.hr li:nth-child(4n+2):before { top: 0; } .list-news.compact { } .list-news.compact li, [class*="cols"] .list-news.compact li { width: 50%; } .module-featured { } .module-featured article > div { padding-right: 250px; } .module-featured article > div > header, .module-featured article > div > h1, .module-featured article > div > h2, .module-featured article > div > h3, .module-featured article > div > h4, .module-featured article > div > h5, .module-featured article > div > h6 { width: 250px; margin-right: -250px; } #content > .module-featured:first-child { margin-top: -151px; } .nav-aside { } .cols-a > * > .nav-aside:first-child { top: -50px; } .nav-aside { } .nav-aside.strong li { margin-bottom: 0; padding-bottom: 10px; } .popup-a { } .popup-a .box-inset { padding: 70px 30px 5px; } .popup-a .box-inset > .close { width: 90px; height: 70px; font-size: 30px; line-height: 70px; } .list-slider.strong .item li > span, list-slider.strong .item > li > a > span, .list-slider.strong .item li > div { padding-left: 80px; padding-right: 45px; } .s20 { } h1.s20.overlay-a, h2.s20.overlay-a, h3.s20.overlay-a, h4.s20.overlay-a, h5.s20.overlay-a, h6.s20.overlay-a, .cols-a + .cols-a > * { padding-top: 18px; } .cols-a + .cols-a > * > .nav-aside:first-child:last-child { -webkit-transform: none; transform: none; } .cols-a .cols-a { display: block; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 51.25em) { /* 820 */ #nav > ul { -webkit-justify-content: flex-start; justify-content: flex-start; } } @media only screen and (max-width: 47.5em) { /* 760 */ #root { padding-left: 24px; padding-right: 24px; } h1, h2, h3, h4, h5, h6 { margin-top: 24px; padding-top: 24px; } h1 { font-size: 32px; } body { font-size: 20px; } figure { margin-bottom: 20px; } #root { padding-top: 96px; } #top, .menu-active #top.strong, #top.strong.scroll-to-fixed-fixed { left: 24px; right: 24px; height: 96px; border-bottom: 1px solid var(--coal); } #top:before { left: -24px; right: -24px; border-width: 0; background: var(--alabaster); } #logo, .menu-active #top.strong #logo, #top.strong.scroll-to-fixed-fixed #logo { top: 0; width: 80px; } #logo a:before { left: 0; } #logo a:after, .menu-active #top.strong #logo a:after, #top.strong.scroll-to-fixed-fixed #logo a:after { content: "\e906"; left: 0; top: 0; font-size: 60px; line-height: 96px; text-align: left; } #root #top:after { content: "\e900"; display: block; left: auto; right: auto; top: 0; bottom: auto; z-index: 1; width: auto; height: 96px; margin: 0; background: none; font-size: 28px; line-height: 96px; } .menu-active #root #top:after { content: "\e901"; font-size: 30px; } #top > a.menu { display: block; position: absolute; right: -24px; top: 0; z-index: 9; width: 84px; height: 96px; } #top.strong { height: 190px; } #top.strong #logo { top: 35px; width: 188px; } #top.strong #logo a:after { content: "\e904"; font-size: 130px; line-height: 130px; } #content { padding-top: 13px; } #top.strong ~ #content { padding-top: 107px; } #search { display: none; overflow: visible; visibility: visible; position: relative; max-height: none; padding: 0; box-shadow: none; background: none; opacity: 1; } #search p { margin: 0; } #search p > label { display: block; position: absolute; right: 0; top: 0; color: var(--black); font-weight: 700; line-height: 56px; } #search p > label i { display: block; margin-right: 12px; font-size: 18px; } #search input { height: 55px; padding-left: 28px; font-weight: 700; font-size: 20px; } #search ::-webkit-input-placeholder { opacity: 0; } #search :-ms-input-placeholder { opacity: 0; } #search ::-ms-input-placeholder { opacity: 0; } #search ::placeholder { opacity: 0; } #search :focus::-webkit-input-placeholder { color: var(--coal); opacity: 1; } #search :focus:-ms-input-placeholder { color: var(--coal); opacity: 1; } #search :focus::-ms-input-placeholder { color: var(--coal); opacity: 1; } #search :focus::placeholder { color: var(--coal); opacity: 1; } #search input:focus, #search input:focus ~ button, #root #search.full input:focus ~ button, #search.full input, #search.full button, #root #search.full button { visibility: visible; color: var(--fire); opacity: 1; } #root #search button { display: block; width: 28px; color: var(--coal); font-size: 18px; } #search button:before { content: "\e902"; text-align: left; } #search nav { padding: 19px 0 26px; font-weight: 700; } #search nav ul { list-style: none; margin: 0; padding: 0; } #search nav ul a { display: block; padding: 6px 0; color: inherit; font-weight: inherit; } #search nav ul ul { font-weight: 400; } #search nav ul ul a { padding-right: 23px; } #search.focus nav { color: var(--silver); } #search > div { padding: 25px 0 .1px; } #search > div p + ul { margin-top: 3px; } #search > div ul a { padding: 14px 0; } #footer { display: block; padding: 29px 0 14px; color: var(--fire); font-size: 20px; } #footer > *, .module-contact > * { margin-bottom: 26px; } #footer .list-social { } #footer .list-social:last-child, .module-contact .list-social:last-child { margin-bottom: -7px; } #footer .list-social a { border-color: var(--fire); } #footer form p, .module-contact form p { max-width: 340px; } #footer input, .module-contact input { width: 100%; height: 42px; } #footer input { border-color: var(--fire); } #footer ::-webkit-input-placeholder { color: var(--fire); } #footer :-ms-input-placeholder { color: var(--fire); } #footer ::-ms-input-placeholder { color: var(--fire); } #footer ::placeholder { color: var(--fire); } #footer button, .module-contact button { height: 42px; } .cols-a { display: block; } #root .cols-a > *, #root .double > * { position: relative; top: 0; width: 100%; min-width: 0; max-width: none; padding-left: 0; padding-right: 0; } #content.cols-a > header:first-child, #content.cols-a > aside { position: relative; top: 0; } #root .cols-a > * + * { margin-top: 0; padding-top: 20px; } #root .cols-a > .mobile-hide + * { margin-top: 0; padding-top: 0; border-top-width: 0; } #root .cols-a > * { position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin-left: 0 !important; } h1 + .cols-a, h2 + .cols-a, h3 + .cols-a, h4 + .cols-a, h5 + .cols-a, h6 + .cols-a { margin-top: 24px; padding-top: 24px; } #content.cols-a > *:last-child { margin-bottom: 18px; } .cols-a + .cols-a { margin-top: 18px; } .cols-a > *:last-child > .header-main:last-child { padding-bottom: 16px; } .double, .check.double { margin-left: 0; margin-right: 0; } .header-main { margin: 0 0 24px; padding-top: 0; border-top-width: 0; font-size: 19px; line-height: 1.2631578947; } .header-main h1, .header-main h2, .header-main h3, .header-main h4, .header-main h5, .header-main h6, .form-contact h1, .form-contact h2, .form-contact h3, .form-contact h4, .form-contact h5, .form-contact h6 { margin-bottom: 6px; font-size: 32px; line-height: 1.0625; } .header-main p { margin-bottom: 28px; } figure + .header-main { margin-top: -3px; } .is-anchor { } .is-anchor > .anchor { top: -95px; } .link-btn, .s17, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { font-size: 19px; line-height: 1.2631578947; } .link-btn li { padding-top: 35px; padding-bottom: 18px; } .link-btn li:last-child { padding-bottom: 0; } .link-btn span + a { margin-top: 18px; } .s17 + .link-btn, .s17 .link-btn { margin-top: 0; padding-top: 36px; } .s17 + .s17, .s17 p + p { margin-top: 0; padding-top: 23px; } .link-more { margin-top: -12px; } .list-gallery { } .list-gallery li { width: 50%; } .list-news { display: block; margin-left: 0; } #root .list-news li { width: 100%; margin: 44px 0 0; padding-top: 0; border-left-width: 0; } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6, .list-news.strong h1, .list-news.strong h2, .list-news.strong h3, .list-news.strong h4, .list-news.strong h5, .list-news.strong h6, .list-news.compact p.strong { margin-bottom: 5px; font-size: 32px; } .list-news + .list-news { margin-top: 44px; padding-top: 0; } .list-news + h1, .list-news + h2, .list-news + h3, .list-news + h4, .list-news + h5, .list-news + h6 { margin-top: 44px; } .module-featured ~ .list-news { } #root .module-featured ~ .list-news li { margin-top: 25px; padding-top: 45px; border-top: 1px solid var(--coal); } #root .module-featured ~ .list-news li:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } .module-featured ~ .list-news h1 + p, .module-featured ~ .list-news h2 + p, .module-featured ~ .list-news h3 + p, .module-featured ~ .list-news h4 + p, .module-featured ~ .list-news h5 + p, .module-featured ~ .list-news h6 + p { margin-top: 8px; padding-top: 0; border-top-width: 0; } .list-slider.mobile-static { width: auto; margin-left: -16px; } .list-slider.mobile-static li { width: 50%; margin: 0 0 16px; border-left: 16px solid rgba(0,0,0,0); } .list-slider.mobile-static .owl-stage-outer { overflow: visible; height: auto !important; } .list-slider.mobile-static .owl-stage { display: block; width: auto !important; } .list-slider.mobile-static .owl-stage { -webkit-transform: none !important; transform: none !important; } .list-slider.mobile-static .owl-item { float: none; width: 50% !important; margin-left: 0 !important; border-left: 16px solid rgba(0,0,0,0); } .list-slider.mobile-static .owl-item li { width: 100%; border-left-width: 0; } .list-slider.strong { } .list-slider.strong li > div { min-height: 32px; } .list-slider.strong .item li > span, list-slider.strong .item > li > a > span, .list-slider.strong .item li > div { padding-left: 70px; } .list-slider.strong .arrow { width: 32px; height: 32px; font-size: 32px; } .list-slider.strong .arrow.prev { left: 25px; } .list-slider.strong .arrow.next { left: -7px; } .list-social { margin-right: -10px; margin-bottom: 13px; } .list-social li { margin-right: 10px; margin-bottom: 10px; } #root .m40 { margin-bottom: 24px; } #root .m40 + .cols-a { margin-top: 24px; } .module-contact { display: block; margin-bottom: 38px; } .module-contact > * { margin-bottom: 26px; } .module-contact > header, .module-contact > form { margin-bottom: 30px; } .module-contact > header { padding-bottom: 13px; } .module-featured { margin: 0 0 30px; } .module-featured:before { left: 0; right: 0; } .module-featured article { margin-bottom: 6px; } .module-featured article, #root .module-featured article > div { padding: 0; } #root .module-featured article > div > * { float: none; width: auto; } #root .module-featured article > div > header, #root .module-featured article > div > h1, #root .module-featured article > div > h2, #root .module-featured article > div > h3, #root .module-featured article > div > h4, #root .module-featured article > div > h5, #root .module-featured article > div > h6 { width: 100%; margin-right: 0; margin-left: 0; } .module-featured figure { margin: 0 0 17px; } .module-featured img { height: auto !important; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6, .module-contact > header h1, .module-contact > header h2, .module-contact > header h3, .module-contact > header h4, .module-contact > header h5, .module-contact > header h6 { margin-bottom: 13px; font-size: 32px; line-height: 1.0625; } .module-featured p { margin-bottom: 13px; } #content > .module-featured:first-child { margin-top: -13px; } .module-featured + .s20 { font-size: 32px; font-weight: 400; line-height: 1.0625; } .nav-aside { font-size: 20px; } .nav-aside > div, #root .nav-aside > ul, .nav-aside > h1, .nav-aside > h2, .nav-aside > h3, .nav-aside > h4, .nav-aside > h5, .nav-aside > h6 { padding: 11px 0; font-weight: 400; } .nav-aside > h1:first-child, .nav-aside > h2:first-child, .nav-aside > h3:first-child, .nav-aside > h4:first-child, .nav-aside > h5:first-child, .nav-aside > h6:first-child { padding-top: 0; font-weight: 700; } .nav-aside a, .nav-aside p { font-weight: 400; } .nav-aside h1, .nav-aside h2, .nav-aside h3, .nav-aside h4, .nav-aside h5, .nav-aside h6, .nav-aside p { margin: 0; } .nav-aside > h1:last-child, .nav-aside > h2:last-child, .nav-aside > h3:last-child, .nav-aside > h4:last-child, .nav-aside > h5:last-child, .nav-aside > h6:last-child { padding-bottom: 11px; border-bottom-width: 0; } .nav-aside ul { top: 0; padding: 0; } .nav-aside > ul { margin-right: -40px; } .nav-aside > ul li:before { right: 0; max-width: calc(100vw - 60px); } .nav-aside li.menu-item-has-children > a { margin-bottom: 0; width: 100%; } .nav-aside ul li { width: 100%;} .nav-aside ul li { margin-right: 45px; max-width: calc(100% - 40px); } .nav-aside ul.sub-menu:not(.is-slider) li { margin-right: 0;} #root .nav-aside ul.is-slider { display: block; width: 100%; margin-right: 0; } .nav-aside ul.is-slider:before { right: 0; } .nav-aside ul.is-slider li { margin-left: 0; margin-right: 0; white-space: nowrap; padding-bottom: 0;} .cols-a > * > .nav-aside:first-child { top: 0; } .popup-a { } .popup-a .box-outer { padding: 0; } .popup-a .box-inset { padding: 64px 20px 1px; } .popup-a .box-inset > .close { width: 64px; font-size: 24px; line-height: 64px; } .form-contact.popup-a .box-inset { padding: 20px 20px 1px; } textarea { height: 73px; min-height: 0; padding: 0; border-left-width: 0; border-right-width: 0; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGZpbGw9IiM0OTQ5NDkiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+) 0 35px repeat-x; background-size: 100% 1px; line-height: 36px; resize: none; } .submit { } .submit input[type=submit] { margin-right: auto; } .submit .check + input[type=submit] { margin-top: 8px; } .submit input[type="submit"] { position: static;} .cols-a > * > .nav-aside:first-child, .cols-a > * > .link-btn:first-child > li:first-child > span:first-child, .nav-aside ul + *, .list-news li:first-child, .cols-a > * > .module-contact:first-child { margin-top: 0; } .cols-a > * > .nav-aside:last-child, .cols-a > * > .link-btn:last-child, .cols-a > * > .nav-aside:last-child > ul:last-child, .nav-aside li ul, .nav-aside li ul li { margin-bottom: 0; } #search { -webkit-transform: none; transform: none; } #search p > label, .nav-aside > div, #root .nav-aside > ul, .nav-aside ul li, .list-slider.mobile-static, .list-slider.mobile-static .owl-stage { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #search nav, .menu-active #search, .nav-aside .mobile-only { display: block; } #nav, #logo:after, .search-active #shadow, .menu-active #shadow, #root #search a.remove, #search nav em, .menu-active #content, #search.full nav, #search.focus p > label, #search.full p > label, #root .nav-aside .mobile-hide, .list-news + .list-news:before, .list-news li.hr, #root .list-news li:before, #root .module-featured .owl-nav, .list-slider.mobile-static li span, .list-slider.mobile-static .counter { display: none; } .cols-a > .spacer { display: none !important; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } }