@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300;400;500;600;700&display=swap');
body{font-family: 'Jura', sans-serif;font-weight: 400;font-style: normal;font-style: normal;color:#333;font-size:20px;background-color: #f2f3f5;}
html{scroll-padding-top:5rem}
a{transition:color ease-out .3s;color:#000;text-decoration:none;position:relative}
a:hover,a:active{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5{font-weight: 700;margin-bottom: 0;}
h1{font-size:48px;line-height:100%}
h2{font-size:38px;line-height:100%}
h3{font-size:28px;line-height:100%}
h4{font-size:19px;line-height:100%}
h5{font-size:16px;line-height:100%}
p{font-size:18px;margin-bottom: 0;}
b, strong {font-weight: 700;}
.aspect-ratio-43 img {aspect-ratio: 4 / 3;object-fit: cover;}
.responsive-cells .row {margin-bottom: 15px;}
/*.ck #nav-top, .rv #nav-top, .nyitolap #nav-back, .ck #nav-top-toggler, .rv #nav-top-toggler, #gallery .fluid-images {display: none!important}*/
#gallery .fluid-images:nth-child(1), #gallery .fluid-images:nth-child(2), #gallery .fluid-images:nth-child(3) {display: block!important;}
.video-container{ display: none;width: 100vw;  height: 100vh;top:0;left:0;}
.video-container iframe {  position: absolute;  top: 50%;  left: 50%;  width: 100vw;  height: 100vh;  transform: translate(-50%, -50%);}
.ul-style-1 li {list-style: none;position: relative;margin-bottom: 1rem;padding-left:22px;}
.ul-style-1 li:after {content:'';background:url('../../art/ico-checkmark.svg') no-repeat center; width: 36px;height:36px;position:absolute;left: -44px;top: 50%;margin-top:-18px;}
.flow-item:nth-child(even) {margin-left: auto;}
.bordered-images img {border:1px solid #fff;}
.fluid-images img {min-width: 100%;}
.article-text p {margin-bottom: 1rem;line-height: 150%;}
.tile.bg-1:hover {background-color: #34ace0;box-shadow: 0 0 0 10px #fff, 0 0 33px rgba(0,0,0,.15), 0 10px 20px rgba(0,0,0,.3);text-decoration: underline;color:#fff;}
section {position: relative;z-index: 1;}
.hero {position:relative;z-index:0}
.hero-bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.hero-bg img {width: 100%;height: 100%!important;object-fit: cover;}
.leadkep{max-width:100%;height:auto!important}
.default-font {}
img {max-width: 100%;height: auto!important;}
/*site*/
.alt-font {font-family: 'Jura', sans-serif;}
.navbar-light .navbar-nav .nav-link {color:#222f3e;padding: 1rem;}
.navbar-light .navbar-nav .nav-link:hover {color:#fff;background-color: #34ace0;}
.nav-link.current {background-color:#80bb47;color:#fff!important;}
/*override BS default styles*/
.text-underline {text-decoration:underline;}
.border-top, .border-bottom, .border-start, .border-end {border-color: #cecece!important;}
.bg-1 .border-top, .bg-1 .border-bottom, .bg-1 .border-start, .bg-1 .border-end {border-color: #34ace0!important;}
/*-> bg-colors, text-colors*/
.bg-grad-1{background-color: rgba(255,255,255,.8);}
.bg-grad-2{background-color: rgba(0,0,0,.4);}
.bg-grad-3{background-color: #ced1d5; background-image: linear-gradient(360deg, #ced1d5, #efefef);}
.bg-overlay-1{background-color: rgba(51,57,64,.95);}

.bg--1 {background-color: #f7f5f1;transition: all ease-in .1s;}
.bg-0 {background-color: #fff;transition: all ease-in .1s;}
.bg-1 {background-color: #227093;transition: all ease-in .1s;}
.bg-2 {background-color: #666666;transition: all ease-in .1s;}
.bg-3 {background-color: #766d67;transition: all ease-in .1s;}
.bg-4 {background-color: #e1cf23;transition: all ease-in .1s;}
.bg-5 {background-color: #e6e6e6}
.bg-6 {background-color: #0f3749}
.color-0, .color-0 a, a.color-0 {color: #fff!important;}
.color-0 a:hover, a.color-0:hover {color: #fff!important;}
.color-1, .color-1 a, a.color-1 {color: #227093!important;}
.color-1 a:hover, a.color-1:hover {color: #2f8cb6!important;}
.color-2, .color-2 a, a.color-2 {color: #80bb47!important;}
.color-2 a:hover, a.color-2:hover {color: #91d054!important;}
.color-3, .color-3 a, a.color-3 {color: #34ace0!important;}
.color-3 a:hover, a.color-3:hover {color: #4fc0f1!important;}
.color-4, .color-4 a, a.color-4 {color: #54ccff!important;}
.color-4 a:hover, a.color-4:hover {color: #98e0ff!important;}
.color-5, .color-5 a, a.color-5 {color: #969696!important;}
.color-5 a:hover, a.color-5:hover {color: #999!important;}
.color-6, .color-6 a, a.color-6 {color: #f5f3f1!important;}
.color-6 a:hover, a.color-6:hover {color: #fff!important;}
.color-7, .color-7 a, a.color-7 {color: #848484!important;}
.color-7 a:hover, a.color-7:hover {color: #444!important;}
.btn{font-size:1.2rem;border:0 solid transparent;outline:none;box-shadow:none;position:relative;transition:all ease-out .1s;border-radius:0;font-weight:600;text-transform:uppercase;padding:1rem}
.btn-sm {padding: 6px 25px 5px;font-size: 1.11rem;}
.btn-primary{color:#fff;background-color:#80bb47;box-shadow:0 3px 0 rgba(0,0,0,0)}
.color-4 a.btn-primary {color:#fff !important}
.btn-primary:hover{color:#fff;background-color:#91d054;box-shadow:0 1px 0 rgba(0,0,0,0)}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#91d054}
.btn-secondary{color:#e1cf23;background-color:#fff;box-shadow:0 3px 0 rgba(0,0,0,0)}
.btn-secondary:hover{color:#e1cf23;background-color:#000;box-shadow:0 1px 0 rgba(0,0,0,0)}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333940}
.btn-info{background-color:transparent;border:2px solid #e1cf23;color:#e1cf23;padding:.5rem 1rem;text-transform:uppercase}
.btn-info:hover{color:#fff;background-color:#e1cf23;border-color:#e1cf23}
.btn-success{color:#fff;background-color:#766d67;}
.btn-success:hover, .btn-check:focus+.btn-success, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{color:#fff;background-color:#8c827c;}
.btn.focus,.btn:focus{box-shadow:none;border-color: none;}
.btn-link{color:#cd6133;text-decoration:underline}
.btn-link:hover, .btn-link a:hover {color: #fb7f4b;}
/*font-weight + sizes*/
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}
.xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:16px!important;}
.s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:18px!important;}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:22px!important;}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:30px!important;}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:36px!important;}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:48px!important;}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:60px!important;}
/*UX - animations*/
.hover-zoom-out {transform: scale(1,1);transition: all ease-in .5s;}
.hover-zoom-out:hover {transform: scale(.8,.8);transition: all ease-out .2s;}
.animate-1 {
  animation-name: animation-1-in;
  animation-duration: .7s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
.animate-1:hover {
  animation-name: animation-1-out;
  animation-duration: .25s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes animation-1-in {
  from {bottom:0;}
  to {bottom:-10px;}
}
@keyframes animation-1-out {
  from {bottom:0;}
  to {bottom:-5px}
}
.appear-from-bottom{position:relative;opacity:0;bottom:-100px;transition:all .8s ease-out}
.appear-from-bottom.active{opacity:1;bottom:0}
.scale-up {transition:all ease-in .25s;opacity:1;transform:scale(.93)}
.scale-up.animated,.scale-up:hover{transform:scale(1);opacity:1}
.from-bottom{transform:translateY(45px)}
.active .from-bottom,.active-hover:hover .from-bottom{transform:translateY(0);opacity:1}
.delay-1{transition-delay:.5s}
.animated{animation-delay:1s}
.button-animated{background:none;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .25rem;padding:1em 2em;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,0);box-shadow:inset 0 0 0 2px rgba(0,0,0,0);font-size:inherit;font-weight:700;position:relative;vertical-align:middle}
.button-animated::before,.button-animated::after{-webkit-box-sizing:inherit;box-sizing:inherit;content:'';position:absolute;width:100%;height:100%}
.draw{-webkit-transition:color .45s;transition:color .45s}
.draw::before,.draw::after{border:2px solid transparent;width:0;height:0}
.draw::before{top:0;left:0}
.draw::after{bottom:0;right:0}
.draw:hover{color:inherit}
.draw:hover::before,.draw:hover::after{width:100%;height:100%}
.draw:hover::before{border-top-color:#121212;border-right-color:#121212;-webkit-transition:width .45s ease-out,height .45s ease-out .25s;transition:width .45s ease-out,height .45s ease-out .45s}
.draw:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s;transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s}
.meet:hover{color:#121212}
.meet::after{top:0;left:0}
.meet:hover::before{border-top-color:#121212;border-right-color:#121212}
.meet:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:height .55s ease-out,width .25s ease-out .45s;transition:height .2s ease-out,width .65s ease-out .15s}
.border-me-before,.border-me-after,.z-1{position:relative;z-index:1}
.border-me-before:before,.border-me-after:after{content:'';width:100%;height:100%;position:absolute;top:100%;border:1px solid #d5d6da;z-index:-1}
.border-me-before:before{height:33%;right:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
.border-me-after:after{left:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}
.video-bg {position:relative;width:100%;height:100vh;overflow:hidden}
.video-bg iframe {position:absolute;top:50%;left:50%;width:100vw;height:100%;min-height:100vh;transform:translate(-50%, -50%);pointer-events: none}
.hero .text {position:absolute;left:50%;bottom:10%;transform:translateX(-50%)}
#about .bg-image > .container > .row {min-height:560px}
#gallery .box a {position:relative}
#gallery .box .text {position:absolute;left:0;top:0;opacity:0;pointer-events:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition: all ease-in .3s;background-color:rgba(255,255,255,.5)}
#gallery .box .text h3 {background-color:rgba(255,255,255,.8)}
#gallery .box a:hover .text {opacity:1}
.empty:empty {display:none}
footer p {font-size:16px;margin-bottom:6px}
.downloadLink {font-size:1.2rem;border:0 solid transparent;outline:none;box-shadow:none;position:relative;transition:all ease-out .1s;border-radius:0;font-weight:600;text-transform:uppercase;padding:1rem;color:#fff;background-color:#80bb47;box-shadow:0 3px 0 rgba(0,0,0,0);display:inline-block}
.downloadLink:hover{color:#fff;background-color:#91d054;box-shadow:0 1px 0 rgba(0,0,0,0)}
.arak p {display:inline-block;border:solid 1px #999;border-radius:14px;padding:6px 12px;margin-bottom:10px;transition:all ease-out .2s;width:fit-content}
.arak p:hover {color:#fff;background-color:#999}
.arak p:after {content:"";display:block}
.arak table tr {border:solid 1px #999;border-radius:14px;margin-bottom:10px;transition:all ease-out .2s;display:flex;justify-content:space-between}
.arak table tr:hover {color:#fff;background-color:#999}
.arak table tbody {display:flex;flex-direction:column}
.table-auto-width {width:auto !important;display:inline-table}
/*UI*/
.bg-image {background-repeat: no-repeat;}
.bg-cover {background-size: cover;}
.bg-100 {background-size: 100%;}

.popup-cookieconsent-down {padding-top:6px !important;padding-bottom:6px !important}
.popup-cookieconsent-down p {padding-left:0 !important;padding-right:0 !important;font-size:14px}
.popup-cookieconsent-down a {color:var(--c-4)}
.popup-cookieconsent-down a:hover {color:var(--c-5)}
.popup-cookieconsent-button.allow a, .popup-cookieconsent-button.save a {color:#fff !important;border:none;background-color:#80bb47 !important;height:44px;font-size:15px;border-radius:0;padding-left:20px;padding-right:20px;font-weight:300;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}
.popup-cookieconsent-button.allow a:hover, .popup-cookieconsent-button.save a:hover {background-color:#91d054 !important;color:#fff !important}
.popup-cookieconsent-button.settings a, .popup-cookieconsent-button.cancel a {color:#fff !important;border:none;background-color:#91d054 !important;height:44px;font-size:15px;border-radius:0;padding-left:20px;padding-right:20px;font-weight:300;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}
.popup-cookieconsent-button.settings a:hover, .popup-cookieconsent-button.cancel a:hover {background-color:#80bb47 !important;color:#fff !important}

/*shadows*/
.shadow-ext{box-shadow:0 10px 15px rgba(0,0,0,.15)}
.shadow-ext-2{box-shadow:-4px 4px 0 rgba(0,0,0,.25)}
.shadow-ext-3{box-shadow:-4px 4px 0 rgba(0,0,0,.33)}
.text-shadow{text-shadow: 4px 4px 0 rgba(0,0,0,.15);}

/*placeholders*/
/* ::-webkit-input-placeholder, ::placeholder {color:#e1cf23;font-size:1.33rem;font-weight:300;}
::-moz-placeholder{color:#e1cf23;font-size:1rem;font-weight:300;}
:-ms-input-placeholder{color:#e1cf23;font-size:1rem;font-weight:300;}
:-moz-placeholder{color:#e1cf23;font-size:1rem;font-weight:300;} */
@media (min-width: 2000px) {
  #about > .bg-image {background-position: center;}
}
@media (min-width: 1600px) {
}
@media (min-width: 1200px) {
  #tiles {z-index: 2;}
}
@media (min-width: 768px) {
  .flow-item {margin-bottom: 57px;}
  .flow-item:nth-child(even) > .row {flex-direction: row-reverse;}
  .flow-item .corner {background:url('../../art/flow/corner-right.png') no-repeat bottom right;position: relative;top:57px;}
  .flow-item:nth-child(even) .corner {background:url('../../art/flow/corner-left.png') no-repeat bottom left;}
  .flow-item .corner span {display: block;transform: rotate(90deg);position: absolute;bottom: 96px;right: -43px;}
  .flow-item:nth-child(even) .corner span {transform: rotate(-90deg);position: absolute;bottom: 226px;left: -165px;}
}
@media (max-width: 1399px) {
#about .bg-image > .container > .row {min-height:430px}
}
@media (max-width: 1199px) {
  #usp > .bg-image {background-image: none!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:30px!important;line-height: 100%!important;}
#about .bg-image > .container > .row {min-height:auto}
}
@media (max-width: 992px) {
#about > .bg-image {background-image: none!important;}
#nav-top {max-height:calc(100vh - 69px);overflow:auto}
}
@media (max-width: 768px) {
  .xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:16px!important;line-height: 120%!important;}
  .s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:18px!important;line-height: 120%!important;}
  .m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:22px!important;line-height: 120%!important;}
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:24px!important;line-height: 120%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:28px!important;line-height: 120%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:36px!important;line-height: 120%;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:40px!important;line-height: 120%;}
.hero .text {position:relative;transform:none;left:auto;top:auto}
.hero .text .text-white {color:#227093 !important}
	#gallery .box .text {position:relative;opacity:1}
}
@media (max-width: 414px) {
  .xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:16px!important;line-height: 120%!important;}
  .s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:18px!important;line-height: 120%!important;}
  .m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:22px!important;line-height: 120%!important;}
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:30px!important;line-height: 120%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:20px!important;line-height: 120%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:24px!important;line-height: 120%;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:24px!important;line-height: 120%;}
}

@media (max-width: 767px) {
  .navbar-brand {max-width: 100px;}
  .popup-cookieconsent-button  {display: block!important;}
  .cookies-allowed-title {margin-top: 1rem!important;}
	.video-bg {height:auto}
	.video-bg iframe {position:relative;transform:none;left:0;top:0;min-height:auto;aspect-ratio:16/9}
}


@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}

@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}