﻿*,*::after,*::before{
    margin:0px;
    padding:0px;
    font-family:inherit;
    box-sizing:inherit;
}
html{
    font-size:62.5%;
    scroll-behavior:smooth;
    overflow-x:hidden;
}
 /* Slideshow container */
.slideshow-container{
    margin-top: 3rem;
    position: relative;
    background :linear-gradient(to right, rgba(45, 219, 222, 0.3), rgba(49, 145, 198, 0.9));
    margin-left: 30rem;
    margin-right: 30rem;
}
@media only screen and (max-width: 87.5em)
{
    .slideshow-container{
        margin-left: 5rem;
        margin-right: 5rem;
    }
}
  
  /* Slides */
  .mySlides {
    display: none;
    font-size: 25px;
    padding: 80px;
    text-align: center;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
  }
  @media only screen and (max-width: 87.5em)
{
    .mySlides{
        font-size: 20px;
        padding-top: 80px;
        padding-right: 50px;
        padding-bottom: 80px;
        padding-left: 50px;
    }
}
  
  /* Next & previous buttons */
  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -90px;
    padding: 16px;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #999;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
  }
  
  /* Position the "next button" to the right */
  .next {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
  }
  
  /* The dot/bullet/indicator container */
  .dot-container {
    text-align: center;
    padding: 20px;
    margin-left: 30rem;
    margin-right: 30rem;
    margin-bottom: 10rem;
  }
  @media only screen and (max-width: 87.5em)
{
    .dot-container{
        margin-left: 5rem;
        margin-right: 5rem;
    }
}
  
  /* The dots/bullets/indicators */
  .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
/* Add a background color to the active dot/circle */
.active, .dot:hover{
    background-color: #717171;
}
/* Add an italic font style to all quotes */
q{
    font-style: italic;
}
/* Add a blue color to the author */
.author{
    color: cornflowerblue;
}
.title{
    font-size: 45px !important;
    margin-top: 10rem;
    text-align: center;
    font-style: italic;
    padding:0,1em 0.2em;
    text-shadow:none !important
}
@media only screen and (max-width: 87.5em)
{
    html{
        font-size:55%;
    }
}
@media only screen and (max-width: 75em){
    html{
        font-size:48%;
    }
}
@media only screen and (max-width: 56.25em){
    html{
        font-size:45%;
    }
}
@media only screen and (min-width: 112.5em){
    html{
        font-size:75%;
    }
}
body{
    box-sizing:border-box;
    max-width:100vw;
    overflow-x:hidden;
}
@media only screen and (max-width: 56.25em){
    .keep{
        margin-top: 20rem;
    }
}
.blokk{
    padding-left: 20px;
}
@media only screen and (max-width: 56.25em){
    .gomb{
        margin-bottom: 6rem;
    }
}
@media only screen and (max-width: 56.25em){
    .kep{
        margin-top: 6rem;
    }
}
::-moz-selection{
    background-color:rgba(53, 81, 82, 0.6);
    color:#fff;
}
::selection{
    background-color:rgba(53, 81, 82, 0.6);
    color:#fff;
}
.gdpr-main{
    width:95%;
    margin:0 auto;
    margin-bottom:0;
    color:rgba(55, 88, 89, 0.6);
}
.gdpr-main section{
    padding-top:calc(3.75rem * 2);
    padding-bottom:calc(3.75rem * 6);
}
.gdpr-main .section-heading{
    line-height:1.35em;
    padding-bottom:calc(3.75rem * 2);
    text-align:center;
    font-size:3rem;
}
.gdpr-main .base-paragraph{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    width:100%;
    margin:0 auto;
    font-family:"Playfair Display", serif;
    line-height:1.5em;
    font-size:1.6rem;
    text-align:justify;
    max-width:100rem;
}
@media only screen and (max-width: 56.25em){
    .gdpr-main .base-paragraph{
        font-size:1.8rem
    }
}
@-webkit-keyframes disappear{
    0%{
        opacity:1
    }
    99%
    {
        opacity:0;
        height:100vh;
        width:100%
    }
    100%{
        visibility:hidden;
        opacity:0;
        width:0px;
        height:0px;
        z-index:-1000
    }
}
@keyframes disappear{
    0%{
        opacity:1
    }
    99%{
        opacity:0;
        height:100vh;
        width:100%
    }
    100%{
        visibility:hidden;
        opacity:0;
        width:0px;
        height:0px;
        z-index:-1000
    }
}
#fadeIn{
    position:relative
}

