@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.alt-font, .alt-font > * {font-family: "Noto Serif Display", serif;font-weight:700;font-optical-sizing:auto;line-height:100%}
.alt-font-2, .alt-font-2 > * {  font-family: "Inter", sans-serif;}
body{font-family: "Libre Baskerville", serif;font-weight: 400; font-style: normal;color:var(--color-2);font-size:1rem;font-weight: 300;}
a{transition:all ease-out .3s;color:var(--color-2);text-decoration:none;position:relative;}
a:hover,a:active{text-decoration:none;color:inherit;opacity: 1;}
h1,h2,h3,h4{}

:root {
    --swiper-navigation-size: 24px;
}

/*site*/
.article-text-hurray [class^="col"], .article-text-hurray [class*=" col"] {padding:.5rem .5rem 0}
.article-text-hurray .row {transition: all ease-in .4s;}
.article-text-hurray .row:hover {background-color: var(--color-6);}
.article-text-hurray .row:hover > * {color: var(--color-0)!important;}
.hover-headache a img {transition: all ease-in-out .3s;}
.hover-headache a:hover img {transform: scale(1.1,1.1);}
.ford-1 > .row {flex-direction: row-reverse;}
.ford-1 .text-end {text-align: left!important;}
.ford-1 .btn-back {margin: 0;}
.ford-1 .img-drop-5 img {box-shadow: 25px 25px 0 var(--color-2);}
.gotme img {width: 100px;}
.article-text-hurray .row {align-items: center;margin-bottom: 1rem;}
.col-md-3 img, .col-md-3 svg {display: block;margin: 0 auto;}
.article-text-hurray .col-md-9 p {margin-bottom: 0;}
#main-header {min-height: 102px;display: flex;flex-direction: column;justify-content: center;background-color: rgba(0,0,0,.4);}
#main-header, #main-header a {color: var(--color-0);  font-family: "Inter", sans-serif;}
.hero-image .ghost img {filter: blur(10px);width: 100%;transform: scale(1.1,1.1);}
.hero-swiper .swiper-slide#id-1039082 .col-xl-5 img {padding:7rem 0 0 0}
.hero-swiper .swiper-slide#id-1039490 {background-color: var(--color-0);}
.hero-swiper .swiper-slide#id-1039490 .color-0, .hero-swiper .swiper-slide#id-1039490 .color-1 {color: var(--color-2)!important;} 
.hero-swiper .swiper-slide#id-1039490 .hero-height {flex-direction: row-reverse;}
.hero-swiper .swiper-slide#id-1039490 .quotius-maximus {font-weight: 800;}
.hero-swiper .swiper-slide#id-1039490 .quotius-maximus img {display: none;}
.hero-swiper .swiper-slide#id-1039490 .rekettye {max-width: 33%;padding-right: 3rem;}
.hero-swiper .swiper-slide#id-1040963 .hero-height {flex-direction: row-reverse}
.hero-swiper .swiper-slide#id-1040963 .rekettye {text-align:right}
.hero-swiper .swiper-slide#id-1040963 .quotius-maximus img {display:none}
.hero-swiper .swiper-slide#id-1040963 .col-xl-5 img {padding:0rem 4rem 0 4rem;}
.rekettye {opacity:0}
/* .hero-swiper .swiper-slide#id-1039490 .rekettye {width: 100%;margin-top: auto;} */
/* .hero-swiper .swiper-slide#id-1039490 .xxl-font {font-size: 2.6rem!important;margin-top: 1rem;} */
.why-me:hover {box-shadow: inset 0 0 0 15px #fff;}
.why-me img {transform: scale(1,1);transition: all ease-in .3s;}
.why-me:hover img {transform: scale(1.05,1.05);}
.why-me:nth-child(1), .flip .box:nth-child(1) .front {background-color: var(--color-8);color: var(--color-2);}
.why-me:nth-child(2), .flip .box:nth-child(2) .front {background-color: var(--color-12);color: var(--color-2);}
.why-me:nth-child(3), .flip .box:nth-child(3) .front {background-color: var(--color-13);color: var(--color-2);}
.why-me:nth-child(4), .flip .box:nth-child(4) .front {background-color: var(--color-11);color: var(--color-2);}
.flip .box:nth-child(1) .back {background-color: var(--color-2);color: var(--color-2);}
.flip .box:nth-child(2) .back {background-color: var(--color-2);color: var(--color-0);}
.flip .box:nth-child(3) .back {background-color: var(--color-2);color: var(--color-0);}
.flip .box:nth-child(4) .back {background-color: var(--color-2);color: var(--color-2);}
.btn-forward, .btn-back {position: relative;padding: .5rem 3rem;border: none;margin-right: 3rem;margin-left: 3rem;}
.btn-forward:after {content: '';height: 100%;background: url('art/caret-right.png') no-repeat center;background-size: contain; position: absolute;right: 0;top: 0;transform: translateX(50%);background-color: var(--color-2);border-radius: 50%;aspect-ratio: 1 /1;}
.btn-back:after {content: '';height: 100%;background: url('art/caret-left.png') no-repeat center;background-size: contain; position: absolute;right: 0;top: 0;transform: translateX(50%);background-color: var(--color-0);border-radius: 50%;aspect-ratio: 1 /1;}
.peel-my-orange {z-index: 0;width: 800px;height: 800px;background: radial-gradient(circle,rgba(210, 171, 103, 1) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);}
.quotius-maximus img {position:absolute;width: 40px;}
.quotius-maximus img:first-child {bottom: -12px;left: -55px;transform: rotate(180deg);}
.quotius-maximus img:last-child {top: 0;right: -55px;}
#header-contact svg {color: var(--color-1);}
.img-180 img, .img-180 svg {width: 180px;}
.img-120 img, .img-120 svg {width: 120px;}
.img-88 img, .img-88 svg {width: 88px;}
.navbar-dark .navbar-toggler-icon {background-image: url('art/menu.svg');}
.navbar-dark .navbar-toggler {border-color: var(--color-1);z-index: 9999;}
#nav-top .navbar-toggler {position: fixed;top: 33px;right: 1rem;}
#nav-top .navbar-collapse {justify-content: space-between;width: 100%;}
.enhanced-visuals-as-usual {position: relative;}
.enhanced-visuals-as-usual:before {content: '';position: absolute;left: -340px;top: 50%;height: 10px;width: 300px;background-color: var(--color-1);transform: translateY(-50%);}
.enhanced-visuals-as-seen-on-tv {position: relative;padding-left: 55px;}
.enhanced-visuals-as-seen-on-tv:before {content: '';position: absolute;background: url('art/caret-right-gold.png') no-repeat center;background-size: contain; width: 40px;height: 40px;left: 0;top: 50%;transform: translateY(-50%);}
.enhanced-visuals-as-usual.pro-headache:before {height: 25px;}
.img-drop img {box-shadow: 25px -25px 0 var(--color-0);position: relative;z-index: 2;}
.img-drop .korr:after {content:'';width:70%;height:90%;background-color:var(--color-1);position:absolute;right:0;bottom:0}
.img-drop .korr.korr-pissz:after {right: auto;left: 0;}
.img-drop-1 img {box-shadow: 25px 25px 0 var(--color-0);}
.img-drop-1 .korr:after {box-shadow: 25px 25px 0 var(--color-0)}
.swiper-slide .img-drop-1 img {box-shadow:none}
.img-drop-2 img {box-shadow: -25px -25px 0 var(--color-1);}
.img-drop-3 img {box-shadow: 25px 25px 0 var(--color-2);}
.img-drop-4 img {box-shadow: 25px 25px 0 var(--color-12);}
.n-1039070 .img-drop-4 img {box-shadow: 25px -25px 0 var(--color-12);}
.img-drop-5 img {box-shadow: -25px -25px 0 var(--color-2);}
.img-drop-5 .korr:after {box-shadow: -25px -25px 0 var(--color-2)}
.swiper-slide .img-drop-5 img {box-shadow:none}
.img-drop-6 img {box-shadow: -25px -25px 0 var(--color-0);}
.paddingless-navs .nav-link {padding: .25rem 0;}
.btn-icon {padding: .25rem;padding-left: 1rem;}
.btn-icon svg {background-color: var(--color-0);border-radius: 50%;aspect-ratio: 1 / 1;color: var(--color-3);margin-left: 1rem;padding: .5rem;width: 33px;height: 33px;}
.img-scale-1 {transform: scale(1.5,1.5);position: relative;z-index: -1;}
.overflow-x-hidden {overflow-x: hidden;position: relative;}
.iam-a-table {align-items: center;margin: 0;}
.iam-a-table li {list-style: none;margin-bottom: .5rem;}
.rect-svg-type-1 .clip-me-1 {margin: 1rem;}
/* .hero-height {min-height: 98vh;padding-top: 10rem;padding-bottom: 10rem;} */
.bg-blur {backdrop-filter: blur(4px);}
.p-margin-off p {margin-bottom: 0;}
.navbar-toggler:focus {box-shadow: 0 0 0 .115rem;}
.icon {display: inline-block;background-position: center;background-repeat: no-repeat;}
.icon.stamp {width: 50px;height: 50px;background-image: url('../../art/stamp.svg');}
.article-text-p p {margin-bottom: 1.66rem;font-size: 1.12rem;font-weight: 400;}
.article-text-color p {color: var(--color-7);}
.bg-1 .border-bottom {border-bottom-color: var(--color-2)!important;}
.more:before {content: '';width:33px;height:33px;background:url('../../art/arrow-right.svg') no-repeat center;display: inline-block;border-radius:0;transition: all ease-in .2s;transform: translateX(0);}
.more-2:before {background:url('../../art/arrow-right-alt.svg') no-repeat center;}
.more:hover:before {transform: translateX(3px);transition: all ease-out .1s;}
/* header {box-shadow: 0 2px 4px rgba(0,0,0,.2);} */
#fly-me-to-the-moon {bottom: -100px;transform: rotate(90deg);transition: all ease-in-out .2s;}
#fly-me-to-the-moon.show {bottom: 15px;transform: rotate(0);transition: all ease-in-out .5s;}
header.minify .brand {width: 75px;height: auto;}
.video-169 {aspect-ratio: 16/9;}
.video-169 iframe {width: 100%;height: 100%;}
.iframe-shadow iframe {box-shadow: 5px 15px 33px rgba(0,0,0,.2);}
.mw-200 {max-width: 200px;}
.ar-11 {aspect-ratio: 1 / 1;}
.ar-108 {aspect-ratio: 100 / 88;}
.ar-43, .img-ar-43 img {aspect-ratio: 4 / 3;}
.ar-34 {aspect-ratio: 3 / 4;}
.img-34 img {aspect-ratio:3/4;object-fit:cover;width:100%;height:100%;}
.article-text-1 p {font-size: 1rem;margin-bottom: 1.6rem;line-height: 150%;}
.article-text-1 h1 {font-size: 2.5rem;font-weight: 300;margin-bottom: 1.5rem;text-transform: uppercase;}
.article-text-1 h2 {font-size: 2.5rem;font-weight:300;margin-bottom: 1.5rem;text-transform: uppercase;}
.article-text-1 h3 {font-size: 2rem;margin-bottom: 1.5rem;text-transform: uppercase;}
.article-text-1 h4 {font-size: 1.5rem;margin-bottom: 1.5rem;}
.article-text-1 h5 {font-size: 1rem;margin-bottom: 1.5rem;}
.img-responsive img {width: 100%;}
/*override BS default styles*/
.rounded-bottom {border-bottom-left-radius: 3rem!important;border-bottom-right-radius: 3rem!important;}
.form-check {margin-bottom: .5rem;}
.form-check-input:checked {background-color: var(--color-2);border-color: var(--color-2);}
.nav-tabs .nav-item {position: relative;width: auto;flex: auto;}
.nav-tabs .nav-item:not(:last-child):after {content: '';height: 100%;width: 1px;position: absolute;background-color: rgba(0,0,0,.1);top: 0;right: 0;}
.nav-tabs .nav-link:hover {background-color: rgba(255,255,255,.5);}
.accordion-button:focus {border-color: #fff;box-shadow: none;}
.accordion-button {font-size: 1.5rem;color: #fff;background-color: #968c83;}
.accordion-button::after {background-image: url('../../art/accordion-collapsed.svg');}
.accordion-button:not(.collapsed) {background-color: #fff;color: #7d746d;}
.accordion-button:not(.collapsed)::after {background-image: url('../../art/accordion-open.svg');transform: none;}
.accordion-body {color: #57514b;background-color: #d6d2c4;}
.form-control:focus {background-color:var(--color-8) !important;box-shadow: none;outline: none;border-color: var(--color-8) !important}
.form-label {font-size: 1.25rem;}
.container-xl {max-width:1364px;}
.container-xxl {max-width:1800px;}
/* .border-bottom {border-bottom:1px solid var(--color-7)!important;} */
.navbar-toggler-expand {border: none;background-color: transparent;}
.border-bottom-light {border-bottom:1px solid #d3d3d3!important;}
.navbar-dark .navbar-nav .nav-link {padding: 1.3rem 0!important;color: var(--color-0);font-size:1.36rem;font-weight:600}
.inverse .navbar-dark .navbar-nav .nav-link {color: var(--color-2);}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {color: var(--color-1)!important;font-weight: bold;box-shadow: 0 -5px 0 var(--color-1);}
/*override swiper styles*/
.swiper-pagination {}
.swiper-slide {height: auto!important;}
/* .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 0!important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 0!important;} */
.swiper-button-next, .swiper-button-prev {width: 42px!important;height: 42px!important;border-radius: 50%;background-color: var(--color-0)!important;background-position: center;background-repeat: no-repeat;margin-top: -42px;}
/* .swiper-button-next, .swiper-rtl .swiper-button-prev {background-image: url('../../art/arrow-right.svg');right: 0!important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {background-image: url('../../art/arrow-left.svg');left: 0!important;} */
/* .swiper-button-next:after, .swiper-button-prev:after {display: none;} */
.swiper-button-next, .swiper-button-prev {color: var(--color-11);}
.swiper-button-buttface {background-color: transparent!important;width:50px!important;height:50px!important;}
.swiper-button-buttface:after {display:none}
.swiper-button-prev {left:5px}
.swiper-button-next {right:5px}
.swiper-button-buttface svg {}
.swiper-pagination-bullet {
  width: 15px!important;
  max-width:10vw!important;
  height: 15px!important;
  display: inline-block!important;
  border-radius: 0%!important;
  background: var(--swiper-pagination-bullet-inactive-color,var(--color-2))!important;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1)!important;
}
.swiper-pagination-bullet-active {background: var(--color-0)!important;opacity: 1!important;box-shadow: 0 0 0 2px var(--color-1);}
.swiper-ref-pagination .swiper-pagination-bullet {width: 100%!important;height: auto!important; background-color:var(--color-3)!important;margin: 0 0 1px!important;padding: 1rem;color: var(--color-0)!important;max-width: 100%!important;text-align: end;}
.swiper-ref-pagination .swiper-pagination-bullet-active {background-color:var(--color-1)!important;font-weight: 600;box-shadow: none!important;position: relative;}
.swiper-ref-pagination .swiper-pagination-bullet-active:after {content:'';width: 50px;height: 100%;position: absolute;left: -50px;top: 0;background-image: url('art/arrow-left.svg');background-position: center; z-index: 200;background-color: var(--color-2);} 
.services-swiper .swiper-slide:nth-child(1) > div {background-color: var(--color-11)!important;}
.services-swiper .swiper-slide:nth-child(2) > div {background-color: var(--color-12)!important;}
.services-swiper .swiper-slide:nth-child(3) > div {background-color: var(--color-13)!important;}
.services-swiper .swiper-slide:nth-child(4) > div {background-color: var(--color-14)!important;}
.services-swiper .swiper-slide {filter: blur(3px);}
.services-swiper .swiper-slide-active, .services-swiper .swiper-slide-next {filter: blur(0);}

/*UX - animations*/
.hover-move-icon svg {left:0;position: relative;transition: all ease-out .2s;}
.hover-move-icon:hover svg {left:5px;}
.hover-underline a {
  background: 
    linear-gradient(to right, var(--color-3), var(--color-0)) /*, linear-gradient(to right, var(--color-1), var(--color-1), var(--color-3))*/;
  background-size: 0 0.1em, 100% 0.1em; /*100% 0.1em, 0 0.1em;*/
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

.hover-underline a:hover,
.hover-underline a:focus {
  background-size: 100% 0.1em, 0 0.1em;/*0 0.1em, 100% 0.1em;*/
}
.animated-underline a {
  transition: all .2s ease-in-out;
  position: relative;
  padding-left: 0;
  padding-right: 0
}
.animated-underline a:before,.animated-underline a:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 0;
  height: 2px;
  transition: all .4s ease-out;
  background-color: #fff
}
.animated-underline a:hover:before,.animated-underline a:hover:after {
  width: 100%;
  left: 0;
}
.hover-scale-1 a {transform: scale(1,1);transition: all ease-in .2s;display: block;}
.hover-scale-1 a:hover {transform: scale(1.05,1.05);transition: all ease-out .3s;}
.hover-lift-1 a {transform: translateY(0);transition: all ease-in .2s;display:block;}
.hover-lift-1 a:hover {transform: translateY(-5px);transition: all ease-out .3s;}
.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)}
/*UI*/
.text-underline {text-decoration: underline;}
.grayscale {filter: grayscale(1);}
/*range slider*/
.ui-widget-content {background: #fff;}
.ui-corner-all {border-radius: 1rem;}
.ui-slider .ui-slider-handle {width: 26px;height: 26px;}
.ui-widget.ui-widget-content {border:none;}
.ui-state-active,
.ui-state-focus,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #afa59e;
	background: #fff;
	font-weight: normal;
	color: #ddd;
  outline-width: 0;
  outline-color: #afa59e;
}
.b-rad-0 {border-radius: 0;}
.b-rad-1 {border-radius: .25rem;}
.b-rad-2 {border-radius: 1rem;}
.b-rad-3 {border-radius: .5rem;}
.b-rad-50 {border-radius: 50%;}
.b-rad-img img {border-radius: 3rem;}
.animate-me {opacity:0;visibility:hidden;transition:all ease-out .3s}
.animate-start {visibility:visible}
.animate-me.shown {opacity:1;visibility:visible}
.counter {font-weight:700}
#numbers img {width:72px}
.flipcard {aspect-ratio:13/22;cursor:pointer}
.flipcard .front {overflow:hidden}
.flipcard .back {overflow:hidden}
.flipcard a {color:var(--c-8)}
.flipcard ul {margin-bottom:10px;padding-left:26px}
.harmas img {box-shadow:4px 4px 6px 0 rgba(0,0,0,.6)}
.harmas a:hover img {box-shadow:-2px -2px 4px 0 rgba(0,0,0,.6)}
.fw-700 {font-weight:700}
#header-search .form-control {background-color:var(--color-7);color:var(--color-15);border-color:var(--color-7)}
.star {background-position:center;background-repeat:no-repeat;background-size:contain}
.star.cs5 {background-image: url('art/csillag_5.png');height:30px}
.star.cs4 {background-image: url('art/csillag_4.png');height:30px}
.star.cs3 {background-image: url('art/csillag_3.png');height:30px}
.star.cs2 {background-image: url('art/csillag_2.png');height:30px}
.star.cs1 {background-image: url('art/csillag_1.png');height:30px}

/*placeholders*/
::-webkit-input-placeholder, ::placeholder {color:var(--color-1)!important;font-size:1rem!important;font-weight:600;line-height: 100%;}
::-moz-placeholder{color:var(--color-1)!important;font-size:1rem;font-weight:600;line-height: 100%;}
:-ms-input-placeholder{color:var(--color-1)!important;font-size:1rem;font-weight:600;line-height: 100%;}
:-moz-placeholder{color:var(--color-1)!important;font-size:1rem;font-weight:600;line-height: 100%;}
#header-search .form-control::-webkit-input-placeholder, #header-search .form-control::placeholder {color:var(--color-15) !important}
#header-search .form-control::-moz-placeholder{color:var(--color-15) !important}
#header-search .form-control:-ms-input-placeholder{color:var(--color-15)}
#header-search .form-control:-moz-placeholder{color:var(--color-15) !important}
.empty:empty {display:none}

@media (min-width: 992px) {
  .navbar-dark .navbar-nav .nav-item {padding: 0 1rem;}
  .navbar-expand-lg .navbar-nav .nav-link {padding-left: 1rem;padding-right: 1rem;}
  .rect-svg-type-1 .clip-me-1 {margin: 3rem -1rem 0;}
  .rect-svg-type-1 .clip-me-1:nth-child(2) {margin-top: -1rem;z-index: 3;}
}
@media (min-width: 1200px) {
  .glorious-title {position: absolute;top: 15px;right: 0;z-index: 3;}
  .glorious-title.var-2 {bottom: 15px;right: 0;top: auto;}
  .box-of-joy:nth-child(odd) .enjoy-the-title {position: relative; left: -10%;}
.box-of-joy:nth-child(even) .enjoy-the-title {position: relative; right: -10%;}
  .section-bubbles .col-md-6:nth-child(even) {margin-left: -3rem;}
  .row-variable:nth-child(even) .shaw {flex-direction: row-reverse;}
} 
@media (min-width: 1800px) {
  .hero-swiper .swiper-slide#id-1039490 .container-xl {max-width: 100%;}
} 
@media (min-width: 992px) {
  #main-header.inverse, #main-header.inverse a  {color: var(--color-2);}
  #main-header.inverse.bg-2, #main-header.inverse.bg-2 a  {color: var(--color-0);}
  .hero-swiper .swiper-slide {width: 80%;}
}
@media (max-width: 1399px) {
.swiper-button-buttface {width:40px!important;height:40px!important;}
}
@media (max-width: 1199px) {
  .rekettye .xxxl-font > * {font-size: 1.9rem;line-height: 100%;}
  .rekettye .xxl-font > * {font-size: 1.6rem;line-height: 100%;}
  .hero-swiper .swiper-slide#id-1039490 .rekettye {max-width: 45%;padding: 0;line-height: 100%;}
  .hero-swiper .swiper-slide#id-1039490 .rekettye p {line-height: 110%;}
  .peel-my-orange {display: none;}
  .swiper-2 .swiper-slide, .swiper-2 .swiper-slide.swiper-slide-active {transform: scale(1,1);}
  #mit {width:auto;}
  .rect-svg-type-1 {background-color: var(--color-0);border-top-left-radius: 3rem;}
	header .navbar-collapse.show {max-height:calc(100vh - 82px);overflow:auto}
.swiper-button-prev {margin-top:-90px}
.swiper-button-next {margin-top:-90px}
}
@media (max-width: 992px) {
	.bg-op {background-color:rgba(255,255,255,.8)}
.swiper-button-prev {margin-top:-60px}
.swiper-button-next {margin-top:-60px}
}
@media (max-width: 768px) {
  .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: var(--color-1);}
}
@media (max-width: 414px) {
  h2 {font-size: 1.56rem;}
}

@media (orientation: portrait) {
  /* .hero-height {min-height: 45vh;} */
  header {background-color: var(--color-2);}
  .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {box-shadow: none;}
 }

/*cookie popup css*/
.popup-cookieconsent-div-footer {background-color: transparent!important;}
.popup-cookieconsent-div {background-color: #333!important;overflow-y: auto!important;}
.popup-cookieconsent-div-content {background-color: #333!important;color:#fff!important;}
.cook.active {color: #fff!important;}
.cookies-allowed-title {color: #fff !important;}
.popup-cookieconsent-div a {color: #d3d3d3!important;}
.popup-cookieconsent-div .row, .popup-cookieconsent-down .row {max-width: 1240px;margin-left:auto!important;margin-right: auto!important;}
.popup-cookieconsent-down {background-color: #333!important;border-top:none!important;position: fixed;bottom:0;left:0;width:100%;}
.popup-cookieconsent-down a {color: #fff;}
.popup-cookieconsent-down p {color: #fff;}
.popup-cookieconsent-button a {border:solid 3px #fff!important;border-radius: 0!important;padding-left: 24px!important;padding-right:24px!important;background-color:#fff!important;}
.popup-cookieconsent-button a:hover {color:#333!important;}
.popup-cookieconsent-button.save a, .popup-cookieconsent-button.allow a {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-button.cancel a, .popup-cookieconsent-close-button a {color: #333!important;}
.popup-cookieconsent-close-button a:after {line-height: 24px;}

@media (max-width: 767px) {
  .popup-cookieconsent-button  {display: block!important;}
  .cookies-allowed-title {margin-top: 1rem!important;}
}
@media (max-width: 576px) {
.swiper-button-prev {margin-top:-40px}
.swiper-button-next {margin-top:-40px}
}
