body{
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    text-decoration: none;
    list-style: none;

}

*:focus{
    outline: none;
}

*{
    transition: all linear .4s;
}

hr{
    border: none;
}

a, a:hover, a:focus, a:active {

    text-decoration: none !important;

    outline: none !important;

    color: inherit !important;
}

.novenyeink-box, .galeria-kepbox{
    transition: all linear .4s;
    transition-duration: .5s;
}

body{
    background-color: #ffffff;
}

.kep-effekt {
    visibility: hidden;
}

.kep-aktiv {
    -webkit-animation: animat_show 2s;
    animation: animat_show 2s;
    visibility: visible !important;
}

@-webkit-keyframes animat_show{
    0%{opacity:0}
    100%{opacity:1}
}

.sotetites{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9998 !important;
}

.sotetites-aktiv{
    display: block;
}

.nagyfelbontas{
    display: flex;
}

.nagyfelbtonas-block{
    display: block;
}

.kisfelbontas{
    display: none;
}

.cimbox{
    padding-top: 15 !important;
    padding-bottom: 5 !important;
    display: flex !important;
    flex-direction: row !important;
    align-content: center;
    justify-content: center;
    background-color: #fff;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 25;
    color: #565656;
    margin: 0 auto;
    text-align: center;
    width: 500px;
    border-radius: 10px;
    box-shadow: 5px 5px 25px rgba(0,0,0,0.2);
}

.focim{
    width: auto;
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 30 !important;
    margin-right: 30 !important;
}

.ikon{
    margin-left: 5;
    margin-right: 5;
    color: #f3bcde;
}

/*-- NAVBAR --*/
.navbar{
    z-index: 9999 !important;
    background-color: #fff;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    align-content: center !important;
    text-align: center !important;
    justify-content: center !important;
    position: fixed !important;
    display: flex !important;
    top: 0;
    padding-top: 20;
    width: 100%;
    height: 75px;
    border-bottom: 3px solid rgb(223, 223, 223);
}

.menupont-ul{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.menupont-li{
    display: flex;
    font-size: 16;
    color: #464646 !important;
    padding-top: 5;
    padding-bottom: 5;
}

.menupont-a:hover{
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    border-radius: 15px;
}

.menupont-li:last-child {
    align-content: flex-end;
}

.menupont-a{
    padding-left: 15;
    padding-right: 15;
    margin-left: 20;
    margin-right: 20;
}

.menupont-a2{
    padding-left: 15;
    padding-right: 15;
    margin-left: 20;
    margin-right: 20;
}

.nyelv-aktiv{
    padding-left: 15;
    padding-right: 15;
    border-radius: 5px;
    height: auto;
    border: 1px solid rgba(0,0,0,0.35);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.35);
}

.nyelv{
    margin-left: 100;
    width: 30%;
}

.logo{
    z-index: 10000 !important;
    width: 110px;
    height: 75px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
    position: fixed;
}

.logo2{
    z-index: 10001;
    width: 50px;
    top: 15;
    left: 26;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    height: auto;
    display: block;
    position: fixed;
}

.nyelvvalaszto2{
    margin-left: auto;
    position: relative;
    display: block !important;
    color: #464646 !important;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid rgba(0,0,0,0.35);
    border-radius: 5px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 16;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.35);
}

@media only screen and (min-width: 1201px) and (max-width: 1350px){
    .menupont-a, .menupont-a2{
        margin-left: 5 !important;
        margin-right: 5 !important;
    }
}

@media only screen and (min-width: 997px) and (max-width: 1200px){
    .menupont-a{
        margin-left: 2 !important;
        margin-right: 2 !important;
    }

    .menupont-a2{
        margin-left: 2 !important;
        margin-right: 2 !important;
    }

    .menupont-li, .nyelvvalaszto2{
        font-size: 14 !important;
    }

    .menu-aktiv{
        padding-left: 10 !important;
        padding-right: 10 !important;
    }

    .logo{
        width: 90px;
    }

    .logo2{
        width: 45px !important;
        top: 18;
    }
}

@media only screen and (min-width: 997px){
    .menu-aktiv{
        padding-left: 15;
        padding-right: 15;
        border-radius: 10px;
        height: auto;
        border: 1px solid rgba(0,0,0,0.35);
        box-shadow: 2px 2px 2px rgba(0,0,0,0.35);
    }

    .cimbox{
        border-radius: 10px;
    }
}

