@charset "UTF-8";
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }.justified-gallery {
width: 100%;
position: relative;
overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
position: absolute;
display: inline-block;
overflow: hidden; filter: "alpha(opacity=10)";
opacity: 0.1;
margin: 0;
padding: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img,
.justified-gallery > a > svg,
.justified-gallery > div > svg,
.justified-gallery > figure > svg,
.justified-gallery > a > a > svg,
.justified-gallery > div > a > svg,
.justified-gallery > figure > a > svg {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: none;
filter: "alpha(opacity=0)";
opacity: 0;
}
.justified-gallery > a > .jg-caption,
.justified-gallery > div > .jg-caption,
.justified-gallery > figure > .jg-caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000000;
left: 0;
right: 0;
margin: 0;
color: white;
font-size: 12px;
font-weight: 300;
font-family: sans-serif;
}
.justified-gallery > a > .jg-caption.jg-caption-visible,
.justified-gallery > div > .jg-caption.jg-caption-visible,
.justified-gallery > figure > .jg-caption.jg-caption-visible {
display: initial;
filter: "alpha(opacity=70)";
opacity: 0.7;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-entry-visible {
filter: "alpha(opacity=100)";
opacity: 1;
background: none;
}
.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
-o-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-filtered {
display: none;
}
.justified-gallery > .jg-spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0 10px 0;
left: 50%;
filter: "alpha(opacity=100)";
opacity: 1;
overflow: initial;
}
.justified-gallery > .jg-spinner > span {
display: inline-block;
filter: "alpha(opacity=0)";
opacity: 0;
width: 8px;
height: 8px;
margin: 0 4px 0 4px;
background-color: #000;
border-radius: 6px;
}.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.servisnapohodu.cz/wp-content/themes/servisnapohodu/assets/fonts/icomoon/fonts/icomoon.eot?8ich0f);
src:  url(//www.servisnapohodu.cz/wp-content/themes/servisnapohodu/assets/fonts/icomoon/fonts/icomoon.eot?8ich0f#iefix) format('embedded-opentype'),
url(//www.servisnapohodu.cz/wp-content/themes/servisnapohodu/assets/fonts/icomoon/fonts/icomoon.ttf?8ich0f) format('truetype'),
url(//www.servisnapohodu.cz/wp-content/themes/servisnapohodu/assets/fonts/icomoon/fonts/icomoon.woff?8ich0f) format('woff'),
url(//www.servisnapohodu.cz/wp-content/themes/servisnapohodu/assets/fonts/icomoon/fonts/icomoon.svg?8ich0f#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-customer-first2:before {
content: "\e904";
}
.icon-customer-first:before {
content: "\e903";
}
.icon-indukce:before {
content: "\e90d";
}
.icon-deska:before {
content: "\e90f";
}
.icon-other:before {
content: "\e90e";
}
.icon-home1:before {
content: "\e914";
color: #1c274c;
}
.icon-trouba:before {
content: "\e901";
}
.icon-certificate-svgrepo-com:before {
content: "\e902";
}
.icon-mycka:before {
content: "\e910";
}
.icon-pracka:before {
content: "\e911";
}
.icon-sporak:before {
content: "\e912";
}
.icon-susicka:before {
content: "\e913";
}
.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-shopping-cart1:before {
content: "\f07a";
}
.icon-cart-plus1:before {
content: "\f217";
}
.icon-cart-arrow-down1:before {
content: "\f218";
}
.icon-shopping-bag1:before {
content: "\f290";
}
.icon-shopping-basket1:before {
content: "\f291";
}
.icon-external-link:before {
content: "\f08e";
}
.icon-chain:before {
content: "\f0c1";
}
.icon-link:before {
content: "\f0c1";
}
.icon-group1:before {
content: "\f0c0";
}
.icon-users1: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-envelope-o:before {
content: "\f003";
}
.icon-user:before {
content: "\f007";
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-search-plus:before {
content: "\f00e";
}
.icon-search-minus:before {
content: "\f010";
}
.icon-cog:before {
content: "\f013";
}
.icon-gear: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-photo:before {
content: "\f03e";
}
.icon-picture-o: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-share:before {
content: "\f064";
}
.icon-twitter-square:before {
content: "\f081";
}
.icon-facebook-square:before {
content: "\f082";
}
.icon-linkedin-square:before {
content: "\f08c";
}
.icon-spotify1:before {
content: "\f1bc";
}
.icon-phone:before {
content: "\f095";
}
.icon-phone-square:before {
content: "\f098";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-facebook-f:before {
content: "\f09a";
}
.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-envelope:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.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-mobile:before {
content: "\f10b";
}
.icon-mobile-phone:before {
content: "\f10b";
}
.icon-mail-reply:before {
content: "\f112";
}
.icon-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-file:before {
content: "\f15b";
}
.icon-file-text:before {
content: "\f15c";
}
.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-envelope-square:before {
content: "\f199";
}
.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-photo-o:before {
content: "\f1c5";
}
.icon-file-picture-o:before {
content: "\f1c5";
}
.icon-file-archive-o:before {
content: "\f1c6";
}
.icon-file-zip-o:before {
content: "\f1c6";
}
.icon-file-audio-o:before {
content: "\f1c7";
}
.icon-file-sound-o:before {
content: "\f1c7";
}
.icon-file-movie-o:before {
content: "\f1c8";
}
.icon-file-video-o:before {
content: "\f1c8";
}
.icon-file-code-o:before {
content: "\f1c9";
}
.icon-facebook-official:before {
content: "\f230";
}
.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-volume-control-phone:before {
content: "\f2a0";
}
.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-id-card:before {
content: "\f2c2";
}
.icon-drivers-license-o:before {
content: "\f2c3";
}
.icon-id-card-o:before {
content: "\f2c3";
}
.icon-shopping-cart:before {
content: "\f07b";
}
.icon-cart-plus:before {
content: "\f219";
}
.icon-carcat-arrow-down:before {
content: "\f21a";
}
.icon-shopping-bag:before {
content: "\f292";
}
.icon-shopping-basket:before {
content: "\f293";
}
.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: #2A3D8C;
--color-primary-h: #3046a0;
--color-primary-d: #121b3e;
--color-primary-l: #5169cb;
--color-primary-s: #c7ceee;
--color-primary-c: #fff;
--color-secondary: #b635cd;
--color-secondary-h: #bd49d2;
--color-secondary-d: #6f1f7d;
--color-secondary-l: #d487e1;
--color-secondary-s: white;
--color-secondary-c: #fff;
--color-text: #333;
--color-background: #fff;
--color-title: var(--color-primary);
--color-title-s: var(--color-title);
--color-link: var(--color-primary);
--color-link-h: var(--color-primary-h);
--color-link-c: var(--color-light);
--color-li: var(--color-primary);
--color-highlight: var(--color-primary);
--color-highlight-c: var(--color-light);
--color-line: var(--color-text);
--color-input: #eee;
--color-placeholder: $color-gray;
--color-soft: #f5f5f5;
--color-ok: #00aa00;
--color-war: orange;
--color-err: #aa0000;
--menu-bg: var(--color-light);
--menu-text: var(--color-primary);
}
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: "Montserrat", sans-serif;
font-weight: 700;
}
h1, .h1 {
margin: 0 0 30px;
text-transform: uppercase;
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: 40px;
font-size: 2.5rem;
line-height: 48px;
line-height: 3rem;
}
}
@media only screen and (min-width: 1600px) {
h1, .h1 {
font-size: 50px;
font-size: 3.125rem;
line-height: 60px;
line-height: 3.75rem;
}
}
.fragment.timeline .timeline-item-year, h2, .h2 {
margin: 0 0 20px;
text-transform: uppercase;
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: 1600px) {
.fragment.timeline .timeline-item-year, h2, .h2 {
font-size: 40px;
font-size: 2.5rem;
line-height: 48px;
line-height: 3rem;
}
}
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: 21px;
font-size: 1.3125rem;
line-height: 25.2px;
line-height: 1.575rem;
}
}
@media only screen and (min-width: 1600px) {
h3, .h3 {
font-size: 24px;
font-size: 1.5rem;
line-height: 28.8px;
line-height: 1.8rem;
}
}
.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: 18px;
font-size: 1.125rem;
line-height: 21.6px;
line-height: 1.35rem;
}
}
@media only screen and (min-width: 1600px) {
.search-item a strong, h4, .h4 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 22.8px;
line-height: 1.425rem;
}
}
.slideshow-slider-item-content a, .fragment.popup .floating-button a, .fragment.floating_bar .floatingbar a, .js input[type=file] + label:after, .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, input[type=submit], a.button-blank,
a .button-blank,
.button-blank a, .btn.btn-secondary,
a.button-secondary,
a .button-secondary,
.button-secondary a {
display: inline-block;
text-transform: uppercase;
font-weight: 400;
color: #b635cd;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 20.8px;
line-height: 1.3rem;
}
.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, .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, input[type=submit]: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, .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, input[type=submit]: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: #bd49d2;
}
.slideshow-slider-item-content a, .fragment.popup .floating-button a, .fragment.floating_bar .floatingbar a, .js input[type=file] + label:after, .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, input[type=submit], a.button-blank,
a .button-blank,
.button-blank a, .btn.btn-secondary,
a.button-secondary,
a .button-secondary,
.button-secondary a {
padding: 0.9375rem 1.5625rem;
text-align: center;
background: var(--color-link);
border: 2px solid var(--color-link);
color: var(--color-link-c) !important;
position: relative;
margin: 0 0.625rem 0.625rem 0;
font-size: 15px;
font-size: 0.9375rem;
line-height: 19.5px;
line-height: 1.21875rem;
letter-spacing: 0.1em;
font-weight: 700;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
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, .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, input[type=submit]: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, .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, input[type=submit]: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, .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, input.active[type=submit], 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: var(--color-link-h);
border-color: var(--color-link-h);
color: var(--color-link-c) !important;
}
.btn.btn-secondary,
a.button-secondary,
a .button-secondary,
.button-secondary a {
background: var(--color-secondary);
border-color: 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);
border-color: var(--color-secondary-h);
color: var(--color-secondary-c) !important;
}
input[type=submit], a.button-blank,
a .button-blank,
.button-blank a {
background: transparent;
border-color: var(--color-link);
color: var(--color-link) !important;
}
input[type=submit]:hover, a.button-blank:hover,
a .button-blank:hover,
.button-blank a:hover, input[type=submit]:focus, a.button-blank:focus,
a .button-blank:focus,
.button-blank a:focus, input.active[type=submit], a.active.button-blank,
a .active.button-blank,
.button-blank a.active {
background: var(--color-link-h);
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: #2A3D8C !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: #2A3D8C;
border-color: #2A3D8C;
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;
}
.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;
}
.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;
}
.slick-slider .slick-arrow:after {
display: none;
}
.slick-slider .slick-arrow:active {
margin: 0;
}
.slick-slider .slick-arrow.slick-next {
left: auto;
}
.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: "";
display: block;
width: 0;
height: 0;
border: 1px solid transparent;
border-left-color: var(--color-li);
border-width: 8px 0 8px 12px;
position: absolute;
top: 5px;
left: 0px;
}
.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 -2.5rem;
}
.slick-list .slick-slide {
padding: 0 0 0 2.5rem;
}
.grid-collapse .slick-list {
margin: 0;
}
.grid-collapse .slick-list .slick-slide {
padding: 0;
}
.grid-small .slick-list {
margin: 0 0 0 -0.9375rem;
}
.grid-small .slick-list .slick-slide {
padding: 0 0 0 0.9375rem;
}
.grid-large .slick-list {
margin: 0 0 0 -6.25rem;
}
.grid-large .slick-list .slick-slide {
padding: 0 0 0 6.25rem;
}
.mfp-bg {
background: var(--color-primary);
opacity: 0.6;
filter: alpha(opacity=60);
}
.mfp-iframe-holder .mfp-content {
max-width: 1400px;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 90%;
max-width: 800px;
}
.mfp-inline-holder .mfp-content table tr td, .mfp-ajax-holder .mfp-content table tr td {
vertical-align: top;
}
.mfp-inline-holder .mfp-content input[type=submit], .mfp-ajax-holder .mfp-content input[type=submit] {
margin: 10px auto 0;
}
.popup-wrapper {
background: #fff;
}
.popup-wrapper.loading {
text-align: center;
padding: 100px 30px;
}
.popup-wrapper.loading:before {
content: "";
margin: auto;
display: block;
width: 80px;
height: 80px;
border: 5px solid #2A3D8C;
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-wrapper.dark-popup {
background: #2A3D8C;
color: #fff;
}
.popup-wrapper.dark-popup h1, .popup-wrapper.dark-popup h2, .popup-wrapper.dark-popup h3 {
color: inherit;
max-width: 70%;
margin: 0 auto 40px;
}
.popup-wrapper.dark-popup .mfp-close {
color: inherit;
}
.popup-inner {
padding: 40px 15px;
margin: auto;
}
@media only screen and (min-width: 768px) {
.popup-inner {
padding: 40px;
}
}
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);
}
.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: "Montserrat", 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 {
text-decoration: none;
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 {
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
}
.big {
font-size: 20px;
font-size: 1.25rem;
line-height: 30px;
line-height: 1.875rem;
}
.thin {
font-weight: 400;
}
.perex {
font-weight: 700;
font-size: 20px;
font-size: 1.25rem;
line-height: 28px;
line-height: 1.75rem;
}
.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(51, 51, 51, 0.1) 1px solid;
padding: 12px 30px;
}
table thead tr td,
table tr th {
background: rgba(51, 51, 51, 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;
}
.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 * + 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: "Montserrat", 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,
.bg-image.editor-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-light);
--color-link-h: var(--color-soft);
--color-link-c: var(--color-primary);
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;
}
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;
background: #f5f5f5;
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: #888;
}
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: #888;
}
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: #888;
}
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: #888;
}
input[type=submit] {
display: table;
margin: 10px 0 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: #888;
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=radio]:not(old) + label {
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=radio]:not(old) + label: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=radio]:not(old):checked + label: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 {
-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 {
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);
}
.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(51, 51, 51, 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";
}
.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: #f5f5f5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box; height: 50px;
line-height: 50px;
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: #2A3D8C;
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: 50px;
padding: 0 30px;
white-space: nowrap;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
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;
}
.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: "Montserrat", sans-serif;
}
.f-s {
font-family: "Montserrat", 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: 2.5rem;
}
.pt-m, .pt-l, .pt-xl {
padding-top: 5rem;
}
@media only screen and (min-width: 992px) {
.pt-l, .pt-xl {
padding-top: 7.5rem;
}
}
@media only screen and (min-width: 1200px) {
.pt-xl {
padding-top: 10rem;
}
}
.mt- {
margin-top: 0;
}
.mt-s {
margin-top: 2.5rem;
}
.mt-m, .mt-l, .mt-xl {
margin-top: 5rem;
}
@media only screen and (min-width: 992px) {
.mt-l, .mt-xl {
margin-top: 7.5rem;
}
}
@media only screen and (min-width: 1200px) {
.mt-xl {
margin-top: 10rem;
}
}
.pb- {
padding-bottom: 0;
}
.pb-s {
padding-bottom: 2.5rem;
}
.pb-m, .pb-l, .pb-xl {
padding-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
.pb-l, .pb-xl {
padding-bottom: 7.5rem;
}
}
@media only screen and (min-width: 1200px) {
.pb-xl {
padding-bottom: 10rem;
}
}
.mb- {
margin-bottom: 0;
}
.mb-s {
margin-bottom: 2.5rem;
}
.mb-m, .mb-l, .mb-xl {
margin-bottom: 5rem;
}
@media only screen and (min-width: 992px) {
.mb-l, .mb-xl {
margin-bottom: 7.5rem;
}
}
@media only screen and (min-width: 1200px) {
.mb-xl {
margin-bottom: 10rem;
}
}
.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-soft {
background: var(--color-soft);
}
.bg-white {
background: var(--color-light);
}
.bg-dark {
background: var(--color-dark) !important;
}
.bg-color {
background: var(--color-primary);
}
.bg-image {
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: cover;
position: relative;
}
.bg-image:before {
background: rgba(0, 0, 0, 0.65);
}
.bg-image > div {
position: relative;
}
.bg-texture-light {
background-image: url(//www.servisnapohodu.cz/wp-content/themes/servisnapohodu/assets/img/texture-light.jpg);
}
.bg-texture-dark {
background-image: url(//www.servisnapohodu.cz/wp-content/themes/servisnapohodu/assets/img/texture-dark.jpg);
}
.bg-texture-color {
background: linear-gradient(135deg, #b635cd 0%, #2A3D8C 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.servisnapohodu.cz/wp-content/themes/servisnapohodu/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 {
text-align: center;
color: var(--color-title-s);
position: relative;
padding: 0 0 30px;
margin: 0 0 50px;
}
.block-title h1:after, .block-title h2:after, .block-title h3:after {
content: "";
display: block;
width: 80px;
border-top: 2px solid var(--color-li);
position: absolute;
bottom: 0;
left: 50%;
margin: 0 0 0 -40px;
}
.block-divider {
border-top: 1px solid rgba(51, 51, 51, 0.1);
}
.block-collapse-top .block {
padding-top: 0;
}
.block-collapse-bottom .block {
padding-bottom: 0;
}
.block-collapse-next .block {
padding-bottom: 2.5rem;
}
.block-collapse-next + .fragment .block {
padding-top: 0;
}
.block-overlap-next .block {
padding-bottom: 0;
}
.block-overlap-next + .fragment .block {
padding-top: 0;
margin-top: -50px;
}
.block-overlap-prev {
position: relative;
z-index: 5;
margin-top: -150px;
}
.block-overlap-prev .block {
padding-top: 0;
}
@media only screen and (min-width: 992px) {
.block-overlap-prev {
margin-top: -250px;
}
}
.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(51, 51, 51, 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: 98.75rem;
max-width: 100% !important;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.container-large {
width: 108.125rem;
}
.container-thin {
width: 60rem;
}
.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;
}
}
.strict-container .container {
width: 98.75rem !important;
}
.strict-container-thin .container {
width: 60rem !important;
}
.strict-container-large .container {
width: 108.125rem !important;
}
.container .container-child {
width: 98.75rem !important;
}
.container-thin .container-child {
width: 60rem !important;
}
.container-large .container-child {
width: 108.125rem !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 -0.9375rem;
}
.row > *[class^=col] {
padding: 0 0 0 0.9375rem;
}
.row.grid-gap {
margin-bottom: -0.9375rem;
}
.row.grid-gap > *[class^=col] {
padding-bottom: 0.9375rem;
}
.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 -2.5rem;
}
.row > *[class^=col] {
padding: 0 0 0 2.5rem;
}
.row.grid-gap {
margin-bottom: -2.5rem;
}
.row.grid-gap > *[class^=col] {
padding-bottom: 2.5rem;
}
.row.grid-small {
margin-left: -0.9375rem;
}
.row.grid-small > *[class^=col] {
padding-left: 0.9375rem;
}
.row.grid-gap.grid-small {
margin-bottom: -0.9375rem;
}
.row.grid-gap.grid-small > *[class^=col] {
padding-bottom: 0.9375rem;
}
}
@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;
}
}
.grid-divider {
margin: 0 !important;
border: 1px solid rgba(51, 51, 51, 0.1);
border-width: 0 0 0 2px;
}
.grid-divider > div {
border: 1px solid rgba(51, 51, 51, 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(51, 51, 51, 0.1);
position: absolute;
top: 0;
}
.grid-separator > *[class^=col] > div:before {
left: -1.25rem;
margin: 0 0 0 -1px;
}
.grid-separator > *[class^=col] > div:after {
right: -1.25rem;
}
.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.46875rem;
}
.grid-separator.grid-small > *[class^=col] > div:after {
right: -0.46875rem;
}
.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: 2.5rem;
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: 0.9375rem;
}
.columns-large {
column-gap: 6.25rem;
}
.columns-divider {
column-gap: 5rem;
column-rule: 1px solid rgba(51, 51, 51, 0.1);
}
.columns-divider.columns-small {
column-gap: 1.875rem;
}
.columns-divider.columns-large {
column-gap: 12.5rem;
}
.breadcrumb {
margin: 0;
padding: 0;
background: none;
margin: 0 0 -40px;
color: #888;
border-bottom: 1px solid rgba(51, 51, 51, 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: 2.5rem;
}
@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 5px;
}
.social li:before {
display: none;
}
.social li a {
display: block;
width: 30px;
height: 30px;
overflow: hidden;
text-align: center;
background: var(--color-primary);
color: #fff;
-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: #888;
}
.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;
color: var(--color-primary);
height: 100%;
text-align: center;
position: relative;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
}
.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: 15px 15px 15px;
}
.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 10px;
font-weight: 700;
color: inherit;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 20px;
font-size: 1.25rem;
line-height: 24px;
line-height: 1.5rem;
}
.tile-item-perex {
display: block;
color: inherit;
margin: 0 0 15px;
font-size: 14px;
font-size: 0.875rem;
line-height: 18.2px;
line-height: 1.1375rem;
}
.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-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 {
font-size: 10px;
font-size: 0.625rem;
line-height: 15px;
line-height: 0.9375rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--color-primary);
font-weight: 700;
}
.tile-item-cta a {
margin: 0;
}
@media only screen and (min-width: 768px) {
.tile-item-inner {
padding: 20px 35px 20px;
}
.tile-item-header {
padding: 15px 35px 15px;
}
.tile-item-body {
padding: 15px 35px 15px;
}
}
.tile-item .tile-item-image {
display: block;
position: relative;
overflow: hidden;
}
.tile-item .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, 1); webkit-transform: scale(1, 1); transform: scale(1, 1);
}
.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(51, 51, 51, 0.1);
}
.search-item a {
display: block;
padding: 30px 0;
color: #888;
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 a,
.phone_link a,
.address_label,
.name_label {
display: block;
margin: 0 0 0.9375rem;
position: relative;
font-weight: 400;
}
.email_link a:before,
.phone_link a:before,
.address_label:before,
.name_label:before {
content: "\f003";
color: var(--color-highlight);
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;
}
.phone_link a: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;
}
*[class*=button] .email_link a:before,
*[class*=button] .phone_link a:before {
color: inherit;
}
.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;
}
}
.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: "\f042";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
display: inline-block;
color: var(--color-primary);
vertical-align: bottom;
text-shadow: 1px 1px 0 #000;
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 .cluster > div {
border: none !important;
background: transparent url(//www.servisnapohodu.cz/wp-content/themes/servisnapohodu/assets/img/marker-cluster.png) no-repeat center bottom !important;
color: #fff !important;
border-radius: 0 !important;
width: 102px !important;
height: 113px !important;
top: -56px !important;
left: -51px !important;
}
.smap .cluster > div img {
display: none;
} 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.twocols .justify-content-between {
text-align: center;
}
@media only screen and (min-width: 768px) {
.fragment.twocols .justify-content-between {
text-align: left;
}
.fragment.twocols .justify-content-between > div:nth-child(2) {
text-align: right;
}
}
.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: #888;
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;
height: 100%;
}
.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 -0.9375rem !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%;
}
.tile-grid.counter .tile-item-title {
font-weight: 700;
margin: 0;
font-size: 60px;
font-size: 3.75rem;
line-height: 78px;
line-height: 4.875rem;
}
.tile-grid.counter .tile-item-perex {
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
color: #888;
font-size: 14px;
font-size: 0.875rem;
line-height: 18.2px;
line-height: 1.1375rem;
}
@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: none;
position: relative;
font-weight: 700;
background: #f5f5f5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box; }
.tile-grid.faq-list .faq-item-title:before, .tile-grid.faq-list .faq-item-title:after {
display: block;
content: "";
width: 18px;
height: 5px;
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: none;
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.servisnapohodu.cz/wp-content/themes/servisnapohodu/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);
}
.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 {
content: "";
background-color: var(--color-bg);
opacity: 0.7;
filter: alpha(opacity=70);
}
.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: 100px 25px 150px;
text-align: center;
}
.fragment.topmedia .topmedia-item-content {
position: relative;
font-size: 18px;
font-size: 1.125rem;
line-height: 27px;
line-height: 1.6875rem;
max-width: 700px;
margin: auto;
padding: 30px;
}
.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-slider .slick-dots {
bottom: 30px;
}
@media only screen and (min-width: 992px) {
.fragment.topmedia .topmedia-item-inner {
padding: 200px 25px 250px;
}
}
.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-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.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;
}
}
.header {
--color-link: var(--menu-text);
--color-link-active: var(--menu-text);
position: relative;
color: var(--menu-text);
font-weight: 400;
padding: 0;
z-index: 100;
text-transform: uppercase;
background: var(--menu-bg);
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-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;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.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 > 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 {
background: var(--menu-bg) !important;
-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 {
position: absolute;
top: 0;
left: 0;
}
.header-lang ul li {
display: none;
margin: 0 1px 0 0;
}
.header-lang ul li a {
display: block;
width: 30px;
height: 30px;
overflow: hidden;
background: #888;
text-align: center;
color: #fff;
font-weight: 400;
font-size: 0;
margin: 0 0 5px;
opacity: 0.7;
filter: alpha(opacity=70);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAB2ElEQVRIS2NMrdnipyjxbuafv78lGOgIuDg5nquqyDsyqjg2/WX6/4vJ1VaSQVyEg45OYGAAOYJR3Lj8P8hWXcsIhvZsJQYtRS66OKJ35iKwPXAHqJuGgwX87YQZ0gIkGZiYGGnqEJwOANkqKcLG0JWjxCAiwEozR+B1AMzW0hhZBicTAZo4gigHgGw20eRlqEmSY2BnZaKqQ4h2AMhWLg4mhvYsJQY1OU6qOYIkB8BsDXcVZYjzkmCgRvokywEgh8hJsDN05igxCPCwUBQaZDsAnHcZGRiqEuQYbPT5yXYERQ6A2QpyQFmsLAMrC+llBlUcYPryEEP6pVYG1n+/SA6J9a8/Yi8JiTGJ8f9/hrwLdQxGr44QoxyrGrIdIPf5LkP56WIGnt8QH5ALyHJAyO05DD73ljEwMoDrL4oASQ4A+bbqVAGD9JcHFFmKrJloB1g+38uQcqWTgeXfb6pZDjKIoAOY//9lyD9fw6D/+gRVLYYZhtcBCp9uMZSdKWHg/v2ZJpbjDYGIm9MZPB6spkpCw+d6jBAw03NjqDydzyD59THNfI01EaqYlP7l+f6Syff5ZgbBX+/pYjnMEnZmxieMeYYRzip3Vy/98++vOD1tB1kuw8rmAgAVQ71vh/L1VAAAAABJRU5ErkJggg==) no-repeat center center;
}
.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/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAFJklEQVRIS+2Wa1BUZRjHf2f3wAK7G4iKiOItNRgZawxdaSa/mF3GcHJSKTPvhXjBTEnLQMOAtMQL5XhDx2tZQ5OCHwybRmcSSR2VodEhvCIBXgYW2HV195zTnHfdlU1KqQ/1ofPlvM/7Ppf/+7zPTRpHUvZgKpZacBgAWtcV6j/2bYFfKm+Kddsve10XQVrmzwjY98llzb8vExYmsyQvIoDPJ9eKWa1gcI6UjVnxGW8LYMaECQwftouampa/BcBolCj6diwVl4+2C0DYwqxK+aDpxLThCUhR0Zgzc5AThwmhxiYPKSkXabYrfiWlpQOxWo00xMej2u1i3xAeTrdz52hpURg1qkrsrS+IZWiiGUmSUG9cx/lxJp6fj/n1bD9eKdZ+AFOGDfIeShIhE6cQOisdKTiY5maFjIwazp69LY4fBiA5uZqNG3sRFxcq+O/+WIojdzlasxcsRhl53EQKFy72msteVyg8MF9r4u6+neC+Kw7kAU9gyV6J3H8giqJRVNRIfn7DXwK4fVulsdFDTEwwmqOV1s9yuVPynf/WRtuzmNIXY+jVB1VV2L+/+j6AjLenotbW4CpYhefoD150JhPmOQsIe2MKigpHjrRgs1kwmw0BT2Ds0YOoEyfQNOFA3GdO0Zy5GKX2mveJevclJH0xctIIQZ8+7SQv7xDFxReQYKX2wgt9ycp6iSFDwgSD/lbOtXmoF38VdLAtifDslWidu6EHl26kbQwYY2OJKi9HR9BSkI9jx1ZQFCSLlZDpszGNnwRBQdTXuykpsbN79y3Ky4u9l9QB6AubLZmUlEiSkyPo2TNIKHAV7eX2pvWoLXYMj4UT8eFHhL74shBsD4By4zr1I59BkgyYxrxKaNq7GCI7C/6DB+1s2HAdh0MVtB+ALwYy06f73+pRFu164FEE7/GsWL8tMAj/NQC+OvBa9+4dwP/PWb+qq/N64H8APg9MjIvrkF/V5maRdt5EN2CwWjskv/f8+f9IEPrS8J1pUwQiWZYwmQyi2KCpaE4nmqogBZswhIT4b9leGmoeN6rT2zMMoaEgB4m1x6Phcnnz3/et3b7D64G2hSgjI5rRo8PFQcuhg9QtmoeutNeaz+n0ylixrztdx/ZndcB1oZpLUyfhqqoicmYaUe8vQ5JlysocrF5dz82bHqEnoBJ2725mz57JJCWZ0dxuGnKyuFW4CVPvPvTbsZuwQQniua/WuOjSOfjBXuArxfeup7S2cnleGk3FBwh9eiixG7YR1KMnDQ0e1q5toKys9cFKqDcjd+01rrw1GeeZU4Q/N4rHN29DjohAUTW+L7XzSW49JSUDHpgHjDExRJ08ib1ZISREwhRsQNM06taspjZvBUZrOLEFm7GOfF5A1PvB+PFbAoMwtU83rqan4mlqosfCRfT8IBPJaOSOW+XTVfWUFHv7+cPmgdTUK3yxoRedImTB33S4lOqZ04TebnMXEL0kC0k2cuBAFXPnHr5fiGzWUIwWM/03FdI5eYxX2O5hdtpVLl684w+ehwHQJ6KwMAM5uTGidRskCdflS5x/fQLOykostiT6btnJ1n6xXg/46sCIpxKI//JrwuLihftOnHKw5L1anM7A6H0UAD60k96MZFZqV2TZgOJwUD0njRvf7COoa1eOXam99wR/GErnuRWWLf+J3JyygLTxER2ZinWZxMRoSg+nULBjj1DRdppuxapI+lj+JBVLzffG8n3Dd1F+/Ld2jeubHQWgy3TqFMKC5ZYAALrxChJyfwdy2oeb0oaIwAAAAABJRU5ErkJggg==);
}
.header-lang ul li.lang-item-fr a {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAjUlEQVRIS2N01pktzszMvIeBgUGHAQ+wSfqPTxpDTrkyF696RgaGKwyMjC6MbvrzLhOyHGQStR0AMhPkCJADwF5TEA7B6+L+bZwkhcAHVSW86g+8fQuWH3XAaAiMhsBoCIyGwGgIjIbAaAiMhsCgCIEBa5QyMDCcZwQ1y5mYmfcxMjBo0bNZDrackdETAIE6sTOFYlSxAAAAAElFTkSuQmCC);
}
.header-lang ul li.lang-item-de a {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAlklEQVRIS2NkYGAQZ2Bg2MPAwKDDQF9whYGBwYWRgYHh8gBYDvPqFZAD/oN46urqdPX/zZs3wfaNOmA0BAY+BHYxMvxnZmJiUJOSomsuuP7kCSQXjDpgNARGQ2DAQ+BUA6Q2NA2QoGs5cHrDC0g5MOqA0RAYDCEwcI1SRobzjCdaGcSZfjPsY2Bg0KJrPmRkOP+PhcETAFVyagAlg6MsAAAAAElFTkSuQmCC);
}
.header-lang ul li.current-lang {
display: block;
}
.header-lang ul li.current-lang a {
opacity: 1;
filter: alpha(opacity=100);
}
.header-lang ul:hover li, .header-lang ul:focus li {
display: block;
}
.header-social ul li a {
background: var(--menu-text);
color: var(--color-light);
}
.header-phone {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-align: center;
white-space: nowrap;
margin: 0 15px 0 0;
}
.header-phone a {
display: inline-block;
margin: 0;
font-weight: 700;
color: var(--color-light);
background: var(--color-primary);
padding: 8px 15px;
font-size: 14px;
font-size: 0.875rem;
line-height: 14px;
line-height: 0.875rem;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
background-clip: padding-box; }
.header-phone a:before {
color: inherit;
}
.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: 400;
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;
}
.header-hamburger {
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.header-social {
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 400px) {
.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
}
.header-placeholder {
display: block;
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;
}
.header-inner > div:last-child {
-webkit-box-flex: 0;
-moz-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex: 0;
flex-grow: 0;
}
.header-phone {
-webkit-box-ordinal-group: 5;
-moz-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
margin: 0 0 0 15px;
}
}
.admin-bar .header {
top: 46px;
}
@media only screen and (min-width: 783px) {
.admin-bar .header {
top: 32px;
}
}
.home .header {
box-shadow: none;
}
@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-phone a,
.first-fragment-topmedia:not(.scrolling) .header-phone a,
.menu-overlay:not(.scrolling) .header-phone a {
color: var(--color-primary);
background: var(--color-light);
}
.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:not(.scrolling) .header.open .header-phone a,
.first-fragment-topmedia:not(.scrolling) .header.open .header-phone a,
.menu-overlay:not(.scrolling) .header.open .header-phone a {
background: var(--color-primary);
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;
background: #000;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
line-height: 21px;
line-height: 1.3125rem;
}
.footer a {
color: #2a3d8c;
}
.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: #2a3d8c;
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-logo {
margin: 0 auto 50px;
max-width: 55px;
}
.footer .social a {
background: #2a3d8c;
}
.footer-copy {
position: relative;
padding: 15px;
background: #181818;
color: #888;
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 {
max-width: 33.33333%;
padding: 0 20px 50px 0;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}
@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;
}
.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 20px;
position: relative;
}
.header-menu > ul > li > a {
position: relative;
white-space: nowrap;
font-weight: 400;
text-transform: uppercase;
color: var(--menu-link);
border: none;
padding: 30px 0 30px;
letter-spacing: 0.02em;
font-size: 15px;
font-size: 0.9375rem;
line-height: 15px;
line-height: 0.9375rem;
}
.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, .header-menu > ul > li.current_page_parent > a,
.header-menu > ul > li > a:hover,
.header-menu > ul > li > a:focus {
color: var(--menu-link-active);
}
.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.current-menu-item > a, .header-menu > ul > li.current_page_parent > a {
font-weight: 700;
}
.header-menu > ul > li.menu-item-has-children a {
-webkit-transition: 0ms;
-moz-transition: 0ms;
-ms-transition: 0ms;
-o-transition: 0ms;
transition: 0ms;
}
.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: "";
display: block;
width: 6px;
height: 6px;
background: transparent;
border: 2px solid #fff;
border-width: 2px 2px 0 0;
-ms-transform: rotate(-225deg);
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
display: inline-block;
vertical-align: middle;
margin: 0 0 6px 10px;
}
.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;
text-transform: uppercase;
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;
}
.step-label {
text-align: center;
font-size: 20px;
font-size: 1.25rem;
line-height: 30px;
line-height: 1.875rem;
font-weight: 700;
margin: 10px 0;
color: var(--color-text);
}
.step-label span {
display: inline-block;
width: 50px;
padding: 15px;
background: var(--color-highlight);
color: var(--color-highlight-c);
vertical-align: middle;
margin: 0 15px 0 0;
font-size: 20px;
font-size: 1.25rem;
line-height: 20px;
line-height: 1.25rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box; }
.step__brand .step-label {
display: none;
}
.step__machine {
--color-text: var(--color-light);
--color-highlight: var(--color-light);
--color-highlight-c: var(--color-primary);
}
.step__machine:has(a.active) + .step__brand .step-label {
display: block;
}
.product-grid {
background: var(--color-light);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
background-clip: padding-box; border: 5px solid var(--color-light);
overflow: hidden;
}
.product-grid .row {
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.product-grid .tile-item {
--color-text: var(--color-light);
background: var(--color-primary);
color: var(--color-text);
}
.product-grid .tile-item.active {
background: var(--color-primary-l);
}
.product-grid .tile-item-title {
text-transform: uppercase;
letter-spacing: 0.1em;
}
.product-grid a.tile-item:not(.active):hover, .product-grid a.tile-item:not(.active):focus {
background: var(--color-primary-h);
}
*[data-category] {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 200ms;
-moz-transition: opacity 200ms;
-ms-transition: opacity 200ms;
-o-transition: opacity 200ms;
transition: opacity 200ms;
}
*[data-category].filter-hide {
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
}
.logo_list.filter-items {
margin: 30px 0 0;
}
.logo_list.filter-items img {
margin: 0 15px 10px;
max-width: 90px;
max-height: 50px;
}
.logo_list.filter-items a.filter-item-cta {
background: #ddd;
color: #888 !important;
border: none;
}
.logo_list.filter-items a.filter-item-cta:before {
content: "\e90e";
font-weight: 400;
font-family: "icomoon" !important;
font-style: normal;
font-size: 1.8em;
display: inline-block;
margin: 0 10px 0 0;
vertical-align: middle;
}
.logo_list.filter-items a.filter-item-cta:hover, .logo_list.filter-items a.filter-item-cta:focus {
background: var(--color-primary);
color: var(--color-light) !important;
}
.logo_list.filter-items .disabled a {
pointer-events: none;
}
@media only screen and (min-width: 768px) {
.logo_list.filter-items img {
margin: 0 25px 15px;
max-width: 150px;
max-height: 90px;
}
}
.anchor#brands {
height: 11.25rem;
margin-top: -11.25rem;
}
#filter_popup .row {
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#filter_popup .popup-brand img {
max-width: 150px;
max-height: 100px;
display: block;
margin: auto;
}
#filter_popup .popup-machine {
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;
}
#filter_popup .popup-machine .tile-item-title {
margin: 0 0 0 15px;
}
@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; }