/*------------------------------------------------------------------
Project:		BP Myjava 2022
Version:		2.0
Assigned to:	RECO s.r.o.
Author: 		Lukáš Knotek
-------------------------------------------------------------------*/
:root {
	--main-color: #de2511;
	--main-hover-color: #b71908;
	--secondary-color: #262626;
	--secondary-hover-color: #262626;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueCE-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCE-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueCE-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCE-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueCE-BoldItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCE-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueCE-Italic.woff2') format('woff2'),
        url('../fonts/HelveticaNeueCE-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Helvetica Cond';
    src: url('../fonts/HelveticaNeueLTPro-Cn.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Cn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.show-box {
    color: var(--main-color);
    text-decoration: underline;
    font-weight: bold;
}

.mobile-only {
    display: none;
}

/* Skryť desktop verziu na malých obrazovkách */
@media (max-width: 767.98px) {
    .desktop-only {
        display: none !important;
    }
    .mobile-only {
        display: block !important;
    }
}
/* Reset */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Slick */
.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:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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:after,.slick-track:before{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}


/*!
 * justifiedGallery - v3.8.0
 */
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
  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;
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../images/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(../images/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}


* {
	box-sizing: border-box;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.button {
	position: relative;
	display: inline-block;
    font-family: Arial;
    font-size: 13px;
    line-height: 15px;
    color: #fff !important;
    font-weight: 400;
    background: var(--main-color);
	border: 1px solid var(--main-color);
    border-radius: 0px;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    cursor: pointer;
    padding: 13px 20px;
}

.button:hover {
	color: #fff !important;
	border: 1px solid var(--main-hover-color);
	background: var(--main-hover-color);
}

.button.button-2 {
	color: #fff !important;
	border: 1px solid var(--secondary-color);
	background: var(--secondary-color);
}

.button.button-2:hover {
	color: #fff !important;
	border: 1px solid var(--secondary-hover-color);
	background: var(--secondary-hover-color);
}

.button.button-icon {
	position: relative;
    display: inline-block;
    padding: 20px;
    padding-left: 95px;
    padding-right: 35px;
}

.button.button-icon I {
	position: absolute;
    left: 0px;
    top: 0px;
    display: block;
	width: 55px;
	height: 100%;
    background-color: var(--main-hover-color);
	background-size: 14px 14px;
    border: 1px solid var(--main-hover-color);
    padding: 0px;
    margin: 0px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

/* Grid */
.container {
	max-width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
}

.row.no-gutters {
	margin-left: 0px;
	margin-right: 0px;
}

.column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
	padding-left: 8px;
	padding-right: 8px;
}

.row.no-gutters .column {
	padding-left: 0px;
	padding-right: 0px;
}

.column DIV {
	/*height: 100px;
	background: blue;
	margin-bottom: 16px;*/
}

.offset-small-12 {
	margin-left: 100%;
}

.offset-small-11 {
	margin-left: 91.6666666667%;
}

.offset-small-10 {
	margin-left: 83.3333333333%;
}

.offset-small-9 {
	margin-left: 75%;
}

.offset-small-8 {
	margin-left: 66.6666666667%;
}

.offset-small-7 {
	margin-left: 58.3333333333%;
}

.offset-small-6 {
	margin-left: 50%;
}

.offset-small-5 {
	margin-left: 41.6666666667%;
}

.offset-small-4 {
	margin-left: 33.33333333%;
}

.offset-small-3 {
	margin-left: 25%;
}

.offset-small-2 {
	margin-left: 16.6666666667%;
}

.offset-small-1 {
	margin-left: 8.3333333333%;
}

.small-1, .medium-1, .large-1, .small-2, .medium-2, .large-2, .small-3, .medium-3, .large-3, .small-4, .medium-4, .large-4, .small-5, .medium-5, .large-5, .small-6, .medium-6, .large-6,
.small-8, .medium-8, .large-8, .small-9, .medium-9, .large-9, .small-10, .medium-10, .large-10, .small-11, .medium-11, .large-11, .small-12, .medium-12, .large-12 {
	flex: 0 0 100%;
	width: 100%;
}

.small-12 {
	flex: 0 0 100%;
	width: 100%;
}

.small-11 {
	flex: 0 0 91.6666666667%;
	width: 91.6666666667%;
}

.small-10 {
	flex: 0 0 83.3333333333%;
	width: 83.3333333333%;
}

.small-9 {
	flex: 0 0 75%;
	width: 75%;
}

.small-8 {
	flex: 0 0 66.6666666667%;
	width: 66.6666666667%;
}

.small-7 {
	flex: 0 0 58.3333333333%;
	width: 58.3333333333%;
}

.small-6 {
	flex: 0 0 50%;
	width: 50%;
}

.small-5 {
	flex: 0 0 41.6666666667%;
	width: 41.6666666667%;
}

.small-4 {
	flex: 0 0 33.33333333%;
	width: 33.33333333%;
}

.small-3 {
	flex: 0 0 25%;
	width: 25%;
}

.small-2 {
	flex: 0 0 16.6666666667%;
	width: 16.6666666667%;
}

.small-1 {
	flex: 0 0 8.3333333333%;
	width: 8.3333333333%;
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

HTML {
    font-size: 16px;
	padding: 0px;
	margin: 0px !important;
}

BODY {
	font-family: 'Helvetica Neue';
	/*font-family: 'Oswald', sans-serif;*/
	font-size: 16px;
	line-height: 40px;
	font-weight: normal;
	color: #808080;
	background: #fff;
	padding: 0px;
	margin: 0px;
}

IFRAME {
	display: block;
	padding: 0px;
	margin: 0px;
}

ARTICLE {

}

ARTICLE .content .medium-6 {
	padding-top: 100px;
	padding-bottom: 0px;
}

ARTICLE .content H2 {
	position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #262626;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    padding-top: 35px;
    padding-bottom: 70px;
    padding-right: 150px;
    margin: 0px;
}

ARTICLE .content H2:after {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 30px;
    height: 3px;
    background: var(--main-color);
    content: "";
}

ARTICLE .content H3 {
    position: relative;
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 25px;
    margin: 0px;
}

.content {

}

.content.first {
	padding-top: 70px;
}

.content UL.list {
    list-style: outside !important;
}

.content UL.list LI {
    list-style-type: disc !important;
	font-size: 15px;
	line-height: 25px;
}
.btn {
  font-family: Arial;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
	white-space: nowrap;
	touch-action: manipulation;
  color: #fff !important;
  font-weight: 500;
  border-radius: 0px;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  cursor: pointer;
}
.btn.btn-primary {
  border: 1px solid #de2511;
  background: #de2511;
}
.tile .btn {
  position: relative;
  display: inline-block;
  padding: 20px;
    padding-right: 20px;
    padding-left: 20px;
  padding-left: 95px;
  padding-right: 35px;
}
.tile .btn I {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  background: #b71908;
  border: 1px solid #b71908;
  padding: 20px;
  margin: 0px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.tile {
    position: relative;
    display: block;
    padding: 35px 100px;
    background: #fff;
}
.tile .odkaz {
	display: flex;
	flex-direction: column;
	background-color: #f0f0f0;
	padding: 15px;
	margin-bottom: 35px;
	margin-left: -15px;
	margin-right: -15px;
}
.tile .odkaz .button {
	width: 100%;
	padding: 10px;
	text-align: center;
}
.tile .odkaz .button i {
	width: 35px;
	height: 35px;
}
.tile.white {
	padding-top: 0;
}
.button.long {
	white-space: nowrap;
}
ARTICLE .medium-6.first {
    border-right: 1px solid #f1f1f1;
}

SECTION.map-section {
    position: relative;
    display: block;
    width: 100%;
    height: 525px;
    margin-top: -35px;
    z-index: 450;
}
SECTION.down-arrow-section {
	position: relative;
}
.wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.down-arrow {
    position: absolute;
    color: #fff !important;
    right: 16px;
    top: -40px;
    color: #fff !important;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    background: #de2511;
    z-index: 900;
}
H1, H2, H3, H4, H5, H6 {
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	line-height: 1.22;
	padding: 0px;
    padding-bottom: 25px;
	margin: 0px;
}

H1 {

}

H2 {

}

H3 {

}

H4 {

}

H5 {

}

H6 {

}

P {
	font-size: 1.25rem; /* 20px */
	font-size: 15px;
	line-height: 1.4; /* 28px */
	padding: 0px;
	padding-bottom: 1.25rem; /* 20px */
	margin: 0px;
}

ARTICLE P {
	font-size: 15px;
	line-height: 1.625;
	padding-bottom: 35px;
}
#vedenie P {
	font-size: 16px;
}
#vedenie H2 {
	padding-top: 35px;
	padding-bottom: 25px;
}

SMALL {
	font-size: 0.813rem; /* 13px */
	line-height: 1.5384615384615383; /* 20px */
	padding: 0px;
	margin: 0px;
}

A, .button, .btn-submit, BUTTON {
    text-decoration: none;
    outline: none !important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
	cursor: pointer;
}

A {
	text-decoration: none;
}

A:hover, A.active, .current-menu-item A {
	color: var(--main-color);
	text-decoration: none;
}

STRONG {
	font-weight: 700;
}

SECTION {
	position: relative;
}

.half-image {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 50%;
}

ARTICLE IMG, ARTICLE VIDEO {
	display: block;
	max-width: 100%;
	height: auto;
	aspect-ratio: attr(width) / attr(height);
}

.box {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
}

ARTICLE H2 SPAN, ARTICLE H3 SPAN, ARTICLE P SPAN {
    color: var(--main-color);
}

ARTICLE P A,
TD A {
	color: #080808;
	text-decoration: underline;
}

HEADER {
	position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	background: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
	z-index: 1000;
}

.sticky2 HEADER {
	position: fixed;
	left: 0px;
	top: -90px;
}

HEADER .top-header {
	padding-top: 10px;
	padding-bottom: 10px;
}

HEADER .logo {
	display: block;
	height: 65px;
}

HEADER .logo IMG {
	display: inline-block;
	width: auto;
	height: 45px;
	margin-top: 10px;
}

HEADER .top-header P {
	display: inline-block;
	line-height: 70px;
	padding: 0px;
	margin: 0px;
}

HEADER .top-header P A {
	font-weight: bold;
	color: var(--main-color);
}

HEADER .langs {
	position: relative;
	display: inline-block;
	margin-left: 25px;
	margin-top: 10px;
}

HEADER .langs UL {
	position: absolute;
	left: 0px;
	top: 43px;
	width: 100%;
	display: none;
    background: #262626;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 999;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

HEADER .langs UL LI A {
	display: block;
    font-family: Arial;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
	color: #fff;
	text-align: left;
    cursor: pointer;
    padding: 15px 25px;
}

HEADER .langs:hover UL {
	display: block;
}

HEADER NAV {
	position: relative;
	display: block;
	background: #f1f1f1;
}

HEADER NAV UL {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

HEADER NAV UL.main-menu {
	margin-left: -20px;
}

HEADER NAV UL LI {
	position: relative;
	display: inline-block;
	    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

HEADER NAV UL LI.has-submenu:after {
	position: absolute;
	right: 0px;
	top: 35px;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #b3b3b3;
    width: 0;
	height: 0;
	content: "";
}

HEADER NAV UL LI A {
	display: block;
    font-size: 12px;
    line-height: 76px;
    color: #262626;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
}
HEADER NAV UL LI:hover {
	background-color: rgba(0,0,0,0.08) !important;
}

HEADER NAV UL LI:hover > A {
	color: #262626;
}

HEADER NAV UL.second-menu LI A {
	display: block;
    font-size: 13px;
    line-height: 76px;
    color: #808080;
	font-weight: normal;
    text-decoration: underline;
	text-transform: none;
	padding-left: 15px;
}

HEADER NAV UL LI UL {
    position: absolute;
	display: none;
    top: 76px;
	padding: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #262626;
	border: none !important;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

HEADER NAV UL LI:hover UL,
HEADER NAV UL LI:active UL {
	display: block;
}

HEADER NAV UL LI UL LI {
	display: block;
	padding-left: 50px;
	padding-right: 50px;
}

HEADER NAV UL LI UL LI A {
	display: block;
	min-width: 310px;
    line-height: 36px;
    color: #808080;
    font-weight: bold;
    text-transform: uppercase;
    background: none;
    border: none;
    border-top: 1px solid #808080;
    padding: 6px 12px;
    white-space: nowrap;
}
HEADER NAV UL LI UL LI:hover A {
	color: #FFF;
}
HEADER NAV UL LI UL LI:last-child A {
	border-bottom: 1px solid #808080;
}

HEADER .langs {
	position: relative;
}

HEADER .langs .btn.btn-primary {
	background: #262626;
	border: 1px solid #262626;
	margin-left: 0px;
}

HEADER .langs UL {
	position: absolute;
	left: 0px;
	top: 43px;
	width: 100%;
	display: none;
    background: #262626;
	z-index: 999;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.hamburger {
	display: none;
}

/*
.slick-slide {
    margin: 0 27px;
}

.slick-list {
    margin: 0 -27px;
}
*/

.slick-initialized .slick-slide {
	outline: none !important;
}

ARTICLE.home {
	position: relative;
}

SECTION.slider-section {
    position: relative;
    display: block;
    width: 100%;
    z-index: 900;
    margin-top: 161px;
}

SECTION.slider-section P {
	font-size: 20px;
	line-height: 30px;
	color: #e3e3e3;
	padding-bottom: 30px;
}

SECTION.scroll-section {
    margin-top: 161px;
    background: #f1f1f1;
}

SECTION.slider-section H1 {
    font-family: 'Oswald', sans-serif;
    font-size: 70px;
    line-height: 79px;
    color: #fff;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
}

SECTION.slider-section IMG {
	position: relative;
	display: block;
	width: 100%;
}

SECTION.slider-section.slider-section-detail .slider-content {
    position: absolute;
    display: block;
    left: 0px;
    top: 50%;
    width: 100%;
	padding: 0px;
	margin: 0px;
    z-index: 900;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slider-content .medium-4 {
	position: relative;
}

.slider-overlay {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 550;
}

.slider-overlay .piston {
	position: relative;
	float: left;
	width: 16.66666666666667%;
	height: 100%;
	text-align: center;
	border-left: 1px solid #656565;
}

.slider-overlay .left-piston {
	position: absolute;
	left: 0px;
}

.slider-overlay .left-piston P {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50%;
	margin: 0 auto;
	margin-top: -50px;
	font-family: Arial;
	font-size: 13px;
	line-height: 14px;
	color: #808080;
	text-transform: uppercase;
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.slider-overlay .piston SPAN {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
}

.slider-overlay .piston:last-child {
	border-right: 1px solid #656565;
}

.slider-content {
    position: absolute;
    display: block;
    left: 0px;
    top: 50%;
    width: 100%;
    z-index: 900;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-content P {
	color: #fff;
}

SECTION.o-nas-section {
	background-image: url('../images/BP-MYJAVA-statutari-1920x768.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

ARTICLE .content SECTION.o-nas-section .medium-6 {
	padding-top: 0px;
}

ARTICLE.home #o-spolocnosti {
	border: none;
    background-color: #fff;
}

ARTICLE.home #o-spolocnosti P {
	padding-right: 50px;
}

SECTION.o-nas-section:before {
	position: absolute;
	display: block;
	left: 0px;
	right: 0px;
	top: -150px;
	margin: 0 auto;
	width: 7px;
	height: 7px;
	background: #de2511;
	border-radius: 50%;
	content: "";
}

SECTION.o-nas-section:after {
	position: absolute;
	display: block;
	left: 0px;
	right: 0px;
	top: -150px;
	margin: 0 auto;
	width: 1px;
	height: calc(100% + 150px);
	background: #de2511;
	content: "";
}

SECTION.o-nas-section .tile.white {
	padding: 70px 100px;
	margin-right: 70px;
	margin-top: 50px;
	margin-bottom: 50px;
}

SECTION.o-nas-section .tile.white:last-child {
	margin-left: 70px;
}

SECTION.o-nas-section .tile.white H2 {
	color: #262626;
}

SECTION.o-nas-section .tile.white P {
	color: #262626;
}

SECTION.articles-section {
    padding-top: 75px;
    padding-bottom: 0px;
    background-color: #fff;
}

SECTION.menu-section {
	padding-top: 15px;
	padding-bottom: 15px;
	background: #f1f1f1;
}

SECTION.menu-section.fixed {
	position: fixed;
	display: block;
	left: 0px;
	top: 76px;
	width: 100%;
	z-index: 950;
}

SECTION.menu-section UL {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

SECTION.menu-section UL LI {
	display: inline-block;
	margin-right: 15px;
}

SECTION.menu-section UL LI A {
	display: block;
	font-family: Arial;
	font-size: 12px;
	line-height: 22px;
	color: #808080;
	text-decoration: underline;
	padding: 2px 10px;
}

SECTION.menu-section UL LI A:hover, SECTION.menu-section UL LI A.active {
	color: #fff;
	text-decoration: none;
	background: var(--main-color);
}

SECTION.section-contact {
	position: relative;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 150px;
}

SECTION.section-contact H2 {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    line-height: 45px;
    color: #000;
    font-weight: 500;
    padding: 0px;
    padding-bottom: 20px;
    margin: 0px;
}

SECTION.section-contact P {
    position: relative;
    font-family: Arial;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    padding: 0px;
    padding-bottom: 30px;
    margin: 0px;
}

SECTION.all-contacts-section {
	position: relative;
	display: block;
	padding-top: 50px;
	padding-bottom: 50px;
}

ARTICLE .content .section-accordion H3 {
	font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 50px;
    color: #262626;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
	padding: 15px;
	padding-left: 0px;
	padding-right: 0px;
	background: #fff;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 0px;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    cursor: pointer;
}

ARTICLE .content .section-accordion H3:hover, ARTICLE .content .section-accordion .accordion-item.active H3 {
	color: var(--main-color);
}

ARTICLE .content .accordion-item .accordion-content TABLE TD:first-child {
	padding-left: 50px;
}

ARTICLE .content .accordion-content {
	display: none;
	background: #fff;
	border: none;
	border-radius: 0px;
	padding: 0px;
}

ARTICLE TABLE {
	width: 100%;
}

ARTICLE TABLE TR:nth-child(even) {
	background: #fbfcff
}

ARTICLE TABLE TD {
	font-family: Arial;
	font-size: 15px;
	line-height: 50px;
	color: #808080;
	border-bottom: 1px dashed #cdcece;
}

ARTICLE TABLE TD STRONG {
	font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #262626;
    font-weight: 500;
    text-align: left;
}

SECTION.section-contact-form {
    padding-top: 75px;
    padding-bottom: 75px;
}

.form-group {
    margin-bottom: 15px;
}

LABEL {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #262626;
    font-weight: 500;
    text-transform: uppercase;
}

LABEL.i_agree {
    font-family: Arial;
    font-size: 13px;
    line-height: 20px;
    color: #808080;
    text-transform: none;
    margin-top: 33px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control {
    min-height: 35px;
    color: #262626;
    border: 1px solid #cccccc;
    border-radius: 0px;
    resize: none;
}

TEXTAREA.form-control {
    height: 125px;
}

ARTICLE .download-items {
	padding: 0px;
	padding-bottom: 70px;
    display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}

ARTICLE .download-item {
    padding: 50px;
    padding-left: 170px;
    margin-left: 15px;
    margin-right: 15px;
    background-image: url(../images/casopis.png);
    background-repeat: no-repeat;
    background-position: 50px center;
    background-size: auto 105px;
    border: 1px solid #f2f2f2;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    cursor: grab;
  flex: 1 1 33%;
}

ARTICLE .download-item:hover {
	box-shadow: 0px 8px 18px 0px rgba(128, 128, 128, 0.15);
}

ARTICLE .download-item H3 {
    position: relative;
	display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 0px 15px;
    margin: 0px;
}

ARTICLE .download-item P {
    font-family: Arial;
    font-size: 13px;
    line-height: 24px;
    color: #808080;
    text-align: left;
    padding-bottom: 10px;
}
ARTICLE .download-item .button {
	padding: 7px 20px;
}

ARTICLE  .content SECTION.activity-section .medium-6 {
    padding-top: 0px;
    padding-bottom: 0px;
}

SECTION.activity-section {
	position: relative;
	display: block;
	padding-top: 75px;
    overflow: hidden;
    background: #262626;
    z-index: 501;
}

SECTION.activity-section H2 {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    padding: 0px;
    padding-top: 35px;
    padding-bottom: 25px;
    margin: 0px;
	margin-top: 70px;
}

SECTION.activity-section H2:after {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 30px;
	height: 3px;
	background: #de2511;
	content: "";
}

SECTION.activity-section P {
	font-family: Arial;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    font-weight: normal;
    text-align: left;
    text-transform: none;
    padding: 0px;
    padding-bottom: 35px;
}

SECTION.activity-section .tile {
	background: #fff;
	padding: 70px 100px;
}

SECTION.activity-section .tile H2 {
	color: #262626;
	margin-top: 0px;
}

SECTION.activity-section .tile P {
	color: #808080;
}

.gray-tile {
    position: absolute;
    right: 0px;
    top: -75px;
    display: block;
    width: 32%;
    height: calc(100% + 75px);
    padding: 70px 100px;
    background: #f1f1f1;
}

SECTION.volne-pracovne-miesta-section {
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #f1f1f1;
	z-index: 500;
}

SECTION.volne-pracovne-miesta-section H3 {
	font-size: 16px;
	color: #262626;
	padding-bottom: 10px;
}

SECTION.volne-pracovne-miesta-section .button {
	margin-right: 15px;
}

SECTION.partners-section {
	padding-bottom: 0px;
	background-color: #fff;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}

SECTION.partners-section H2 {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #262626;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    padding: 0px;
    padding-top: 135px;
    padding-bottom: 25px;
    margin: 0px;
	margin-top: 0px;
}

SECTION.partners-section H2:after {
	position: absolute;
	left: 0px;
	top: 100px;
	display: block;
	width: 30px;
	height: 3px;
	background: var(--main-color);
	content: "";
}

SECTION.partners-section .medium-6 {
	padding-top: 0px;
}

SECTION.partners-section .medium-6:first-child {
	padding-right: 50px;
}

SECTION.partners-section P {
    font-family: Arial;
    font-size: 15px;
    line-height: 28px;
    color: #808080;
    text-align: left;
    padding-bottom: 50px;
}

SECTION.partners-section UL {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

SECTION.partners-section UL LI A {
	position: relative;
	display: block;
	font-size: 16px;
	color: #262626;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none !important;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	background: #fff;
}

SECTION.partners-section UL LI A STRONG {
	color: #999;
	padding-right: 20px;
}

SECTION.partners-section UL LI A I {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	color: #fff;
	opacity: 0;
	background-color: var(--main-color);
	background-size: 14px 14px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

SECTION.partners-section UL LI A:hover {
	background: #f2f2f2;
}

SECTION.partners-section UL LI A:hover I {
	opacity: 1;
}

SECTION.partners-section UL LI A.active {
	background: #f2f2f2;
}

SECTION.partners-section UL LI A.active I {
	opacity: 1;
}

SECTION.people-section {
	padding-top: 85px;
	padding-bottom: 85px;
	background-color: #f1f1f1;
	overflow: hidden;
}

SECTION.people-section:after {
	position: absolute;
	display: block;
	left: 0px;
	top: 135px;
	width: 50%;
	height: calc(100% - 270px);
	background-image: url('../images/BP-MYJAVA-statutari-1500x1500.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
	content: "";
}

SECTION.people-section .contact-text {
	position: absolute;
	display: block;
	left: 0px;
	bottom: 30px;
	width: 100%;
	border: none;
	margin-top: 50px;
}

SECTION.people-section .contact-text P {
	width: 100%;
	font-family: Arial;
	font-size: 13px;
	line-height: 50px;
	color: #808080;
	padding: 0px;
	margin: 0px;
	border: none;
}

SECTION.people-section .contact-text .button {
	margin-left: 15px;
}

SECTION.people-section .square-overlay {
	position: absolute;
    display: block;
    right: 0px;
    top: 50px;
    width: 65%;
    z-index: 503;
    height: calc(100% - 100px);
    background: rgba(0, 0, 0, 0.5);
	z-index: 503;
}

SECTION.people-section .medium-6 {
	position: relative;
	padding-top: 0px;
}

SECTION.people-section .medium-6:last-child {
	position: relative;
	z-index: 515;
}

SECTION.people-section .tile {
	position: relative;
	padding: 70px 100px;
	background: #fff;
	z-index: 502;
}

SECTION.people-section H2 {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #262626;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    padding: 0px;
    padding-top: 35px;
    padding-bottom: 25px;
    margin: 0px;
}

SECTION.people-section H2:after {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 30px;
	height: 3px;
	background: #de2511;
	content: "";
}

SECTION.people-section P {
	width: 210px;
    font-family: Arial;
    font-size: 13px;
    line-height: 20px;
    color: #808080;
    text-align: left;
	border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

SECTION.people-section P STRONG {
	font-size: 16px;
    line-height: 20px;
	color: #262626;
}

.square-left {
	position: absolute;
	left: -1000px;
	top: 0px;
	display: none;
	width: 1000px;
	height: 250px;
	background: #f1f1f1;
	z-index: 501;
}

.square-right {
	position: absolute;
	right: -10px;
	top: 550px;
	display: block;
	width: 200px;
	height: 250px;
	background: #f1f1f1;
	z-index: 505;
}

.video-play {
	position: absolute;
	left: -91px;
	top: 50%;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 35px;
	padding-left: 135px;
	margin: 0 auto;
	margin-top: -43px;
	background: none !important;
	border: none !important;
	z-index: 507;
}

.video-play I {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	color: #fff !important;
	padding: 32px;
	background: var(--main-color);
}

.logos {
	border-right: 1px solid #f1f1f1;
}

.logos .medium-4 {
	border-left: 1px solid #f1f1f1;
}

.logos .medium-4.top-col {
	padding-top: 150px;
	padding-bottom: 200px;
}

.logos .medium-4.bottom-col {
	padding-bottom: 100px;
}

.logos A {
	display: inline-block;
	width: 100%;
	height: 135px;
	text-align: center;
	vertical-align: middle;
}

.logos A IMG {
	display: block;
	height: 100%;
	vertical-align: middle;
    margin: 0 auto;
	padding-bottom: 25px;
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
	opacity: 0.7;
}

.logos A:hover IMG {
	-webkit-filter: grayscale(0);
	filter: none;
	opacity: 1;
}

.gallery-items {
	position: relative;
}

.gallery-items:after {
	position: absolute;
	right: -1px;
	bottom: 0px;
	display: block;
	width: 210px;
    height: 137px;
	background: #f1f1f1;
	content: "";
}

.gallery-items > div {
    text-align: center;
}

.gallery-items img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

SECTION.gallery-section {
	padding-top: 100px;
	padding-bottom: 100px;
}

SECTION.gallery-section:after {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    height: 50%;
    background: #f1f1f1;
    content: "";
}

SECTION.gallery-section .container {
	position: relative;
	z-index: 100;
}

SECTION.gallery-section .slick-arrow {
	position: absolute;
	left: unset;
    right: 47px;
    top: -100px;
	font-family: Arial;
	font-size: 13px;
	line-height: 40px;
	color: #262626;
	text-decoration: underline;
	padding-left: 15px;
	padding-right: 15px;
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
}
SECTION.gallery-section .slick-arrow svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  vertical-align: middle;
  transition: all .5s ease;
}
SECTION.gallery-section .slick-arrow:hover {
	color: #fff;
	text-decoration: none;
	background: #de2511;
	border: 1px solid #de2511;
}
SECTION.gallery-section .slick-arrow:hover svg path {
	fill: #fff !important;
}
SECTION.gallery-section .slick-arrow.slick-next {
	right: 0px;
}

SECTION.gallery-section H2 {
    position: relative;
	display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #262626;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
    padding-top: 25px;
    padding-bottom: 50px;
    margin: 0px;
}

SECTION.gallery-section H2:after {
	position: absolute;
	left: 0px;
	right: 0px;
    margin: 0 auto;
	top: 0px;
	display: block;
	width: 30px;
	height: 3px;
	background: #de2511;
	content: "";
}

SECTION.gallery-section P {
	font-family: Arial;
	font-size: 15px;
	line-height: 30px;
	color: #808080;
	text-align: center;
}

SECTION.gallery-section P A {
	color: #262626;
	text-decoration: underline;
}

.gallery-count {
    position: absolute;
    left: 0px;
    top: 25px;
    right: auto;
    bottom: auto;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 40px;
    color: #808080;
    font-weight: 500;
    background: #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
}

.gallery-count SPAN {
    color: #262626;
}

.gallery-items:after {
	bottom: -1px;
}

.magazine-items {
	padding-top: 70px;
	margin-left: -15px;
	margin-right: -15px;
}

.magazine-item {
	padding: 50px;
	padding-left: 170px;
	margin-left: 15px;
	margin-right: 15px;
	background-image: url('../images/casopis.png');
	background-repeat: no-repeat;
	background-position: 50px center;
	background-size: auto 110px;
	border: 1px solid #f2f2f2;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    cursor: pointer;
}

.magazine-item:hover {
	box-shadow: 0px 8px 18px 0px rgba(128, 128, 128, 0.15);
}

ARTICLE .content .magazine-item H3 {
    position: relative;
	display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 0px;
}

ARTICLE .content .magazine-item P {
    font-family: Arial;
    font-size: 13px;
    line-height: 24px;
    color: #808080;
    text-align: left;
    padding-bottom: 10px;
}

SECTION.articles-section {

}

SECTION.articles-section H2 {
	padding-right: 0px;
	border-bottom: 1px solid #f1f1f1;
}

SECTION.articles-section .row {
	margin-left: -30px;
	margin-right: -30px;
}

SECTION.articles-section .medium-6 {
	padding: 0px;
}

SECTION.articles-section .article-item {
    min-height: 650px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 50px;
	padding-bottom: 50px;
	border-right: 1px solid #f1f1f1;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

SECTION.articles-section .medium-6:last-child .article-item {
	border: none;
}

SECTION.articles-section .article-item:hover {
	box-shadow: 0px 0px 22.08px 1.92px rgba(23, 24, 26, 0.1);
}

SECTION.articles-section .article-item.last {
	padding-left: 30px;
	padding-right: 30px;
	border-right: none;
}

SECTION.articles-section .article-item .image {
	position: relative;
	display: block;
    width: 100%;
    height: 235px;
	overflow: hidden;
}

SECTION.articles-section .article-item IMG {
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

SECTION.articles-section .article-item:hover .image IMG {
	transform: scale(1.15);
}

SECTION.articles-section .article-item H3 {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #000;
	font-weight: 500;
	text-align: left;
	text-transform: none;
	padding-top: 25px;
	padding-bottom: 10px;
}

SECTION.articles-section .article-item P {
	font-family: Arial;
	font-size: 15px;
	line-height: 24px;
	color: #808080;
	text-align: left;
	text-transform: none;
}

SECTION.articles-section .article-item P.date {
	font-size: 13px;
	padding-bottom: 20px;
}

SECTION.articles-section .article-item P A {
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    line-height: 24px;
    color: #808080;
    text-align: left;
    text-transform: none;
    text-decoration: underline;
    transition: all .5s ease-in-out;
    cursor: pointer;
}
SECTION.articles-section .article-item P A.button {
    text-decoration: none;
}
SECTION.articles-section .article-item P A:hover {
    color:  var(--main-color);
    text-decoration: none;
}
SECTION.articles-section .article-item P A I {
    width: 14px;
    height: 16px;
    color: #000;
    padding-left: 25px;
    padding-right: 10px;
    vertical-align: middle;
    transition: all .5s ease-in-out;
}
SECTION.articles-section .article-item P A:hover I {
    filter: invert(36%) sepia(33%) saturate(5022%) hue-rotate(345deg) brightness(78%) contrast(123%);
}

SECTION.articles-section .article-item UL {
	padding: 0px;
	padding-bottom: 40px;
	margin: 0px;
	list-style-type: none;
}

SECTION.articles-section .article-item UL LI {
	position: relative;
    font-family: Arial;
	font-size: 15px;
	line-height: 36px;
	color: #262626;
	text-transform: none;
	padding: 0px;
	padding-left: 30px;
	padding-bottom: 5px;
	margin: 0px;
	list-style-type: none;
}

SECTION.articles-section .article-item UL LI:after {
	position: absolute;
	left: 0px;
	top: 14px;
	display: block;
	width: 7px;
	height: 7px;
	background: #de2511;
	content: "";
}

.slick-dots {
	text-align: center;
	padding: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0px;
}

.slick-dots LI {
	display: inline-block;
	margin-left: 7px;
	margin-right: 7px;
}

.slick-dots BUTTON {
	width: 7px;
	height: 7px;
	padding: 0px;
	background: #ccc;
	border: 1px solid #ccc;
	border-radius: 50%;
	text-indent: -20000px;
}

.slick-dots .slick-active BUTTON {
	background: #262626;
	border: 1px solid #262626;
}

.magazine-item .btn.btn-primary {
	padding: 7px 20px;
}

SECTION.history-section {
    text-align: center;
	padding-top: 70px;
    padding-bottom: 170px;
}

SECTION.history-section H2 {
    position: relative;
	display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    line-height: 44px;
    color: #262626;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
    padding-bottom: 75px;
    margin: 0px;
}

SECTION.history-section H2:after {
	position: absolute;
	left: 0px;
	right: 0px;
    margin: 0 auto;
	top: 100px;
	display: block;
	width: 30px;
	height: 3px;
	background: #de2511;
	content: "";
}

SECTION.history-section H3 {
    position: relative;
	display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 70px;
    line-height: 74px;
    color: #f1f1f1;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 50px;
    margin: 0px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

SECTION.history-section .slick-arrow {
	position: absolute;
	right: 50px;
	top: -110px;
	font-family: Arial;
	font-size: 13px;
	line-height: 40px;
	color: #262626;
	text-decoration: underline;
	padding-left: 15px;
	padding-right: 15px;
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
}
SECTION.history-section .slick-arrow svg{
	display: inline-block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	vertical-align: middle;
	transition: all .5s ease;
}
SECTION.history-section .slick-arrow:hover {
	color: #fff;
	text-decoration: none;
	background: var(--main-color);
	border: 1px solid var(--main-color);
}
SECTION.history-section .slick-arrow:hover svg path {
	fill: #fff !important;
}
SECTION.history-section .slick-arrow.slick-next {
	right: 0px;
}

SECTION.history-section .history-items .slick-slide {
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    cursor: pointer;
}

SECTION.history-section .slick-center H3 {
	color: #262626;
}

SECTION.history-section .history-items .slick-slide:hover H3 {
	color: #262626;
}

SECTION.history-section H4 {
    position: relative;
	display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #262626;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 25px;
    margin: 0px;
}

SECTION.history-section P {
    font-family: Arial;
    font-size: 15px;
    line-height: 22px;
    color: #808080;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
}

SECTION.scroll-section .column {
    position: relative;
    display: block;
}
.news-arrow {
    position: relative;
    display: block;
    width: 110px;
    height: 110px;
    color: #fff !important;
    background-image: url('../images/arrow-down.svg');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center center;
    background-color: var(--main-color);
    z-index: 500;
}

.news-box, SECTION.scroll-section .news-box {
    position: absolute;
    left: 0px;
    top: -35vh;
    display: block;
    width: 100%;
    z-index: 999;
}

SECTION.scroll-section .news-box-content {
    padding: 35px;
    padding-bottom: 0px;
    background: #fff;
    box-shadow: 0px 0px 22.08px 1.92px rgb(23 24 26 / 10%);
}

SECTION.scroll-section .news-box A {
    color: #808080;
    text-decoration: underline;
    transition: all .4s ease-in-out;
}

SECTION.scroll-section .news-box A:hover {
    color: var(--main-color);
    text-decoration: none;
}
SECTION.scroll-section .news-box A I {
    margin-right: 10px;
    transition: all .4s ease-in-out;
    margin-bottom: 2px;
}
SECTION.scroll-section .news-box A:hover I {
    filter: invert(36%) sepia(33%) saturate(5022%) hue-rotate(345deg) brightness(78%) contrast(123%);
}

.news-box .news, SECTION.scroll-section .news-box .news {
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

.news-box .news, SECTION.scroll-section .news-box .news.last {
    padding: 0px;
    padding-bottom: 12px;
    margin: 0px;
    border: none;
}

.news-box H3, SECTION.scroll-section .news-box H3 {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #262626;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    padding-bottom: 15px;
    margin: 0px;
    text-transform: uppercase;
}

.news-box P, SECTION.scroll-section .news-box P {
    position: relative;
    font-family: Arial;
    font-size: 14px;
    line-height: 24px;
    color: #808080;
    font-weight: 500;
    text-align: left;
    padding-bottom: 25px !important;
}
SECTION.scroll-section .news-box P A {
    font-size: 13px;
}

.news-box .btn-info, SECTION.scroll-section .news-box .btn-info {
    color: #808080;
    background: none !important;
    border: none !important;
    padding: 0px;
}

.news-box .btn-info I, SECTION.scroll-section .news-box .btn-info I {
    position: relative;
    display: inline-block;
    color: #262626;
    text-decoration: none !important;
    padding: 0px;
    padding-right: 10px;
    margin: 0px;
    background: none !important;
    border: none !important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.news-box .btn-info:hover I, SECTION.scroll-section .news-box .btn-info:hover I {
    color: var(--main-color);
}

.news-box .btn-info:hover, SECTION.scroll-section .news-box .btn-info:hover {
    color: #262626 !important;
}

.news-box .button-all, SECTION.scroll-section .news-box .button-all {
    display: block;
    padding: 20px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background: #262626;
    border: none;
    margin-left: -35px;
    margin-right: -35px;
}

.news-box .button-all:hover, SECTION.scroll-section .news-box .button-all:hover {
    color: var(--main-color) !important;
    text-decoration: none;
}

.news-box-2, SECTION.scroll-section .news-box-2 {
    padding: 35px;
    padding-bottom: 0px;
    background: #fff;
    box-shadow: 0px 0px 22.08px 1.92px rgba(23, 24, 26, 0.1);
}

SECTION.scroll-section .news-box-2 {
    margin-left: -20px;
}

.news-box-2 .news, SECTION.scroll-section .news-box-2 .news {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

.news-box-2 H3, SECTION.scroll-section .news-box-2 H3 {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #262626;
    font-weight: 500;
    text-align: left;
    padding: 0px;
    padding-bottom: 15px;
    margin: 0px;
}

.news-box-2 P, SECTION.scroll-section .news-box-2 P {
    position: relative;
    font-family: Arial;
    font-size: 14px;
    line-height: 24px;
    color: #808080;
    font-weight: 500;
    text-align: left;
}

.news-box-2 .button-info, SECTION.scroll-section .news-box-2 .button-info {
    color: #808080;
    background: none !important;
    border: none !important;
    padding: 0px;
}

.news-box-2 .button-info I, SECTION.scroll-section .news-box-2 .button-info I {
    position: relative;
    display: inline-block;
    color: #262626;
    text-decoration: none !important;
    padding: 0px;
    padding-right: 10px;
    margin: 0px;
    background: none !important;
    border: none !important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.news-box-2 .button-info:hover I, SECTION.scroll-section .news-box-2 .button-info:hover I {
    color: var(--main-color);
}

.news-box-2 .button-info:hover, SECTION.scroll-section .news-box-2 .button-info:hover {
    color: #262626 !important;
}

.news-box-2 .button-all, SECTION.scroll-section .news-box-2 .button-all {
    display: block;
    padding: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: #262626;
    margin-left: -35px;
    margin-right: -35px;
}

SECTION.perex-section {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
    background: #f1f1f1;
}

.overlay {
    position: fixed;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.fa {
    display: inline-block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	vertical-align: middle;
}

.fa.fa-twitter {
	background-image: url('../images/twitter.svg');
}

.fa.fa-linkedin {
	background-image: url('../images/linkedin.svg');
}

.fa.fa-facebook {
	background-image: url('../images/facebook.svg');
}

.fa.fa-phone {
	width: 20px;
	height: 20px;
	background-image: url('../images/phone.svg');
}

.fa.fa-sort-desc {
	background-image: url('../images/sort-desc.svg');
}

.fa.fa-share {
	background-image: url('../images/share.svg');
}

.fa.fa-arrow-up {
	width: 25px;
	height: 25px;
	background-image: url('../images/arrow-up.svg');
}

.fa.fa-arrow-down {
	width: 15px;
	height: 20px;
	background-image: url('../images/arrow-down.svg');
	background-position: center center;
}

.fa.fa-arrow-left-solid {
	background-image: url('../images/arrow-left-solid.svg');
}

.fa.fa-arrow-right-solid {
	background-image: url('../images/arrow-right-solid.svg');
}

.fa.fa-arrow-right {
	background-image: url('../images/arrow-right.svg');
}

.top-arrow {
    color: #fff !important;
    padding: 45px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: -100px;
    background: var(--main-color);
    float: right;
}
ul.dashed {
  list-style-type: none;
  padding: 0 0 0 10px;
  margin: -25px 0 0 0;
}
ul.dashed > li {
  text-indent: -10px;
  font-size: 15px;
	line-height: 1.625;
	padding-bottom: 5px;
}
ul.dashed > li:before {
  content: "- ";
  text-indent: -10px;
}
FOOTER {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    background: #262626;
}

FOOTER .medium-2 {
    border-left: 1px solid #464646;
    padding: 0px;
    padding-top: 100px;
    padding-bottom: 100px;
}

FOOTER .medium-2:last-child {
	border-right: 1px solid #464646;
}

FOOTER .logo {
	display: inline-block;
}

FOOTER .logo IMG {
	display: block;
	height: 45px;
}

FOOTER H2 {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    font-weight: 500;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 20px;
}

FOOTER UL {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

FOOTER UL LI {
	display: block;
	padding: 0px;
	margin: 0px;
}
FOOTER UL LI A {
	display: block;
    font-size: 15px;
    line-height: 24px;
    color: #808080;
    text-align: left;
    text-decoration: underline !important;
    padding-bottom: 0px;
    white-space: nowrap;
}
FOOTER .phone,FOOTER .phone a {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 36px;
    color: #fff;
    font-weight: 500;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 20px;
}
FOOTER UL LI A:hover, FOOTER UL LI A.active, FOOTER .phone a:hover {
	color: var(--main-color);
}
FOOTER UL.social LI A {
  font-family: 'Helvetica Cond';
}

FOOTER P {
    font-size: 15px;
    line-height: 24px;
    color: #808080;
    padding-bottom: 10px;
}

FOOTER .button {
	margin-bottom: 20px;
}

FOOTER .social LI A I {
    color: #fff;
    margin-right: 15px;
}

FOOTER .copyright {
	color: #808080;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

FOOTER .copyright P {
	line-height: 60px;
	padding: 0px;
	margin: 0px;
}

FOOTER .copyright A {
	color: #808080;
	text-decoration: underline !important;
}