@media only screen and (max-width: 996px){
    ::-webkit-scrollbar{
        display: none;
    }

    .nagyfelbontas, .nagyfelbontas-block{
        display: none;
    }

    .kisfelbontas{
        display: block;
    }

    .gorgetes{
        overflow: hidden !important;
    }

    .menumobil-aktiv{
        transform: translateX(0%) !important;
    }

    .pipa{
        position: relative;
        left: 10;
    }

    .nyelvmobil{
        padding-left: 10;
    }

    .menumobil-ikonok{
        padding: 15 25;
        background-color: #555;
        color: #fff;
    }

    .menumobil-social{
        background-color: #555;
        margin-bottom: auto;
        border-top: 1px solid rgb(224, 224, 224);
        border-bottom: 1px solid rgb(224, 224, 224);
    }

    .hamburgermenu{
        width: 28px;
        height: 4px;
        background: #df7cb9;
        position: absolute;
        top: 27;
        left: 93%;
        transition: .5s;
        border-radius: 0px;
        cursor: pointer;
    }

    .hamburgermenu:before,.hamburgermenu:after{
        content: '';
        width: 28px;
        height: 4px;
        background: #df7cb9;
        position: absolute;
        transition: .5s;
        border-radius: 0px;
    }

    .hamburgermenu:before{
        top: -8px;
        left: 0px;
    }

    .hamburgermenu:after{
        top: 8px;
        left: 0px;
    }

    .hamburgermenu.nyitva{
        background: rgba(0,0,0,0);
    }

    .hamburgermenu.nyitva:before{
        transform: rotate(45deg);
        top: 0;
    }

    
    .hamburgermenu.nyitva:after{
        transform: rotate(135deg);
        top: 0;
    }

    .navbar{
        height: 60px !important;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        align-content: left !important;
        text-align: left !important;
        justify-content: left !important;
        position: fixed !important;
        display: flex !important;
        top: 0;
        width: 100%;
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    }

    .menumobil{
        overflow-y: scroll;
        z-index: 9999 !important;
        border-top: 1px solid rgb(224, 224, 224);
        position: fixed;
        overflow-y: scroll;
        max-height: 100%;
        top: 60;
        right: 0;
        width: 65%;
        height: 100vh;
        background-color: #f8f8f8;
        opacity: 1;
        transform: translateX(130%);
        transition: transform 0.5s ease-in;
        text-align: center;
        font-size: 13;
        font-family: 'Josefin Sans', sans-serif;
        letter-spacing: 1;
    }

    .menuamobil{
        cursor: pointer;
    }

    .menulimobil{
        padding-top: 15;
        padding-bottom: 15;
        border-bottom: 1px solid rgb(224, 224, 224);
    }

    .menulimobilutolso{
        padding-top: 15;
        padding-bottom: 15;
        border-bottom: 1px solid rgb(224, 224, 224);
        border-bottom: none !important;
        margin-top: 25 !important;
    }

    .menulimobil:hover{
        background-color: #f0f0f0;
    }

    .logo{
        box-shadow: none !important;
    }
    
    .logo2{
        width: 45px;
        top: 10;
        left: 0;
        filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
        height: auto;
        display: block;
        position: relative;
    }

    .menulimobil{
        border-radius: 0 !important;
    }

    .menu-aktiv{
        background-color: #f0f0f0 !important;
    }
}

@media only screen and (max-width: 550px){
    .hamburgermenu{
        left: 90% !important;
    }
}

@media only screen and (max-width: 330px){
    .hamburgermenu{
        left: 88% !important;
    }
}

/*-- NAVBAR VÉGE --*/

/*-- HEADER --*/

.hatter{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 92vh;
    min-height: 100%;
    transition: all 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.szoveglogo{
    width: 60%;
    height: auto;
    margin: 0 auto;
}
.szoveglogo2{
    width: 15%;
    height: auto;
    margin: 0 auto;
}

.szoveglogo-mobil{
    width: 75%;
    height: auto;
    margin: 0 auto;
}

.szoveglogo-mobil2{
    width: 30%;
    height: auto;
    margin: 0 auto;
}

.nyil-box{
    position: relative;
    bottom: 25;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
    transform: rotate(45deg);
}

.nyil{
    margin: auto;
    font-size: 25;
    transform: rotate(-45deg);
}

/*-- HEADER VÉGE --*/

/*-- FOOTER --*/

.footer-box{
    margin: 0 auto;
    width: 100%;
    height: auto;
    background-color: #303030;
}

.footer-balszoveg, .footer-jobbszoveg{
    width: 100%;
    text-align: center;
}

.footer-balszoveg{
    margin-left: auto;
    font-family: "Calibri Regular", sans-serif;
}

.footer-jobbszoveg{
    margin-right: auto;
    font-family: "Calibri Regular", sans-serif;
}

.footer-ikonbox{
    margin: 0 auto;
    text-align: center;
    color: #303030;
    position: relative;
    bottom: 59;
    font-size: 45;
}

.footer-ikon{
    margin-left: 10;
    margin-right: 10;
}

.footer-ikon2{
    margin-left: 20;
    margin-right: 20;
}

.footer-ikon-utolso{
    margin-right: 0;
    margin-left: 10;
}

.footer-ikon-elso{
    margin-left: 0;
    margin-right: 10;
}

.footer-cim{
    margin-top: -40;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 25;
    color: #f0f0f0;
}

.footer-szoveg{
    color: #848484;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    line-height: 0.5;
}

.footer-csik{
    width: 80%;
    height: 1px;
    margin: 25 auto;
    background-color: #525252;
}

.footer-menupontok{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: "Calibri Regular", sans-serif;
    font-size: 12pt;
    margin-top: 10;
}

.footer-menucsik{
    width: 25px;
    height: 1px;
    background-color: #4d4e4e;
    margin: 10;
    margin-bottom: 25;
}

.footer-socialbox{
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
    width: 100%;
    margin-top: 10;
    height: auto;
    padding-top: 5;
    padding-bottom: 5;
    background-color: #2b2b2b;
}

.footer-social{
    color: #2b2b2b;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin-left: 15;
    margin-right: 15;
    text-align: center;
    padding-top: 7;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f0f0f0;
}

.mindenjog{
    margin: 0 auto;
    text-align: center;
    font-family: "Calibri Regular", sans-serif;
}

.mindenjog-cim{
    color: #848484;
    margin-top: 10;
    margin-bottom: 0;
}

.mindenjog-adatvedelem{
    color: #d3d3d3;
    margin-bottom: 0;
}

@media only screen and (max-width: 400px){
    .gep{
        display: none;
    }
}

@media only screen and (max-width: 499px){
    .footer-ikonbox{
        font-size: 25 !important;
        bottom: 24 !important;
    }
    
    .footer-nagyfelbontas{
        display: none;
    }

    .footer-menupontok{
        flex-direction: column;
    }

    .footer-ikon{
        margin-left: 5;
        margin-right: 5;
    }
    
    .footer-ikon2{
        margin-left: 5;
        margin-right: 5;
    }

    .footer-cim{
        margin-top: 0 !important;
    }

    .footer-jobbszoveg{
        margin-top: 25;
    }

    .mindenjog{
        font-size: 12 !important;
    }

    .mindenjog-adatvedelem{
        margin-bottom: 25;
    }
}

@media only screen and (min-width: 500px) and (max-width: 996px){
    .footer-menupontok{
        flex-direction: column;
    }

    .footer-ikonbox{
        font-size: 30 !important;
        bottom: 29 !important;
    }

    .footer-nagyfelbontas{
        display: none;
    }

    .footer-cim{
        margin-top: 0 !important;
    }

    .footer-jobbszoveg{
        margin-top: 25;
    }

    .mindenjog{
        font-size: 12 !important;
    }

    .mindenjog-adatvedelem{
        margin-bottom: 25;
    }
}

@media only screen and (min-width: 997px) and (max-width: 1200px){
    .footer-ikonbox{
        font-size: 35 !important;
        bottom: 45;
    }
}

/*-- FOOTER VÉGE --*/

/*-- IKONOK --*/

@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?23687456');
    src: url('../font/fontello.eot?23687456#iefix') format('embedded-opentype'),
         url('../font/fontello.woff2?23687456') format('woff2'),
         url('../font/fontello.woff?23687456') format('woff'),
         url('../font/fontello.ttf?23687456') format('truetype'),
         url('../font/fontello.svg?23687456#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }
   [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
   
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
   
  .icon-ikon1:before { content: '\e800'; } /* '' */
  .icon-ikon2:before { content: '\e801'; } /* '' */
  .icon-ikon3:before { content: '\e802'; } /* '' */
  .icon-ikon4:before { content: '\e803'; } /* '' */
  .icon-ikon5:before { content: '\e804'; } /* '' */
  .icon-ikon6:before { content: '\e805'; } /* '' */
  .icon-nyil:before { content: '\e806'; } /* '' */
  .icon-automatafunyiro:before { content: '\e807'; } /* '' */
  .icon-hazhozszallitas:before { content: '\e808'; } /* '' */
  .icon-kerttervezes:before { content: '\e809'; } /* '' */
  .icon-ontozorendszer:before { content: '\e80a'; } /* '' */
  .icon-tanacsadas:before { content: '\e80b'; } /* '' */
  .icon-kertepites:before { content: '\e80d'; } /* '' */
  .icon-maestro:before { content: '\e80e'; } /* '' */
  
  [class^="icon-"], [class*=" icon-"] {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
   
    /* fix buttons height */
    line-height: 1em;
   
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
  }
   
  .icon-ikon1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-ikon2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-ikon3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-ikon4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-ikon5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-ikon6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-nyil { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-automatafunyiro { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-hazhozszallitas { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-kerttervezes { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-ontozorendszer { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-tanacsadas { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-kertepites { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
  .icon-maestro { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

/*-- IKONOK VÉGE --*/