#fadeIn .fadein--blue{
    background-color:#c8d3eb
}
body{
    font-family:"Poppins", sans-serif;
    font-weight:400;
    font-size:1.6rem;
    line-height:2;
    color:#2f3069;
    font-display:swap
}
h1,h2,h3,h4,h5,h6{
    font-family:"Playfair Display", serif;
    font-display:swap
}
b{
    font-weight:600
}
.cta-heading{
    font-size:3.2rem;
    font-style:italic;
    font-weight:lighter
}
.gallery-heading{
    font-size:4rem;
    font-weight:lighter;
    text-shadow:0px 2px 4px rgba(45, 219, 222, 0.6);
    text-align: center;
}
.outline{
    display:block;
    font-weight:1000;
    color:#2f3069;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke-width:2px;
    font-size:6rem;
    position:relative;
    cursor:default;
    transition:all 0.4s ease-in-out;
    line-height:1.5;
    padding-top:2rem
}
.outline::after{
    display:block;
    position:absolute;
    top:2px;
    right:-2px;
    color:transparent;
    z-index:-1;
    padding-top:2rem;
    width:110%
}
.outline--blue::after{
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke-width:3px;
}
.outline--purple::after{
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke-width:3px;
}
@media only screen and (max-width: 37.5em){
    p{
        font-size:2rem
    }
}
.u-text-center{
    text-align:center !important
}
.u-text-right{
    text-align:right !important
}
.u-text-left{
    text-align:left !important
}
.u-text-purple{
    color:#360603 !important
}
.u-text-italic{
    font-style:italic !important
}
.u-text-highlight{
    color:#2f3069;
    background-image:linear-gradient(to right, #c8d3eb, #c8d3eb);
    background-size:110%;
    padding:0.1em 0.2em;
    border-radius:5px;
    text-shadow:none !important
}
.highlight{
    color:#2f3069;
    background-image:linear-gradient(to right, #89a7e6, #89a7e6);
    background-size:110%;
    padding:0.1em 0.2em;
    border-radius:5px;
    text-shadow:none !important
}
.u-mt-xl{
    margin-top:calc(3.75rem * 5) !important
}
.u-mt-lg{
    margin-top:calc(3.75rem * 4) !important
}
.u-mt-md{
    margin-top:calc(3.75rem * 2) !important
}
.u-mt-sm{
    margin-top:3.75rem !important
}
.u-mt-x{
    margin-top:0 !important
}
.u-mr-lg{
    margin-right:calc(3.75rem * 4) !important
}
.u-mr-md{
    margin-right:calc(3.75rem * 2) !important
}
.u-mr-sm{
    margin-right:3.75rem !important
}
.u-mr-x{
    margin-right:0 !important
}
.u-mb-lg{
    margin-bottom:calc(3.75rem * 4) !important
}
.u-mb-md{
    margin-bottom:calc(3.75rem * 2) !important
}
.u-mb-sm{
    margin-bottom:3.75rem !important
}
.u-mb-xs{
    margin-bottom:calc(calc(3.75rem / 2) + calc(3.75rem / 4)) !important
}
.u-mb-xxs{
    margin-bottom:calc(3.75rem / 2) !important
}
.u-mb-x{
    margin-bottom:0 !important
}
.u-ml-lg{
    margin-left:calc(3.75rem * 4) !important
}
.u-ml-md{
    margin-left:calc(3.75rem * 2) !important
}
.u-ml-sm{
    margin-left:3.75rem !important
}
.u-ml-x{
    margin-left:0 !important
}
.u-pt-xxl{
    padding-top:calc(3.75rem * 6) !important
}
@media only screen and (max-width: 56.25em){
    .u-pt-xxl.util_01{
        padding-top:0 !important
    }
}
.u-pt-xl{
    padding-top:calc(3.75rem * 5) !important
}
.u-pt-lg{
    padding-top:calc(3.75rem * 4) !important
}
.u-pt-md{
    padding-top:calc(3.75rem * 2) !important
}
.u-pt-sm{
    padding-top:3.75rem !important
}
.u-pt-x{
    padding-top:0 !important
}
.u-pr-lg{
    padding-right:calc(3.75rem * 4) !important
}
.u-pr-md{
    padding-right:calc(3.75rem * 2) !important
}
.u-pr-sm{
    padding-right:3.75rem !important
}
.u-pr-x{
    padding-right:0 !important
}
.u-pb-xxl{
    padding-bottom:calc(3.75rem * 6) !important
}
@media only screen and (max-width: 56.25em){
    .u-pb-xxl.util_01b{
        padding-bottom:0 !important
    }
}
.u-pb-xl{
    padding-bottom:calc(3.75rem * 5) !important
}
.u-pb-lg{
    padding-bottom:calc(3.75rem * 4) !important

}@media only screen and (max-width: 56.25em){
    .u-pb-lg.util_01c{
        padding-bottom:0
    }
}
.u-pb-md{
    padding-bottom:calc(3.75rem * 2) !important
}
.u-pb-sm{
    padding-bottom:3.75rem !important
}
.u-pb-x{
    padding-bottom:0 !important
}
.u-pl-lg{
    padding-left:calc(3.75rem * 4) !important
}
.u-pl-md{
    padding-left:calc(3.75rem * 2) !important
}
.u-pl-sm{
    padding-left:3.75rem !important
}
.u-pl-x{
    padding-left:0 !important
}
@media only screen and (max-width: 56.25em){
    .hide-tp{
        display:none
    }
}
@media only screen and (max-width: 37.5em){
    .hide-ph{
        display:none
    }
}
@media only screen and (min-width: 75.001em){
    .show-tp{
        display:none
    }
}
@media only screen and (max-width: 56.25em){
    .show-tp{
        display:block
    }
}
.btn{
    transition:all 0.2s
}
.btn,.btn:link,.btn:visited{
    display:inline-block;
    padding:1rem 3rem;
    text-decoration:none;
    text-transform:uppercase;
    font-size:2rem;
    font-weight:600;
    letter-spacing:1px;
    border-radius:10px;
    box-shadow:0 3px 4px rgba(0,0,0,0.65);
    cursor:pointer
}
@media only screen and (max-width: 37.5em){
    .btn,.btn:link,.btn:visited{
        padding:0.75rem 2.5rem
    }
}@media (hover: hover) and (pointer: fine){
    .btn:hover{
        background-color:#fff
    }
}
.btn:focus{
    background-color:#fff
}
@media (hover: hover) and (pointer: fine){
    .btn:hover+span.outline{
        transform:scale(1.1) translateY(2rem)
    }
}
.btn--primary,.btn--primary:link,.btn--primary:visited{
    background-color:#fff;
    color:black;
    text-shadow:1px 1px 0px rgba(45, 219, 222, 0.6)
}
@media (hover: hover) and (pointer: fine){
    .btn--primary:hover{
        color:rgba(45, 219, 222);
    }
}
.btn--primary:active{
    background-color:grey;
}
.btn--secondary,.btn--secondary:link,.btn--secondary:visited{
    font-size:1.9rem;
    line-height:1.75;
    padding:0.75rem 5rem;
    background-color:#fff;
    color:#2f3069;
    border:0.2rem solid rgba(45, 219, 222, 0.6);
    border-radius:0.3rem
}
@media only screen and (max-width: 37.5em){
    .btn--secondary,.btn--secondary:link,.btn--secondary:visited{
        padding:0.75rem 3rem
    }
}
@media (hover: hover) and (pointer: fine){
    .btn--secondary:hover{
        background-color:rgba(129, 228, 230, 0.6);
        transform:scale(1.05) !important;
        letter-spacing:3px
    }
}
.btn--secondary:focus{
    background-color:rgba(49, 145, 198, 0.9)5;
}
.btn--secondary:active{
    background-color:#fff;
    border:0.2rem solid rgba(49, 145, 198, 0.9);
    transform:scale(0.95) !important
}
.btn--tertiary,.btn--tertiary:link,.btn--tertiary:visited{
    font-size:1.9rem;
    line-height:1.75;
    padding:0.75rem 5rem;
    background-color:#fff;
    color:black;
    border:0.2rem solid rgba(45, 219, 222, 0.6);
    border-radius:0.4rem;
    font-weight:400;
}
.btn--tertiary:active{
    background-color:rgba(128, 228, 229, 0.6);
    border:0.2rem solid rgba(45, 219, 222, 0.6);
    transform:scale(0.95) !important
}
@media (hover: hover) and (pointer: fine){
    .btn--tertiary:hover{
        background-color:rgba(128, 228, 229, 0.6);
        letter-spacing:3px;
        border:0.2rem solid rgba(45, 219, 222, 0.6)
    }
}
.btn--tertiary:focus{
    background-color:#fff
}
@media (hover: hover) and (pointer: fine){
    .btn:hover{
        box-shadow:0 5px 8px rgba(0,0,0,0.6);
        transform:scale(1.03)
    }
    .btn:active{
        box-shadow:0 2px 3px rgba(0,0,0,0.75);
        transform:scale(0.97)
    }
}
.btn:focus{
    box-shadow:0 5px 8px rgba(0,0,0,0.6);
    transform:scale(1.03)
}
.section-bg{
    width:100%;
    background-size:70%;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.section-bg--purple{
    background-image:url(../svg/section-bg-purple.svg)
}
.section-bg--blue
{background-image:url(../svg/section-bg-blue.svg)
}
.section-bg--mixed{background-image:url(../svg/section-bg-mixed.svg);
background-size:90%;
background-position:50% 20%}.section-bg--left{background-position:-50% 50%;
background-size:50%}.section-bg--left--f{background-position:-50% 15%;
background-size:100%}.section-bg--right{background-position:250% 50%;
background-size:75%}.section-bg--right--f{background-position:250% 20%;
background-size:90%}.text-area{width:100%;
margin:0 auto;
padding:3.75rem 3.75rem;
background-color:#fff;
border-radius:2.5rem}@media only screen and (max-width: 56.25em){.text-area{padding:3.75rem calc(3.75rem / 2)}}@media only screen and (max-width: 37.5em){.text-area{padding:calc(3.75rem / 2) calc(3.75rem / 2)}
}
.text-area--purple{
    box-shadow:2px 2px 12px rgba(45, 219, 222),2px 2px 18px rgba(0,0,0,0.25);
    color:black
}
.text-area--blue{
    box-shadow:2px 2px 12px rgba(114,134,179,0.75),2px 2px 18px rgba(0,0,0,0.25);
    color:#2f3069
}
.text-area__heading{
    font-size:4rem;
    text-shadow:1px 1px 0px #c8d3eb;
}
@media only screen and (max-width: 37.5em){.text-area__heading{font-size:3.5rem}}.text-area__text{font-size:1.625rem;
line-height:2}@media only screen and (max-width: 37.5em){.text-area__text{font-size:2rem}}.cookies{display:none;
position:fixed;
bottom:0;
left:0;
width:100%;
padding:calc(3.75rem / 2) 3.75rem;
background-color:rgba(0,0,0,0.8);
z-index:50000}@supports (-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px)){.cookies{-webkit-backdrop-filter:blur(5px) brightness(0.9);
backdrop-filter:blur(5px) brightness(0.9)}}@media only screen and (max-width: 37.5em){.cookies{padding:3.75rem}}.cookies__text{font-size:1.6rem;
color:#fff;
margin-bottom:calc(3.75rem / 2);
display:inline-block}.cookies__text a:link,.cookies__text a:visited{color:#c5f075}@media only screen and (max-width: 56.25em){.cookies__text{text-align:center;
font-size:1.8rem;
width:100%;
max-width:80rem;
display:block;
margin:0 auto}}.cookies__button{transition:all 0.2s;
display:inline-block;
margin-left:5rem}@media only screen and (max-width: 56.25em){.cookies__button{display:block !important;
margin:0 auto;
margin-top:2rem;
margin-bottom:2rem}}.cookies__button,.cookies__button:link,.cookies__button:visited{display:inline-block;
padding:1rem 3rem;
text-decoration:none;
text-transform:uppercase;
font-size:2rem;
font-weight:600;
letter-spacing:1px;
border-radius:10px;
box-shadow:0 3px 4px rgba(0,0,0,0.65);
cursor:pointer}@media only screen and (max-width: 37.5em){.cookies__button,.cookies__button:link,.cookies__button:visited{padding:0.75rem 2.5rem}}.cookies__button,.cookies__button:link,.cookies__button:visited{font-size:1.9rem;
line-height:1.75;
padding:0.75rem 5rem;
background-color:#f4ffdf;
color:#2f3069;
border:0.2rem solid #dbfaa3;
border-radius:0.3rem}@media only screen and (max-width: 37.5em){.cookies__button,.cookies__button:link,.cookies__button:visited{padding:0.75rem 3rem}}@media (hover: hover) and (pointer: fine){.cookies__button:hover{background-color:#dbfaa3;
transform:scale(1.05) !important;
letter-spacing:3px}}.cookies__button:focus{background-color:#f4ffdf}.cookies__button:active{background-color:#c5f075;
border:0.2rem solid #c5f075;
transform:scale(0.95) !important}.row{max-width:2000px;
width:calc(100vw - 3.75rem);
margin:0 auto}.row:not(:last-child){margin-bottom:8rem}@media only screen and (max-width: 56.25em){.row:not(:last-child){margin-bottom:6rem !important}}.row::after{content:"";
display:table;
clear:both}@media only screen and (max-width: 56.25em){.row{width:90rem;
max-width:100%;
padding:0 5%}}.row [class^="col-"]{float:left}.row [class^="col-"]:not(:last-child){margin-right:6rem}@media only screen and (max-width: 56.25em){.row [class^="col-"]:not(:last-child){margin-right:0 !important;
margin-bottom:6rem !important}}@media only screen and (max-width: 56.25em){.row [class^="col-"]{width:100% !important}}.row .col-1{width:100%}.row .col-1-of-2{width:calc((100% - 6rem) / 2)}.row .col-1-of-3{width:calc((100% - 2 * 6rem) / 3)}.row .col-2-of-3{width:calc( ((100% - 2 * 6rem) / 3) * 2 + 6rem)}.row .col-1-of-4{width:calc((100% - 3 * 6rem) / 4)}.row .col-2-of-4{width:calc( ((100% - 3 * 6rem) / 4) * 2 + 6rem)}.row .col-3-of-4{width:calc( ((100% - 3 * 6rem) / 4) * 3 + 2 * 6rem)}.row .col-1-of-5{width:calc((100% - 4 * 6rem) / 5)}.row .col-2-of-5{width:calc( ((100% - 4 * 6rem) / 5) * 2 + 6rem)
}
.header{
    width:100%;
    background-size:cover;
    background-position:50% 20%
}
.header--home{
    background-image:linear-gradient(to bottom, rgba(49, 145, 198, 0.9), rgba(45, 219, 222, 0.6)),url(../images/bg.jpg)
}
.header--kucko{
    background-image:linear-gradient(to bottom, rgba(114,131,169,0.1), rgba(19,23,32,0.7)),url(../img/bg-kucko.jpg);
    background-size:cover;
    background-position:50% 50%
}
.header--foglalkozas{
    background-image:linear-gradient(to bottom, rgba(114,134,179,0.3), rgba(0,0,0,0.7)),url(../img/bg-foglalkozas.jpg);
    background-size:cover;
    background-position:50% 50%
}
.header__blur{
    width:100%;
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px)
}
.header__blur--kucko{
    min-height:100%
}
.header--home__heading{
    font-size:7rem;
    line-height:1.25;
    text-shadow:0 3px 5px rgba(0,0,0,0.5);
    color:#fff;
    margin-bottom:-2rem;
    padding-left:4%
}
@media only screen and (max-width: 56.25em){
    .header--home__heading{
        text-align:center;
        padding-left:0;
        padding-top:20rem
    }
}
@media only screen and (max-width: 37.5em){
    .header--home__heading{
        font-size:5.5rem
    }
}
.header--home__text{
    font-size:20px;
    text-align:center;
    color:#fff;
    text-shadow:0 3px 4px rgba(0,0,0,0.75);
    line-height:2;
    margin-left: 50px;
    margin-right: 50px;
}
@media only screen and (max-width: 56.25em){
    .header--home__text{
        text-align:center;
        padding-left:0;
        max-width:60rem;
        margin:0 auto;
        padding-right:0;
        margin-top: 200px;
    }
}
@media only screen and (max-width: 37.5em){
    .header--home__text{
        font-size:2rem
    }
}
.header--home__btn-wrapper{
    margin-top:2rem;
    float:center;
    padding-right:8%
}
.header--home__btn-wrapper{
    width:100%;
    display:block;
    text-align:center;
    padding-right:0px;
    margin-top: 50px;
}
@media only screen and (max-width: 56.25em){
    .header--home__btn-wrapper{
        width:100%;
        display:block;
        text-align:center;
        padding-right:0rem
    }
}
.header--home__btn{margin-bottom:calc(3.75rem / 4)}@media only screen and (max-width: 56.25em){.header--home__btn{transform:scale(1.25);
margin-bottom:calc(3.75rem / 2)}
}
.header--home__btn-subscript{
    display:block;
    color:#fff;
    font-size:1.5rem;
    line-height:3;
    text-shadow:0 3px 5px rgba(0,0,0,0.5);
    text-align:center
}
@media only screen and (max-width: 56.25em){.header--home__btn-subscript{text-align:center}}
.header--home__contact-link{
    transition:all 0.2s;
    text-align: center;
}
.header--home__contact-link:link,.header--home__contact-link:visited{
    color:#fff;
    font-weight:600;
    font-size:1.65rem
}
.header--home__contact-link:hover,.header--home__contact-link:focus{
    color:#c8d3eb;
    text-shadow:2px 2px 12px #9da2ab
}
.header--home__contact-link:active{
    color:black
}
.header--home--margin-clear{
    margin-bottom:3.75rem !important
}
@media only screen and (max-width: 56.25em){
    .header--home--margin-clear{
        margin-bottom:calc(3.75rem / 2) !important
    }
}
.header--home__gallery{
    position:relative;
    margin-bottom: 0px;
}
.header--home__gallery::before,.header--home__gallery::after{
    content:"";
    display:block;
    width:100%;
    height:0.2rem;
    background-color:#c8d3eb;
    box-shadow:0 3px 4px rgba(0,0,0,0.65)
}
@media only screen and (max-width: 75em){
    .header--home__gallery::before,.header--home__gallery::after{
        display:none
    }
}
.header--home__gallery::before{
    position:absolute;
    top:-1rem
}
.header--home__gallery::after{
    position:absolute;
    bottom:calc(8rem - 0.5vh)
}
.header--home__gallery,.header--home__quote-wrapper{
    min-height:calc(200px + 5vh)
}
.header--home__gallery{
    min-height:calc(200px + 5vh + 8rem)
}
@media only screen and (max-width: 75em){.header--home__gallery{min-height:calc(130px + 5vh + 8rem)}}@media only screen and (max-width: 56.25em){.header--home__gallery{min-height:25rem}}.header--home__img-col{padding:0 calc(3.75rem / 2);
white-space:nowrap;
height:100%}@media only screen and (max-width: 56.25em){.header--home__img-col{display:none}}.header--home__img-wrapper{display:inline-block;
width:50%;
white-space:normal;
position:relative}@media (hover: hover) and (pointer: fine){.header--home__img-wrapper:hover .header__img{transform:translateX(-50%) scale(1.03)}}.header--home__img{width:80%;
max-width:200px;
position:absolute;
left:50%;
transform:translateX(-50%);
transition:all 0.2s;
border-radius:0.5rem;
box-shadow:2px 2px 12px rgba(241,129,121,0.75),2px 2px 18px rgba(0,0,0,0.25)}.header--home__quote-wrapper{position:relative;
width:100%}@media only screen and (max-width: 56.25em){.header--home__quote-wrapper{margin-top:-2rem;
transform:scale(1.2)}}.header--home__quote{width:100%;
text-align:center;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)}
@media only screen and (max-width: 75em){
    .header--home__quote{
        transform:translate(-50%, -70%)
    }
}
@media only screen and (max-width: 65.625em){
    .header--home__quote{
        transform:translate(-50%, -80%)
    }
}
@media only screen and (max-width: 37.5em){
    .header--home__quote{
        margin-top:calc(3.75rem * 2);
        padding-bottom:calc(3.75rem * 2)
    }
}
.header--home__quote-text,.header--home__quote-autho{
    font-family:"Playfair Display", serif;
    color:#fff;
    font-size:2rem;
    line-height:4.2rem;
    letter-spacing:0.1rem;
    text-shadow:0 3px 5px rgba(0,0,0,0.5)
}
.header--home__quote-author{
    font-family:"Playfair Display", serif;
    color:#fff;
    font-size:2rem;
    letter-spacing:0.1rem;
}
@media only screen and (max-width: 65.625em){
    .header--home__quote-text,.header--home__quote-author{
        font-size:2.2rem;
        line-height:3.8rem;
        color: #fff;
    }
}
@media only screen and (max-width: 37.5em){.header--home__quote-text,.header--home__quote-author{font-size:3rem;
line-height:1.5}}.header--kucko{height:100vh}@media only screen and (max-width: 56.25em){.header--kucko{height:auto}}.header--kucko .header__blur{position:relative}.header--kucko__shape-wrapper{position:absolute;
top:0;
right:0;
width:48%;
height:90%;
z-index:-1}@media only screen and (max-width: 56.25em){.header--kucko__shape-wrapper{display:none}}@media only screen and (min-width: 112.5em){.header--kucko__shape-wrapper{transform:translate(5%, -5%) scale(1.2);
width:40%}}.header--kucko__shape{position:absolute;
top:0;
right:0;
width:98%;
height:98%;
background-image:linear-gradient(to bottom, rgba(183,194,163,0.8), rgba(64,76,104,0.8)),url(../img/bg-kucko-shape.jpg);
background-size:cover;
background-position:center;
z-index:10;
border-bottom-right-radius:3rem;
-webkit-clip-path:url(../svg/bg-kucko-clip.svg);
clip-path:path("M29.9133 5.4878e-06L915 0.000167863L915 974.035C915 974.035 609.047 979.533 482.758 1001.02C356.469 1022.51 108.061 1083.37 86.5269 919.561C78.6697 859.791 111.859 830.385 118.011 768.633C141.57 532.139 6.80181 473.095 0.161997 233.389C-2.55996 135.122 29.9133 5.4878e-06 29.9133 5.4878e-06Z")}.header--kucko__shape-after{position:absolute;
z-index:1;
height:100%;
width:100%;
right:-0.5rem;
top:0;
background-color:#f4ffdf;
border-bottom-right-radius:3rem;
-webkit-clip-path:url(../svg/bg-kucko-clip.svg);
clip-path:path("M29.9133 5.4878e-06L915 0.000167863L915 974.035C915 974.035 609.047 979.533 482.758 1001.02C356.469 1022.51 108.061 1083.37 86.5269 919.561C78.6697 859.791 111.859 830.385 118.011 768.633C141.57 532.139 6.80181 473.095 0.161997 233.389C-2.55996 135.122 29.9133 5.4878e-06 29.9133 5.4878e-06Z")}.header--kucko__heading-wrapper{position:relative;
padding:calc(3.75rem / 4) calc(3.75rem / 2);
background-color:rgba(0,0,0,0.4);
border-top-right-radius:1rem;
border-bottom-right-radius:1rem;
display:inline-block;
box-shadow:0 3px 7px rgba(0,0,0,0.3);
margin-left:10%;
margin-top:calc(-8rem - 3vh)}@media only screen and (max-width: 56.25em){.header--kucko__heading-wrapper{display:block;
margin:30rem auto 0;
padding:2rem 1rem;
border-radius:1rem}}@media only screen and (max-width: 37.5em){.header--kucko__heading-wrapper{margin:22rem auto 0;
padding:0;
width:100%;
border-radius:0}}.header--kucko__heading-wrapper::before{position:absolute;
content:"";
display:block;
height:100%;
width:0.35rem;
background-color:#c5f075;
box-shadow:0 3px 4px rgba(0,0,0,0.65);
top:0;
left:-0.35rem;
border-radius:1rem}@media only screen and (max-width: 56.25em){.header--kucko__heading-wrapper::before{display:none}}.header--kucko__heading{font-size:5rem;
line-height:1.55;
color:#fff}@media only screen and (max-width: 56.25em){.header--kucko__heading{font-size:6.5rem;
text-align:center}}@media only screen and (max-width: 37.5em){.header--kucko__heading{font-size:4.5rem}}.header--kucko__heading span{color:#dbfaa3}.header--kucko__subheading{font-family:"Poppins", sans-serif;
color:#fff;
font-weight:300;
margin-top:1rem}@media only screen and (max-width: 56.25em){.header--kucko__subheading{text-align:center;
font-size:3rem}}@media only screen and (max-width: 37.5em){.header--kucko__subheading{font-size:2.5rem;
padding-bottom:1rem}}.header--kucko__quote-wrapper{margin-top:calc(-5rem);
margin-right:8%;
float:right}@media only screen and (max-width: 56.25em){.header--kucko__quote-wrapper{margin:5rem auto 0;
float:none;
width:100%;
max-width:60rem}}@media only screen and (max-width: 37.5em){.header--kucko__quote-wrapper{margin-top:2rem}}.header--kucko__quote{text-align:right;
font-family:"Playfair Display", serif;
font-size:2rem;
color:#fff;
text-shadow:0 3px 5px rgba(0,0,0,0.5)}@media only screen and (max-width: 56.25em){.header--kucko__quote{text-align:center;
font-size:3rem;
text-shadow:0 3px 4px rgba(0,0,0,0.75)}}@media only screen and (max-width: 37.5em){.header--kucko__quote{font-size:2.2rem}}.header--kucko__quote-author{font-size:2.5rem}@media only screen and (max-width: 56.25em){.header--kucko__quote-author{font-size:3.2rem}}@media only screen and (max-width: 37.5em){.header--kucko__quote-author{font-size:2.6rem}}.header--kucko__punch-wrapper{position:absolute;
bottom:10%;
left:10%;
line-height:1.8}@media only screen and (max-width: 56.25em){.header--kucko__punch-wrapper{position:relative;
bottom:0;
left:0;
margin:12rem auto 0;
display:block;
width:100%;
max-width:70rem;
text-align:center;
padding-bottom:5rem}}@media only screen and (max-width: 37.5em){.header--kucko__punch-wrapper{margin-top:7rem;
padding-bottom:10rem}}.header--kucko__punch-wrapper::before,.header--kucko__punch-wrapper::after{display:block;
content:"";
background-color:#fff;
height:0.2rem;
border-radius:1rem;
box-shadow:0 3px 4px rgba(0,0,0,0.65);
width:100%;
position:absolute;
left:0}@media only screen and (max-width: 37.5em){.header--kucko__punch-wrapper::before,.header--kucko__punch-wrapper::after{display:none}}.header--kucko__punch-wrapper::before{top:0}.header--kucko__punch-wrapper::after{bottom:1rem}@media only screen and (max-width: 56.25em){.header--kucko__punch-wrapper::after{bottom:6rem}}.header--kucko__punch{text-transform:uppercase;
color:#fff;
-webkit-text-fill-color:transparent;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:#c5f075;
font-size:10rem;
font-weight:1000;
text-align:left;
position:relative;
display:inline-block;
z-index:1000}.header--kucko__punch::after{position:absolute;
width:150%;
top:2px !important;
left:2px !important;
z-index:200;
text-align:left;
content:"A KUCKÓ";
-webkit-text-fill-color:transparent;
-webkit-text-stroke-width:3px;
-webkit-text-stroke-color:#fff}@media only screen and (max-width: 37.5em){.header--kucko__punch{font-size:8.5rem}.header--kucko__punch::after{-webkit-text-stroke-width:2px}
}
.header--home__logo-box,.header--kucko__logo-box{
    padding-top:1vh;
    float:center
}
@media only screen and (max-width: 56.25em){
    .header--home__logo-box,.header--kucko__logo-box{
        float:center;
        text-align:center;
        padding-right:0;
        width:70%;
        margin:0 auto;
        position:relative;
    }
}
@media only screen and (max-width: 37.5em){
    .header--home__logo-box,.header--kucko__logo-box{
        transform:scale(1.2);
        padding-bottom:2rem
    }
}
.header--home__logo,.header--kucko__logo{
    width:20rem;
    float: right;
    position: absolute;
    right: 30px;
}
@media only screen and (max-width: 56.25em){
    .header--home__logo,.header--kucko__logo{
        width:15rem;
        position:absolute;
        top:3rem;
        left:50%;
        transform:translateX(-50%);
    }
}
.header--home__logo-heading,.header--kucko__logo-heading{
    padding-top:1.5rem;
    padding-right:0rem;
    font-family:"Poppins", sans-serif;
    color:#fff;
    text-shadow:0 3px 4px rgba(0,0,0,0.75);
    font-weight:800;
    float:center;
    line-height:1.2;
    font-size:6.5rem;
    text-align:center;
    padding-right: 100px;
}
.header--home__logo-heading span,.header--kucko__logo-heading span{
    display: block;
    padding-left: 200px;
}
@media only screen and (max-width: 56.25em){
    .header--home__logo-heading span,.header--kucko__logo-heading span{
        display: block;
        padding-left: 0px;
        font-size: 4.5rem;
    }
}
.header--home__logo-heading,.header--kucko__logo-heading{
    text-align:center;
    padding-top:5rem;
    padding-bottom: 5rem;
    font-size:9rem;
    top:17rem;
}
@media only screen and (max-width: 56.25em){
    .header--home__logo-heading,.header--kucko__logo-heading{
        text-align:center;
        float:none;
        display:inline-block;
        padding:0;
        font-size:6rem;
        position:absolute;
        top:17rem;
        left:50%;
        transform:translateX(-50%);
        margin-bottom: 800px;
    }
}
.header--foglalkozas__heading{width:100%;
font-size:10rem;
color:#fff;
text-shadow:0 3px 4px rgba(0,0,0,0.75);
text-align:center;
margin-bottom:3.75rem}.header--foglalkozas__heading span{border-radius:2rem}@media only screen and (max-width: 37.5em){.header--foglalkozas__heading{font-size:6.5rem;
padding-top:8rem}}.header--foglalkozas__text{width:100%;
padding:3.75rem calc(50% - 52rem / 2);
color:#fff;
text-align:center;
font-size:1.9rem;
font-weight:300;
margin-bottom:calc(3.75rem * 2);
background-color:rgba(0,0,0,0.4)}@media only screen and (max-width: 37.5em){.header--foglalkozas__text{font-size:2rem;
padding:3.75rem calc(3.75rem / 2)}}.header--foglalkozas .btn{display:block;
text-align:center;
max-width:60rem;
margin:0 auto
}
@media only screen and (max-width: 37.5em){
    .header--foglalkozas .btn{
        width:100%;
        max-width:37rem
    }
}
.footer{
    padding:calc(1rem) 0 0;
    color:#fff
}
@media only screen and (max-width: 56.25em){
    .footer{
        padding-top:calc(3.75rem * 2);
        margin-top:calc(3.75rem * 2)
    }
}
.footer--purple{
    background-color:rgba(10, 34, 48, 0.9);
}
.footer--blue{
    background-color:#202046
}
.footer .row{
    width:95%;
    max-width:120em;
    padding-bottom: 0px;
}
.footer .row:nth-of-type(2){
    padding-bottom:calc(3.75rem * 2)
}
@media only screen and (max-width: 56.25em){
    .footer .row [class^="col-1-"]{
        width:20% !important;
        margin:0 !important
    }
    .footer .row{
        margin-bottom:0 !important
    }
}
@media only screen and (max-width: 37.5em){
    .footer .row [class^="col-1-"]{
        width:100% !important;
        margin-bottom:2rem !important
    }
}
@media only screen and (max-width: 56.25em){
    .footer__navigation{
        padding-right:3rem
    }
}
.footer__navigation{
    text-align:right
}
@media only screen and (max-width: 37.5em){
    .footer__navigation
    {
        padding-right:0;
        text-align:center
    }
}
.footer__navigation-list{
    list-style:none
}
.footer__navigation-link{
    transition:all 0.2s
}
.footer__navigation-link,.footer__navigation-link:link,.footer__navigation-link:visited{
    color:rgba(255,255,255,0.5);
    text-decoration:none;
    text-transform:uppercase;
    line-height:3.2;
    font-weight:600;
    letter-spacing:0.15rem;
    font-size:1.5rem
}
.footer__navigation-link--cursive{
    font-family:"Playfair Display", serif
}
@media (hover: hover) and (pointer: fine){
    .footer__navigation-link:hover{
        color:#fff;
        letter-spacing:0.2rem
    }
}
.footer__logo{
    width:100%;
    display:block;
    margin:0 auto;
    margin-bottom:calc(3.75rem / 4)
}
.footer__logo-box{
    display:block;
    width:50%;
    margin:0 auto
}
@media only screen and (max-width: 56.25em){
    .footer__logo-box{
        display:none
    }
}
.footer__logo-text{
    text-align:center;
    text-shadow:0 3px 4px rgba(0,0,0,0.75);
    line-height:1.2
}
.footer__logo-text--top{
    display:block;
    font-size:4rem;
    font-weight:600
}
.footer__logo-text--bot{
    display:block;
    font-size:2rem;
    font-weight:200
}
.footer__company-data{
    color:rgba(255,255,255,0.5);
cursor:default;
transition:all 0.2s}@media (hover: hover) and (pointer: fine){.footer__company-data:hover{color:rgba(255,255,255,0.7);
letter-spacing:0.05rem}}.footer__company-data:target{color:white;
letter-spacing:0.06rem}@media only screen and (max-width: 56.25em){.footer__company-data{padding-left:3rem}}@media only screen and (max-width: 37.5em){.footer__company-data{padding-left:0;
text-align:center}
}
.footer__company-data-heading{
    font-size:2.5rem;
    margin-bottom:calc(1rem)
}
.footer__company-data-list{
    list-style:none
}
@media only screen and (max-width: 37.5em){
    .footer__company-data-list{
        padding-left:2rem;
        text-align:left
    }
}
.footer__company-data-item{
    font-size:1.4rem;
    line-height:2.7
}
.footer .footer__navigation-list:hover .footer__navigation-link:not(:hover){
    color:rgba(255,255,255,0.35)
}
.footer__watermark{
    float:right;
    padding:calc(3.75rem * 2) 0 calc(3.75rem / 2);
    color:rgba(255,255,255,0.4);
    font-size:1.1rem;
    line-height:3rem;
    transition:all 0.2s;
    cursor:default
}
@media (hover: hover) and (pointer: fine){.footer__watermark:hover .footer__watermark-link{color:#fff;
font-size:1.3rem;
font-weight:600}}.footer__watermark-link,.footer__watermark-link:link,.footer__watermark-link:visited{color:rgba(255,255,255,0.7);
transition:all 0.2s;
cursor:pointer}@media only screen and (max-width: 56.25em){.footer__watermark{display:block;
float:none;
text-align:center;
padding-top:3.75rem}}.navigation{transition:all 0.5s;
z-index:10000;
position:relative}
.navigation--purple .navigation__background{
    background-image:radial-gradient(rgba(49, 145, 198, 0.9), rgba(45, 219, 222, 0.9))
}
.navigation--purple .navigation__button{
    color:rgb(218, 218, 218);
    text-shadow:0px 0px 10px white
}
.navigation--purple .navigation__icon,.navigation--purple .navigation__icon::before,.navigation--purple .navigation__icon::after{
    background-color:grey
}
.navigation--blue .navigation__background{
    background-image:radial-gradient(#c8d3eb, #000000)
}
.navigation--blue .navigation__link:hover,.navigation--blue .navigation__link:active{
    color:#404c68;
}
.navigation__checkbox{
    display:none
}
.navigation__button{
    background-color:#fff;
    height:7rem;
    width:7rem;
    position:fixed;
    top:6rem;
    left:6rem;
    border-radius:50%;
    z-index:2000;
    box-shadow:0 3px 4px rgba(0,0,0,0.65);
    text-align:center;
    cursor:pointer
}
@media only screen and (max-width: 56.25em){.navigation__button{top:4rem;
left:4rem}}@media only screen and (max-width: 37.5em){.navigation__button{top:2.5rem;
left:2.5rem}}.navigation__background{height:6rem;
width:6rem;
border-radius:50%;
position:fixed;
top:6.5rem;
left:6.5rem;
z-index:1000;
transition:transform 0.8s cubic-bezier(0.86, 0, 0.07, 1)}@media only screen and (max-width: 56.25em){.navigation__background{top:4.5rem;
left:4.5rem}}@media only screen and (max-width: 37.5em){.navigation__background{top:3rem;
left:3rem}}.navigation__nav{height:100vh;
position:fixed;
top:0;
left:0;
z-index:1500;
opacity:0;
width:0;
visibility:hidden;
transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.navigation__list{position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
text-align:center;
list-style:none;
width:100%}.navigation__link:link,.navigation__link:visited{display:inline-block;
font-size:3rem;
font-weight:300;
text-transform:uppercase;
padding:1rem 2rem;
color:#fff;
text-decoration:none;
background-image:linear-gradient(120deg, transparent 0%, transparent 50%, #fff 50%);
background-size:230%;
transition:all 0.4s
}
.navigation__link:hover,.navigation__link:active{
    background-position:100%;
    color:rgba(45, 219, 222);
    transform:translateX(1rem)
}
.navigation__link span{
    margin-right:1.5rem;
    display:inline-block
}
.navigation__checkbox:checked ~ .navigation__background{
    transform:scale(80)
}
.navigation__checkbox:checked ~ .navigation__nav{
    opacity:1;
width:100%;
visibility:visible}.navigation__icon{position:relative;
margin-top:3.5rem;
transition:all 0.3s;
line-height:3.5}.navigation__icon,.navigation__icon::before,.navigation__icon::after{width:3rem;
height:4px;
border-radius:1rem;
background-color:#2d1513;
display:inline-block}.navigation__icon::before,.navigation__icon::after{content:"";
position:absolute;
left:0;
transition:all 0.2s;
transform-origin:center}.navigation__icon::before{top:-0.8rem}.navigation__icon::after{top:0.8rem}.navigation__button{transition:all 0.3s;
color:#333;
text-shadow:0px 0px 3px rgba(47,48,105,0.7);
text-transform:uppercase}
@media (hover: hover) and (pointer: fine){
    .navigation__button:hover{
        background-color:rgba(45, 219, 222, 0.6);
        transform:scale(0.9)
    }
    .navigation__button:hover .navigation__icon::before{
        top:-1rem
    }
    .navigation__button:hover .navigation__icon:after{
        top:1rem
    }
}
.navigation__checkbox:checked+.navigation__button .navigation__icon{
    background-color:transparent
}
.navigation__checkbox:checked+.navigation__button .navigation__icon::before{
    top:0;
    transform:rotate(135deg)
}
.navigation__checkbox:checked+.navigation__button .navigation__icon::after{
    top:0;
    transform:rotate(-135deg)
}
.section-intro{
    background-image:linear-gradient(to bottom, white 0%, rgba(45, 219, 222, 0.3) 50%, white 100%)
}
.section-intro .profile-picture{
    width:30rem;
    margin-left:calc(60% - 12.5rem);
    margin-top:10rem
}
@media only screen and (max-width: 87.5em){.section-intro .profile-picture{transform:translateX(-15%)}}@media only screen and (max-width: 56.25em){.section-intro .profile-picture{margin:5rem auto;
transform:none}}.section-intro .profile-picture__wrapper{width:100%}.section-intro .profile-picture__image{width:100%;
border-radius:50%;
box-shadow:0 3px 7px rgba(0,0,0,0.3)}.section-intro .text-area{max-width:52rem;
margin:0;
text-align:right}@media only screen and (max-width: 87.5em){.section-intro .text-area{transform:translateX(-5%)}}@media only screen and (max-width: 56.25em){.section-intro .text-area{margin:0 auto;
transform:translateY(-15rem);
text-align:center;
max-width:85%}}@media only screen and (max-width: 37.5em){.section-intro .text-area{max-width:100%}
}
.section-intro .text-area .rule{
    height:0.35rem;
    border-radius:1rem;
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    border:none;
    width:100%;
    transform:translateX();
    margin-top: 5px;
    margin-bottom: 15px;
}
.section-intro .text-area .rule--purple{background-color:#c8d3eb}@media only screen and (max-width: 56.25em){.section-intro .text-area .rule{width:80%;
transform:none;
margin-left:10%;
height:0.2rem}}.section-intro .text-area__img-box{width:100%;
white-space:nowrap}
.section-intro .text-area__img{
    display:inline-block;
    width:32%;
    border-radius:1rem;
    box-shadow:1px 2px 6px rgba(45, 219, 222),2px 2px 10px rgba(0,0,0,0.15)
}
.section-intro .text-area__img:not(:last-child){
    margin-right:2%
}
@media only screen and (max-width: 56.25em){
    .section-intro .text-area__img{
        width:32.5%;
        border-radius:0.5rem
    }
    .section-intro .text-area__img:not(:last-child){
        margin-right:0.5%
    }
}
.section-activities{
    background-image:linear-gradient(to bottom, white 0%, #c8d3eb 50%, white 100%);
}
.behuzas{
    padding-left: 15rem;
    padding-right: 15rem;
}
@media only screen and (max-width: 56.25em){
    .behuzas{
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
.section-activities .activities__img-wrapper{
    width:80%;
    margin-top:calc(calc(2rem / 2) + calc(2rem / 4))
}
@media only screen and (max-width: 56.25em){
    .section-activities .activities__img-wrapper{
        margin:0 auto !important;
        width:100%;
        display:block;
        text-align:center;
        padding-bottom: 12rem;
    }
}
@media (hover: hover) and (pointer: fine){
    .section-activities .activities__img-wrapper:hover .activities__img{
        transform:scale(1.03)
    }
}
.section-activities .activities__img-wrapper--1{
    float:right;
    margin-right:-20%
}
.section-activities .activities__img-wrapper--2{
    float:left;
    margin-left:-20%
}
@media only screen and (max-width: 56.25em){
    .section-activities .activities__img-wrapper--2{
        display:none
    }
}
.section-activities .activities__img{
    transition:all 0.2s;
    width:100%;
    border-radius:2rem;
    box-shadow:2px 2px 12px rgba(114,134,179,0.75),2px 2px 18px rgba(0,0,0,0.25)
}
@media only screen and (max-width: 56.25em){
    .section-activities .activities__img{
        width:30rem;
        max-width:100%
    }
}
.section-activities .text-area{
    max-width:65rem
}
.section-activities .text-area--1{
    margin-right:10%
}
.section-activities .text-area--1 .rule{
    width:100%;
    transform:translateX()
}
@media only screen and (max-width: 56.25em){
    .section-activities .text-area--1{
        transform:translateY(-3rem)
    }
}
.section-activities .text-area--2{
    margin-left:10%
}
.section-activities .text-area--2 .rule{
    width:100%;
    transform:translateX()
}
@media only screen and (max-width: 56.25em){
    .section-activities .text-area--2{
        transform:translateY(-17rem)
    }
}
@media only screen and (max-width: 56.25em){
    .section-activities .text-area{
        margin:0 auto;
        text-align:center;
        max-width:85%
    }
}
@media only screen and (max-width: 37.5em){
    .section-activities .text-area{
        max-width:100%
    }
}
.section-activities .text-area__heading{
    font-size:5rem;
    line-height:1.25
}
@media only screen and (max-width: 37.5em){
    .section-activities .text-area__heading{
        font-size:3.75rem;
        padding-top:2rem
    }
}
@media only screen and (max-width: 56.25em){
    .section-activities .text-area__text{
        text-align:center;
        max-width:90%;
        margin-left:5%
    }
}
@media only screen and (max-width: 56.25em){
    .section-activities .text-area .btn{
        display:block;
        text-align:center;
        max-width:100%;
        margin:0 auto;
        width:50rem
    }
}
.section-activities .text-area .rule{
    height:0.35rem;
    border-radius:1rem;
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    border:none
}
.section-activities .text-area .rule--yellow{
    background-color:rgba(45, 219, 222, 0.6)
}
@media only screen and (max-width: 56.25em){
    .section-activities .text-area .rule{
        width:80%;
        transform:none;
        margin-left:10%
    }
}
.section-activities .activities-prelude--1{margin-left:10%}@media only screen and (max-width: 56.25em){.section-activities .activities-prelude--1{display:block;
margin:0 auto;
text-align:center}}.section-activities .activities-prelude--1 span:first-of-type{margin:1rem 0;
margin-left:4rem;
font-size:4.5rem;
line-height:1;
font-family:"Playfair Display", serif;
background-color:rgba(255,190,177,0.5);
border-radius:1rem;
padding:calc(3.75rem / 4);
display:inline-block}@media only screen and (max-width: 56.25em){.section-activities .activities-prelude--1 span:first-of-type{margin:0 auto;
margin-top:2rem}}@media only screen and (max-width: 37.5em){.section-activities .activities-prelude--1 span:first-of-type{font-size:3.7rem}}.section-activities .activities-prelude--1 span ~ span{display:inline-block;
margin-left:8rem}@media only screen and (max-width: 56.25em){.section-activities .activities-prelude--1 span ~ span{margin:0 auto;
padding-top:2rem}}.section-activities .activities-prelude--2{margin-right:10%;
text-align:right}@media only screen and (max-width: 56.25em){.section-activities .activities-prelude--2{display:block;
margin:0 auto;
text-align:center;
padding-bottom:10rem}}.section-activities .activities-prelude--2 .outline::after{content:"Szívesen segítek."}@media only screen and (max-width: 56.25em){.section-activities .activities-prelude--2 .outline::after{right:calc(50% - 2px) !important;
transform:translateX(50%)}}.section-activities .activities-prelude--3{text-align:center}.section-activities .activities-prelude--3 .outline::after{content:"Játék és tanulás.";
right:calc(50% - 2px) !important;
transform:translateX(50%)
}
@media only screen and (max-width: 56.25em){
    .section-activities .activities-prelude--3{
        margin-top:-10rem
    }
}
.section-gallery{
    background-image:linear-gradient(to bottom, #fff 0%, #c8d3eb 50%, #fff 100%)
}
@media only screen and (max-width: 56.25em){
    .section-gallery{
        margin-top:-15rem
    }
}
.section-gallery .row{
    width:80%
}
@media only screen and (max-width: 56.25em){
    .section-gallery .row{
        width:100%
    }
}
.section-gallery .gallery-heading--right{
    text-align:center
}
@media only screen and (max-width: 56.25em){
    .section-gallery .gallery-heading--right{
        text-align:center
    }
}@media only screen and (max-width: 56.25em){
    .section-gallery .gallery-heading{
        text-align:center;
        font-size:5rem
    }
}
@media only screen and (max-width: 37.5em){
    .section-gallery .gallery-heading{
        font-size:3rem
    }
}
.section-gallery .gallery-strip{
    padding:2rem 0;
    width:100vw;
    background-color:rgba(142, 243, 244, 0.7)
}
.section-gallery .gallery-strip .row{margin-bottom:0}@media only screen and (max-width: 56.25em){.section-gallery .gallery-strip [class^="col-"]{margin-top:-4rem}}.section-gallery .gallery-strip [class^="col-"]:not(:last-child){margin-right:1rem}.section-gallery .gallery-strip .col-1-of-2{width:calc((100% - 1rem) / 2)}.section-gallery .gallery-strip .col-1-of-3{width:calc((100% - 2 * 1rem) / 3)}.section-gallery .gallery-strip .col-2-of-3{width:calc(((100% - 2 * 1rem) / 3) * 2 + 1rem)}.section-gallery .gallery-strip .col-1-of-6{width:calc((100% - 5 * 1rem) / 6)
}
.section-gallery .gallery-strip__img{
    width:100%;
    box-shadow:1px 2px 6px rgba(45, 219, 222, 0.6),2px 2px 10px rgba(45, 219, 222, 0.6);
    border-radius:1rem;
    transition:all 0.4s ease-in-out;
    outline:1rem solid transparent
}
@media (hover: hover) and (pointer: fine){
    .section-gallery .gallery-strip__img:hover{
        transform:scale(1.1) translateY(-2rem);
        box-shadow:0 0 100px 3rem rgba(49, 145, 198, 0.9);
        outline:2rem solid rgba(45, 219, 222, 0.6)
    }
}
.section-gallery .gallery-strip__img--mt{margin-top:12.5%}.section-gallery .prelude{text-align:center}.section-gallery .prelude .outline::after{width:130%;
content:"Lépjünk kapcsolatba.";
right:calc(50% - 2px) !important;
transform:translateX(50%)}@media only screen and (max-width: 56.25em){.section-gallery .prelude{margin-top:-5rem}}.section-contact .text-area{width:90%;
max-width:125rem;
white-space:nowrap;
display:table}@media only screen and (max-width: 56.25em){.section-contact .text-area{display:block;
width:100%}}@media only screen and (max-width: 37.5em){.section-contact .text-area{display:block;
width:100vw;
margin-left:-5vw;
border-radius:0}}.section-contact .text-area__left{width:37%;
padding-right:3%;
display:table-cell;
    vertical-align:middle
}
@media only screen and (max-width: 56.25em){
    .section-contact .text-area__left{
        display:block;
        width:100%;
        padding-right:0;
        margin-bottom:5rem
    }
}
.section-contact .text-area__contact{
    background-color:rgba(49, 145, 198, 0.9);
    color:#fff;
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    border-radius:1rem;
    padding-bottom:calc(3.75rem / 2)
}
@media only screen and (max-width: 56.25em){.section-contact .text-area__contact{width:100%;
max-width:50rem;
margin:0 auto}}.section-contact .text-area__contact-heading{text-align:center;
font-size:3.2rem;
margin-bottom:calc(3.75rem / 2);
padding-top:calc(3.75rem / 4);
text-decoration:underline;
text-underline-offset:3px;
text-decoration-thickness:1.5px}.section-contact .text-area__contact-wrapper{padding-left:6%}.section-contact .text-area__contact-wrapper:not(:nth-of-type(4)){margin-bottom:calc(3.75rem / 2)}.section-contact .text-area__contact-wrapper .first{height:4rem;
margin-bottom:calc(3.75rem / 4)}.section-contact .text-area__contact-wrapper .first img{height:3rem;
width:3rem;
transform:translateY(1rem);
margin-right:1.5rem}.section-contact .text-area__contact-wrapper .first span{font-weight:600;
line-height:1;
height:4rem;
display:inline-block}.section-contact .text-area__contact-wrapper .first span+span{font-weight:200;
font-style:italic}.section-contact .text-area__contact-wrapper .second a{display:inline-block;
font-family:"Playfair Display", serif;
font-size:2rem;
letter-spacing:0.2rem;
line-height:1.5}.section-contact .text-area__contact-wrapper .second a:link,.section-contact .text-area__contact-wrapper .second a:visited{color:#fff;
text-decoration:none;
text-shadow:0 3px 5px rgba(0,0,0,0.5)
}
@media only screen and (max-width: 37.5em){
    .section-contact .text-area__contact-wrapper .second a{
        font-size:2.2rem
    }
}
.section-contact .text-area__right{
    display:table-cell;
    height:100%;
    background-color:rgba(49, 145, 198);
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    border-radius:1rem;
    overflow:hidden
}
@media only screen and (max-width: 56.25em){
    .section-contact .text-area__right{
        display:block;
        width:100%;
        padding-right:0;
        max-width:50rem;
        margin:0 auto
    }
}
.section-contact .text-area__right .gmaps-wrapper{
    display:block;
width:100vw;
height:100vw;
max-width:100%;
max-height:54rem;
margin:0 auto;
border:none;
border-radius:0.4rem}@media only screen and (max-width: 56.25em){.section-contact .text-area__right .gmaps-wrapper{width:100%;
max-width:50rem;
margin:0 auto}}.section-aniko{background-image:linear-gradient(to bottom, rgba(114,134,179,0) 0%, rgba(114,134,179,0.1) 100%)}@media only screen and (max-width: 56.25em){.section-aniko{padding-top:40rem}}.section-aniko .text-area{box-shadow:1px 1px 1px 2px rgba(197,240,117,0.45),2px 2px 10px rgba(114,134,179,0.55);
-moz-column-count:2;
column-count:2;
-moz-column-gap:5rem;
column-gap:5rem;
text-align:justify;
font-size:1.4rem;
width:100%;
max-width:90rem;
margin-right:8%}@media only screen and (max-width: 56.25em){.section-aniko .text-area{margin:0 auto;
-moz-column-count:1;
column-count:1;
max-width:75rem;
padding:3.75rem}.section-aniko .text-area p{font-size:1.6rem}}@media only screen and (max-width: 37.5em){.section-aniko .text-area{padding-left:calc(3.75rem / 2);
padding-right:calc(3.75rem / 2)}.section-aniko .text-area p{font-size:1.8rem}}.section-aniko .aniko__ribbon{background-color:rgba(219,250,163,0.25);
width:100%;
position:relative;
height:12rem;
padding-right:8%;
margin-top:calc(3.75rem * 5)}@media only screen and (max-width: 56.25em){.section-aniko .aniko__ribbon{width:100%;
max-width:60rem;
margin:0 auto;
padding:2rem 1rem;
border-radius:1rem;
height:auto}}.section-aniko .aniko__image{width:20rem;
border-radius:50%;
box-shadow:0 3px 7px rgba(0,0,0,0.3);
position:absolute;
top:-4rem;
left:32%}@media only screen and (max-width: 56.25em){.section-aniko .aniko__image{width:30rem;
top:-28rem;
left:50%;
transform:translate(-50%, 0)}}.section-aniko .aniko__heading{display:block;
text-align:right;
padding-top:0rem;
font-size:4rem;
text-shadow:1px 1px 0px rgba(197,240,117,0.8)}@media only screen and (max-width: 56.25em){.section-aniko .aniko__heading{text-align:center;
font-size:4.5rem}}.section-aniko .aniko__text{display:block;
text-align:right;
font-size:1.5rem}@media only screen and (max-width: 56.25em){.section-aniko .aniko__text{text-align:center;
font-size:2rem}}.section-akucko{background-image:linear-gradient(to bottom, rgba(114,134,179,0.1) 0%, rgba(114,134,179,0) 100%);
padding-top:calc(3.75rem * 5)}.section-akucko .text-area{text-align:justify;
box-shadow:1px 1px 1px 2px rgba(197,240,117,0.45),2px 2px 10px rgba(114,134,179,0.55);
font-size:1.4rem;
width:100%;
max-width:70rem;
padding-left:6rem;
padding-right:6rem;
margin-left:24%}@media only screen and (max-width: 56.25em){.section-akucko .text-area{margin:0 auto;
max-width:75rem}.section-akucko .text-area p{font-size:1.6rem}}@media only screen and (max-width: 37.5em){.section-akucko .text-area{padding-left:calc(3.75rem / 2);
padding-right:calc(3.75rem / 2)}.section-akucko .text-area p{font-size:1.8rem}}.section-akucko .akucko__heading{text-align:center;
font-size:4rem;
text-shadow:0px 1px 4px rgba(0,0,0,0.2),-5px -5px 20px rgba(0,0,0,0.05),5px 5px 20px rgba(0,0,0,0.05);
line-height:2;
padding-bottom:2rem}@media only screen and (max-width: 56.25em){.section-akucko .akucko__heading{font-size:4.5rem}}.section-akucko .akucko__lead{position:relative;
padding:2.5rem 10%;
font-size:1.7rem;
text-align:center;
margin-top:calc(3.75rem / 2)}@media only screen and (max-width: 37.5em){.section-akucko .akucko__lead{padding:5% 5%;
font-size:2rem !important}}.section-akucko .akucko__lead::before,.section-akucko .akucko__lead::after{content:"";
display:block;
height:1px;
background-color:#2f3069;
box-shadow:2px 2px 12px rgba(114,134,179,0.75),2px 2px 18px rgba(0,0,0,0.25);
width:70%;
margin-left:15%;
position:absolute;
left:0}@media only screen and (max-width: 37.5em){.section-akucko .akucko__lead::before,.section-akucko .akucko__lead::after{width:90%;
margin-left:5%}}.section-akucko .akucko__lead::before{top:0}.section-akucko .akucko__lead::after{bottom:0}.section-akucko .akucko__text{margin-top:3.75rem}.section-akucko .akucko__img-wrapper{width:100%;
max-width:35rem;
max-height:17.5rem;
box-shadow:0 3px 7px rgba(0,0,0,0.3);
border-radius:1rem;
overflow:hidden;
margin-left:20%;
transition:all 0.8s}.section-akucko .akucko__img-wrapper:first-of-type{margin-top:6rem}.section-akucko .akucko__img-wrapper:not(:last-of-type){margin-bottom:6rem}@media only screen and (max-width: 56.25em){.section-akucko .akucko__img-wrapper{margin:0 auto;
max-width:60rem;
max-height:30rem}.section-akucko .akucko__img-wrapper:nth-of-type(2n){margin-left:0%}.section-akucko .akucko__img-wrapper:nth-of-type(1),.section-akucko .akucko__img-wrapper:nth-of-type(3){margin-left:25%}}@media only screen and (max-width: 37.5em){.section-akucko .akucko__img-wrapper{margin:7rem auto !important;
max-height:23rem}}@media (hover: hover) and (pointer: fine){.section-akucko .akucko__img-wrapper:hover .akucko__img{transform:scale(1.25) translateY(0.5rem)}.section-akucko .akucko__img-wrapper:hover{transform:scale(1.35) translateY(-0.5rem);
box-shadow:2px 2px 12px rgba(114,134,179,0.75),2px 2px 18px rgba(0,0,0,0.25)}}.section-akucko .akucko__img{transition:all 0.8s;
width:100%}.section-akucko .akucko-prelude{text-align:center}.section-akucko .akucko-prelude .outline::after{content:"Találkozzunk.";
right:calc(50% - 2px) !important;
transform:translateX(50%)}.section-iskola{background-image:linear-gradient(to bottom, rgba(114,134,179,0) 0%, rgba(114,134,179,0.1) 100%)}.section-iskola .text-area{box-shadow:1px 1px 1px 2px rgba(197,240,117,0.45),2px 2px 10px rgba(114,134,179,0.55);
width:100%;
max-width:75rem;
margin-right:17%}@media only screen and (max-width: 56.25em){.section-iskola .text-area{margin:0 auto}}.section-iskola .text-area .top{position:relative}.section-iskola .text-area .top .icon__wrapper{width:12rem;
height:12rem;
border-radius:50%;
box-shadow:0 3px 4px rgba(0,0,0,0.65);
position:absolute;
background-color:#fff;
left:-25rem}@media only screen and (max-width: 56.25em){.section-iskola .text-area .top .icon__wrapper{display:none}}.section-iskola .text-area .top .icon__wrapper::after{display:block;
position:absolute;
width:170%;
font-size:1.5rem;
color:#7286b3;
text-align:center;
font-weight:600;
text-shadow:1px 1px 0px rgba(197,240,117,0.8);
bottom:-6.5rem;
left:-35%}.section-iskola .text-area .top .icon__wrapper--1{top:5rem}.section-iskola .text-area .top .icon__wrapper--1::after{content:"magabiztosabb iskolakezdés"}.section-iskola .text-area .top .icon__wrapper--2{top:30rem}.section-iskola .text-area .top .icon__wrapper--2::after{content:"fokozatos átvezetés a játék világából a tanulás világába";
bottom:-9.5rem}.section-iskola .text-area .top .icon__wrapper--3{top:57rem}.section-iskola .text-area .top .icon__wrapper--3::after{content:"esetleges tanulási nehézségek megelőzése"}.section-iskola .text-area .top .icon{width:90%;
position:absolute}.section-iskola .text-area .top .icon--1{top:5%;
left:5%}.section-iskola .text-area .top .icon--2{top:12%;
left:15%}.section-iskola .text-area .top .icon--3{top:5%;
left:5%}.section-iskola .text-area .bot{position:relative}.section-iskola .text-area .bot .icon__wrapper{width:12rem;
height:12rem;
border-radius:50%;
box-shadow:0 3px 4px rgba(0,0,0,0.65);
position:absolute;
background-color:#fff;
left:-25rem}@media only screen and (max-width: 56.25em){.section-iskola .text-area .bot .icon__wrapper{display:none}}.section-iskola .text-area .bot .icon__wrapper::after{display:block;
position:absolute;
width:170%;
font-size:1.5rem;
color:#7286b3;
text-align:center;
font-weight:600;
text-shadow:1px 1px 0px rgba(197,240,117,0.8);
bottom:-6.5rem;
left:-35%}.section-iskola .text-area .bot .icon__wrapper--4{top:5rem}.section-iskola .text-area .bot .icon__wrapper--4::after{content:"szociális kompetenciák fejlődése"}.section-iskola .text-area .bot .icon__wrapper--5{top:30rem}.section-iskola .text-area .bot .icon__wrapper--5::after{content:"olvasást, írást, számolást előkészítő képességek";
bottom:-7.5rem}.section-iskola .text-area .bot .icon__wrapper .icon{width:85%;
position:absolute}.section-iskola .text-area .bot .icon__wrapper .icon--4{top:7.5%;
left:7.5%}.section-iskola .text-area .bot .icon__wrapper .icon--5{top:7.5%;
left:7.5%}.section-iskola__img-wrapper--1{left:-25rem}.section-iskola__img-wrapper--2{left:30rem}.section-iskola .iskola-prelude{text-align:center}.section-iskola .iskola-prelude .outline::after{content:"Együtt sikerülni fog.";
right:calc(50% - 2px) !important;
transform:translateX(50%)}@media only screen and (max-width: 37.5em){.section-iskola .iskola-prelude .outline::after{width:105%}}.section-nild{background-image:linear-gradient(to bottom, rgba(114,134,179,0.1) 0%, rgba(114,134,179,0) 100%)}.section-nild__lead{font-size:1.7rem;
margin-bottom:3.75rem;
text-align:justify}@media only screen and (max-width: 56.25em){.section-nild__lead{font-size:2.2rem}}.section-nild__text{-moz-column-count:2;
column-count:2;
-moz-column-gap:5rem;
column-gap:5rem}@media only screen and (max-width: 56.25em){.section-nild__text{-moz-column-count:1;
column-count:1}}.section-nild__skills-heading{text-align:center;
margin-top:3.75rem;
font-size:3.2rem}.section-nild__skills-list{text-align:center;
margin-top:3.75rem}.section-nild__skills-item{display:inline-block;
padding:calc(3.75rem / 4) calc(3.75rem / 2);
text-shadow:1px 1px 0px rgba(197,240,117,0.8);
font-weight:600}.section-nild .text-area{box-shadow:1px 1px 1px 2px rgba(197,240,117,0.45),2px 2px 10px rgba(114,134,179,0.55);
width:100%;
max-width:90rem;
margin:0 auto}.section-nild__img-wrapper--1{left:-10rem}.section-nild__img-wrapper--2{left:42.5rem}.section-nild .nild-prelude{text-align:center}.section-nild .nild-prelude .outline::after{content:"Szívesen mesélek.";
right:calc(50% - 2px) !important;
transform:translateX(50%)}.section-iskola__header,.section-nild__header{font-family:"Poppins", sans-serif;
text-align:center;
text-transform:uppercase;
font-weight:300;
font-size:5rem;
text-shadow:1px 1px 0px rgba(197,240,117,0.8);
line-height:1.5;
padding:calc(3.75rem / 2) calc(50% - 70rem / 2);
background-color:rgba(219,250,163,0.4);
margin-bottom:calc(3.75rem / 2)}.section-iskola__heading,.section-nild__heading{font-size:3.5rem;
text-shadow:0px 1px 4px rgba(0,0,0,0.2),-5px -5px 20px rgba(0,0,0,0.05),5px 5px 20px rgba(0,0,0,0.05);
position:relative;
padding:calc(3.75rem / 4) 0;
text-align:center;
margin-top:calc(3.75rem / 2);
margin-bottom:3.75rem}.section-iskola__heading::before,.section-iskola__heading::after,.section-nild__heading::before,.section-nild__heading::after{display:block;
content:"";
position:absolute;
height:2px;
width:80%;
left:10%;
background-color:#2f3069}.section-iskola__heading::before,.section-nild__heading::before{top:0}.section-iskola__heading::after,.section-nild__heading::after{bottom:0}.section-iskola__text,.section-nild__text{font-size:1.5rem;
text-align:justify}@media only screen and (max-width: 56.25em){.section-iskola__text,.section-nild__text{font-size:1.9rem}}.section-iskola .mid,.section-nild .mid{display:block;
position:relative;
width:100%;
height:30rem;
margin:calc(3.75rem * 2) 0}@media only screen and (max-width: 56.25em){.section-iskola .mid,.section-nild .mid{height:auto}}.section-iskola__img-wrapper,.section-nild__img-wrapper{width:50rem;
height:30rem;
box-shadow:0 3px 7px rgba(0,0,0,0.3);
border-radius:1rem;
overflow:hidden;
position:absolute;
transition:all 0.8s}@media only screen and (max-width: 56.25em){.section-iskola__img-wrapper,.section-nild__img-wrapper{position:static;
margin:0 auto 3.75rem;
width:40rem;
height:24rem}}@media (hover: hover) and (pointer: fine){.section-iskola__img-wrapper:hover img,.section-nild__img-wrapper:hover img{transform:scale(1.25) translateY(0.5rem)}.section-iskola__img-wrapper:hover+div,.section-nild__img-wrapper:hover+div{z-index:0;
transform:scale(0.9)}.section-iskola__img-wrapper:hover,.section-nild__img-wrapper:hover{transform:scale(1.35) translateY(-0.5rem);
box-shadow:2px 2px 12px rgba(114,134,179,0.75),2px 2px 18px rgba(0,0,0,0.25);
z-index:1000}}.section-iskola__img,.section-nild__img{transition:all 0.8s;
width:100%}.section-iskola__arak-heading,.section-nild__arak-heading{text-align:center;
margin-top:3.75rem;
font-size:3.2rem}@media only screen and (max-width: 56.25em){.section-iskola__arak-heading,.section-nild__arak-heading{font-size:4rem}}.section-iskola__arak-text,.section-nild__arak-text{margin-top:calc(3.75rem / 2);
text-align:center;
padding-bottom:3.75rem}@media only screen and (max-width: 56.25em){.section-iskola__arak-text,.section-nild__arak-text{font-size:2rem}}.GALLERY{padding-bottom:calc(3.75rem * 6);
background-image:linear-gradient(to bottom, rgba(241,129,121,0.05) 0%, rgba(241,129,121,0.2) 50%, rgba(241,129,121,0.15) 80%, rgba(241,129,121,0.1) 100%)}@media only screen and (max-width: 37.5em){.GALLERY .row{padding:0}}.GALLERY .blabla{position:relative}.GALLERY .gallery__bg--carousel{width:70%;
position:absolute;
top:5vh;
left:15%}@media only screen and (max-width: 56.25em){.GALLERY .gallery__bg--carousel{position:static;
width:100%}}.GALLERY .gallery__bg--text{padding:8%;
padding-top:2%;
text-align:right}@media only screen and (max-width: 56.25em){.GALLERY .gallery__bg--text{padding:0;
padding-top:10rem;
text-align:center}}.GALLERY .gallery__heading{font-size:5rem;
text-shadow:0px 4px 10px rgba(0,0,0,0.15),2px 2px 1px #c5f075;
position:relative;
margin-bottom:3.75rem}@media only screen and (max-width: 56.25em){.GALLERY .gallery__heading{font-size:7rem;
margin-bottom:calc(3.75rem * 2)}}.GALLERY .gallery__heading::after{display:block;
content:"";
position:absolute;
bottom:0;
right:0;
width:100%;
max-width:40rem;
height:0.1rem;
background-color:#360603}@media only screen and (max-width: 56.25em){.GALLERY .gallery__heading::after{width:80%;
max-width:80%;
right:10%;
bottom:-2rem}}.GALLERY .gallery__lead{font-size:2.1rem;
width:100%;
max-width:40rem;
margin-left:calc(100% - 40rem);
margin-bottom:3.75rem}@media only screen and (max-width: 56.25em){.GALLERY .gallery__lead{width:40rem;
margin-left:calc(50% - 20rem);
font-size:2.3rem}}.GALLERY .gallery__btn,.GALLERY .gallery__btn:link,.GALLERY .gallery__btn:visited{color:#360603;
background-color:#f4ffdf;
margin-bottom:3.75rem}.GALLERY .gallery__btn:active{transform:scale(0.95);
box-shadow:0 2px 3px rgba(0,0,0,0.75);
border-color:#360603}.GALLERY .gallery__subtext{opacity:0.5;
font-size:1.3rem;
font-style:italic;
width:100%;
max-width:50rem;
margin-left:calc(100% - 50rem)}@media only screen and (max-width: 56.25em){.GALLERY .gallery__subtext{width:50rem;
margin-left:calc(50% - 25rem);
font-size:1.55rem}}@media only screen and (max-width: 37.5em){.GALLERY .gallery__subtext{width:40rem;
margin-left:calc(50% - 20rem)}}.GALLERY .gallery__wrapper{background-image:linear-gradient(to bottom, rgba(54,6,3,0.1) 0%, rgba(54,6,3,0.2) 50%, rgba(54,6,3,0.5) 100%);
margin-top:2%;
padding:5rem 3rem;
box-shadow:0 3px 7px rgba(0,0,0,0.3);
border-radius:0.5rem}.GALLERY .gallery__img-container .gallery__img-wrapper{margin:0 auto;
border-radius:3rem;
overflow:hidden;
height:auto !important}.GALLERY .gallery__img-container .gallery__img{width:100%}.GALLERY .gallery__img-navigation{width:95%;
padding-top:10%;
padding-left:5%}.GALLERY .gallery__img-navigation .gallery__img-wrapper{margin:0 calc(3.75rem / 4);
border-radius:1rem;
box-shadow:1px 2px 6px rgba(241,129,121,0.45),2px 2px 10px rgba(0,0,0,0.15);
height:auto !important;
overflow:hidden}.GALLERY .gallery__img-navigation .gallery__img{width:100%}.main-contact{background-image:linear-gradient(to bottom, rgba(241,129,121,0) 0%, rgba(241,129,121,0.2) 50%, rgba(241,129,121,0) 100%)}.section-contact-intro{text-align:center;
padding-top:3.75rem;
position:relative;
margin-bottom:calc(3.75rem * 3)}.section-contact-intro .intro__icon-wrapper{position:absolute;
width:20rem;
opacity:90%}.section-contact-intro .intro__icon-wrapper--1{top:15rem;
left:10%;
transform:rotate(-15deg)}@media only screen and (max-width: 56.25em){.section-contact-intro .intro__icon-wrapper--1{left:7%}}.section-contact-intro .intro__icon-wrapper--2{top:42rem;
right:10%;
transform:rotate(15deg);
opacity:80%;
width:17rem}@media only screen and (max-width: 56.25em){.section-contact-intro .intro__icon-wrapper--2{right:5%}}@media only screen and (max-width: 87.5em){.section-contact-intro .intro__icon-wrapper{width:15rem}}@media only screen and (max-width: 56.25em){.section-contact-intro .intro__icon-wrapper{width:12rem}}@media only screen and (max-width: 37.5em){.section-contact-intro .intro__icon-wrapper{display:none}}.section-contact-intro .intro__icon{width:100%;
-webkit-animation:pulse;
animation:pulse;
-webkit-animation-duration:3s;
animation-duration:3s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite}.section-contact-intro .intro__icon--1{-webkit-animation-delay:0.25s;
animation-delay:0.25s}.section-contact-intro .intro__icon--2{-webkit-animation-delay:0.75s;
animation-delay:0.75s}.section-contact-intro .intro__heading{padding-top:3.75rem;
font-size:6.5rem;
text-shadow:0px 4px 10px rgba(0,0,0,0.15),2px 2px 1px #c5f075;
margin-bottom:3.75rem}@media only screen and (max-width: 56.25em){.section-contact-intro .intro__heading{font-size:7.5rem}}@media only screen and (max-width: 37.5em){.section-contact-intro .intro__heading{font-size:5rem;
padding-top:calc(3.75rem * 2);
margin-bottom:calc(3.75rem * 2)}}.section-contact-intro .intro__subheading{font-size:2.2rem;
font-style:italic;
line-height:2.5}@media only screen and (max-width: 56.25em){.section-contact-intro .intro__subheading{font-size:2.5rem}}@media only screen and (max-width: 37.5em){.section-contact-intro .intro__subheading{font-size:2.2rem;
padding:0 2.5%}}.section-contact-intro .intro__outline{margin-top:3.75rem;
font-size:10rem}@media only screen and (max-width: 56.25em){.section-contact-intro .intro__outline{margin-bottom:calc(3.75rem * 2)}}@media only screen and (max-width: 37.5em){.section-contact-intro .intro__outline{font-size:5.5rem}}.section-contact-intro .intro__btn{display:block;
max-width:65rem;
margin:0 auto}@media only screen and (max-width: 56.25em){.section-contact-intro .intro__btn{width:90%;
max-width:60rem}}.section-contact-intro .outline::after{content:"Találkozzunk.";
right:calc(50% - 2px) !important;
transform:translateX(50%)}.section-contact-info{padding-top:calc(3.75rem * 3);
margin-bottom:calc(3.75rem * 3)}.section-contact-info .text-area{width:90%;
max-width:125rem;
white-space:nowrap;
display:table}@media only screen and (max-width: 56.25em){.section-contact-info .text-area{display:block;
width:100%}}@media only screen and (max-width: 37.5em){.section-contact-info .text-area{display:block;
width:100vw;
margin-left:-5vw;
border-radius:0}}.section-contact-info .text-area__left{width:37%;
padding-right:3%;
display:table-cell;
vertical-align:middle}@media only screen and (max-width: 56.25em){.section-contact-info .text-area__left{display:block;
width:100%;
padding-right:0;
margin-bottom:5rem}}.section-contact-info .text-area__contact{background-color:#f18179;
color:#fff;
box-shadow:0 3px 7px rgba(0,0,0,0.3);
border-radius:1rem;
padding-bottom:calc(3.75rem / 2)}@media only screen and (max-width: 56.25em){.section-contact-info .text-area__contact{width:100%;
max-width:50rem;
margin:0 auto}}.section-contact-info .text-area__contact-heading{text-align:center;
font-size:3.2rem;
margin-bottom:calc(3.75rem / 2);
padding-top:calc(3.75rem / 4);
text-decoration:underline;
text-underline-offset:3px;
text-decoration-thickness:1.5px}.section-contact-info .text-area__contact-wrapper{padding-left:6%}.section-contact-info .text-area__contact-wrapper:not(:nth-of-type(4)){margin-bottom:calc(3.75rem / 2)}.section-contact-info .text-area__contact-wrapper .first{height:4rem;
margin-bottom:calc(3.75rem / 4)}.section-contact-info .text-area__contact-wrapper .first img{height:3rem;
width:3rem;
transform:translateY(1rem);
margin-right:1.5rem}.section-contact-info .text-area__contact-wrapper .first span{font-weight:600;
line-height:1;
height:4rem;
display:inline-block}.section-contact-info .text-area__contact-wrapper .first span+span{font-weight:200;
font-style:italic}.section-contact-info .text-area__contact-wrapper .second a{display:inline-block;
font-family:"Playfair Display", serif;
font-size:2rem;
letter-spacing:0.2rem;
line-height:1.5}.section-contact-info .text-area__contact-wrapper .second a:link,.section-contact-info .text-area__contact-wrapper .second a:visited{color:#fff;
text-decoration:none;
text-shadow:0 3px 5px rgba(0,0,0,0.5)}@media only screen and (max-width: 37.5em){.section-contact-info .text-area__contact-wrapper .second a{font-size:2.2rem}}.section-contact-info .text-area__right{display:table-cell;
width:65%}.section-location-info{margin-bottom:calc(3.75rem * 6);
padding-top:calc(3.75rem * 3)}.section-location-info .text-area{width:90%;
max-width:125rem;
white-space:nowrap;
display:table}@media only screen and (max-width: 56.25em){.section-location-info .text-area{display:block;
width:100%}}@media only screen and (max-width: 37.5em){.section-location-info .text-area{display:block;
width:100vw;
margin-left:-5vw;
border-radius:0}}.section-location-info .text-area__left{width:37%;
padding-right:3%;
display:table-cell;
vertical-align:middle}@media only screen and (max-width: 56.25em){.section-location-info .text-area__left{display:block;
width:100%;
padding-right:0;
margin-bottom:5rem}}@media only screen and (max-width: 56.25em){.section-location-info .text-area__location{width:100%;
max-width:50rem;
margin:0 auto}}.section-location-info .text-area__location-heading{text-align:left;
font-size:2.5rem;
margin-bottom:calc(3.75rem / 2);
padding-top:calc(3.75rem / 4);
text-decoration:underline;
text-underline-offset:3px;
text-decoration-thickness:1.5px;
text-shadow:1px 1px 0px rgba(197,240,117,0.8)}@media only screen and (max-width: 56.25em){.section-location-info .text-area__location-heading{font-size:4rem}}.section-location-info .text-area__location-list{margin-left:2rem}@media only screen and (max-width: 56.25em){.section-location-info .text-area__location-list{padding-top:3.75rem}}.section-location-info .text-area__location-item{padding-bottom:calc(3.75rem / 4);
font-size:1.5rem;
letter-spacing:2px}@media only screen and (max-width: 56.25em){.section-location-info .text-area__location-item{font-size:1.8rem}}.section-location-info .text-area__location-parking{margin-top:2rem}@media only screen and (max-width: 56.25em){.section-location-info .text-area__location-parking{padding-top:3.75rem}}.section-location-info .text-area__location-parking span{display:block;
font-weight:1000;
font-size:7rem;
text-align:center;
position:relative;
line-height:1}.section-location-info .text-area__location-parking span::before,.section-location-info .text-area__location-parking span::after{display:block;
content:"";
position:absolute;
top:50%;
width:40%;
height:1.5px;
background-color:#360603;
box-shadow:1px 1px 1px 2px rgba(197,240,117,0.45),2px 2px 10px rgba(114,134,179,0.55)}.section-location-info .text-area__location-parking span::before{left:0}.section-location-info .text-area__location-parking span::after{right:0}.section-location-info .text-area__location-parking p{display:block;
width:100%;
text-align:center;
padding:calc(3.75rem / 4) calc(3.75rem / 2);
white-space:normal}@media only screen and (max-width: 56.25em){.section-location-info .text-area__location-parking p{font-size:2.5rem}}.section-location-info .text-area__location-img{margin-top:2rem;
width:100%;
border-radius:1rem;
box-shadow:0 3px 7px rgba(0,0,0,0.3)}@media only screen and (max-width: 56.25em){.section-location-info .text-area__location-img{margin-top:3.75rem;
margin-bottom:calc(3.75rem * 2)}}.section-location-info .text-area__right{height:100%;
background-color:rgba(255,190,177,0.5);
box-shadow:0 3px 7px rgba(0,0,0,0.3);
border-radius:1rem;
overflow:hidden}@media only screen and (max-width: 56.25em){.section-location-info .text-area__right{display:block;
width:100%;
padding-right:0;
max-width:50rem;
margin:0 auto;
height:auto !important}}.section-location-info .text-area__right .gmaps-wrapper{display:block;
width:100vw;
height:100vw;
max-width:100%;
max-height:54rem;
margin:0 auto;
border:none;
border-radius:0.4rem}@media only screen and (max-width: 56.25em){.section-location-info .text-area__right .gmaps-wrapper{width:100%;
max-width:50rem;
margin:0 auto
    }
}
.FORM{
    width:100%;
    background-color:rgba(45, 219, 222, 0.3);
    padding-left:1.5rem;
    padding-bottom:1.5rem;
    border-radius:0.5rem
}
.FORM .row{
    margin-bottom:0 !important;
    display:block;
    width:100%
}
.FORM .row [class^="col-"]:not(:last-child){
    margin-bottom:0 !important
}
.FORM .col-1-of-2{
    margin-right:0 !important;
    display:block;
    width:50%;
    margin-bottom:0 !important
}
.FORM .col-1-of-2 *{
    white-space:normal
}
.FORM .form__name-label,.FORM .form__birth-label,.FORM .form__email-label,.FORM .form__tel-label,.FORM .form__class-label,.FORM .form__text-label,.FORM .form__check-lead,.FORM .form__radio-lead{
    font-size:1.55rem;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:2px;
    display:block;
    padding-left:0.5rem;
    border-left:5px solid rgba(45, 219, 222, 0.6);
    margin-bottom:1rem
}
.FORM .form__heading{
    text-align:center;
    font-size:2.7rem;
    margin-bottom:3rem;
    text-decoration:underline
}.FORM .form__name,.FORM .form__birth,.FORM .form__email,.FORM .form__tel,.FORM .form__class{
    width:70%;
    border:none;
    border-bottom:2px solid black;
    padding:1rem;
    font-size:1.7rem;
    line-height:1.2;
    border-radius:0.5rem;
    margin-left:2%;
    margin-bottom:3rem;
    transition:all 0.2s
}
.FORM .form__name:focus,.FORM .form__birth:focus,.FORM .form__email:focus,.FORM .form__tel:focus,.FORM .form__class:focus{
    outline:none;
    background-color:#c8d3eb;
    width:85%;
    margin-left:0
}
.FORM .form__name::-moz-placeholder,.FORM .form__birth::-moz-placeholder,.FORM .form__email::-moz-placeholder,.FORM .form__tel::-moz-placeholder,.FORM .form__class::-moz-placeholder{
    color:#a4aab8
}
.FORM .form__name:-ms-input-placeholder,.FORM .form__birth:-ms-input-placeholder,.FORM .form__email:-ms-input-placeholder,.FORM .form__tel:-ms-input-placeholder,.FORM .form__class:-ms-input-placeholder{
    color:#a4aab8
}
.FORM .form__name::placeholder,.FORM .form__birth::placeholder,.FORM .form__email::placeholder,.FORM .form__tel::placeholder,.FORM .form__class::placeholder{
    color:#a4aab8
}
.FORM .form__radio-group{
    display:inline-block;
    width:50%;
    margin-top:1rem
}
.FORM .form__radio-input{
    margin-left:1rem;
    margin-right:1rem
}
.FORM .form__radio-label{
    text-transform:none;
    font-size:1.8rem;
    line-height:2;
    font-weight:200;
    letter-spacing:2px;
    margin-bottom:0.5rem;
    display:inline-block;
    transition:all 0.2s;
    cursor:pointer;
    padding:0.1rem 2rem;
    display:inline-block
}
@media (hover: hover) and (pointer: fine){
    .FORM .form__radio-label:hover{
        background-color:#c8d3eb
    }
}
.FORM .form__text{
    width:80%;
    border:none;
    border-bottom:2px solid black;
    padding:1rem;
    font-size:1.7rem;
    line-height:1.2;
    border-radius:0.5rem;
    margin-left:2%;
    background-color:#fff;
    margin-bottom:3rem;
    transition:all 0.2s
}
.FORM .form__text:focus{
    outline:none;
    background-color:#c4c8d4;
    width:95%;
    margin-left:0
}
.FORM .form__text::-moz-placeholder{
    color:red
}
.FORM .form__text:-ms-input-placeholder{
    color:red
}
.FORM .form__text::placeholder{
    color:red
}
.FORM .form__check-lead{
    margin-bottom:3rem
}
.FORM .form__check-input{
    font-size:2rem
}
.FORM .form__check-label{
    font-weight:200;
    letter-spacing:2px;
    margin-bottom:0.5rem;
    display:inline-block;
    transition:all 0.2s;
    cursor:pointer
}
@media (hover: hover) and (pointer: fine){
    .FORM .form__check-label:hover{
        background-color:#c8d3eb
    }
}
.FORM .form__gdpr-group{
    white-space:normal
}
@media only screen and (max-width: 56.25em){
    .FORM .form__gdpr-group{
        margin-top:2rem
    }
}
.FORM .form__gdpr-input{
    margin-left:1rem;
    margin-right:2rem
}
.FORM .form__gdpr-label{
    font-size:1.5rem;
    font-style:italic
}
@media only screen and (max-width: 56.25em){
    .FORM .form__gdpr-label{
        font-size:1.65rem
    }
}
.FORM .form__submit{
    border-color:rgba(45, 219, 222, 0.6);
    display:block;
    margin:0 auto;
    margin-top:2rem
}
