@charset "UTF-8";
.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}

@font-face {
font-family: 'icomoon';
src:  url(//www.penhouse.cz/wp-content/themes/penhouse/assets/fonts/icomoon/fonts/icomoon.eot?kylep5);
src:  url(//www.penhouse.cz/wp-content/themes/penhouse/assets/fonts/icomoon/fonts/icomoon.eot?kylep5#iefix) format('embedded-opentype'),
url(//www.penhouse.cz/wp-content/themes/penhouse/assets/fonts/icomoon/fonts/icomoon.ttf?kylep5) format('truetype'),
url(//www.penhouse.cz/wp-content/themes/penhouse/assets/fonts/icomoon/fonts/icomoon.woff?kylep5) format('woff'),
url(//www.penhouse.cz/wp-content/themes/penhouse/assets/fonts/icomoon/fonts/icomoon.svg?kylep5#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow:before {
content: "\e904";
}
.icon-arrow-down2:before {
content: "\e905";
}
.icon-arrow-left2:before {
content: "\e906";
}
.icon-arrow-right2:before {
content: "\e907";
}
.icon-arrow-up2:before {
content: "\e908";
}
.icon-star1:before {
content: "\f005";
}
.icon-star-o1:before {
content: "\f006";
}
.icon-rsquare-pin-svgrepo-com:before {
content: "\e901";
}
.icon-square-pin-svgrepo-com:before {
content: "\e902";
}
.icon-marker-svgrepo-com:before {
content: "\e903";
}
.icon-calendar1:before {
content: "\f073";
}
.icon-credit-card1:before {
content: "\f09d";
}
.icon-truck1:before {
content: "\f0d1";
}
.icon-dropbox:before {
content: "\f16b";
}
.icon-iconmonstr-quote-8:before {
content: "\e900";
}
.icon-external-link:before {
content: "\f08e";
}
.icon-chain:before {
content: "\f0c1";
}
.icon-group1:before {
content: "\f0c0";
}
.icon-database1:before {
content: "\f1c0";
}
.icon-asterisk:before {
content: "\f069";
}
.icon-plus:before {
content: "\f067";
}
.icon-question:before {
content: "\f128";
}
.icon-minus:before {
content: "\f068";
}
.icon-search:before {
content: "\f002";
}
.icon-user:before {
content: "\f007";
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before {
content: "\f00d";
}
.icon-search-plus:before {
content: "\f00e";
}
.icon-search-minus:before {
content: "\f010";
}
.icon-cog:before {
content: "\f013";
}
.icon-home:before {
content: "\f015";
}
.icon-clock-o:before {
content: "\f017";
}
.icon-download:before {
content: "\f019";
}
.icon-play-circle-o:before {
content: "\f01d";
}
.icon-lock:before {
content: "\f023";
}
.icon-camera:before {
content: "\f030";
}
.icon-image:before {
content: "\f03e";
}
.icon-map-marker:before {
content: "\f042";
}
.icon-chevron-left:before {
content: "\f043";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-plus-circle:before {
content: "\f055";
}
.icon-minus-circle:before {
content: "\f056";
}
.icon-times-circle:before {
content: "\f057";
}
.icon-check-circle:before {
content: "\f058";
}
.icon-question-circle:before {
content: "\f059";
}
.icon-info-circle:before {
content: "\f05a";
}
.icon-times-circle-o:before {
content: "\f05c";
}
.icon-check-circle-o:before {
content: "\f05d";
}
.icon-ban:before {
content: "\f05e";
}
.icon-arrow-left:before {
content: "\f060";
}
.icon-arrow-right:before {
content: "\f061";
}
.icon-arrow-up:before {
content: "\f062";
}
.icon-arrow-down:before {
content: "\f063";
}
.icon-mail-forward:before {
content: "\f064";
}
.icon-envelope-o:before {
content: "\f003";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-envelope-square:before {
content: "\f199";
}
.icon-mobile:before {
content: "\f10b";
}
.icon-phone:before {
content: "\f095";
}
.icon-volume-control-phone:before {
content: "\f2a0";
}
.icon-phone-square:before {
content: "\f098";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-mail-reply:before {
content: "\f112";
}
.icon-chevron-circle-left:before {
content: "\f137";
}
.icon-chevron-circle-right:before {
content: "\f138";
}
.icon-chevron-circle-up:before {
content: "\f139";
}
.icon-chevron-circle-down:before {
content: "\f13a";
}
.icon-youtube-play:before {
content: "\f16a";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-apple:before {
content: "\f179";
}
.icon-windows:before {
content: "\f17a";
}
.icon-android:before {
content: "\f17b";
}
.icon-linux:before {
content: "\f17c";
}
.icon-skype:before {
content: "\f17e";
}
.icon-facebook-official:before {
content: "\f230";
}
.icon-facebook-square:before {
content: "\f082";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-linkedin-square:before {
content: "\f08c";
}
.icon-twitter-square:before {
content: "\f081";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-spotify1:before {
content: "\f1bc";
}
.icon-file-text:before {
content: "\f15c";
}
.icon-file:before {
content: "\f15b";
}
.icon-file-pdf-o:before {
content: "\f1c1";
}
.icon-file-word-o:before {
content: "\f1c2";
}
.icon-file-excel-o:before {
content: "\f1c3";
}
.icon-file-powerpoint-o:before {
content: "\f1c4";
}
.icon-file-image-o:before {
content: "\f1c5";
}
.icon-file-archive-o:before {
content: "\f1c6";
}
.icon-file-audio-o:before {
content: "\f1c7";
}
.icon-file-movie-o:before {
content: "\f1c8";
}
.icon-file-code-o:before {
content: "\f1c9";
}
.icon-pinterest-p:before {
content: "\f231";
}
.icon-whatsapp:before {
content: "\f232";
}
.icon-safari:before {
content: "\f267";
}
.icon-chrome:before {
content: "\f268";
}
.icon-firefox:before {
content: "\f269";
}
.icon-opera:before {
content: "\f26a";
}
.icon-internet-explorer:before {
content: "\f26b";
}
.icon-map-o:before {
content: "\f278";
}
.icon-question-circle-o:before {
content: "\f29c";
}
.icon-user-circle:before {
content: "\f2bd";
}
.icon-user-circle-o:before {
content: "\f2be";
}
.icon-user-o:before {
content: "\f2c0";
}
.icon-drivers-license:before {
content: "\f2c2";
}
.icon-drivers-license-o:before {
content: "\f2c3";
}
.icon-location1:before {
content: "\e947";
}
.icon-location21:before {
content: "\e948";
}
.icon-arrow-right1:before {
content: "\e924";
}
.icon-arrow-left1:before {
content: "\e925";
}
.icon-arrow-down1:before {
content: "\e926";
}
.icon-arrow-up1:before {
content: "\e927";
}  :root {
--color-light: #fff;
--color-dark: #333;
--color-primary: #26AC10;
--color-primary-h: #2bc312;
--color-primary-d: #114f07;
--color-primary-l: #4fec36;
--color-primary-s: #caf9c2;
--color-primary-c: #fff;
--color-secondary: #FFC700;
--color-secondary-h: #ffcd1a;
--color-secondary-d: #997700;
--color-secondary-l: #ffdd66;
--color-secondary-s: white;
--color-secondary-c: #fff;
--color-text: #fff;
--color-background: #121214;
--color-title: var(--color-text);
--color-title-s: var(--color-text);
--color-link: var(--color-text);
--color-link-h: var(--color-text);
--color-link-c: var(--color-light);
--color-li: var(--color-primary);
--color-hilight: var(--color-primary);
--color-line: rgba(255, 255, 255, 0.1);
--color-soft: #f5f5f5;
--color-ok: #00aa00;
--color-war: orange;
--color-err: #aa0000;
--color-gray: #3c3c44;
--color-gray-s: #f5f5f5;
--color-gray-l: #ddd;
--color-gray-d: #1d1d21;
--color-gray-b: #181818;
--menu-bg: none;
--menu-text: var(--color-text);
--menu-link: var(--color-text);
--menu-link-active: var(--color-primary);
--color-soc-bg: var(--color-link);
--color-soc-text: var(--color-link-c);
--color-form-bg: var(--color-soft);
--color-form-text: var(--color-dark);
--color-form-placeholder: #3c3c44;
}
h1, h2, h3, h4,
.h1, .h2, .h3, .h4, .fragment.timeline .timeline-item-year, .search-item a strong {
display: block;
color: var(--color-title);
font-family: "Bricolage Grotesque", sans-serif;
font-weight: 700;
}
h1, .h1 {
margin: 0 0 30px;
font-size: 30px;
font-size: 1.875rem;
line-height: 36px;
line-height: 2.25rem;
}
@media only screen and (min-width: 768px) {
h1, .h1 {
font-size: 42px;
font-size: 2.625rem;
line-height: 50.4px;
line-height: 3.15rem;
}
}
@media only screen and (min-width: 1200px) {
h1, .h1 {
font-size: 55px;
font-size: 3.4375rem;
line-height: 66px;
line-height: 4.125rem;
}
}
.fragment.timeline .timeline-item-year, h2, .h2 {
margin: 0 0 20px;
font-size: 26px;
font-size: 1.625rem;
line-height: 31.2px;
line-height: 1.95rem;
}
@media only screen and (min-width: 768px) {
.fragment.timeline .timeline-item-year, h2, .h2 {
font-size: 32px;
font-size: 2rem;
line-height: 38.4px;
line-height: 2.4rem;
}
}
@media only screen and (min-width: 1200px) {
.fragment.timeline .timeline-item-year, h2, .h2 {
font-size: 45px;
font-size: 2.8125rem;
line-height: 54px;
line-height: 3.375rem;
}
}
h3, .h3 {
margin: 0 0 15px;
font-size: 18px;
font-size: 1.125rem;
line-height: 21.6px;
line-height: 1.35rem;
}
@media only screen and (min-width: 768px) {
h3, .h3 {
font-size: 24px;
font-size: 1.5rem;
line-height: 28.8px;
line-height: 1.8rem;
}
}
@media only screen and (min-width: 1200px) {
h3, .h3 {
font-size: 35px;
font-size: 2.1875rem;
line-height: 42px;
line-height: 2.625rem;
}
}
.search-item a strong, h4, .h4 {
margin: 0 0 10px;
font-size: 17px;
font-size: 1.0625rem;
line-height: 20.4px;
line-height: 1.275rem;
}
@media only screen and (min-width: 768px) {
.search-item a strong, h4, .h4 {
font-size: 20px;
font-size: 1.25rem;
line-height: 24px;
line-height: 1.5rem;
}
}
@media only screen and (min-width: 1200px) {
.search-item a strong, h4, .h4 {
font-size: 24px;
font-size: 1.5rem;
line-height: 28.8px;
line-height: 1.8rem;
}
}
.slideshow-slider-item-content a, .fragment.popup .floating-button a, .fragment.floating_bar .floatingbar a, .js input[type=file] + label:after, input[type=submit],
form button, .btn,
a.button,
a .button,
.button a,
.btn-container a, a.button-dark,
a .button-dark,
.button-dark a, .slideshow-slider-item-content a + a, .fragment.collapse .toggle-btn, a.button-light,
a .button-light,
.button-light a, a.button-blank,
a .button-blank,
.button-blank a, .btn.btn-secondary,
a.button-secondary,
a .button-secondary,
.button-secondary a {
display: inline-block;
font-weight: 400;
color: #FFC700;
font-family: "Bricolage Grotesque", sans-serif;
}
.slideshow-slider-item-content a:hover, .fragment.popup .floating-button a:hover, .fragment.floating_bar .floatingbar a:hover, .js input[type=file] + label:hover:after, input[type=submit]:hover,
form button:hover, .btn:hover,
a.button:hover,
a .button:hover,
.button a:hover,
.btn-container a:hover, a.button-dark:hover,
a .button-dark:hover,
.button-dark a:hover, .fragment.collapse .toggle-btn:hover, a.button-light:hover,
a .button-light:hover,
.button-light a:hover, a.button-blank:hover,
a .button-blank:hover,
.button-blank a:hover,
a.button-secondary:hover,
a .button-secondary:hover,
.button-secondary a:hover, .slideshow-slider-item-content a:focus, .fragment.popup .floating-button a:focus, .fragment.floating_bar .floatingbar a:focus, .js input[type=file] + label:focus:after, input[type=submit]:focus,
form button:focus, .btn:focus,
a.button:focus,
a .button:focus,
.button a:focus,
.btn-container a:focus, a.button-dark:focus,
a .button-dark:focus,
.button-dark a:focus, .fragment.collapse .toggle-btn:focus, a.button-light:focus,
a .button-light:focus,
.button-light a:focus, a.button-blank:focus,
a .button-blank:focus,
.button-blank a:focus,
a.button-secondary:focus,
a .button-secondary:focus,
.button-secondary a:focus {
text-decoration: none;
color: #ffcd1a;
}
.slideshow-slider-item-content a, .fragment.popup .floating-button a, .fragment.floating_bar .floatingbar a, .js input[type=file] + label:after, input[type=submit],
form button, .btn,
a.button,
a .button,
.button a,
.btn-container a, a.button-dark,
a .button-dark,
.button-dark a, .slideshow-slider-item-content a + a, .fragment.collapse .toggle-btn, a.button-light,
a .button-light,
.button-light a, a.button-blank,
a .button-blank,
.button-blank a, .btn.btn-secondary,
a.button-secondary,
a .button-secondary,
.button-secondary a {
padding: 17px 2.1875rem;
text-align: center;
background: linear-gradient(45deg, var(--color-primary) 25%, var(--color-secondary) 75%);
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: 200%;
background-position: 30% 0%;
border: 0px solid transparent;
color: var(--color-link-c) !important;
position: relative;
margin: 0 0.625rem 0.625rem 0;
letter-spacing: 0.08em;
font-size: 18px;
font-size: 1.125rem;
line-height: 23.4px;
line-height: 1.4625rem;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
background-clip: padding-box; }
.slideshow-slider-item-content a:hover, .fragment.popup .floating-button a:hover, .fragment.floating_bar .floatingbar a:hover, .js input[type=file] + label:hover:after, input[type=submit]:hover,
form button:hover, .btn:hover,
a.button:hover,
a .button:hover,
.button a:hover,
.btn-container a:hover, a.button-dark:hover,
a .button-dark:hover,
.button-dark a:hover, .fragment.collapse .toggle-btn:hover, a.button-light:hover,
a .button-light:hover,
.button-light a:hover, a.button-blank:hover,
a .button-blank:hover,
.button-blank a:hover,
a.button-secondary:hover,
a .button-secondary:hover,
.button-secondary a:hover, .slideshow-slider-item-content a:focus, .fragment.popup .floating-button a:focus, .fragment.floating_bar .floatingbar a:focus, .js input[type=file] + label:focus:after, input[type=submit]:focus,
form button:focus, .btn:focus,
a.button:focus,
a .button:focus,
.button a:focus,
.btn-container a:focus, a.button-dark:focus,
a .button-dark:focus,
.button-dark a:focus, .fragment.collapse .toggle-btn:focus, a.button-light:focus,
a .button-light:focus,
.button-light a:focus, a.button-blank:focus,
a .button-blank:focus,
.button-blank a:focus,
a.button-secondary:focus,
a .button-secondary:focus,
.button-secondary a:focus, .slideshow-slider-item-content a.active, .fragment.popup .floating-button a.active, .fragment.floating_bar .floatingbar a.active, .js input[type=file] + label.active:after, input.active[type=submit],
form button.active, .active.btn,
a.active.button,
a .active.button,
.button a.active,
.btn-container a.active, a.active.button-dark,
a .active.button-dark,
.button-dark a.active, .fragment.collapse .active.toggle-btn, a.active.button-light,
a .active.button-light,
.button-light a.active, a.active.button-blank,
a .active.button-blank,
.button-blank a.active,
a.active.button-secondary,
a .active.button-secondary,
.button-secondary a.active {
background-position: 0% 0%;
color: var(--color-link-c) !important;
}
.btn.btn-secondary,
a.button-secondary,
a .button-secondary,
.button-secondary a {
background: var(--color-secondary);
color: var(--color-secondary-c) !important;
}
.btn.btn-secondary:hover,
a.button-secondary:hover,
a .button-secondary:hover,
.button-secondary a:hover, .btn.btn-secondary:focus,
a.button-secondary:focus,
a .button-secondary:focus,
.button-secondary a:focus, .active.btn.btn-secondary,
a.active.button-secondary,
a .active.button-secondary,
.button-secondary a.active {
background: var(--color-secondary-h);
color: var(--color-secondary-c) !important;
}
a.button-blank,
a .button-blank,
.button-blank a {
background: transparent;
border-color: var(--color-primary);
color: var(--color-text) !important;
border-width: 2px;
padding-top: 15px;
padding-bottom: 15px;
}
a.button-blank:hover,
a .button-blank:hover,
.button-blank a:hover, a.button-blank:focus,
a .button-blank:focus,
.button-blank a:focus, a.active.button-blank,
a .active.button-blank,
.button-blank a.active {
background: var(--color-primary);
color: var(--color-link-c) !important;
}
.slideshow-slider-item-content a + a, .fragment.collapse .toggle-btn, a.button-light,
a .button-light,
.button-light a {
background: #fff;
border-color: #fff;
color: #26AC10 !important;
}
.slideshow-slider-item-content a + a:hover, .fragment.collapse .toggle-btn:hover, a.button-light:hover,
a .button-light:hover,
.button-light a:hover, .slideshow-slider-item-content a + a:focus, .fragment.collapse .toggle-btn:focus, a.button-light:focus,
a .button-light:focus,
.button-light a:focus, .slideshow-slider-item-content a + a.active, .fragment.collapse .active.toggle-btn, a.active.button-light,
a .active.button-light,
.button-light a.active {
background: #26AC10;
border-color: #26AC10;
color: #fff !important;
}
a.button-dark,
a .button-dark,
.button-dark a {
background: #333;
border-color: #333;
color: #fff !important;
}
a.button-dark:hover,
a .button-dark:hover,
.button-dark a:hover, a.button-dark:focus,
a .button-dark:focus,
.button-dark a:focus, a.active.button-dark,
a .active.button-dark,
.button-dark a.active {
background: #666666;
border-color: #666666;
}
button.mfp-arrow, .slick-slider .slick-arrow {
display: inline-block;
background: var(--color-primary);
color: var(--color-light);
border: none;
white-space: nowrap;
overflow: hidden;
padding: 0;
z-index: 1050;
width: 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
margin: 0;
opacity: 1;
filter: alpha(opacity=100);
font-size: 30px;
font-size: 1.875rem;
}
button.mfp-arrow:before, .slick-slider .slick-arrow:before {
content: "\f104";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
text-align: center;
display: inline-block;
width: 100%;
margin: 0;
border: none;
}
button.mfp-arrow:after, .slick-slider .slick-arrow:after {
display: none;
}
button.mfp-arrow:active, .slick-slider .slick-arrow:active {
margin: 0;
}
button.mfp-arrow.mfp-arrow-right, .slick-slider .slick-arrow.slick-next {
left: auto;
}
button.mfp-arrow.mfp-arrow-right:before, .slick-slider .slick-arrow.slick-next:before {
content: "\f105";
}
.editor ul li,
.wp-editor ul li {
list-style-type: none;
padding: 0 0 15px 25px;
position: relative;
}
.editor ul li:before,
.wp-editor ul li:before {
content: "\e904";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
position: absolute;
top: 0;
left: 0;
margin: 0 0 0;
font-size: 0.8em;
}
.fragment.topmedia .topmedia-item-bg:after, .bg-image:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}       .selectric-wrapper {
position: relative;
cursor: pointer;
}
.selectric-responsive {
width: 100%;
}
.selectric {
border: 1px solid #DDD;
border-radius: 0px;
background: #F8F8F8;
position: relative;
overflow: hidden;
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 38px 0 10px;
font-size: 12px;
line-height: 38px;
color: #444;
height: 38px;
user-select: none;
}
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 38px;
line-height: 38px;
background-color: #F8f8f8;
color: #BBB;
text-align: center;
font: 0/0 a;
*font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #BBB;
border-bottom: none;
}
.selectric-focus .selectric {
border-color: #aaaaaa;
}
.selectric-hover .selectric {
border-color: #c4c4c4;
}
.selectric-hover .selectric .button {
color: #a2a2a2;
}
.selectric-hover .selectric .button:after {
border-top-color: #a2a2a2;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric {
border-color: #c4c4c4;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
}
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
box-sizing: border-box;
opacity: 0;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
} .selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #F8F8F8;
border: 1px solid #c4c4c4;
z-index: -1;
box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul, .selectric-items li {
list-style: none;
padding: 0;
margin: 0 !important;
font-size: 12px;
line-height: 20px;
min-height: 20px;
}
.selectric-items li {
display: block;
padding: 10px !important;
color: #666;
cursor: pointer;
}
.selectric-items li:before {
display: none !important;
}
.selectric-items li.selected {
background: #EEEEEE;
color: #444;
}
.selectric-items li.highlighted {
background: #DDDDDD;
color: #444;
}
.selectric-items li:hover {
background: #D5D5D5;
color: #444;
}
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
user-select: none;
background: none;
color: #444;
}
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}
.slick-slider .slick-track {
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.slick-slider .slick-slide {
position: relative;
height: auto;
}
.slick-slider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.slick-slider .slick-arrow.slick-prev {
left: 15px;
}
.slick-slider .slick-arrow.slick-next {
right: 15px;
}
.slick-slider .slick-arrow.slick-disabled {
opacity: 0.3;
filter: alpha(opacity=30);
}
.slick-dotted .slick-dots {
position: absolute;
bottom: -40px;
left: 0;
width: 100%;
text-align: center;
}
.slick-dotted .slick-dots li {
display: inline-block;
padding: 5px;
}
.slick-dotted .slick-dots li button {
display: block;
position: relative;
padding: 0;
width: 30px;
height: 30px;
line-height: 30px;
overflow: hidden;
text-indent: 50px;
background: none;
border: none;
cursor: pointer;
}
.slick-dotted .slick-dots li button:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
background: #000;
margin: -5px 0 0 -5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; -webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
}
.slick-dotted .slick-dots li button:hover:before {
background: var(--color-primary);
}
.slick-dotted .slick-dots li.slick-active button:before {
background: var(--color-primary);
-ms-transform: scale(1.6, 1.6); webkit-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6);
}
.slick-list {
margin: 0 0 0 -3.125rem;
}
.slick-list .slick-slide {
padding: 0 0 0 3.125rem;
}
.grid-collapse .slick-list {
margin: 0;
}
.grid-collapse .slick-list .slick-slide {
padding: 0;
}
.grid-small .slick-list {
margin: 0 0 0 -1.875rem;
}
.grid-small .slick-list .slick-slide {
padding: 0 0 0 1.875rem;
}
.grid-large .slick-list {
margin: 0 0 0 -6.25rem;
}
.grid-large .slick-list .slick-slide {
padding: 0 0 0 6.25rem;
}
.mfp-iframe-holder .mfp-content {
max-width: 1400px;
}
.mfp-container {
padding: 0 25px;
}
.mfp-container.mfp-image-holder {
padding: 0 3px;
}
@media only screen and (min-width: 992px) {
.mfp-container.mfp-image-holder {
padding: 0 25px;
}
}
.mfp-content {
max-width: 60%;
}
.mfp-content table tr td {
vertical-align: top;
}
.white-popup {
background: #fff;
}
.white-popup.loading {
text-align: center;
padding: 100px 30px;
}
.white-popup.loading:before {
content: "";
margin: auto;
display: block;
width: 80px;
height: 80px;
border: 5px solid var(--color-primary);
border-left-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; -webkit-animation: rotation 2s linear 0s infinite;
-moz-animation: rotation 2s linear 0s infinite;
-ms-animation: rotation 2s linear 0s infinite;
-o-animation: rotation 2s linear 0s infinite;
animation: rotation 2s linear 0s infinite;
}
.popup {
padding: 40px 15px;
margin: auto;
}
@media only screen and (min-width: 768px) {
.popup {
padding: 40px;
}
}
button.mfp-arrow {
left: 30px;
}
button.mfp-arrow.mfp-arrow-right {
right: 30px;
}
body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
transition-duration: 350ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
transition-duration: 400ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
transition-duration: 450ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
transition-duration: 500ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
transition-duration: 550ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
transition-duration: 600ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
transition-duration: 650ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
transition-duration: 700ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
transition-duration: 750ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
transition-duration: 800ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
transition-duration: 850ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
transition-duration: 900ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
transition-duration: 950ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
transition-duration: 1000ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
transition-duration: 1050ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
transition-duration: 1100ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
transition-duration: 1150ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
transition-duration: 1200ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
transition-duration: 1250ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
transition-duration: 1300ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
transition-duration: 1350ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
transition-duration: 1400ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
transition-duration: 1450ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
transition-duration: 1500ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
transition-duration: 1550ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
transition-duration: 1600ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
transition-duration: 1650ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
transition-duration: 1700ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
transition-duration: 1750ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
transition-duration: 1800ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
transition-duration: 1850ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
transition-duration: 1900ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
transition-duration: 1950ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
transition-duration: 2000ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
transition-duration: 2050ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
transition-duration: 2100ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
transition-duration: 2150ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
transition-duration: 2200ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
transition-duration: 2250ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
transition-duration: 2300ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
transition-duration: 2350ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
transition-duration: 2400ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
transition-duration: 2450ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
transition-duration: 2500ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
transition-duration: 2550ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
transition-duration: 2600ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
transition-duration: 2650ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
transition-duration: 2700ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
transition-duration: 2750ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
transition-duration: 2800ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
transition-duration: 2850ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
transition-duration: 2900ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
transition-duration: 2950ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
transition-duration: 3000ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
transition-duration: 3050ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
transition-duration: 3100ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
transition-duration: 3150ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
transition-duration: 3200ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
transition-duration: 3250ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
transition-duration: 3300ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
transition-delay: 3000ms;
}
body:not(.no-js) [data-aos] .row > div {
opacity: 0;
transform: translate3d(0, 50px, 0);
transition-duration: 700ms;
transition-property: opacity, transform;
}
body:not(.no-js) [data-aos].aos-animate .row > div {
opacity: 1;
transition-duration: 0;
transform: translate3d(0, 0, 0);
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(0) {
transition-delay: 0ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(1) {
transition-delay: 100ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(2) {
transition-delay: 200ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(3) {
transition-delay: 300ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(4) {
transition-delay: 400ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(5) {
transition-delay: 500ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(6) {
transition-delay: 600ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(7) {
transition-delay: 700ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(8) {
transition-delay: 800ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(9) {
transition-delay: 900ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(10) {
transition-delay: 1000ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(11) {
transition-delay: 1100ms;
}
body:not(.no-js) [data-aos].aos-animate .row > div:nth-child(12) {
transition-delay: 1200ms;
}
body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
} body:not(.no-js) {   }
body:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform;
}
body:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0);
}
body:not(.no-js) [data-aos=fade-up] {
transform: translate3d(0, 100px, 0);
}
body:not(.no-js) [data-aos=fade-down] {
transform: translate3d(0, -100px, 0);
}
body:not(.no-js) [data-aos=fade-right] {
transform: translate3d(-100px, 0, 0);
}
body:not(.no-js) [data-aos=fade-left] {
transform: translate3d(100px, 0, 0);
}
body:not(.no-js) [data-aos=fade-up-right] {
transform: translate3d(-100px, 100px, 0);
}
body:not(.no-js) [data-aos=fade-up-left] {
transform: translate3d(100px, 100px, 0);
}
body:not(.no-js) [data-aos=fade-down-right] {
transform: translate3d(-100px, -100px, 0);
}
body:not(.no-js) [data-aos=fade-down-left] {
transform: translate3d(100px, -100px, 0);
}
body:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform;
}
body:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
body:not(.no-js) [data-aos=zoom-in] {
transform: scale(0.6);
}
body:not(.no-js) [data-aos=zoom-in-up] {
transform: translate3d(0, 100px, 0) scale(0.6);
}
body:not(.no-js) [data-aos=zoom-in-down] {
transform: translate3d(0, -100px, 0) scale(0.6);
}
body:not(.no-js) [data-aos=zoom-in-right] {
transform: translate3d(-100px, 0, 0) scale(0.6);
}
body:not(.no-js) [data-aos=zoom-in-left] {
transform: translate3d(100px, 0, 0) scale(0.6);
}
body:not(.no-js) [data-aos=zoom-out] {
transform: scale(1.2);
}
body:not(.no-js) [data-aos=zoom-out-up] {
transform: translate3d(0, 100px, 0) scale(1.2);
}
body:not(.no-js) [data-aos=zoom-out-down] {
transform: translate3d(0, -100px, 0) scale(1.2);
}
body:not(.no-js) [data-aos=zoom-out-right] {
transform: translate3d(-100px, 0, 0) scale(1.2);
}
body:not(.no-js) [data-aos=zoom-out-left] {
transform: translate3d(100px, 0, 0) scale(1.2);
}
body:not(.no-js) [data-aos^=slide][data-aos^=slide] {
transition-property: transform;
}
body:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
transform: translate3d(0, 0, 0);
}
body:not(.no-js) [data-aos=slide-up] {
transform: translate3d(0, 100%, 0);
}
body:not(.no-js) [data-aos=slide-down] {
transform: translate3d(0, -100%, 0);
}
body:not(.no-js) [data-aos=slide-right] {
transform: translate3d(-100%, 0, 0);
}
body:not(.no-js) [data-aos=slide-left] {
transform: translate3d(100%, 0, 0);
}
body:not(.no-js) [data-aos^=slide][data-aos^=slide] {
position: relative;
transition-property: top;
top: 100px;
}
body:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
top: 0;
}
body:not(.no-js) [data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform;
}
body:not(.no-js) [data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg);
}
body:not(.no-js) [data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0);
}
body:not(.no-js) [data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg);
}
body:not(.no-js) [data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0);
}
body:not(.no-js) [data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg);
}
body:not(.no-js) [data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0);
}
body:not(.no-js) [data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
body:not(.no-js) [data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0);
}
.map-wrapper {
position: relative;
z-index: 1;
}
.smap {
width: 100%;
height: 100%;
min-height: 500px;
}
.smap img {
max-width: none;
filter: grayscale(100%);
}
.smap img[src*=marker] {
filter: grayscale(0%);
}
.smap .map-marker {
display: block;
width: 30px;
height: 50px;
text-align: center;
line-height: 50px;
}
.smap .map-marker:before {
content: "\e903";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
display: inline-block;
color: var(--color-primary);
vertical-align: bottom;
font-size: 40px;
font-size: 2.5rem;
line-height: 40px;
line-height: 2.5rem;
}
.smap .card-header:empty,
.smap .card-footer:empty {
display: none;
}
.smap .marker-cluster {
border: none !important;
color: #fff !important;
width: 100px !important;
height: 100px !important;
top: -50px !important;
left: -50px !important;
text-align: center !important;
}
.smap .marker-cluster:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: var(--color-primary);
border-radius: 50%;
opacity: 0.6;
}
.smap .marker-cluster span {
display: block;
position: relative;
font-size: 20px;
font-size: 1.25rem;
line-height: 100px;
line-height: 6.25rem;
}
.smap .leaflet-attribution-flag {
display: none !important;
}
.cookie-button {
display: inline-block;
padding: 15px 30px;
background: var(--color-primary);
color: #fff;
text-align: center;
white-space: nowrap;
}
.cookie-button:hover, .cookie-button:focus {
color: #fff;
background: var(--color-primary-h);
}
.cookiebar-wrapper {
display: block;
color: black;
background: #fff;
position: fixed;
z-index: 9900;
bottom: 0;
left: 0;
width: 100%;
padding: 20px 0;
}
.cookiebar-close {
display: block;
position: absolute;
top: 5px;
right: 5px;
font-size: 0;
}
.cookiebar-close:before {
content: "×";
font-size: 50px;
line-height: 15px;
color: #ccc;
}
.cookiebar-content {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.cookiebar-content a {
display: block;
margin: 0 0 0 10px;
}
.cookiebar-content a:hover, .cookiebar-content a:focus {
color: inherit;
color: #fff;
opacity: 0.9;
}
.cookiebar-content-label {
width: 100%;
margin: 0 0 20px;
}
.cookiebar-content-label > *:last-child {
margin: 0;
}
.cookiebar-content-label a {
margin: 0;
display: inline;
color: inherit;
text-decoration: underline;
}
.cookiebar-content-label a:hover, .cookiebar-content-label a:focus {
color: var(--color-primary);
}
.cookiebar-content a[data-cookie-settings] {
background: #999;
}
.cookiebar-wrapper.cookie-bar-top {
bottom: auto;
top: 0;
}
.cookiebar-wrapper.cookie-bar-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
background: rgba(255, 255, 255, 0.7);
z-index: 9950;
overflow-x: hidden;
overflow-y: auto;
}
.cookiebar-wrapper.cookie-bar-popup > div {
padding: 50px 0;
width: 100%;
min-height: 100%;
display: flex;
align-items: center;
}
.cookiebar-wrapper.cookie-bar-popup .container {
width: 900px;
}
.cookiebar-wrapper.cookie-bar-popup .cookiebar {
width: 100%;
}
.cookiebar-wrapper.cookie-bar-popup .cookiebar-inner {
position: relative;
}
.cookiebar-wrapper.cookie-bar-popup .cookiebar-content {
padding: 40px;
background: white;
}
@media only screen and (min-width: 991px) {
.cookiebar-wrapper.cookie-bar-top .cookiebar-content,
.cookiebar-wrapper.cookie-bar-bottom .cookiebar-content {
justify-content: space-between;
flex-wrap: nowrap;
}
.cookiebar-wrapper.cookie-bar-top .cookiebar-content-label,
.cookiebar-wrapper.cookie-bar-bottom .cookiebar-content-label {
width: auto;
margin: 0;
flex: 1 1 auto;
}
}
.cookiebar-settings {
width: 100%;
}
.cookiebar-settings-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
background: rgba(255, 255, 255, 0.7);
z-index: 9950;
overflow-x: hidden;
overflow-y: auto;
}
.cookiebar-settings-wrapper > div {
padding: 50px 0;
width: 100%;
display: flex;
align-items: center;
}
.cookiebar-settings-inner {
padding: 30px;
background: #fff;
color: #000;
}
.cookiebar-settings-cta-all {
margin: 15px 0 40px;
text-align: center;
}
.cookiebar-settings-cta-selected {
text-align: center;
margin: 40px 0 0;
}
.cookiebar-settings-options-item {
border-bottom: 1px solid #bbb;
}
.cookiebar-settings-options-item-header {
padding: 15px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.cookiebar-settings-options-item-header a {
font-size: 0;
display: block;
width: 20px;
height: 20px;
border: 2px solid #bbb;
border-width: 0 0 2px 2px;
transform: rotate(-45deg);
position: relative;
top: -5px;
}
.cookiebar-settings-options-item-header h3 {
margin: 0;
width: 70%;
flex: 0 0 auto;
font-size: 20px;
line-height: 25px;
}
.cookiebar-settings-options-item-header label {
text-align: right;
width: 150px;
font-weight: 700;
color: green;
line-height: 0px;
}
.cookiebar-settings-options-item-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.15s ease-out;
}
.cookiebar-settings-options-item-body-description {
padding: 0 0 25px;
}
.cookiebar-settings-options-item.open .cookiebar-settings-options-item-header a {
border-color: var(--color-primary);
}
.cookiebar-settings-options-item.open .cookiebar-settings-options-item-body {
max-height: 500px;
transition: max-height 0.15s ease-in;
}
.cookiebar-settings input[type=checkbox]:not(old) {
display: none;
}
.cookiebar-settings input[type=checkbox]:not(old) + label, .cookiebar-settings input[type=checkbox]:not(old) + span {
display: inline-block;
position: relative;
cursor: pointer;
padding: 2px 0 0 30px;
height: 20px;
}
.cookiebar-settings input[type=checkbox]:not(old) + label:before, .cookiebar-settings input[type=checkbox]:not(old) + span:before {
content: "";
display: block;
width: 40px;
height: 20px;
background: #ddd;
position: absolute;
top: 0;
left: 0;
border-radius: 10px;
transition: 200ms;
}
.cookiebar-settings input[type=checkbox]:not(old) + label:after, .cookiebar-settings input[type=checkbox]:not(old) + span:after {
content: "";
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--color-primary);
position: absolute;
top: 2px;
left: 2px;
transition: 200ms;
}
.cookiebar-settings input[type=checkbox]:not(old):checked + label:before, .cookiebar-settings input[type=checkbox]:not(old):checked + span:before {
background: var(--color-primary-l);
}
.cookiebar-settings input[type=checkbox]:not(old):checked + label:after, .cookiebar-settings input[type=checkbox]:not(old):checked + span:after {
left: 22px;
}
body.cookie-popup-open {
overflow: hidden;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
color: var(--color-primary);
font-weight: 700;
}
.datepicker-panel > ul > li.highlighted,
.datepicker-panel > ul > li:hover {
background-color: var(--color-primary-s);
}
.datepicker-top-left,
.datepicker-top-right {
border-top-color: var(--color-primary);
}
.datepicker-top-left:before,
.datepicker-top-right:before {
border-bottom-color: var(--color-primary);
}
.datepicker-container {
font-size: 14px;
font-size: 0.875rem;
}
.datepicker-dropdown {
box-shadow: none;
}
div.wpcf7 {
position: relative;
}
div.wpcf7-form input[type=submit] {
display: table;
}
div.wpcf7-not-valid {
border: #aa0000 1px solid !important;
background: #fee;
}
div.wpcf7-not-valid-tip {
display: none !important;
}
div.wpcf7-response-output {
margin: 30px 0 !important;
padding: 20px !important;
text-align: center;
font-size: 15px;
font-size: 0.9375rem;
line-height: 22.5px;
line-height: 1.40625rem;
}
div.wpcf7-validation-errors {
color: #a00;
border: #a00 1px solid !important;
background: #fee;
}
div.wpcf7-mail-sent-ok {
color: #0a0;
border: #0a0 1px solid !important;
background: #efe;
}
div.wpcf7 .ajax-loader, div.wpcf7 .wpcf7-spinner {
background: none;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-clip: padding-box; }
div.wpcf7 .ajax-loader:before, div.wpcf7 .wpcf7-spinner:before {
content: "";
width: 20px;
height: 20px;
display: block;
border: 3px solid var(--color-primary);
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
border-left-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; -webkit-animation: rotation 1s infinite linear;
-moz-animation: rotation 1s infinite linear;
-ms-animation: rotation 1s infinite linear;
-o-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
}
html {
font-size: 100%;
}
html * {
box-sizing: border-box;
outline: none !important;
}
body {
color: var(--color-text);
background: var(--color-background);
line-height: 1.4em;
font-family: "Bricolage Grotesque", sans-serif;
margin: 0;
font-weight: 400;
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
}
@media only screen and (min-width: 992px) {
body {
font-size: 18px;
font-size: 1.125rem;
line-height: 27px;
line-height: 1.6875rem;
}
}
main {
min-height: 100vh;
overflow: hidden;
}
input, textarea, a, button {
font-family: inherit;
}
a {
color: var(--color-link);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
a:hover {
color: var(--color-link-h);
}
strong {
font-weight: 700;
}
em {
color: inherit;
}
p {
margin: 0 0 0.9375rem;
}
img {
max-width: 100%;
height: auto;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.small {
display: inline-block;
font-size: 0.8em;
}
h1 .small, h2 .small, h3 .small {
line-height: 0.8em;
}
.big {
display: inline-block;
font-size: 1.3em;
}
h1 .big, h2 .big, h3 .big {
line-height: 1.3em;
}
.thin {
font-weight: 400;
}
.perex {
font-weight: 300;
font-size: 25px;
font-size: 1.5625rem;
line-height: 32.5px;
line-height: 2.03125rem;
}
@media only screen and (min-width: 768px) {
.perex {
font-size: 30px;
font-size: 1.875rem;
line-height: 39px;
line-height: 2.4375rem;
}
}
@media only screen and (min-width: 1200px) {
.perex {
font-size: 35px;
font-size: 2.1875rem;
line-height: 45.5px;
line-height: 2.84375rem;
}
}
@media only screen and (min-width: 2000px) {
.perex {
font-size: 40px;
font-size: 2.5rem;
line-height: 52px;
line-height: 3.25rem;
}
}
.color {
color: var(--color-highlight);
}
.marker {
color: red;
display: block;
border-left: 5px solid red;
padding: 0 0 0 20px;
}
hr {
margin: 15px 0;
border-color: var(--color-text);
opacity: 0.3;
filter: alpha(opacity=30);
}
table {
width: 100%;
border-collapse: collapse;
margin: 0 0 30px;
}
table tr, table tr td, table tr th {
width: auto !important;
height: auto !important;
}
table tr td {
border: rgba(255, 255, 255, 0.1) 1px solid;
padding: 12px 30px;
}
table thead tr td,
table tr th {
background: rgba(255, 255, 255, 0.1);
}
table p {
margin: 0;
}
table img {
min-width: 28px;
}
table.noborder tr td {
border: none;
}
table.bt td:before {
text-align: left !important;
}
.table-wrapper {
overflow: auto;
margin: 0 0 30px;
}
.table-wrapper table {
margin: 0;
}
a.button-arrow,
a .button-arrow,
.button-arrow a {
white-space: nowrap;
}
a.button-arrow:after,
a .button-arrow:after,
.button-arrow a:after {
content: "\e907";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
display: inline-block;
vertical-align: middle;
margin: 0 0 2px 15px;
font-size: 1.6em;
}
.editor:after, .editor:before,
.wp-editor:after,
.wp-editor:before {
content: " ";
display: table;
clear: both;
}
.editor > *:last-child,
.wp-editor > *:last-child {
margin-bottom: 0;
}
.editor a,
.wp-editor a {
text-decoration: underline;
}
.editor a:hover, .editor a:focus,
.wp-editor a:hover,
.wp-editor a:focus {
text-decoration: none;
}
.editor * + h1,
.editor * + h2,
.editor * + h3,
.editor * + h4,
.wp-editor * + h1,
.wp-editor * + h2,
.wp-editor * + h3,
.wp-editor * + h4 {
margin-top: 40px;
}
.editor ul,
.wp-editor ul {
margin: 0 0 15px;
padding: 0 0 0 0;
}
.editor ul[style*=list-style-type] li,
.wp-editor ul[style*=list-style-type] li {
border: none;
padding: 0 0 10px 20px;
}
.editor ul[style*=list-style-type] li:before,
.wp-editor ul[style*=list-style-type] li:before {
content: "";
width: 8px;
height: 8px;
background: var(--color-li);
top: 9px;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.editor ul[style*=list-style-type][style*=circle] li:before, .editor ul[style*=list-style-type][style*=disc] li:before,
.wp-editor ul[style*=list-style-type][style*=circle] li:before,
.wp-editor ul[style*=list-style-type][style*=disc] li:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; }
.editor ul[style*=list-style-type][style*=circle] li:before,
.wp-editor ul[style*=list-style-type][style*=circle] li:before {
border: 2px solid var(--color-li);
background: none;
}
.editor ul[style*=center] li,
.wp-editor ul[style*=center] li {
padding-left: 0;
}
.editor ul[style*=center] li:before,
.wp-editor ul[style*=center] li:before {
position: static;
display: inline-block;
vertical-align: middle;
margin: 0 10px 2px 0;
}
.editor ol,
.wp-editor ol {
margin: 0 0 20px;
padding: 0 0 0 0;
list-style: none;
counter-reset: li-counter;
}
.editor ol li,
.wp-editor ol li {
counter-increment: li-counter;
padding: 0 0 5px 25px;
position: relative;
}
.editor ol li:before,
.wp-editor ol li:before {
content: counter(li-counter) ".";
color: var(--color-li);
font-weight: bold;
font-family: "Bricolage Grotesque", sans-serif;
position: absolute;
left: 0;
top: -1px;
}
.editor ol[style*=list-style-type],
.wp-editor ol[style*=list-style-type] {
padding: 0 0 0 22px;
}
.editor ol[style*=list-style-type] li,
.wp-editor ol[style*=list-style-type] li {
padding-left: 10px;
}
.editor ol[style*=list-style-type] li:before,
.wp-editor ol[style*=list-style-type] li:before {
display: none;
}
.editor iframe,
.wp-editor iframe {
width: 100%;
height: auto;
}
.bg-soft {
--color-text: var(--color-dark);
--color-li: var(--color-primary);
--color-title: var(--color-primary);
--color-link: var(--color-primary);
--color-link-h: var(--color-primary);
--color-link-c: var(--color-light);
color: var(--color-text);
}
.bg-dark {
--color-text: var(--color-light);
--color-title: var(--color-light);
--color-title-s: var(--color-light);
--color-li: var(--color-light);
--color-link: var(--color-primary-l);
color: var(--color-text);
}
.bg-color {
--color-text: var(--color-soft);
--color-title: var(--color-light);
--color-title-s: var(--color-light);
--color-li: var(--color-light);
--color-highlight: var(--color-light);
--color-link: var(--color-light);
--color-link-h: var(--color-soft);
--color-link-c: var(--color-primary);
color: var(--color-text);
}
form {
text-align: left;
padding: 20px;
background: rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 992px) {
form {
padding: 70px 40px;
}
}
label {
display: block;
margin: 0;
font-weight: 400;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
}
label strong {
display: none;
}
label + br, label br {
content: "";
display: none;
line-height: 0;
}
label > * {
font-weight: 400;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
input[type=password],
textarea,
.selectric {
display: block;
width: 100%;
padding: 10px 20px;
margin: 0 0 10px;
border: none;
color: var(--color-form-text);
background: var(--color-form-bg);
height: 45px;
line-height: 45px;
font-size: 14px;
font-size: 0.875rem;
line-height: 18.2px;
line-height: 1.1375rem;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.selectric::-webkit-input-placeholder { color: var(--color-form-placeholder);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder,
.selectric::-moz-placeholder { color: var(--color-form-placeholder);
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.selectric:-ms-input-placeholder { color: var(--color-form-placeholder);
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=password]:-moz-placeholder,
textarea:-moz-placeholder,
.selectric:-moz-placeholder { color: var(--color-form-placeholder);
}
input[type=submit],
form button {
margin: 10px 0 0;
}
.row.grid-gap input[type=text],
.row.grid-gap input[type=email],
.row.grid-gap input[type=tel],
.row.grid-gap input[type=date],
.row.grid-gap input[type=password],
.row.grid-gap textarea,
.row.grid-gap .selectric,
.row.grid-gap input[type=submit], form .row.grid-gap button {
margin: 0;
}
textarea {
padding: 20px;
height: 200px;
resize: none;
}
.selectric {
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.selectric .label {
margin-left: 20px;
}
.selectric .button {
background: none;
color: #3c3c44;
top: 50%;
margin: -19px 0 0;
}
.bg-soft input[type=text],
.bg-soft input[type=email],
.bg-soft input[type=password],
.bg-soft textarea,
.bg-soft .selectric {
background: #fff;
}
input[type=checkbox]:not(old),
input[type=radio]:not(old) {
display: none;
}
input[type=checkbox]:not(old) + label, input[type=checkbox]:not(old) + span,
input[type=radio]:not(old) + label,
input[type=radio]:not(old) + span {
display: inline-block;
position: relative;
cursor: pointer;
padding: 2px 0 0 30px;
height: 28px;
vertical-align: middle;
}
input[type=checkbox]:not(old) + label:before, input[type=checkbox]:not(old) + span:before,
input[type=radio]:not(old) + label:before,
input[type=radio]:not(old) + span:before {
content: "";
display: block;
width: 28px;
height: 28px;
background: var(--color-soft);
border: 1px solid var(--color-primary);
position: absolute;
top: 0;
left: 0;
}
input[type=checkbox]:not(old):checked + label:after, input[type=checkbox]:not(old):checked + span:after,
input[type=radio]:not(old):checked + label:after,
input[type=radio]:not(old):checked + span:after {
content: "\f00c";
text-align: center;
font-family: "icomoon" !important;
color: var(--color-primary);
position: absolute;
width: 28px;
top: 0;
left: 0;
font-size: 15px;
font-size: 0.9375rem;
line-height: 28px;
}
input[type=radio]:not(old) {
display: none;
}
input[type=radio]:not(old) + label:before, input[type=radio]:not(old) + span:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; }
input[type=radio]:not(old):checked + label:after, input[type=radio]:not(old):checked + span:after {
content: "";
width: 14px;
height: 14px;
margin: 7px 0 0 7px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; background: var(--color-primary);
}
.js input[type=file] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.js input[type=file] + label {
display: block;
width: 100%;
padding: 10px 35px;
margin: 0 0 10px;
border: none;
background: var(--color-light);
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
border-radius: 35px;
background-clip: padding-box; height: 70px;
line-height: 70px;
font-size: 18px;
font-size: 1.125rem;
position: relative;
}
.js input[type=file] + label * {
pointer-events: none;
}
.js input[type=file] + label:before {
font-family: "icomoon" !important;
display: inline-block;
vertical-align: middle;
font-size: 1.4em;
color: var(--color-primary);
margin: 0 10px 0 0;
}
.js input[type=file] + label:after {
content: attr(data-button);
position: absolute;
right: 0;
top: 0;
margin: 0;
height: 100%;
line-height: 70px;
padding: 0 30px;
white-space: nowrap;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
border-radius: 35px;
background-clip: padding-box; }
.js input[type=file]:focus + label:before, .js input[type=file] + label:hover:before, .js input[type=file] + label.active:before {
color: inherit;
}
.no-js input[type=file] + label {
display: none;
}
.form-register {
max-width: 500px;
margin: auto;
}
.form-wrapper .form-item.error input {
border: 1px solid #aa0000;
}
.form-wrapper .form-item-error {
display: block;
font-size: 0.8em;
margin: -10px 0 10px;
text-align: right;
color: #aa0000;
}
.form-wrapper .form-error {
display: block;
padding: 10px 15px;
margin: 0 0 20px;
text-align: center;
border: 1px solid #aa0000;
color: #aa0000;
background: rgba(170, 0, 0, 0.2);
}
.form-wrapper .form-links {
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin: 50px 0 0;
padding: 10px 0;
font-size: 0.9em;
}
.form-wrapper .form-links a {
display: table;
}
.input-number {
display: inline-block;
vertical-align: bottom;
height: 40px;
line-height: 40px;
margin: 0 0 0 40px;
}
.input-number input[type=text] {
display: block;
padding: 0;
font-weight: 700;
width: 40px !important;
height: 100%;
text-align: center;
float: left;
margin: 0 0 0 -40px !important;
font-size: 15px;
font-size: 0.9375rem;
}
.input-number-up, .input-number-down {
display: block;
width: 40px;
height: 19px;
line-height: 19px;
background: #666666;
color: #fff !important;
text-align: center;
cursor: pointer;
font-size: 0;
}
.input-number-up:hover, .input-number-up:focus, .input-number-down:hover, .input-number-down:focus {
color: white;
background: #444444;
text-decoration: none;
}
.input-number-up:before, .input-number-down:before {
content: "\f107";
font-size: 12px;
font-family: "icomoon" !important;
}
.input-number-up {
margin-bottom: 2px;
}
.input-number-up:before {
content: "\f106";
}
.d- {
display: initial;
}
.d-b {
display: block;
}
.d-i {
display: inline;
}
.d-t {
display: table;
}
.d-ib {
display: inline-block;
}
.v-v {
visibility: visible;
}
.v-h {
visibility: hidden;
}
.tt- {
text-transform: none;
}
.tt-uc {
text-transform: uppercase;
}
.tt-lc {
text-transform: lowercase;
}
.td- {
text-decoration: none;
}
.td-ul {
text-decoration: underline;
}
.td-ol {
text-decoration: overline;
}
.ta-c {
text-align: center;
}
.ta-l {
text-align: left;
}
.ta-r {
text-align: right;
}
.ta-j {
text-align: justify;
}
.fl- {
float: none;
}
.fl-l {
float: left;
}
.fl-r {
float: right;
}
.fl-c {
float: none;
clear: both;
}
.f- {
font-weight: 400;
font-style: normal;
}
.f-i {
font-weight: 400;
font-style: italic;
}
.f-b {
font-weight: 700;
font-style: normal;
}
.f-bi, .f-ib {
font-weight: 700;
font-style: italic;
}
.f-p {
font-family: "Bricolage Grotesque", sans-serif;
}
.f-s {
font-family: "Bricolage Grotesque", sans-serif;
}
.c- {
color: var(--color-text);
}
.c-p {
color: var(--color-highlight);
}
.c-s {
color: var(--color-secondary);
}
.f-11x {
font-size: 1.1em;
}
.f-12x {
font-size: 1.2em;
}
.f-14x {
font-size: 1.4em;
}
.f-16x {
font-size: 1.6em;
}
.f-18x {
font-size: 1.8em;
}
.f-20x {
font-size: 2em;
}
.f-24x {
font-size: 2.4em;
}
.f-30x {
font-size: 3em;
}
.pt- {
padding-top: 0;
}
.pt-s {
padding-top: 3.125rem;
}
.pt-m, .pt-l, .pt-xl {
padding-top: 6.25rem;
}
@media only screen and (min-width: 992px) {
.pt-l, .pt-xl {
padding-top: 9.375rem;
}
}
@media only screen and (min-width: 1200px) {
.pt-xl {
padding-top: 12.5rem;
}
}
.mt- {
margin-top: 0;
}
.mt-s {
margin-top: 3.125rem;
}
.mt-m, .mt-l, .mt-xl {
margin-top: 6.25rem;
}
@media only screen and (min-width: 992px) {
.mt-l, .mt-xl {
margin-top: 9.375rem;
}
}
@media only screen and (min-width: 1200px) {
.mt-xl {
margin-top: 12.5rem;
}
}
.pb- {
padding-bottom: 0;
}
.pb-s {
padding-bottom: 3.125rem;
}
.pb-m, .pb-l, .pb-xl {
padding-bottom: 6.25rem;
}
@media only screen and (min-width: 992px) {
.pb-l, .pb-xl {
padding-bottom: 9.375rem;
}
}
@media only screen and (min-width: 1200px) {
.pb-xl {
padding-bottom: 12.5rem;
}
}
.mb- {
margin-bottom: 0;
}
.mb-s {
margin-bottom: 3.125rem;
}
.mb-m, .mb-l, .mb-xl {
margin-bottom: 6.25rem;
}
@media only screen and (min-width: 992px) {
.mb-l, .mb-xl {
margin-bottom: 9.375rem;
}
}
@media only screen and (min-width: 1200px) {
.mb-xl {
margin-bottom: 12.5rem;
}
}
.va-c,
.va-t,
.va-b {
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.va-c > div,
.va-t > div,
.va-b > div {
width: 100%;
}
.va-c {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.va-t {
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.va-b {
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.p-r {
position: relative;
}
.p-a {
position: absolute;
}
.p-s {
position: static;
}
.p-f {
position: fixed;
}
.clearfix:after {
content: " ";
display: table;
clear: both;
}
.anchor {
display: block;
visibility: hidden;
width: 100%;
height: 3.75rem;
margin: -3.75rem 0 0;
clear: both;
}
.bg-none {
background: none;
}
.bg-none + .bg-none:not(.keep-gap) .block {
padding-top: 0;
}
.bg-soft {
background: var(--color-soft);
}
.bg-soft + .bg-soft:not(.keep-gap) .block {
padding-top: 0;
}
.bg-white {
background: var(--color-light);
}
.bg-white + .bg-white:not(.keep-gap) .block {
padding-top: 0;
}
.bg-dark {
background: var(--color-dark) !important;
}
.bg-dark + .bg-dark:not(.keep-gap) .block {
padding-top: 0;
}
.bg-color {
background: var(--color-primary);
}
.bg-color + .bg-color:not(.keep-gap) .block {
padding-top: 0;
}
.bg-image {
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.bg-image:before {
content: "";
background: rgba(0, 0, 0, 0.65);
}
.bg-image > div {
position: relative;
}
.bg-texture-light {
background-image: url(//www.penhouse.cz/wp-content/themes/penhouse/assets/img/texture-light.jpg);
}
.bg-texture-dark {
background-image: url(//www.penhouse.cz/wp-content/themes/penhouse/assets/img/texture-dark.jpg);
}
.bg-texture-color {
background: linear-gradient(135deg, #FFC700 0%, #26AC10 100%);
position: relative;
}
.bg-texture-color > div {
position: relative;
z-index: 2;
}
.bg-texture-color:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
background: url(//www.penhouse.cz/wp-content/themes/penhouse/assets/img/texture-shape.png) no-repeat 80% 100%;
opacity: 0.3;
filter: alpha(opacity=30);
}
@media only screen and (min-width: 992px) {
.bg-texture-color:after {
opacity: 1;
filter: alpha(opacity=100);
}
}
.block {
padding: 5rem 0;
}
.block-divide {
border-top: 1px solid #ddd;
}
.block-collapse {
padding: 0;
}
.block-small {
padding: 1.25rem 0;
}
.block-large {
padding: 3.125rem 0;
}
@media only screen and (min-width: 768px) {
.block {
padding: 5rem 0;
}
.block-collapse {
padding: 0;
}
.block-small {
padding: 2.5rem 0;
}
.block-large {
padding: 6.25rem 0;
}
}
.block-title h1, .block-title h2, .block-title h3 {
color: var(--color-title-s);
position: relative;
max-width: 800px;
margin-left: 50px;
font-size: 40px;
font-size: 2.5rem;
line-height: 48px;
line-height: 3rem;
margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
.block-title h1, .block-title h2, .block-title h3 {
font-size: 50px;
font-size: 3.125rem;
line-height: 60px;
line-height: 3.75rem;
}
}
@media only screen and (min-width: 1200px) {
.block-title h1, .block-title h2, .block-title h3 {
font-size: 60px;
font-size: 3.75rem;
line-height: 72px;
line-height: 4.5rem;
}
}
@media only screen and (min-width: 2000px) {
.block-title h1, .block-title h2, .block-title h3 {
font-size: 70px;
font-size: 4.375rem;
line-height: 84px;
line-height: 5.25rem;
}
}
@media only screen and (min-width: 768px) {
.block-title h1, .block-title h2, .block-title h3 {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) {
.block-title h1, .block-title h2, .block-title h3 {
margin-bottom: 120px;
}
}
@media only screen and (min-width: 2000px) {
.block-title h1, .block-title h2, .block-title h3 {
margin-bottom: 150px;
}
}
.block-title h1:before, .block-title h2:before, .block-title h3:before {
content: "\e904";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
position: absolute;
top: 0;
right: 100%;
margin: 0 0.3em 0 0;
font-size: 0.8em;
line-height: 1.4em;
}
@media only screen and (min-width: 1200px) {
.block-title h1, .block-title h2, .block-title h3 {
margin-left: 0;
}
}
.block-divider:before {
content: "";
display: block;
height: 1px;
background: radial-gradient(circle at 50% 0px, rgba(255, 255, 255, 0.1) 0%, transparent 80%) top left;
}
.block-collapse-top .block {
padding-top: 0;
}
.block-collapse-bottom .block {
padding-bottom: 0;
}
.block-collapse-next .block {
padding-bottom: 3.125rem;
}
.block-collapse-next + .fragment .block {
padding-top: 0;
}
.block .content-divider .fragment-inner {
position: relative;
}
.block .content-divider .fragment-inner:before {
content: "";
position: absolute;
width: 100%;
max-width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.1);
top: -2.5rem;
left: 50%;
transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) {
.block .content-divider .fragment-inner:before {
top: -5rem;
}
}
.block-large .content-divider .fragment-inner:before {
top: -3.125rem;
}
@media only screen and (min-width: 768px) {
.block-large .content-divider .fragment-inner:before {
top: -6.25rem;
}
}
.block-small .content-divider .fragment-inner:before {
top: -1.25rem;
}
@media only screen and (min-width: 768px) {
.block-small .content-divider .fragment-inner:before {
top: -2.5rem;
}
}
.block-collapse .content-divider .fragment-inner:before {
top: 0;
}
@media only screen and (min-width: 768px) {
.block-collapse .content-divider .fragment-inner:before {
top: 0;
}
}
@media only screen and (min-width: 768px) {
.strict-block-small .block {
padding: 2.5rem 0;
}
.strict-block-small .block-divide {
border-top: 1px solid #ddd;
}
.strict-block-small .block-collapse {
padding: 0;
}
.strict-block-small .block-small {
padding: 1.25rem 0;
}
.strict-block-small .block-large {
padding: 3.125rem 0;
}
}
.container {
width: 120rem;
max-width: 100% !important;
padding-left: 1.5625rem;
padding-right: 1.5625rem;
}
.container-large {
width: 139.375rem;
}
.container-thin {
width: 83.75rem;
}
.container-100 {
width: 100%;
}
.container-full {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: hidden;
}
.container .container:not(.container-strict):not(.container-child) {
width: auto;
padding: 0;
}
@media only screen and (min-width: 768px) {
.container {
padding-left: 3.125rem;
padding-right: 3.125rem;
}
}
@media only screen and (min-width: 1200px) {
.container {
padding-left: 6.25rem;
padding-right: 6.25rem;
}
}
.strict-container .container {
width: 120rem !important;
}
.strict-container-thin .container {
width: 83.75rem !important;
}
.strict-container-large .container {
width: 139.375rem !important;
}
.container .container-child {
width: 120rem !important;
}
.container-thin .container-child {
width: 83.75rem !important;
}
.container-large .container-child {
width: 139.375rem !important;
}
.overflow-container {
width: 100%;
overflow: hidden;
}
.flex-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.row .col-1-5 {
max-width: 20%;
}
@media only screen and (min-width: 576px) {
.row .col-sm-1-5 {
max-width: 20%;
}
}
@media only screen and (min-width: 768px) {
.row .col-md-1-5 {
max-width: 20%;
}
}
@media only screen and (min-width: 992px) {
.row .col-xl-1-5 {
max-width: 20%;
}
}
.row {
margin: 0 0 0 -1.875rem;
}
.row > *[class^=col] {
padding: 0 0 0 1.875rem;
}
.row.grid-gap {
margin-bottom: -1.875rem;
}
.row.grid-gap > *[class^=col] {
padding-bottom: 1.875rem;
}
.row.grid-line {
margin: 0 0 -1px -1px !important;
}
.row.grid-line > *[class^=col] {
padding: 0 0 1px 1px !important;
}
.row.grid-collapse {
margin: 0 !important;
}
.row.grid-collapse > *[class^=col] {
padding: 0 !important;
}
@media only screen and (min-width: 576px) {
.row {
margin: 0 0 0 -3.125rem;
}
.row > *[class^=col] {
padding: 0 0 0 3.125rem;
}
.row.grid-gap {
margin-bottom: -3.125rem;
}
.row.grid-gap > *[class^=col] {
padding-bottom: 3.125rem;
}
.row.grid-small {
margin-left: -1.875rem;
}
.row.grid-small > *[class^=col] {
padding-left: 1.875rem;
}
.row.grid-gap.grid-small {
margin-bottom: -1.875rem;
}
.row.grid-gap.grid-small > *[class^=col] {
padding-bottom: 1.875rem;
}
}
@media only screen and (min-width: 1200px) {
.row.grid-large {
margin-left: -6.25rem;
}
.row.grid-large > *[class^=col] {
padding-left: 6.25rem;
}
.row.grid-gap.grid-large {
margin-bottom: -6.25rem;
}
.row.grid-gap.grid-large > *[class^=col] {
padding-bottom: 6.25rem;
}
}
@media (min-width: 400px) {
.col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xs-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xs-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xs-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xs-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xs-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xs-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xs-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xs-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xs-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xs-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xs-first {
-ms-flex-order: -1;
order: -1;
}
.order-xs-last {
-ms-flex-order: 13;
order: 13;
}
.order-xs-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xs-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xs-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xs-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xs-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xs-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xs-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xs-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xs-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xs-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xs-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xs-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xs-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xs-0 {
margin-left: 0;
}
.offset-xs-1 {
margin-left: 8.333333%;
}
.offset-xs-2 {
margin-left: 16.666667%;
}
.offset-xs-3 {
margin-left: 25%;
}
.offset-xs-4 {
margin-left: 33.333333%;
}
.offset-xs-5 {
margin-left: 41.666667%;
}
.offset-xs-6 {
margin-left: 50%;
}
.offset-xs-7 {
margin-left: 58.333333%;
}
.offset-xs-8 {
margin-left: 66.666667%;
}
.offset-xs-9 {
margin-left: 75%;
}
.offset-xs-10 {
margin-left: 83.333333%;
}
.offset-xs-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 2000px) {
.col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xxl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xxl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xxl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xxl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xxl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xxl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xxl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xxl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xxl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xxl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xxl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xxl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xxl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xxl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xxl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xxl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xxl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xxl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xxl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xxl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xxl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.333333%;
}
.offset-xxl-2 {
margin-left: 16.666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.333333%;
}
.offset-xxl-5 {
margin-left: 41.666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.333333%;
}
.offset-xxl-8 {
margin-left: 66.666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.333333%;
}
.offset-xxl-11 {
margin-left: 91.666667%;
}
}
.grid-divider {
margin: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.1);
border-width: 0 0 0 2px;
}
.grid-divider > div {
border: 1px solid rgba(255, 255, 255, 0.1);
border-width: 2px 2px 2px 0;
margin: 0 0 -2px;
padding: 0 !important;
}
.grid-separator > *[class^=col] > div {
height: 100%;
position: relative;
}
.grid-separator > *[class^=col] > div:before, .grid-separator > *[class^=col] > div:after {
content: "";
display: block;
width: 0;
height: 100%;
border-left: 1px solid rgba(255, 255, 255, 0.1);
position: absolute;
top: 0;
}
.grid-separator > *[class^=col] > div:before {
left: -1.5625rem;
margin: 0 0 0 -1px;
}
.grid-separator > *[class^=col] > div:after {
right: -1.5625rem;
}
.grid-separator.grid-large > *[class^=col] > div:before {
left: -3.125rem;
}
.grid-separator.grid-large > *[class^=col] > div:after {
right: -3.125rem;
}
.grid-separator.grid-small > *[class^=col] > div:before {
left: -0.9375rem;
}
.grid-separator.grid-small > *[class^=col] > div:after {
right: -0.9375rem;
}
.row.grid-1 > div {
max-width: 100%;
flex-basis: 100%;
}
.row.grid-2 > div {
max-width: 50%;
flex-basis: 50%;
}
.row.grid-3 > div {
max-width: 33.33333%;
flex-basis: 33.33333%;
}
.row.grid-4 > div {
max-width: 25%;
flex-basis: 25%;
}
.row.grid-5 > div {
max-width: 20%;
flex-basis: 20%;
}
.row.grid-6 > div {
max-width: 16.666666%;
flex-basis: 16.666666%;
}
.row.grid-10 > div {
max-width: 10%;
flex-basis: 10%;
}
@media only screen and (min-width: 576px) {
.row.grid-sm-1 > div {
max-width: 100%;
flex-basis: 100%;
}
.row.grid-sm-2 > div {
max-width: 50%;
flex-basis: 50%;
}
.row.grid-sm-3 > div {
max-width: 33.33333%;
flex-basis: 33.33333%;
}
.row.grid-sm-4 > div {
max-width: 25%;
flex-basis: 25%;
}
.row.grid-sm-5 > div {
max-width: 20%;
flex-basis: 20%;
}
.row.grid-sm-6 > div {
max-width: 16.666666%;
flex-basis: 16.666666%;
}
.row.grid-sm-10 > div {
max-width: 10%;
flex-basis: 10%;
}
}
@media only screen and (min-width: 768px) {
.row.grid-md-1 > div {
max-width: 100%;
flex-basis: 100%;
}
.row.grid-md-2 > div {
max-width: 50%;
flex-basis: 50%;
}
.row.grid-md-3 > div {
max-width: 33.33333%;
flex-basis: 33.33333%;
}
.row.grid-md-4 > div {
max-width: 25%;
flex-basis: 25%;
}
.row.grid-md-5 > div {
max-width: 20%;
flex-basis: 20%;
}
.row.grid-md-6 > div {
max-width: 16.666666%;
flex-basis: 16.666666%;
}
.row.grid-md-10 > div {
max-width: 10%;
flex-basis: 10%;
}
}
@media only screen and (min-width: 992px) {
.row.grid-lg-1 > div {
max-width: 100%;
flex-basis: 100%;
}
.row.grid-lg-2 > div {
max-width: 50%;
flex-basis: 50%;
}
.row.grid-lg-3 > div {
max-width: 33.33333%;
flex-basis: 33.33333%;
}
.row.grid-lg-4 > div {
max-width: 25%;
flex-basis: 25%;
}
.row.grid-lg-5 > div {
max-width: 20%;
flex-basis: 20%;
}
.row.grid-lg-6 > div {
max-width: 16.666666%;
flex-basis: 16.666666%;
}
.row.grid-lg-10 > div {
max-width: 10%;
flex-basis: 10%;
}
}
@media only screen and (min-width: 1200px) {
.row.grid-xl-1 > div {
max-width: 100%;
flex-basis: 100%;
}
.row.grid-xl-2 > div {
max-width: 50%;
flex-basis: 50%;
}
.row.grid-xl-3 > div {
max-width: 33.33333%;
flex-basis: 33.33333%;
}
.row.grid-xl-4 > div {
max-width: 25%;
flex-basis: 25%;
}
.row.grid-xl-5 > div {
max-width: 20%;
flex-basis: 20%;
}
.row.grid-xl-6 > div {
max-width: 16.666666%;
flex-basis: 16.666666%;
}
.row.grid-xl-10 > div {
max-width: 10%;
flex-basis: 10%;
}
}
.columns {
column-count: 1;
column-gap: 3.125rem;
column-width: 300px;
}
.columns-2 {
column-count: 2;
}
.columns-3 {
column-count: 3;
}
.columns-4 {
column-count: 4;
column-width: 250px;
}
.columns-5 {
column-count: 5;
column-width: 200px;
}
.columns-6 {
column-count: 6;
column-width: 200px;
}
.columns-small {
column-gap: 1.875rem;
}
.columns-large {
column-gap: 6.25rem;
}
.columns-divider {
column-gap: 6.25rem;
column-rule: 1px solid rgba(255, 255, 255, 0.1);
}
.columns-divider.columns-small {
column-gap: 3.75rem;
}
.columns-divider.columns-large {
column-gap: 12.5rem;
}
.breadcrumb {
margin: 0;
padding: 0;
background: none;
margin: 0 0 -40px;
color: #3c3c44;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-size: 14px;
font-size: 0.875rem;
line-height: 14px;
line-height: 0.875rem;
}
.breadcrumb-inner {
padding: 10px 0 5px;
}
.breadcrumb a {
color: inherit;
}
.breadcrumb a + span {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 10px;
}
.breadcrumb a + span:before {
content: "\f105";
font-family: "icomoon" !important;
display: inline-block;
margin: 0 10px 5px 0;
}
.breadcrumb span.home:before {
content: "\f015";
font-family: "icomoon" !important;
font-size: 1.3em;
}
.panel {
background: none;
color: inherit;
padding: 3.125rem;
}
@media only screen and (min-width: 768px) {
.panel {
padding: 6.25rem;
}
}
.btn-prev,
.btn-next {
display: inline-block;
margin: 0 1px 0 0;
width: 55px;
height: 55px;
line-height: 55px;
overflow: hidden;
background: var(--color-primary);
color: #fff;
text-align: center;
font-size: 36px;
font-size: 2.25rem;
}
.btn-prev:before,
.btn-next:before {
content: "";
display: block;
width: 100%;
height: 100%;
}
.btn-prev:hover,
.btn-next:hover {
background: var(--color-primary-h);
color: #fff;
}
.btn-prev:before {
content: "<";
}
.btn-next:before {
content: ">";
}
.iframe-wrapper[data-iframe-src*="."] {
display: block;
position: relative;
width: 100%;
}
.iframe-wrapper[data-iframe-src*="."]:before {
content: "";
display: block;
padding-top: 60%;
}
.iframe-wrapper[data-iframe-src*="."] iframe {
width: 100%;
height: 100%;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.loader {
position: relative;
}
.loader.loading {
padding: 1px;
}
.loader.loading:before {
content: "";
display: block;
margin: 30px auto;
width: 70px;
height: 70px;
border: 10px solid var(--color-primary);
border-color: transparent var(--color-primary);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; -webkit-animation: rotation 1s infinite linear;
-moz-animation: rotation 1s infinite linear;
-ms-animation: rotation 1s infinite linear;
-o-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
}
a.loading:before, button.loading:before {
content: "";
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
border: 2px solid #bbb;
margin: 0 10px 0 0;
border-left-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; -webkit-animation: rotation 1s infinite linear;
-moz-animation: rotation 1s infinite linear;
-ms-animation: rotation 1s infinite linear;
-o-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
}
a.disabled, button.disabled {
opacity: 0.7;
filter: alpha(opacity=70);
pointer-events: none;
}
.load-more-container {
text-align: center;
margin: 30px 0 0;
}
.social li {
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
padding: 0 !important;
}
.social li:before {
display: none !important;
}
.social li a {
display: block;
width: 30px;
height: 30px;
overflow: hidden;
text-align: center;
background: var(--color-soc-bg);
color: var(--color-soc-text);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; font-size: 15px;
font-size: 0.9375rem;
line-height: 30px;
line-height: 1.875rem;
}
.social li a:before {
content: "";
display: block;
width: 100%;
margin: 0 0 50px;
font-family: "icomoon" !important;
}
.social li a:hover {
text-decoration: none;
}
.social li.social_fb a:before {
content: "\f09a";
}
.social li.social_yt a:before {
content: "\f16a";
}
.social li.social_ig a:before {
content: "\f16d";
}
.social li.social_in a:before {
content: "\f0e1";
}
.social li.social_tw a:before {
content: "\f099";
}
.social li.social_phone a:before {
content: "\f095";
}
.social li.social_email a:before {
content: "\f003";
}
.social li.social_web a {
width: 32px;
height: 32px;
font-size: 32px;
font-size: 2rem;
line-height: 32px;
line-height: 2rem;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-clip: padding-box; background: none;
color: #3c3c44;
}
.social li.social_web a:before {
content: "\e908";
}
*[class*=respo-image] {
display: block;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: cover;
}
*[class*=respo-image]:after {
content: "";
display: block;
padding-top: 100%;
}
*[class*=respo-image] img {
display: none !important;
}
*[class*=respo-shape] {
position: relative;
}
*[class*=respo-shape]:after {
content: "";
display: block;
padding-top: 100%;
}
.respo-image-140:after, .respo-shape-140:after {
padding-top: 140%;
}
.respo-image-100:after, .respo-shape-100:after {
padding-top: 100%;
}
.respo-image-90:after, .respo-shape-90:after {
padding-top: 90%;
}
.respo-image-80:after, .respo-shape-80:after {
padding-top: 80%;
}
.respo-image-70:after, .respo-shape-70:after {
padding-top: 70%;
}
.respo-image-60:after, .respo-shape-60:after {
padding-top: 60%;
}
.respo-image-50:after, .respo-shape-50:after {
padding-top: 50%;
}
.respo-image-40:after, .respo-shape-40:after {
padding-top: 40%;
}
.respo-image-30:after, .respo-shape-30:after {
padding-top: 30%;
}
.respo-image-20:after, .respo-shape-20:after {
padding-top: 20%;
}
.respo-image-1-1:after, .respo-shape-1-1:after, .respo-shape-square:after {
padding-top: 100%;
}
.respo-image-4-3:after, .respo-shape-4-3:after {
padding-top: 75%;
}
.respo-image-16-9:after, .respo-shape-16-9:after {
padding-top: 56.25%;
}
.active-image {
position: relative;
}
.active-image-play {
display: block;
position: absolute;
font-size: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.16);
}
.active-image-play:after {
content: "";
display: block;
width: 0;
height: 0;
border: 1px solid transparent;
border-left-color: #fff;
border-width: 48px 0 48px 83px;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
transform: translate(-50%, -50%);
font-size: 50px;
font-size: 3.125rem;
line-height: 50px;
line-height: 3.125rem;
}
.active-image iframe, .active-image .iframe-wrapper {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gallery-item {
position: relative;
display: block;
}
.gallery-item img {
width: 100%;
}
.gallery-item-label {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
padding: 30px 10px 10px;
background: linear-gradient(0deg, #000, transparent);
color: white;
font-size: 12px;
font-size: 0.75rem;
line-height: 18px;
line-height: 1.125rem;
}
.gallery-item-label strong,
.gallery-item-label span {
font-weight: 400;
display: inline-block;
vertical-align: middle;
}
.gallery-item-label strong {
width: 100px;
text-align: center;
display: none;
}
@media only screen and (min-width: 768px) {
.gallery {
margin: 0 0 30px;
}
}
.block-collapse .container-full .gallery .row {
margin: 0 !important;
}
.block-collapse .container-full .gallery .row > *[class^=col] {
padding: 0 !important;
}
.divider {
display: block;
width: 100%;
border: none;
padding-top: 30px;
padding-bottom: 30px;
}
.divider:before {
content: "";
display: block;
width: 100%;
height: 1px;
background: #ddd;
}
.logo_list img {
display: inline-block;
margin: 0 25px 15px;
vertical-align: middle;
max-width: 130px;
max-height: 80px;
width: auto !important;
filter: grayscale(100%);
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
}
.logo_list img:hover {
filter: grayscale(0%);
opacity: 1;
filter: alpha(opacity=100);
}
@media only screen and (min-width: 992px) {
.logo_list img {
margin: 0 35px 25px;
max-width: 220px;
max-height: 120px;
}
}
.tile-item {
display: block;
height: 100%;
position: relative;
}
.tile-item-image {
position: relative;
}
.tile-item-image-overlay {
display: block;
position: absolute;
padding: 40px 20px 20px;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(transparent, #000);
color: #fff;
text-align: center;
font-weight: 700;
}
.tile-item-image:after {
padding-top: 70%;
}
.tile-item-image + .tile-item-inner .tile-item-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 30%;
line-height: 0;
color: #fff;
}
.tile-item-icon {
text-align: center;
font-size: 80px;
font-size: 5rem;
line-height: 120px;
line-height: 7.5rem;
}
.tile-item-inner {
display: block;
padding: 0;
}
.tile-item-header {
padding: 15px 15px 15px;
}
.tile-item-body {
border-top: 1px solid var(--color-soft);
padding: 15px 15px 15px;
}
.tile-item-title {
display: block;
margin: 0 0 20px;
color: inherit;
font-size: 28px;
font-size: 1.75rem;
line-height: 33.6px;
line-height: 2.1rem;
}
@media only screen and (min-width: 768px) {
.tile-item-title {
font-size: 32px;
font-size: 2rem;
line-height: 38.4px;
line-height: 2.4rem;
}
}
@media only screen and (min-width: 1200px) {
.tile-item-title {
font-size: 36px;
font-size: 2.25rem;
line-height: 43.2px;
line-height: 2.7rem;
}
}
@media only screen and (min-width: 2000px) {
.tile-item-title {
font-size: 40px;
font-size: 2.5rem;
line-height: 48px;
line-height: 3rem;
}
}
.tile-item-perex {
display: block;
color: inherit;
margin: 0 0 15px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.tile-item-perex span + span {
color: var(--color-secondary);
white-space: nowrap;
}
.tile-item-perex span + span:before {
content: "/";
display: inline-block;
margin: 0 5px;
}
.tile-item-content {
display: block;
font-weight: 300;
opacity: 0.7;
filter: alpha(opacity=70);
}
.tile-item-list {
font-size: 12px;
font-size: 0.75rem;
line-height: 22px;
line-height: 1.375rem;
font-weight: 700;
}
.tile-item-list ul li {
text-transform: uppercase;
padding: 0;
}
.tile-item-list ul li a {
color: var(--color-secondary);
}
.tile-item-date {
display: block;
color: var(--color-primary);
margin: 0 0 6px;
font-weight: 400;
font-size: 14px;
font-size: 0.875rem;
line-height: 14px;
line-height: 0.875rem;
}
.tile-item-flag {
display: inline-block;
white-space: nowrap;
padding: 4px 8px;
font-size: 12px;
font-size: 0.75rem;
line-height: 12px;
line-height: 0.75rem;
}
.tile-item-cta a {
margin: 0;
}
@media only screen and (min-width: 768px) {
.tile-item-inner {
padding: 0;
}
.tile-item-header {
padding: 15px 35px 15px;
}
.tile-item-body {
padding: 15px 35px 15px;
}
}
a.tile-item .tile-item-image,
.tile-item a.tile-item-image {
display: block;
position: relative;
overflow: hidden;
}
a.tile-item .tile-item-image > span,
.tile-item a.tile-item-image > span {
position: absolute;
top: -6%;
left: -6%;
width: 112%;
height: 112%;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: cover;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
-ms-transform: scale(0.9, 0.9); webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9);
background-position: center center;
}
.tile-item a.tile-item-image:hover span,
a.tile-item:hover .tile-item-image span {
-ms-transform: scale(1.02, 1.02); webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02);
}
.tile-list .tile-item {
margin: 0 0 15px;
}
@media only screen and (min-width: 576px) {
.tile-list .tile-item {
padding: 20px;
height: auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.tile-list .tile-item-image {
width: 20%;
min-width: 100px;
max-width: 150px;
margin: 0 15px 0 0;
}
.tile-list .tile-item-image:after {
padding-top: 100%;
}
.tile-list .tile-item-inner {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.tile-list .tile-item-title {
display: block;
margin: 0 0 15px;
}
.tile-list .tile-item-perex {
margin: 0 0 30px;
}
}
.contact ul:not(.social) {
margin: 40px 0 0;
list-style-type: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
}
.contact ul:not(.social) li {
width: 100%;
border: 5px solid #ddd;
border-width: 0 0 0 5px;
padding: 20px 20px;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.contact ul:not(.social) li:first-child {
border-color: var(--color-primary);
}
.contact ul:not(.social) li:before {
display: none;
}
.contact ul:not(.social) li .small {
display: inline-block;
margin: 0 0 5px;
}
.contact ul.social {
text-align: center;
margin: 40px 0 20px;
}
.contact ul.social li a {
width: 40px;
height: 40px;
background: none;
color: var(--color-primary);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-clip: padding-box; font-size: 40px;
font-size: 2.5rem;
line-height: 40px;
line-height: 2.5rem;
}
.contact ul.social li a:hover, .contact ul.social li a:focus {
color: var(--color-primary-h);
}
@media only screen and (min-width: 400px) {
.contact ul:not(.social) li {
width: 50%;
border-width: 5px 0 0 0;
}
}
@media only screen and (min-width: 768px) {
.contact ul:not(.social) li {
width: 25%;
}
}
@media only screen and (min-width: 992px) {
.contact ul:not(.social) li {
padding: 20px 70px;
}
}
.filter {
margin: 30px 0;
}
.filter label {
display: none;
}
.filter input[type=submit] {
display: inline-block !important;
}
.search-list {
margin: 0 0 50px;
}
.search-item {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.search-item a {
display: block;
padding: 30px 0;
color: #3c3c44;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
}
.search-item a strong {
color: var(--color-text);
display: block;
}
.email_link,
.phone_link,
.address_label,
.name_label {
display: block;
margin: 0 0 0.9375rem;
position: relative;
}
.email_link:before,
.phone_link:before,
.address_label:before,
.name_label:before {
content: "\f003";
color: var(--color-primary);
font-weight: 400;
font-family: "icomoon" !important;
display: inline-block;
margin: 0 15px 0 0;
vertical-align: middle;
font-size: 1em;
width: 15px;
text-align: center;
display: none;
}
.phone_link:before {
content: "\f095";
}
.name_label:before {
content: "\f007";
}
.address_label {
padding: 0 0 0 30px;
}
.address_label:before {
content: "\f042";
position: absolute;
top: 0;
left: 0;
}
p .email_link,
p .phone_link,
p .name_label,
p .address_label {
display: inline-block;
margin: 0;
}
.is-xs {
display: none;
}
@media only screen and (min-width: 400px) {
.is-xs {
display: block;
}
}
.is-sm {
display: none;
}
@media only screen and (min-width: 576px) {
.is-sm {
display: block;
}
}
.is-md {
display: none;
}
@media only screen and (min-width: 768px) {
.is-md {
display: block;
}
}
.is-lg {
display: none;
}
@media only screen and (min-width: 992px) {
.is-lg {
display: block;
}
}
.is-xl {
display: none;
}
@media only screen and (min-width: 1200px) {
.is-xl {
display: block;
}
}
.is-xxl {
display: none;
}
@media only screen and (min-width: 1600px) {
.is-xxl {
display: block;
}
}
.visibility-mobile-hide {
display: none;
}
@media only screen and (min-width: 768px) {
.visibility-mobile-hide {
display: block;
}
}
@media only screen and (min-width: 992px) {
.visibility-desktop-hide {
display: none;
}
}
@media only screen and (min-width: 768px) {
.visibility-mobile-visible {
display: none;
}
}
.visibility-desktop-visible {
display: none;
}
@media only screen and (min-width: 992px) {
.visibility-desktop-visible {
display: block;
}
} table.bt thead,
table.bt tbody th {
display: none;
}
table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
border: none;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
vertical-align: top;
padding: 5px; float: left\9 ;
width: 100% \9 ;
}
table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
content: attr(data-th) "";
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
font-weight: bold;
width: 50%;
max-width: 200px;
}
table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
display: none;
}
table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
vertical-align: top;
}
.bt-wrapper.active {
max-height: 310px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
display: none;
}
*[data-simple-tooltip] {
position: relative;
}
*[data-simple-tooltip]:before {
width: 300px;
content: attr(data-simple-tooltip);
display: block;
padding: 10px 15px;
background: var(--color-primary-l);
color: var(--color-primary);
position: absolute;
left: 50%;
bottom: 100%;
margin: 0 0 20px;
transform: translateX(-50%);
font-weight: 400;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
pointer-events: none;
}
*[data-simple-tooltip]:hover:before {
margin: 0 0 10px;
opacity: 1;
filter: alpha(opacity=100);
}
.cookie-bar {
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
width: 100%;
background: var(--color-primary);
color: #fff;
padding: 15px;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
}
.cookie-bar > div a {
color: inherit;
text-decoration: underline;
}
.cookie-bar > div p {
margin: 0;
}
.cookie-bar button {
display: table;
margin: 15px auto 0;
background: #fff;
color: var(--color-primary);
padding: 10px 20px;
border: none;
text-transform: uppercase;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.cookie-bar {
text-align: right;
}
.cookie-bar > div {
text-align: left;
display: inline-block;
vertical-align: middle;
width: 80%;
}
.cookie-bar button {
display: inline-block;
margin: 0 0 0 30px;
}
}
img:not([src]),
img[src=""],
span.lazyload:not([style]), span.lazyload[style=""],
div.lazyload:not([style]), div.lazyload[style=""],
a.lazyload:not([style]), a.lazyload[style=""] {
visibility: hidden;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
opacity: 0;
filter: alpha(opacity=0);
}
img,
span.lazyload,
div.lazyload,
a.lazyload {
opacity: 1;
filter: alpha(opacity=100);
}
.lazyload {
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
}
.lazy-fade {
opacity: 0;
filter: alpha(opacity=0);
}
.lazy-fade.loaded {
opacity: 1;
filter: alpha(opacity=100);
}
body.no-js img[src=""], body.no-js img:not([src]) {
display: none;
}
body.no-js span.lazyload:not([style]), body.no-js span.lazyload[style=""],
body.no-js div.lazyload:not([style]), body.no-js div.lazyload[style=""],
body.no-js a.lazyload:not([style]), body.no-js a.lazyload[style=""] {
visibility: visible;
-webkit-transition: 0ms;
-moz-transition: 0ms;
-ms-transition: 0ms;
-o-transition: 0ms;
transition: 0ms;
opacity: 1;
filter: alpha(opacity=100);
}
body.no-js *[class*=respo-image] {
position: relative;
}
body.no-js *[class*=respo-image] img {
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@-webkit-keyframes pulse {
0% {
-ms-transform: scale(1, 1); webkit-transform: scale(1, 1); transform: scale(1, 1);
}
100% {
-ms-transform: scale(1.1, 1.1); webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
}
}
@-moz-keyframes pulse {
0% {
-ms-transform: scale(1, 1); webkit-transform: scale(1, 1); transform: scale(1, 1);
}
100% {
-ms-transform: scale(1.1, 1.1); webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
}
}
@-ms-keyframes pulse {
0% {
-ms-transform: scale(1, 1); webkit-transform: scale(1, 1); transform: scale(1, 1);
}
100% {
-ms-transform: scale(1.1, 1.1); webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
}
}
@-o-keyframes pulse {
0% {
-ms-transform: scale(1, 1); webkit-transform: scale(1, 1); transform: scale(1, 1);
}
100% {
-ms-transform: scale(1.1, 1.1); webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
}
}
@keyframes pulse {
0% {
-ms-transform: scale(1, 1); webkit-transform: scale(1, 1); transform: scale(1, 1);
}
100% {
-ms-transform: scale(1.1, 1.1); webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
}
}
@-webkit-keyframes rotation {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes rotation {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes rotation {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes rotation {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fragment.carousel .block, .fragment.carousel .container {
padding: 0;
width: 100%;
}
.fragment.carousel .gallery {
margin: 0;
}
.fragment.carousel .slick-wrapper {
padding: 0;
}
.fragment.carousel .slick-list {
margin: 0;
}
.fragment.carousel + .fragment {
padding-top: 50px;
}
.fragment.collapse {
display: block;
}
.fragment.collapse .toggle {
padding: 20px 20px;
border-bottom: 2px solid var(--color-primary);
}
.fragment.collapse .toggle-target {
display: none;
}
.fragment.collapse .toggle-btn span:nth-of-type(2) {
display: none;
}
.fragment.collapse .toggle.open .toggle-target {
display: block;
}
.fragment.collapse .toggle.open .toggle-btn span {
display: none;
}
.fragment.collapse .toggle.open .toggle-btn span:nth-of-type(2) {
display: block;
}
.fragment.downloads .download-item a {
color: inherit;
}
.fragment.downloads .download-item a:before {
color: var(--color-primary);
content: "\f019";
font-family: "icomoon" !important;
display: inline-block;
margin: 0 15px 0 0;
}
.fragment.downloads .download-item-size {
color: #3c3c44;
font-size: 0.8em;
}
.fragment.downloads .download-item-cta:after {
color: var(--color-primary);
content: "\f019";
font-family: "icomoon" !important;
display: inline-block;
margin: 0 0 0 15px;
}
.fragment.downloads .download-list {
text-align: center;
}
.fragment.downloads .download-list ul li {
padding: 0 0 15px 0;
}
.fragment.downloads .download-list .download-item a:before {
font-size: 1.4em;
}
.fragment.downloads .download-table {
max-width: 800px;
margin: auto;
}
.fragment.downloads .download-table tr td {
border-width: 1px 0;
padding: 10px 15px;
}
.fragment.downloads .download-table tr td:nth-last-child(-n+1), .fragment.downloads .download-table tr td:nth-last-child(-n+2) {
text-align: right;
width: 1% !important;
white-space: nowrap;
}
.fragment.downloads .download-table tr:hover td {
background: rgba(245, 245, 245, 0.15);
}
.fragment.downloads .download-table tr:nth-of-type(even):hover td {
background: rgba(245, 245, 245, 0.45) !important;
}
.fragment.downloads .download-list-format .download-item[class*=image] a:before {
content: "\f03e";
}
.fragment.downloads .download-list-format .download-item[class*=application] a:before {
content: "\f15b";
}
.fragment.downloads .download-list-format .download-item a[href$=pdf]:before {
content: "\f1c1";
}
.fragment.downloads .download-list-format .download-item a[href$=zip]:before,
.fragment.downloads .download-list-format .download-item a[href$=rar]:before {
content: "\f1c6";
}
.fragment.downloads .download-list-format .download-item a[href$=csv]:before,
.fragment.downloads .download-list-format .download-item a[href$=xls]:before,
.fragment.downloads .download-list-format .download-item a[href$=xlsx]:before {
content: "\f1c3";
}
.fragment.downloads .download-list-format .download-item a[href$=txt]:before,
.fragment.downloads .download-list-format .download-item a[href$=doc]:before,
.fragment.downloads .download-list-format .download-item a[href$=odt]:before,
.fragment.downloads .download-list-format .download-item a[href$=docx]:before {
content: "\f15c";
}
.fragment.downloads .download-list-format .download-item a[href$=json]:before,
.fragment.downloads .download-list-format .download-item a[href$=xhtml]:before,
.fragment.downloads .download-list-format .download-item a[href$=js]:before,
.fragment.downloads .download-list-format .download-item a[href$=css]:before,
.fragment.downloads .download-list-format .download-item a[href$=html]:before {
content: "\f1c9";
}
.fragment.downloads .download-list-format .download-item a[href$=mov]:before,
.fragment.downloads .download-list-format .download-item a[href$=mp4]:before,
.fragment.downloads .download-list-format .download-item a[href$=avi]:before,
.fragment.downloads .download-list-format .download-item a[href$=mpeg]:before,
.fragment.downloads .download-list-format .download-item a[href$=mkv]:before {
content: "\f1c8";
}
.fragment.downloads .download-list-format .download-item a[href$=mp3]:before,
.fragment.downloads .download-list-format .download-item a[href$=wav]:before {
content: "\f1c7";
}
.fragment.floating_bar {
position: static !important;
}
.fragment.floating_bar .block, .fragment.floating_bar .container, .fragment.floating_bar .fragment-content {
position: static !important;
padding: 0;
width: 100%;
transform: none !important;
}
.fragment.floating_bar .floatingbar {
position: fixed;
}
.fragment.floating_bar .floatingbar a {
margin: 0;
}
.fragment.gallery {
padding: 0;
margin: 0;
}
.fragment.gallery .gallery-carousel .gallery-item {
padding: 0 10px;
margin: 0;
}
.fragment.gallery .gallery-carousel .gallery-item-label {
position: static;
background: none;
color: var(--color-text);
}
.fragment.gallery .gallery-logo .gallery-item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fragment.gallery .gallery-logo .gallery-item > div {
width: 16.6666%;
}
.fragment.gallery .container-full .gallery-carousel {
margin: 0;
}
.fragment.gallery .container-full .gallery-carousel .gallery-item {
padding: 0;
}
.fragment.image_block {
background: #f5f5f5;
position: relative;
padding-top: 130px;
margin-top: 100px;
}
.fragment.image_block .fragment-topimage img {
display: block;
width: 200px;
height: 200px;
position: absolute;
top: 0;
left: 50%;
margin: -100px 0 0 -100px;
border: 5px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; }
.fragment.introduce .content {
padding: 15px;
background: var(--color-soft);
position: relative;
}
.fragment.introduce .content:after {
content: "";
display: block;
width: 0;
height: 0;
border: 1px solid transparent;
border-left-color: var(--color-soft);
border-width: 20px 0 20px 20px;
border-width: 0 0 30px 30px;
position: absolute;
top: 100%;
left: 50%;
}
@media only screen and (min-width: 576px) {
.fragment.introduce .content {
padding: 30px 40px;
}
.fragment.introduce .content:after {
left: 100%;
top: 25%;
}
.fragment.introduce .flex-row-reverse .content:after {
left: auto;
right: 100%;
display: block;
width: 0;
height: 0;
border: 1px solid transparent;
border-right-color: var(--color-soft);
border-width: 20px 20px 20px 0;
border-width: 0px 30px 30px 0px;
}
}
.fragment.map .map-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fragment.map .map-container .map-content {
width: 100%;
padding: 15px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.fragment.map .map-container .map-content.outside-below {
order: 2;
}
.fragment.map .map-container .map-wrapper {
width: 100%;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media only screen and (min-width: 768px) {
.fragment.map .map-container {
position: relative;
}
.fragment.map .map-container .map-content.outside-right, .fragment.map .map-container .map-content.outside-left {
width: 25%;
}
.fragment.map .map-container .map-content.outside-right + .map-wrapper, .fragment.map .map-container .map-content.outside-left + .map-wrapper {
width: 75%;
}
.fragment.map .map-container .map-content.outside-right {
order: 2;
}
.fragment.map .map-container .map-content.inside-right, .fragment.map .map-container .map-content.inside-left {
width: 20%;
margin: 5%;
position: relative;
z-index: 2;
background: #fff;
}
.fragment.map .map-container .map-content.inside-right + .map-wrapper, .fragment.map .map-container .map-content.inside-left + .map-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fragment.map .map-container .map-content.inside-right {
position: relative;
left: 70%;
}
.fragment.map.bg-color .map-content[class*=inside] {
background: var(--color-primary-l);
}
}
@media only screen and (min-width: 1200px) {
.fragment.map .map-container .map-content.outside-right, .fragment.map .map-container .map-content.outside-left {
padding: 45px 55px;
}
}
.fragment.modal .block, .fragment.modal .container {
padding: 0;
width: 100%;
}
.fragment.modal table tr td {
vertical-align: top;
}
.fragment.module {
padding: 0;
}
.fragment.parallax *[data-aos] {
opacity: 1 !important;
transform: none !important;
}
.fragment.parallax .parallax-container {
position: relative;
min-height: 60vh;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.fragment.parallax .parallax-inner {
width: 100%;
}
.fragment.parallax .parallax-content {
padding: 40px 0;
position: relative;
z-index: 2;
text-align: center;
}
.fragment.parallax .parallax-image {
width: auto;
max-width: none;
min-width: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 1;
pointer-events: none;
-webkit-transition: 0ms;
-moz-transition: 0ms;
-ms-transition: 0ms;
-o-transition: 0ms;
transition: 0ms;
}
.fragment.popup {
padding: 0;
}
.fragment.popup .block, .fragment.popup .container {
padding: 0;
width: 100%;
position: static !important;
}
.fragment.popup .fragment-content {
top: 0;
position: static !important;
transform: none !important;
}
.fragment.popup table tr td {
vertical-align: top;
}
.fragment.popup .floating-button {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 200;
}
.with-cookiebar .floating-button {
bottom: 70px !important;
}
.fragment.text_image .fragment-inner {
position: relative;
}
.fragment.text_image .content {
padding: 15px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 100%;
}
.fragment.text_image .image-wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
height: 100%;
overflow: hidden;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
background-clip: padding-box; }
.fragment.text_image .image-wrapper .image {
display: block;
width: 100%;
}
.fragment.text_image .image-wrapper.stretch .image {
height: 100%;
}
@media only screen and (min-width: 576px) {
.fragment.text_image .content {
padding: 30px;
}
}
@media only screen and (min-width: 768px) {
.fragment.text_image .content {
padding: 50px 40px 50px 0;
}
.fragment.text_image .flex-row-reverse .content {
padding: 50px 0 50px 40px;
}
}
@media only screen and (max-width: 767px) {
.fragment.text_image .image-wrapper.stretch {
margin: 0 -1.5625rem !important;
}
}
.tile-grid.person-list .tile-item {
text-align: center;
background: none;
color: var(--color-text);
}
.tile-grid.person-list .tile-item-perex {
margin: -5px 0 10px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.tile-grid.person-list .tile-item-image {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; margin: 0 auto;
max-width: 200px;
}
.tile-grid.person-list .tile-item-image:after {
padding-top: 100%;
}
.tile-grid.steps .tile-item {
text-align: center;
background: none;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
}
.tile-grid.steps .tile-item-title {
font-weight: 400;
}
.tile-grid.steps .tile-item-icon {
font-size: 50px;
font-size: 3.125rem;
line-height: 70px;
line-height: 4.375rem;
}
.tile-grid.steps .tile-item-content {
opacity: 0.7;
filter: alpha(opacity=70);
}
.tile-grid.counter .tile-item {
display: block;
position: relative;
text-align: center;
padding: 20px 15px;
height: 100%;
background: var(--color-gray-d);
max-width: 400px;
margin: auto;
}
.tile-grid.counter .tile-item-title {
font-weight: 700;
font-size: 50px;
font-size: 3.125rem;
line-height: 50px;
line-height: 3.125rem;
}
@media only screen and (min-width: 768px) {
.tile-grid.counter .tile-item-title {
font-size: 60px;
font-size: 3.75rem;
line-height: 60px;
line-height: 3.75rem;
}
}
@media only screen and (min-width: 1200px) {
.tile-grid.counter .tile-item-title {
font-size: 70px;
font-size: 4.375rem;
line-height: 70px;
line-height: 4.375rem;
}
}
@media only screen and (min-width: 2000px) {
.tile-grid.counter .tile-item-title {
font-size: 80px;
font-size: 5rem;
line-height: 80px;
line-height: 5rem;
}
}
.tile-grid.counter .tile-item-content {
font-weight: 300;
opacity: 0.7;
filter: alpha(opacity=70);
}
@media only screen and (min-width: 768px) {
.tile-grid.counter .tile-item {
padding: 20px 30px;
}
}
.tile-grid.faq-list .faq-item-title {
display: block;
padding: 15px 25px 15px 50px;
border: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
}
.tile-grid.faq-list .faq-item-title:before, .tile-grid.faq-list .faq-item-title:after {
display: block;
content: "";
width: 20px;
height: 3px;
background: var(--color-primary);
position: absolute;
top: 50%;
left: 15px;
margin: -2px 0 0;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
}
.tile-grid.faq-list .faq-item-title:after {
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.tile-grid.faq-list .faq-item-content {
padding: 15px 25px 25px 40px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-width: 0 1px 1px;
}
.tile-grid.faq-list .faq-item-title:not(.collapsed) {
border-bottom: 0;
}
.tile-grid.faq-list .faq-item-title:not(.collapsed):before, .tile-grid.faq-list .faq-item-title:not(.collapsed):after {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.fragment.timeline .timeline {
position: relative;
margin: 160px 0 0;
border-left: 1px solid var(--color-primary);
}
.fragment.timeline .timeline:before {
content: "";
display: block;
width: 160px;
height: 160px;
background: url(//www.penhouse.cz/wp-content/themes/penhouse/img/crest.png) no-repeat center bottom;
position: absolute;
top: -160px;
left: -80px;
}
.fragment.timeline .timeline-item {
width: 100%;
padding: 15px 0;
}
.fragment.timeline .timeline-item-year {
width: 150px;
margin: 20px 100px 20px 0;
padding: 0 0 0 15px;
border-bottom: 1px solid var(--color-primary);
text-transform: uppercase;
position: relative;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.fragment.timeline .timeline-item-inner {
padding: 0 15px;
}
.fragment.timeline .timeline-item-content {
padding: 30px 100px -10px 0;
}
.fragment.timeline .timeline-item-content > *:last-child {
margin-bottom: 0;
}
.fragment.timeline .timeline-item-image {
width: 500px;
max-width: 100%;
}
@media only screen and (min-width: 576px) {
.fragment.timeline .timeline-item-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
@media only screen and (min-width: 768px) {
.fragment.timeline .timeline-item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.fragment.timeline .timeline-item-year {
margin: 0 100px 0 0;
}
.fragment.timeline .timeline-item-year span {
position: absolute;
bottom: 0;
left: 30px;
}
.fragment.timeline .timeline-item-inner {
padding: 0;
}
}
.fragment.topmedia {
--color-text: var(--color-light);
--color-title: var(--color-text);
--color-bg: var(--color-dark);
}
.fragment.topmedia .topmedia-item-desing-light {
--color-text: var(--color-dark);
--color-title: var(--color-text);
--color-bg: var(--color-light);
}
.fragment.topmedia .topmedia-item {
position: relative;
height: 100%;
color: var(--color-text);
font-size: 18px;
font-size: 1.125rem;
line-height: 27px;
line-height: 1.6875rem;
}
.fragment.topmedia .topmedia-item-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fragment.topmedia .topmedia-item-bg > div, .fragment.topmedia .topmedia-item-bg video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.fragment.topmedia .topmedia-item-bg:after {
background-color: var(--color-bg);
opacity: 0.5;
filter: alpha(opacity=50);
}
.fragment.topmedia .topmedia-item-bg-image {
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: cover;
}
.fragment.topmedia .topmedia-item-bg + div {
position: relative;
z-index: 2;
}
.fragment.topmedia .topmedia-item-inner {
padding: 70px 25px 0;
}
.fragment.topmedia .topmedia-item-content {
position: relative;
max-width: 1200px;
padding: 30px;
margin: auto;
text-align: center;
}
.fragment.topmedia .topmedia-item-content * {
position: relative;
z-index: 2;
}
.fragment.topmedia .topmedia-item-content h1, .fragment.topmedia .topmedia-item-content h2, .fragment.topmedia .topmedia-item-content h3, .fragment.topmedia .topmedia-item-content h4 {
color: var(--color-title);
}
.fragment.topmedia .topmedia-item-content h1:before, .fragment.topmedia .topmedia-item-content h1:after, .fragment.topmedia .topmedia-item-content h2:before, .fragment.topmedia .topmedia-item-content h2:after, .fragment.topmedia .topmedia-item-content h3:before, .fragment.topmedia .topmedia-item-content h3:after, .fragment.topmedia .topmedia-item-content h4:before, .fragment.topmedia .topmedia-item-content h4:after {
display: none;
}
.fragment.topmedia .topmedia-item-content h1 u, .fragment.topmedia .topmedia-item-content h1 *[style*=underline], .fragment.topmedia .topmedia-item-content h2 u, .fragment.topmedia .topmedia-item-content h2 *[style*=underline], .fragment.topmedia .topmedia-item-content h3 u, .fragment.topmedia .topmedia-item-content h3 *[style*=underline], .fragment.topmedia .topmedia-item-content h4 u, .fragment.topmedia .topmedia-item-content h4 *[style*=underline] {
text-decoration: none !important;
display: inline-block;
position: relative;
}
.fragment.topmedia .topmedia-item-content h1 u:before, .fragment.topmedia .topmedia-item-content h1 *[style*=underline]:before, .fragment.topmedia .topmedia-item-content h2 u:before, .fragment.topmedia .topmedia-item-content h2 *[style*=underline]:before, .fragment.topmedia .topmedia-item-content h3 u:before, .fragment.topmedia .topmedia-item-content h3 *[style*=underline]:before, .fragment.topmedia .topmedia-item-content h4 u:before, .fragment.topmedia .topmedia-item-content h4 *[style*=underline]:before {
content: "";
display: block;
position: absolute;
bottom: 0px;
left: 15px;
right: -20px;
z-index: -1;
height: 30px;
background: var(--color-primary);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
background-clip: padding-box; }
@media only screen and (min-width: 1200px) {
.fragment.topmedia .topmedia-item-content h1, .fragment.topmedia .topmedia-item-content h2 .big {
font-size: 75px;
font-size: 4.6875rem;
line-height: 97.5px;
line-height: 6.09375rem;
}
}
.fragment.topmedia .topmedia-item-scrolldown {
display: block;
margin: 40px auto;
width: 60px;
height: 70px;
overflow: hidden;
font-size: 0;
}
.fragment.topmedia .topmedia-item-scrolldown:before {
content: "\e904";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
display: block;
font-size: 60px;
font-size: 3.75rem;
line-height: 60px;
line-height: 3.75rem;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
top: 0;
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
}
.fragment.topmedia .topmedia-item-scrolldown:hover, .fragment.topmedia .topmedia-item-scrolldown:focus {
text-decoration: none;
}
.fragment.topmedia .topmedia-item-scrolldown:hover:before, .fragment.topmedia .topmedia-item-scrolldown:focus:before {
top: 10px;
}
.fragment.topmedia .topmedia-slider .slick-dots {
bottom: 30px;
}
.fragment.topmedia .topmedia-slider .slick-dots li button:before {
background: var(--color-light);
opacity: 0.5;
filter: alpha(opacity=50);
}
.fragment.topmedia .topmedia-slider .slick-dots li button:hover:before {
background: var(--color-light);
opacity: 0.7;
filter: alpha(opacity=70);
}
.fragment.topmedia .topmedia-slider .slick-dots li.slick-active button:before {
background: var(--color-light);
opacity: 1;
filter: alpha(opacity=100);
}
@media only screen and (min-width: 992px) {
.fragment.topmedia .topmedia-item-inner {
padding: 70px 25px 0px;
}
.fragment.topmedia .topmedia-item-scrolldown {
margin: 100px auto 40px;
}
}
.fragment.video .tile-item {
position: relative;
}
.fragment.video .tile-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.fragment.video .tile-item:hover:before {
opacity: 0;
filter: alpha(opacity=0);
}
.fragment.video .tile-item .tile-image:before {
content: "\f01d";
display: block;
font-family: "icomoon" !important;
color: #fff;
width: 80px;
height: 80px;
line-height: 80px;
position: absolute;
left: 50%;
top: 50%;
margin: -40px 0 0 -40px;
font-weight: 400;
z-index: 2;
font-size: 60px;
font-size: 3.75rem;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.fragment.video .tile-item .tile-image span {
filter: grayscale(100%);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.fragment.video .tile-item .tile-image:hover span {
filter: grayscale(0%);
}
.fragment {
position: relative;
}
.fragment-content[class*=bg-] {
padding: 15px;
}
.fragment .fragment-inner + .fragment-inner,
.fragment .container + .container .fragment-inner {
margin-top: 2.5rem;
}
@media only screen and (min-width: 768px) {
.fragment-content[class*=bg-] {
padding: 30px;
}
.fragment-image {
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 55%;
margin: auto;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: cover;
}
.fragment-image + * .fragment-inner {
width: 50%;
margin: 0 0 0 auto;
}
}
.fragment.slideshow > .block, .fragment.slideshow .block > .container {
padding: 0;
width: 100%;
}
.fragment.slideshow .fragment-content {
transform: none;
}
.slideshow {
position: relative;
}
.slideshow .text-light-shadow {
text-shadow: 2px 2px 5px #000;
}
.slideshow-content {
padding: 80px 15px 80px;
position: relative;
z-index: 2;
min-height: 80vh;
pointer-events: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.slideshow-content-inner {
color: #fff;
text-align: center;
pointer-events: auto;
font-size: 30px;
font-size: 1.875rem;
line-height: 45px;
line-height: 2.8125rem;
}
.slideshow-content-inner hr {
border-top: 2px solid #fff;
}
.slideshow-anchor {
position: absolute;
width: 100%;
left: 0;
bottom: 100px;
text-align: center;
}
.slideshow-anchor a {
display: inline-block;
background: none;
border: 1px solid #fff;
border-width: 0 3px 3px 0;
width: 50px;
height: 50px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.slideshow-anchor a:hover {
border-color: var(--color-secondary);
}
.slideshow-slider-item {
height: 100%;
padding: 30px 0 50px;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: cover;
}
.slideshow-slider-item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-attachment: fixed;
}
.slideshow-slider-item-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.slideshow-slider-item-content {
padding: 30px 0;
}
.slideshow-slider-item-content a {
margin: 25px auto 0;
}
.slideshow-slider-item .image-center-center {
background-position: center center;
}
.slideshow-slider-item .image-center-left {
background-position: left center;
}
.slideshow-slider-item .image-center-right {
background-position: right center;
}
.slideshow-slider-item .image-top-center {
background-position: center top;
}
.slideshow-slider-item .image-top-left {
background-position: left top;
}
.slideshow-slider-item .image-top-right {
background-position: right top;
}
.slideshow-slider-item .image-bottom-center {
background-position: center bottom;
}
.slideshow-slider-item .image-bottom-left {
background-position: left bottom;
}
.slideshow-slider-item .image-bottom-right {
background-position: right bottom;
}
.slideshow-slider.overlay-black30 .slideshow-slider-item:before {
background-color: rgba(0, 0, 0, 0.3);
}
.slideshow-slider.overlay-black50 .slideshow-slider-item:before {
background-color: rgba(0, 0, 0, 0.5);
}
.slideshow-slider.overlay-white30 .slideshow-slider-item:before {
background-color: rgba(255, 255, 255, 0.3);
}
.slideshow-slider.overlay-white50 .slideshow-slider-item:before {
background-color: rgba(255, 255, 255, 0.5);
}
.slideshow-slider.overlay-color30 .slideshow-slider-item:before {
background-color: rgba(var(--color-primary), 0.3);
}
.slideshow-slider.overlay-color50 .slideshow-slider-item:before {
background-color: rgba(var(--color-primary), 0.5);
}
.slideshow-slider.texture-dark1 .slideshow-slider-item:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQYV2NkQAX/GZH4/xkYGBhhAmAOSBJEwDkgAQCCrgQEjpMcPgAAAABJRU5ErkJggg==);
}
.slideshow-slider.texture-dark2 .slideshow-slider-item:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAF0lEQVQYV2NkYGD4z8DAwMgAI0AMDA4AI3EBBMY7CTgAAAAASUVORK5CYII=);
}
.slideshow-slider.texture-light1 .slideshow-slider-item:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQYV2NkQAL/////zwjjgzkgABKAcUBsRmQOSAAAIAYQASyLe4sAAAAASUVORK5CYII=);
}
.slideshow-slider.texture-light2 .slideshow-slider-item:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQYV2P8////f0ZGRkYGBgYGMAEDKBwAkmUEBJlpJvMAAAAASUVORK5CYII=);
}
.slideshow.with-content .slideshow-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slideshow .slick-slider .slick-list {
height: 100%;
}
.slideshow .slick-slider .slick-arrow {
top: 50%;
margin-top: -25px;
height: 50px;
width: 50px;
}
.slideshow .slick-slider .slick-next {
right: 15px;
}
.slideshow .slick-slider .slick-prev {
left: 15px;
}
.slideshow .slick-slider .slick-dots {
bottom: 20px;
}
.slideshow .slick-slider .slick-dots > li button:before {
background: #fff;
}
@media only screen and (min-width: 768px) {
.slideshow-slider-item {
min-height: 70vh;
padding: 100px 0;
}
.slideshow-slider-item-image.gap-left {
padding-left: 30px;
}
.slideshow-slider-item-image.gap-right {
padding-right: 30px;
}
.slideshow .slick-slider .slick-dots {
bottom: 30px;
}
}
main {
padding-top: 3.4375rem;
}
@media only screen and (min-width: 992px) {
main {
padding-top: 3.75rem;
}
}
.header {
--color-link: var(--menu-text);
--color-link-active: var(--menu-text);
position: relative;
color: var(--menu-text);
font-weight: 300;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 15px 0 0;
z-index: 100;
border-bottom: 1px solid transparent;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms; }
.header:before {
content: "";
display: block;
width: 100%;
height: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(#000 30%, transparent 100%);
pointer-events: none;
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
opacity: 0;
filter: alpha(opacity=0);
}
.header > * {
position: relative;
z-index: 2;
}
.header-placeholder {
height: 3.75rem;
display: none;
}
.header-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.header-inner > div {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.header-inner > div:last-child {
text-align: right;
}
.header:after {
content: "";
display: block;
clear: both;
}
.header-logo {
padding: 8px 15px 8px 0;
}
.header-logo a {
color: inherit;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
font-size: 1.25rem;
line-height: 20px;
line-height: 1.25rem;
}
.header-logo a img {
min-width: 100px;
max-height: 45px;
}
.header-hamburger {
display: inline-block;
}
.header-hamburger a {
display: block;
width: 3.4375rem;
height: 3.4375rem;
position: relative;
overflow: hidden;
background: none;
}
.header-hamburger a span {
display: block;
position: absolute;
top: 50%;
left: 25%;
width: 50%;
height: 3px;
margin: -1px 0 0;
transition-timing-function: ease;
transition-duration: 0.15s;
transition-property: transform;
border-radius: 4px;
background-color: var(--menu-text);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 75ms;
font-size: 0;
text-indent: 100px;
}
.header-hamburger a span:before, .header-hamburger a span:after {
left: 0;
content: "";
position: absolute;
width: 100%;
height: 3px;
transition-timing-function: ease;
transition-duration: 0.15s;
transition-property: transform;
border-radius: 4px;
background-color: var(--menu-text);
}
.header-hamburger a span:after {
top: 9px;
transform: rotate(0);
}
.header-hamburger a span:before {
bottom: 9px;
transform: rotate(0);
}
.header-menu {
position: absolute;
width: 100%;
top: 100%;
left: 0;
text-align: left;
max-height: 0;
overflow-y: auto;
background: var(--menu-bg);
text-align: center;
-webkit-transition: max-height 200ms;
-moz-transition: max-height 200ms;
-ms-transition: max-height 200ms;
-o-transition: max-height 200ms;
transition: max-height 200ms;
}
.header-menu a:hover, .header-menu a:focus {
text-decoration: none;
}
.header-menu > ul > li {
position: relative;
}
.header-menu > ul > li > a {
color: var(--color-link);
display: block;
padding: 15px 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.header-menu > ul > li > a:hover, .header-menu > ul > li > a:focus {
color: var(--color-link-h);
}
.header-menu > ul > li > ul {
display: none;
background: var(--menu-bg);
}
.header-menu > ul > li > ul > li {
display: block;
}
.header-menu > ul > li > ul > li > a {
display: block;
padding: 15px 25px;
color: #fff;
}
.header-menu > ul > li > ul > li ul {
background: var(--menu-bg);
}
.header-menu > ul > li > ul > li ul li {
padding: 0 0 0 30px;
position: relative;
}
.header-menu > ul > li > ul > li ul li:before {
display: block;
content: "";
width: 0;
height: 0;
border: 6px solid transparent;
border-left-color: var(--color-primary);
position: absolute;
top: 15px;
left: 30px;
}
.header-menu > ul > li > ul > li ul li a {
display: block;
padding: 10px 25px;
}
.header-menu > ul > li > ul > li ul li a:hover, .header-menu > ul > li > ul > li ul li a:focus {
color: var(--color-primary);
}
.header-menu .menu-toggle {
display: block;
position: absolute;
top: 5px;
right: 20px;
padding: 10px;
border: none;
}
.header-menu .menu-toggle:before {
display: block;
content: "\f105";
font-family: "icomoon" !important;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
}
.header-menu .open + .menu-toggle:before {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header.open {
-webkit-transition: background 0ms;
-moz-transition: background 0ms;
-ms-transition: background 0ms;
-o-transition: background 0ms;
transition: background 0ms;
}
.header.open .header-hamburger a span {
background-color: transparent;
}
.header.open .header-hamburger a span:after {
top: 0;
transform: rotate(-45deg);
}
.header.open .header-hamburger a span:before {
bottom: 0;
transform: rotate(45deg);
}
.header.open .header-menu {
max-height: 90vh;
}
.header-lang {
position: relative;
height: 30px;
width: 30px;
margin: 0 0 0 15px;
}
.header-lang ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
top: 0;
left: 0;
}
.header-lang ul li {
display: none;
margin: 0 1px 0 0;
order: 2;
}
.header-lang ul li a {
display: block;
width: 26px;
height: 26px;
overflow: hidden;
background: #3c3c44;
text-align: center;
color: #fff;
font-weight: 300;
font-size: 0;
margin: 0 0 5px;
opacity: 0.7;
filter: alpha(opacity=70);
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWN6IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1MTJ2MjU2SDB6Ii8+CiAgPHBhdGggZmlsbD0iI2Q3MTQxYSIgZD0iTTAgMjU2aDUxMnYyNTZIMHoiLz4KICA8cGF0aCBmaWxsPSIjMTE0NTdlIiBkPSJNMzAwIDI1NiAwIDU2djQwMHoiLz4KPC9zdmc+Cg==") no-repeat center center;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: cover;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; box-shadow: 0 0 5px #ddd;
}
.header-lang ul li a:hover, .header-lang ul li a:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.header-lang ul li.lang-item-en a {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWdiIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTTAgMGg1MTJ2NTEySDB6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTUxMiAwdjY0TDMyMiAyNTZsMTkwIDE4N3Y2OWgtNjdMMjU0IDMyNCA2OCA1MTJIMHYtNjhsMTg2LTE4N0wwIDc0VjBoNjJsMTkyIDE4OEw0NDAgMHoiLz4KICA8cGF0aCBmaWxsPSIjQzgxMDJFIiBkPSJtMTg0IDMyNCAxMSAzNEw0MiA1MTJIMHYtM3ptMTI0LTEyIDU0IDggMTUwIDE0N3Y0NXpNNTEyIDAgMzIwIDE5NmwtNC00NEw0NjYgMHpNMCAxbDE5MyAxODktNTktOEwwIDQ5eiIvPgogIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNzYgMHY1MTJoMTYwVjB6TTAgMTc2djE2MGg1MTJWMTc2eiIvPgogIDxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Ik0wIDIwOHY5Nmg1MTJ2LTk2ek0yMDggMHY1MTJoOTZWMHoiLz4KPC9zdmc+Cg==");
}
.header-lang ul li.lang-item-de a {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRlIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPHBhdGggZmlsbD0iI2ZjMCIgZD0iTTAgMzQxLjNoNTEyVjUxMkgweiIvPgogIDxwYXRoIGZpbGw9IiMwMDAwMDEiIGQ9Ik0wIDBoNTEydjE3MC43SDB6Ii8+CiAgPHBhdGggZmlsbD0icmVkIiBkPSJNMCAxNzAuN2g1MTJ2MTcwLjZIMHoiLz4KPC9zdmc+Cg==");
}
.header-lang ul li.current-lang {
display: block;
order: 1;
}
.header-lang ul li.current-lang a {
opacity: 1;
filter: alpha(opacity=100);
pointer-events: none;
}
.header-lang ul:hover li, .header-lang ul:focus li {
display: block;
}
.header-social {
white-space: nowrap;
}
.header-social ul li a {
background: var(--menu-text);
color: var(--color-light);
}
.header-search {
display: inline-block;
position: relative;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.header-search-btn {
font-weight: 300;
color: var(--color-text);
width: 40px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
font-size: 12px;
font-size: 0.75rem;
line-height: 14px;
line-height: 0.875rem;
}
.header-search-btn:before {
content: "\f002";
font-family: "icomoon" !important;
display: inline-block;
width: 100%;
padding: 0 3px 0 0;
text-align: right;
font-size: 16px;
font-size: 1rem;
line-height: 16px;
line-height: 1rem;
}
.header-search-btn:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 100%;
right: 0;
margin: 0;
border: 0px solid transparent;
border-width: 0 10px 12px;
border-bottom-color: var(--color-primary);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0ms;
-moz-transition: 0ms;
-ms-transition: 0ms;
-o-transition: 0ms;
transition: 0ms;
}
.header-search-form {
display: none;
width: 280px;
background: var(--color-primary);
color: #fff;
padding: 10px 15px;
position: absolute;
top: 100%;
right: -10px;
}
.header-search-form form {
position: relative;
}
.header-search-form input {
background: #fff;
margin: 0;
height: 40px;
line-height: 40px;
}
.header-search-form input[type=submit] {
border: none;
background: var(--color-primary);
position: absolute;
right: 0;
top: 0;
padding: 0 15px;
}
.header-search-form input[type=submit]:hover {
background: var(--color-primary-s);
color: var(--color-primary);
}
.header-search-btn.open {
color: var(--color-primary);
}
.header-search-btn.open:after {
margin-top: -12px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
}
.header-search-btn.open + .header-search-form {
display: block;
}
@media only screen and (min-width: 400px) {
.header {
position: fixed;
}
.header-placeholder {
height: 3.4375rem;
}
.header-logo {
padding: 15px 15px 15px 0;
}
.header-logo a img {
max-height: 45px;
}
}
@media only screen and (min-width: 992px) {
.header-placeholder {
height: 3.75rem;
}
.header .header-hamburger {
display: none;
}
.header-inner {
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
}
.admin-bar .header {
top: 46px;
}
@media only screen and (min-width: 783px) {
.admin-bar .header {
top: 32px;
}
}
.home .header {
box-shadow: none;
}
.scrolling .header:before {
height: 170px;
opacity: 1;
filter: alpha(opacity=100);
}
.header.open,
.header.open .header-menu {
background: rgba(18, 18, 20, 0.7);
}
@media only screen and (min-width: 400px) {
._first-fragment-topimage:not(.scrolling) .header,
._first-fragment-topmedia:not(.scrolling) .header,
._menu-overlay:not(.scrolling) .header {
--menu-text: var(--color-light);
--menu-link: var(--menu-text);
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
._first-fragment-topimage:not(.scrolling) .header-logo img,
._first-fragment-topmedia:not(.scrolling) .header-logo img,
._menu-overlay:not(.scrolling) .header-logo img {
filter: brightness(0) invert(1);
}
._first-fragment-topimage:not(.scrolling) .header-social ul li a,
._first-fragment-topmedia:not(.scrolling) .header-social ul li a,
._menu-overlay:not(.scrolling) .header-social ul li a {
background: var(--menu-text);
color: var(--color-primary);
}
._first-fragment-topimage:not(.scrolling) .header.open,
._first-fragment-topmedia:not(.scrolling) .header.open,
._menu-overlay:not(.scrolling) .header.open {
--menu-text: var(--color-primary);
}
._first-fragment-topimage:not(.scrolling) .header.open .header-logo img,
._first-fragment-topmedia:not(.scrolling) .header.open .header-logo img,
._menu-overlay:not(.scrolling) .header.open .header-logo img {
filter: none;
}
._first-fragment-topimage:not(.scrolling) .header.open .header-social ul li a,
._first-fragment-topmedia:not(.scrolling) .header.open .header-social ul li a,
._menu-overlay:not(.scrolling) .header.open .header-social ul li a {
color: var(--color-light);
}
._first-fragment-topimage .header-placeholder,
._first-fragment-topmedia .header-placeholder,
._menu-overlay .header-placeholder {
display: none;
}
}
.footer {
clear: both;
text-align: center;
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
line-height: 22.5px;
line-height: 1.40625rem;
}
.footer:before {
content: "";
display: block;
height: 1px;
background: radial-gradient(circle at 50% 0px, rgba(255, 255, 255, 0.1) 0%, transparent 80%) top left;
}
.footer a {
color: white;
}
.footer a:hover, .footer a:focus {
opacity: 0.7;
filter: alpha(opacity=70);
}
.footer h1, .footer h2, .footer h3 {
font-weight: 700;
text-transform: none;
color: white;
margin: 0 0 18px;
font-size: 20px;
font-size: 1.25rem;
line-height: 24px;
line-height: 1.5rem;
}
.footer-inner {
padding: 30px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-inner > div {
width: 100%;
padding: 0 0 30px;
}
.footer-intro {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.footer-intro-logo {
margin: 0 0 40px;
}
.footer-intro-content {
max-width: 300px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.footer .social li {
display: block;
}
.footer .social li a {
display: inline;
text-align: left;
background: none;
width: auto;
height: auto;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-clip: padding-box; }
.footer .social li a:before {
display: none;
}
.footer-copy {
position: relative;
padding: 15px;
text-align: center;
font-size: 12px;
font-size: 0.75rem;
line-height: 18px;
line-height: 1.125rem;
}
.footer-sign {
margin: 15px 0 0;
}
.footer-sign a {
display: inline-block;
}
.footer-sign img {
vertical-align: baseline;
height: 1.1em;
margin: 0 0 0 0.5em;
}
.footer-sign:first-child {
margin: 0 0 15px;
}
@media only screen and (min-width: 576px) {
.footer {
text-align: left;
}
.footer-inner {
padding: 50px 0 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.footer-inner > div {
padding: 0 20px 50px 0;
}
}
@media only screen and (min-width: 992px) {
.footer-inner {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: none;
flex-wrap: nowrap;
}
.footer-inner > div {
width: auto;
padding: 0 50px 0 0;
}
.footer-sign {
position: absolute;
bottom: 15px;
right: 15px;
}
}
@media only screen and (min-width: 992px) {
.header-menu {
display: block;
position: static;
max-height: none;
overflow-y: visible;
background: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.header-menu .menu-toggle {
display: none;
}
.header-menu > ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.header-menu > ul > li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 0 0 0 60px;
position: relative;
}
.header-menu > ul > li > a {
position: relative;
white-space: nowrap;
font-weight: 300;
color: var(--menu-link);
border: none;
padding: 20px 0 20px;
font-size: 18px;
font-size: 1.125rem;
line-height: 18px;
line-height: 1.125rem;
}
.header-menu > ul > li > a:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
margin: 0;
background: var(--menu-link-active);
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
}
.header-menu > ul > li.current-menu-item > a:before, .header-menu > ul > li.current_page_parent > a:before,
.header-menu > ul > li > a:hover:before,
.header-menu > ul > li > a:focus:before {
width: 100%;
margin-left: -50%;
}
.header-menu > ul > li.menu-item-has-children > _a:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
display: block;
width: 0;
height: 0;
border: 1px solid transparent;
border-bottom-color: var(--color-primary);
border-width: 0 10px 12px;
margin: 0 0 0 -6px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0ms;
-moz-transition: 0ms;
-ms-transition: 0ms;
-o-transition: 0ms;
transition: 0ms;
}
.header-menu > ul > li.menu-item-has-children > a:after {
content: "\f0d7";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
margin: 0 0 0 6px;
}
.header-menu > ul > li.menu-item-has-children:hover > a:before {
margin-top: -10px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
}
.header-menu > ul > li:hover > ul {
display: block;
}
.header-menu > ul > li > ul {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 220px;
text-align: left;
border-width: 0 1px 1px;
padding: 15px 0px;
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
}
.header-menu > ul > li > ul > li {
display: block;
}
.header-menu > ul > li > ul > li a {
background: none;
display: block;
font-weight: 500;
padding: 8px 10px 8px 20px;
font-size: 12px;
font-size: 0.75rem;
line-height: 14px;
line-height: 0.875rem;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: 200ms;
-moz-transition: 200ms;
-ms-transition: 200ms;
-o-transition: 200ms;
transition: 200ms;
}
.header-menu > ul > li > ul > li a:hover {
background: none;
opacity: 0.7;
filter: alpha(opacity=70);
}
.header-menu > ul > li > ul > li ul li {
padding: 0 0 0 30px;
position: relative;
}
.header-menu > ul > li > ul > li ul li:before {
display: block;
content: "";
width: 0;
height: 0;
border: 6px solid transparent;
border-left-color: var(--color-secondary);
position: absolute;
top: 15px;
left: 30px;
}
.header-menu > ul > li > ul > li ul li a {
display: block;
padding: 10px 25px;
}
.header-menu > ul > li > ul > li ul li a:hover, .header-menu > ul > li > ul > li ul li a:focus {
color: var(--color-secondary);
}
.header-menu > ul > li:last-child ul {
left: auto;
right: 0;
}
}
.first-fragment-topimage:not(.scrolling) .header-menu > ul > li > ul,
.first-fragment-topmedia:not(.scrolling) .header-menu > ul > li > ul,
.menu-overlay:not(.scrolling) .header-menu > ul > li > ul {
background: transparent;
border-color: rgba(255, 255, 255, 0.3);
}
.first-fragment-topimage:not(.scrolling) .header-menu > ul > li > ul > li a,
.first-fragment-topmedia:not(.scrolling) .header-menu > ul > li > ul > li a,
.menu-overlay:not(.scrolling) .header-menu > ul > li > ul > li a {
color: #fff;
}
.gradient, .contact_arrow .email_link:before,
.contact_arrow .phone_link:before,
.contact_arrow .address_label:before,
.ref-header-date:before, .editor ul li:before,
.wp-editor ul li:before, .block-title h1:before, .block-title h2:before, .block-title h3:before, .fragment.topmedia .topmedia-item-scrolldown:before {
background: -webkit-linear-gradient(45deg, var(--color-primary) 0%, var(--color-secondary) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button + a {
display: inline-block;
margin: 20px 60px;
vertical-align: middle;
}
.mouse {
width: 30px;
height: 60px;
border: 3px solid var(--color-text);
border-radius: 15px;
position: relative;
}
.mouse::before {
content: "";
width: 8px;
height: 8px;
position: absolute;
top: 5px;
left: 50%;
transform: translateX(-50%);
background-color: var(--color-text);
border-radius: 50%;
opacity: 1;
animation: wheel 2s infinite;
-webkit-animation: wheel 2s infinite;
}
@-webkit-keyframes wheel {
to {
opacity: 0;
top: 40px;
}
}
@-moz-keyframes wheel {
to {
opacity: 0;
top: 40px;
}
}
@-ms-keyframes wheel {
to {
opacity: 0;
top: 40px;
}
}
@-o-keyframes wheel {
to {
opacity: 0;
top: 40px;
}
}
@keyframes wheel {
to {
opacity: 0;
top: 40px;
}
}
.fragment.topmedia .topmedia-item {
font-size: 20px;
font-size: 1.25rem;
line-height: 30px;
line-height: 1.875rem;
}
@media only screen and (min-width: 768px) {
.fragment.topmedia .topmedia-item {
font-size: 21.3333333333px;
font-size: 1.3333333333rem;
line-height: 32px;
line-height: 2rem;
}
}
@media only screen and (min-width: 1200px) {
.fragment.topmedia .topmedia-item {
font-size: 22.6666666667px;
font-size: 1.4166666667rem;
line-height: 34px;
line-height: 2.125rem;
}
}
@media only screen and (min-width: 2000px) {
.fragment.topmedia .topmedia-item {
font-size: 24px;
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem;
}
}
.fragment.topmedia .topmedia-item ul {
margin-top: 50px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
.fragment.topmedia .topmedia-item ul {
margin-top: 60px;
}
}
@media only screen and (min-width: 1200px) {
.fragment.topmedia .topmedia-item ul {
margin-top: 70px;
}
}
@media only screen and (min-width: 2000px) {
.fragment.topmedia .topmedia-item ul {
margin-top: 80px;
}
}
.fragment.topmedia .topmedia-item ul li {
display: block;
width: 100%;
padding: 0 30px 10px;
white-space: nowrap;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.fragment.topmedia .topmedia-item-layout-large {
font-size: 30px;
font-size: 1.875rem;
line-height: 45px;
line-height: 2.8125rem;
}
@media only screen and (min-width: 768px) {
.fragment.topmedia .topmedia-item-layout-large {
font-size: 33.3333333333px;
font-size: 2.0833333333rem;
line-height: 50px;
line-height: 3.125rem;
}
}
@media only screen and (min-width: 1200px) {
.fragment.topmedia .topmedia-item-layout-large {
font-size: 36.6666666667px;
font-size: 2.2916666667rem;
line-height: 55px;
line-height: 3.4375rem;
}
}
@media only screen and (min-width: 2000px) {
.fragment.topmedia .topmedia-item-layout-large {
font-size: 40px;
font-size: 2.5rem;
line-height: 60px;
line-height: 3.75rem;
}
}
.fragment.topmedia .topmedia-item-layout-large h1, .fragment.topmedia .topmedia-item-layout-large h2 .big {
letter-spacing: 0.03em;
font-size: 40px;
font-size: 2.5rem;
line-height: 48px;
line-height: 3rem;
}
@media only screen and (min-width: 576px) {
.fragment.topmedia .topmedia-item-layout-large h1, .fragment.topmedia .topmedia-item-layout-large h2 .big {
font-size: 56.6666666667px;
font-size: 3.5416666667rem;
line-height: 68px;
line-height: 4.25rem;
}
}
@media only screen and (min-width: 768px) {
.fragment.topmedia .topmedia-item-layout-large h1, .fragment.topmedia .topmedia-item-layout-large h2 .big {
font-size: 73.3333333333px;
font-size: 4.5833333333rem;
line-height: 88px;
line-height: 5.5rem;
}
}
@media only screen and (min-width: 992px) {
.fragment.topmedia .topmedia-item-layout-large h1, .fragment.topmedia .topmedia-item-layout-large h2 .big {
font-size: 90px;
font-size: 5.625rem;
line-height: 108px;
line-height: 6.75rem;
}
}
@media only screen and (min-width: 1200px) {
.fragment.topmedia .topmedia-item-layout-large h1, .fragment.topmedia .topmedia-item-layout-large h2 .big {
font-size: 106.6666666667px;
font-size: 6.6666666667rem;
line-height: 128px;
line-height: 8rem;
}
}
@media only screen and (min-width: 1600px) {
.fragment.topmedia .topmedia-item-layout-large h1, .fragment.topmedia .topmedia-item-layout-large h2 .big {
font-size: 123.3333333333px;
font-size: 7.7083333333rem;
line-height: 148px;
line-height: 9.25rem;
}
}
@media only screen and (min-width: 2000px) {
.fragment.topmedia .topmedia-item-layout-large h1, .fragment.topmedia .topmedia-item-layout-large h2 .big {
font-size: 140px;
font-size: 8.75rem;
line-height: 168px;
line-height: 10.5rem;
}
}
.fragment.topmedia .topmedia-item-layout-large .topmedia-item-inner {
min-height: 90vh;
padding: 70px 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.fragment.topmedia .topmedia-item-layout-large .topmedia-item-content {
max-width: 1400px;
}
.fragment.topmedia .topmedia-item .mouse {
position: absolute;
bottom: 50px;
right: 50%;
margin-right: -15px;
opacity: 0.3;
filter: alpha(opacity=30);
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
}
.fragment.topmedia .topmedia-item .mouse.hidden {
opacity: 0;
filter: alpha(opacity=0);
bottom: 300px;
}
@media only screen and (min-width: 576px) {
.fragment.topmedia .topmedia-item ul li {
width: 34%;
padding-bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
.fragment.topmedia .topmedia-item ul li {
width: auto;
padding-bottom: 0;
}
.fragment.topmedia .topmedia-item .mouse {
right: 80px;
}
}
@media only screen and (max-width: 767px) {
.grid-mobile-3 > *:nth-of-type(n+4) {
display: none;
}
.grid-mobile-4 > *:nth-of-type(n+5) {
display: none;
}
.grid-mobile-5 > *:nth-of-type(n+6) {
display: none;
}
.grid-mobile-6 > *:nth-of-type(n+7) {
display: none;
}
}
.contact_arrow .email_link,
.contact_arrow .phone_link,
.contact_arrow .address_label,
.ref-header-date {
font-size: 20px;
font-size: 1.25rem;
line-height: 30px;
line-height: 1.875rem;
white-space: nowrap;
padding-left: 0;
}
@media only screen and (min-width: 768px) {
.contact_arrow .email_link,
.contact_arrow .phone_link,
.contact_arrow .address_label,
.ref-header-date {
font-size: 23.3333333333px;
font-size: 1.4583333333rem;
line-height: 35px;
line-height: 2.1875rem;
}
}
@media only screen and (min-width: 1200px) {
.contact_arrow .email_link,
.contact_arrow .phone_link,
.contact_arrow .address_label,
.ref-header-date {
font-size: 26.6666666667px;
font-size: 1.6666666667rem;
line-height: 40px;
line-height: 2.5rem;
}
}
@media only screen and (min-width: 2000px) {
.contact_arrow .email_link,
.contact_arrow .phone_link,
.contact_arrow .address_label,
.ref-header-date {
font-size: 30px;
font-size: 1.875rem;
line-height: 45px;
line-height: 2.8125rem;
}
}
.contact_arrow .email_link:before,
.contact_arrow .phone_link:before,
.contact_arrow .address_label:before,
.ref-header-date:before {
position: static;
content: "\e904";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
display: inline-block;
vertical-align: middle;
margin: 0 15px 0 0;
font-size: 1.1em;
width: auto;
}
.contact_arrow .email_link a,
.contact_arrow .phone_link a,
.contact_arrow .address_label a,
.ref-header-date a {
text-decoration: none;
}
.contact_arrow .email_link a:hover, .contact_arrow .email_link a:focus,
.contact_arrow .phone_link a:hover,
.contact_arrow .phone_link a:focus,
.contact_arrow .address_label a:hover,
.contact_arrow .address_label a:focus,
.ref-header-date a:hover,
.ref-header-date a:focus {
text-decoration: underline;
}
.body-wrapper {
background: radial-gradient(circle at -500px 0px, rgba(0, 44, 94, 0.9) 0%, transparent 1000px) top left, radial-gradient(circle at calc(100% + 500px) 500px, rgba(38, 172, 16, 0.3) 0%, transparent 1000px) top left, radial-gradient(circle at calc(75% + 500px) 1500px, rgba(38, 172, 16, 0.3) 0%, transparent 1000px) top left, radial-gradient(circle at -200px 2000px, rgba(0, 44, 94, 0.9) 0%, transparent 1000px) top left, radial-gradient(circle at calc(100% + 500px) 2500px, rgba(38, 172, 16, 0.3) 0%, transparent 1000px) top left, radial-gradient(circle at calc(100% + 500px) 3500px, rgba(38, 172, 16, 0.3) 0%, transparent 1000px) top left, radial-gradient(circle at -500px 4000px, rgba(0, 44, 94, 0.9) 0%, transparent 1000px) top left, radial-gradient(circle at calc(100% + 500px) 4500px, rgba(38, 172, 16, 0.3) 0%, transparent 1000px) top left, radial-gradient(circle at calc(70% + 500px) 5500px, rgba(38, 172, 16, 0.3) 0%, transparent 1000px) top left, radial-gradient(circle at -200px 6000px, rgba(0, 44, 94, 0.9) 0%, transparent 1000px) top left, radial-gradient(circle at calc(100% + 500px) 6500px, rgba(38, 172, 16, 0.3) 0%, transparent 1000px) top left, radial-gradient(circle at calc(50% + 500px) 7500px, rgba(38, 172, 16, 0.3) 0%, transparent 1000px) top left, radial-gradient(circle at -500px 9000px, rgba(0, 44, 94, 0.9) 0%, transparent 1000px) top left;
}
.tag-list > * {
display: inline-block;
background: var(--color-gray-d);
padding: 8px 15px;
white-space: nowrap;
margin: 3px 5px 3px 0;
font-weight: 300;
font-size: 15px;
font-size: 0.9375rem;
line-height: 15px;
line-height: 0.9375rem;
}
.reference-grid {
margin: 0 0 40px;
}
.reference-grid .tile-item {
margin: 0 10px 70px;
}
.reference-grid .tile-item-image {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.reference-grid .tile-item-image {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) {
.reference-grid .tile-item-image {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 2000px) {
.reference-grid .tile-item-image {
margin-bottom: 30px;
}
}
.reference-grid .tile-item-image img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.reference-grid .tile-item-image:after {
padding-top: 0;
}
.reference-grid .tile-item-cta {
position: absolute;
left: 0;
bottom: 0;
right: 0;
margin: auto;
z-index: 2;
top: -30px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-direction: normal;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.reference-grid .tile-item-cta a {
-webkit-box: 0;
-moz-box: 0;
-webkit-flex: 0 0 auto 0 auto;
-ms-flex: 0 0 auto 0 auto;
flex: 0 0 auto 0 auto;
display: table;
margin: 20px auto;
}
.reference-grid .tile-item-title {
font-size: 20px;
font-size: 1.25rem;
line-height: 26px;
line-height: 1.625rem;
}
@media only screen and (min-width: 768px) {
.reference-grid .tile-item-title {
font-size: 23.3333333333px;
font-size: 1.4583333333rem;
line-height: 30.3333333333px;
line-height: 1.8958333333rem;
}
}
@media only screen and (min-width: 1200px) {
.reference-grid .tile-item-title {
font-size: 26.6666666667px;
font-size: 1.6666666667rem;
line-height: 34.6666666667px;
line-height: 2.1666666667rem;
}
}
@media only screen and (min-width: 2000px) {
.reference-grid .tile-item-title {
font-size: 30px;
font-size: 1.875rem;
line-height: 39px;
line-height: 2.4375rem;
}
}
.reference-grid .tile-item-inner {
padding: 15px 0 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.reference-grid .tile-item-left {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.reference-grid .tile-item-right {
width: 35%;
border-left: 1px solid var(--color-line);
margin: 0 0 0 20px;
padding: 5px 0 0 20px;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
.reference-grid .tile-item-right img {
max-width: 90%;
max-height: 85px;
}
.reference-grid .tile-item:hover .tile-item-cta, .reference-grid .tile-item:focus .tile-item-cta {
top: 0;
opacity: 1;
filter: alpha(opacity=100);
}
.reference-grid .tile-item:hover .tile-item-image img, .reference-grid .tile-item:focus .tile-item-image img {
opacity: 0.3;
filter: alpha(opacity=30);
}
@media only screen and (min-width: 768px) {
.reference-grid .tile-item-image img {
max-height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.reference-grid .tile-item-image:after {
padding-top: 80%;
}
}
@media only screen and (min-width: 1600px) {
.reference-grid .tile-item {
margin: 0 25px 25px;
}
}
@media only screen and (min-width: 2000px) {
.reference-grid .tile-item {
margin: 0 50px 50px;
}
}
.reference-filter {
font-size: 20px;
font-size: 1.25rem;
line-height: 24px;
line-height: 1.5rem;
}
@media only screen and (min-width: 768px) {
.reference-filter {
font-size: 26.6666666667px;
font-size: 1.6666666667rem;
line-height: 32px;
line-height: 2rem;
}
}
@media only screen and (min-width: 1200px) {
.reference-filter {
font-size: 33.3333333333px;
font-size: 2.0833333333rem;
line-height: 40px;
line-height: 2.5rem;
}
}
@media only screen and (min-width: 2000px) {
.reference-filter {
font-size: 40px;
font-size: 2.5rem;
line-height: 48px;
line-height: 3rem;
}
}
.reference-filter ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.reference-filter ul {
margin-bottom: 83.3333333333px;
}
}
@media only screen and (min-width: 1200px) {
.reference-filter ul {
margin-bottom: 116.6666666667px;
}
}
@media only screen and (min-width: 2000px) {
.reference-filter ul {
margin-bottom: 150px;
}
}
.reference-filter ul li {
display: block;
margin: 0 25px 15px;
}
.reference-filter ul li a:after {
content: "";
display: block;
margin: 5px auto 0;
width: 100%;
height: 5px;
background: var(--color-primary);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-ms-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.reference-filter ul li a:hover, .reference-filter ul li a:focus {
text-decoration: none;
}
.reference-filter ul li:not(.active) a {
color: var(--color-text) !important;
}
.reference-filter ul li:not(.active) a:after {
width: 0;
}
.reference-filter ul li:not(.active) a:hover {
color: var(--color-primary-h);
}
@media only screen and (min-width: 992px) {
.reference-filter ul li {
margin: 0 60px;
}
}
.reference-logo-grid .tile-item {
background: var(--color-gray-d);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 15px 20px;
text-align: center;
}
.reference-logo-grid .tile-item img {
max-width: 80%;
max-height: 80%;
width: 100%;
}
@media only screen and (min-width: 768px) {
.reference-logo-grid .tile-item {
padding: 25px 35px;
}
}
.ref-header {
text-align: center;
margin: 0 auto 40px;
max-width: 1200px;
}
.ref-header-date {
font-size: 20px;
font-size: 1.25rem;
line-height: 30px;
line-height: 1.875rem;
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.ref-header-date {
margin-bottom: 33.3333333333px;
}
}
@media only screen and (min-width: 1200px) {
.ref-header-date {
margin-bottom: 41.6666666667px;
}
}
@media only screen and (min-width: 2000px) {
.ref-header-date {
margin-bottom: 50px;
}
}
.ref-header-date span {
text-transform: lowercase;
}
.ref-header h1 {
font-size: 40px;
font-size: 2.5rem;
line-height: 48px;
line-height: 3rem;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.ref-header h1 {
font-size: 50px;
font-size: 3.125rem;
line-height: 60px;
line-height: 3.75rem;
}
}
@media only screen and (min-width: 1200px) {
.ref-header h1 {
font-size: 60px;
font-size: 3.75rem;
line-height: 72px;
line-height: 4.5rem;
}
}
@media only screen and (min-width: 2000px) {
.ref-header h1 {
font-size: 70px;
font-size: 4.375rem;
line-height: 84px;
line-height: 5.25rem;
}
}
@media only screen and (min-width: 768px) {
.ref-header h1 {
margin-bottom: 33.3333333333px;
}
}
@media only screen and (min-width: 1200px) {
.ref-header h1 {
margin-bottom: 46.6666666667px;
}
}
@media only screen and (min-width: 2000px) {
.ref-header h1 {
margin-bottom: 60px;
}
}
.ref-gallery {
text-align: center;
}
.ref-gallery img {
max-height: 50vh;
}
.ref-gallery img.__small {
max-width: 50%;
}
@media only screen and (min-width: 768px) {
.ref-gallery img {
max-height: 70vh;
}
}
@media only screen and (min-width: 1200px) {
.ref-gallery img {
max-height: 70vh;
max-width: 1000px;
}
.ref-gallery img.__small {
max-width: 500px;
}
}
.service-grid .row {
counter-reset: servis-counter;
}
.service-grid .row > div {
counter-increment: servis-counter;
}
.service-grid .tile-item {
padding-bottom: 55px;
font-size: 16px;
font-size: 1rem;
line-height: 24px;
line-height: 1.5rem;
}
@media only screen and (min-width: 768px) {
.service-grid .tile-item {
font-size: 18px;
font-size: 1.125rem;
line-height: 27px;
line-height: 1.6875rem;
}
}
@media only screen and (min-width: 1200px) {
.service-grid .tile-item {
font-size: 20px;
font-size: 1.25rem;
line-height: 30px;
line-height: 1.875rem;
}
}
@media only screen and (min-width: 2000px) {
.service-grid .tile-item {
font-size: 22px;
font-size: 1.375rem;
line-height: 33px;
line-height: 2.0625rem;
}
}
.service-grid .tile-item:before {
content: "0" counters(servis-counter, "");
display: block;
color: var(--color-gray);
font-weight: 700;
font-size: 80px;
font-size: 5rem;
line-height: 80px;
line-height: 5rem;
margin-bottom: 15px;
letter-spacing: 0.1em;
}
@media only screen and (min-width: 768px) {
.service-grid .tile-item:before {
font-size: 103.3333333333px;
font-size: 6.4583333333rem;
line-height: 103.3333333333px;
line-height: 6.4583333333rem;
}
}
@media only screen and (min-width: 1200px) {
.service-grid .tile-item:before {
font-size: 126.6666666667px;
font-size: 7.9166666667rem;
line-height: 126.6666666667px;
line-height: 7.9166666667rem;
}
}
@media only screen and (min-width: 2000px) {
.service-grid .tile-item:before {
font-size: 150px;
font-size: 9.375rem;
line-height: 150px;
line-height: 9.375rem;
}
}
@media only screen and (min-width: 768px) {
.service-grid .tile-item:before {
margin-bottom: 23.3333333333px;
}
}
@media only screen and (min-width: 1200px) {
.service-grid .tile-item:before {
margin-bottom: 31.6666666667px;
}
}
@media only screen and (min-width: 2000px) {
.service-grid .tile-item:before {
margin-bottom: 40px;
}
}
.service-grid .tile-item-title {
font-weight: 300;
margin-bottom: 25px;
font-size: 30px;
font-size: 1.875rem;
line-height: 36px;
line-height: 2.25rem;
max-width: 500px;
}
@media only screen and (min-width: 768px) {
.service-grid .tile-item-title {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.service-grid .tile-item-title {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 2000px) {
.service-grid .tile-item-title {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.service-grid .tile-item-title {
font-size: 40px;
font-size: 2.5rem;
line-height: 48px;
line-height: 3rem;
}
}
@media only screen and (min-width: 1200px) {
.service-grid .tile-item-title {
font-size: 50px;
font-size: 3.125rem;
line-height: 60px;
line-height: 3.75rem;
}
}
@media only screen and (min-width: 2000px) {
.service-grid .tile-item-title {
font-size: 60px;
font-size: 3.75rem;
line-height: 72px;
line-height: 4.5rem;
}
}
.service-grid .tile-item-content {
font-weight: 300;
padding-bottom: 50px;
opacity: 1;
filter: alpha(opacity=100);
}
.service-grid .tile-item-content ul {
column-count: 2;
column-gap: 30px;
}
.service-grid .tile-item-content ul li {
padding-bottom: 5px;
}
.service-grid .tile-item-cta {
position: absolute;
bottom: 0;
left: 0;
font-size: 0;
padding: 15px 20px;
}
.service-grid .tile-item-cta:after {
margin: 0;
font-size: 25px;
font-size: 1.5625rem;
line-height: 25px;
line-height: 1.5625rem;
}
.service-list {
font-size: 21px;
font-size: 1.3125rem;
line-height: 27.3px;
line-height: 1.70625rem;
font-weight: 300;
counter-reset: servis-counter;
}
@media only screen and (min-width: 768px) {
.service-list {
font-size: 24px;
font-size: 1.5rem;
line-height: 31.2px;
line-height: 1.95rem;
}
}
@media only screen and (min-width: 1200px) {
.service-list {
font-size: 27px;
font-size: 1.6875rem;
line-height: 35.1px;
line-height: 2.19375rem;
}
}
@media only screen and (min-width: 2000px) {
.service-list {
font-size: 30px;
font-size: 1.875rem;
line-height: 39px;
line-height: 2.4375rem;
}
}
.service-list .service-item {
counter-increment: servis-counter;
margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
.service-list .service-item {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) {
.service-list .service-item {
margin-bottom: 120px;
}
}
@media only screen and (min-width: 2000px) {
.service-list .service-item {
margin-bottom: 150px;
}
}
.service-list .service-item-title {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.service-list .service-item-title {
margin-bottom: 33.3333333333px;
}
}
@media only screen and (min-width: 1200px) {
.service-list .service-item-title {
margin-bottom: 46.6666666667px;
}
}
@media only screen and (min-width: 2000px) {
.service-list .service-item-title {
margin-bottom: 60px;
}
}
.service-list .service-item-title h2 {
font-weight: 300;
padding: 20px 0;
font-size: 30px;
font-size: 1.875rem;
line-height: 39px;
line-height: 2.4375rem;
}
@media only screen and (min-width: 768px) {
.service-list .service-item-title h2 {
font-size: 43.3333333333px;
font-size: 2.7083333333rem;
line-height: 56.3333333333px;
line-height: 3.5208333333rem;
}
}
@media only screen and (min-width: 1200px) {
.service-list .service-item-title h2 {
font-size: 56.6666666667px;
font-size: 3.5416666667rem;
line-height: 73.6666666667px;
line-height: 4.6041666667rem;
}
}
@media only screen and (min-width: 2000px) {
.service-list .service-item-title h2 {
font-size: 70px;
font-size: 4.375rem;
line-height: 91px;
line-height: 5.6875rem;
}
}
.service-list .service-item-title:before {
content: "0" counters(servis-counter, "");
display: block;
color: var(--color-gray);
font-weight: 700;
font-size: 80px;
font-size: 5rem;
line-height: 80px;
line-height: 5rem;
letter-spacing: 0.1em;
padding: 10px 30px 10px 0;
margin: 0 30px 0 0;
border: 0px solid var(--color-gray);
}
@media only screen and (min-width: 768px) {
.service-list .service-item-title:before {
font-size: 86.6666666667px;
font-size: 5.4166666667rem;
line-height: 86.6666666667px;
line-height: 5.4166666667rem;
}
}
@media only screen and (min-width: 1200px) {
.service-list .service-item-title:before {
font-size: 93.3333333333px;
font-size: 5.8333333333rem;
line-height: 93.3333333333px;
line-height: 5.8333333333rem;
}
}
@media only screen and (min-width: 2000px) {
.service-list .service-item-title:before {
font-size: 100px;
font-size: 6.25rem;
line-height: 100px;
line-height: 6.25rem;
}
}
.service-list .service-item-content ul {
margin: 50px 0 0;
column-count: 1;
column-gap: 30px;
font-size: 18px;
font-size: 1.125rem;
line-height: 23.4px;
line-height: 1.4625rem;
}
@media only screen and (min-width: 768px) {
.service-list .service-item-content ul {
font-size: 20px;
font-size: 1.25rem;
line-height: 26px;
line-height: 1.625rem;
}
}
@media only screen and (min-width: 1200px) {
.service-list .service-item-content ul {
font-size: 22px;
font-size: 1.375rem;
line-height: 28.6px;
line-height: 1.7875rem;
}
}
@media only screen and (min-width: 2000px) {
.service-list .service-item-content ul {
font-size: 24px;
font-size: 1.5rem;
line-height: 31.2px;
line-height: 1.95rem;
}
}
.service-list .service-item-content ul li {
padding-bottom: 10px;
padding-left: 28px;
break-inside: avoid;
}
.service-list .service-item-after {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.service-list .service-item-after {
margin-top: 36.6666666667px;
}
}
@media only screen and (min-width: 1200px) {
.service-list .service-item-after {
margin-top: 43.3333333333px;
}
}
@media only screen and (min-width: 2000px) {
.service-list .service-item-after {
margin-top: 50px;
}
}
.service-list .service-item-after a {
margin: 0 10px 10px 0;
}
@media only screen and (min-width: 576px) {
.service-list .service-item-content ul {
column-count: 2;
}
}
@media only screen and (min-width: 768px) {
.service-list .service-item-title {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.service-list .service-item-title:before {
border-right-width: 1px;
}
.service-list .service-item-after a {
margin: 0 30px 0 0;
}
}
@media only screen and (min-width: 1200px) {
.service-list .service-item-content ul {
column-count: 3;
}
}
.person-grid .tile-item {
font-weight: 300;
text-align: center;
}
.person-grid .tile-item a {
color: inherit;
}
.person-grid .tile-item-image {
max-width: 200px;
margin: 0 auto 20px;
}
.person-grid .tile-item-image:after {
padding-top: 100%;
}
.person-grid .tile-item-title {
font-size: 24px;
font-size: 1.5rem;
line-height: 31.2px;
line-height: 1.95rem;
margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
.person-grid .tile-item-title {
font-size: 26px;
font-size: 1.625rem;
line-height: 33.8px;
line-height: 2.1125rem;
}
}
@media only screen and (min-width: 1200px) {
.person-grid .tile-item-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 36.4px;
line-height: 2.275rem;
}
}
@media only screen and (min-width: 2000px) {
.person-grid .tile-item-title {
font-size: 30px;
font-size: 1.875rem;
line-height: 39px;
line-height: 2.4375rem;
}
}
.person-grid .tile-item-perex {
opacity: 1;
filter: alpha(opacity=100);
margin: 0 0 25px;
color: var(--color-primary);
}
.person-grid .tile-item .email_link, .person-grid .tile-item .phone_link {
margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
.person-grid .tile-item {
text-align: left;
}
.person-grid .tile-item-image {
margin: 0 0 30px;
}
}
@media print {
.header, .footer {
display: none;
}
*[data-aos],
*[data-aos] .row > div {
opacity: 1 !important;
transform: translate3d(0, 0, 0) !important;
transition-duration: 0ms !important;
}
*[class*=respo-image] {
position: relative;
}
*[class*=respo-image] img {
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }