#header {
    background-image: url('images/hero/hero_1.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#header2 {
    background-image: url('images/hero/hero_2.png');
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#headerbottom {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    background-image: url('images/separator.svg');
    height: 150px;
    z-index: 98;
}

.largeLogo {
    width: 100%;
    margin-top: 30px;
}

.smallLogo {
    width: 100px;
    margin-top: 10px;
}

.icon-scroll,
.icon-scroll:before {
    position: absolute;
    left: 50%;
}

.icon-scroll {
    width: 40px;
    height: 70px;
    top: 50%;
    box-shadow: inset 0 0 0 3px #5dcbd1;
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.88);
    margin-left: -20px;
    margin-top: 30px;
}

.icon-scroll:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #5dcbd1;
    margin-left: -4px;
    top: 8px;
    border-radius: 4px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(46px);
        transform: translateY(46px);
    }
}

#logohead {
    transition: all 0.3s;
}

#navigationmenu {
    transition: all 0.1s;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

#navbar {
    width: 100%;
    z-index: 1000;
}

#headereloter {
    background-image: url('images/hero/hero_3.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    height: 100%;
}

.cim {
    text-align: center;
    font-weight: 200;
    color: #5dcbd1;
}

.kenyerszoveg {
    color: #3d3d3d;
    font-weight: 300;
    text-transform: capitalize;
    text-align: justify;
}

@media (max-width:992px) {
    .kenyerszoveg {
        font-size: 12pt;
    }

    .cim {
        font-size: 20pt;
    }
}

.profiminikepfullsite {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#bemutatkozaskep1 {
    background-image: url('images/bemutatkozo/01.jpg');
}

.bemutatkozaskepkontener {
    height: 100%;
}

#bemutatkozaskep2 {
    background-image: url('images/bemutatkozo/02.jpg');
}

#bemutatkozaskep3 {
    background-image: url('images/bemutatkozo/03.jpg');
}

#bemutatkozaskep4 {
    background-image: url('images/bemutatkozo/04.jpg');
}

@media (min-width:992px) and (max-width:1199px) {
    .kenyerszoveg {
        font-size: 13pt;
    }
}

@media (min-width:1200px) {
    .kenyerszoveg {
        font-size: 15pt;
    }
}

#bemutatkozassession {
    max-width: 1500px;
}

@media (min-width:1200px) {
    .cim {
        font-size: 55pt;
    }
}

.bemutatkozomobilkep {
    max-height: 220px;
}

.parallax {
    -webkit-transform: translateY(var(--translateY));
    transform: translateY(var(--translateY));
    will-change: transform;
}

.tabs {
    margin-top: 20px;
    padding: 0px;
    list-style: none;
    border-radius: 50px;
    position: relative;
    background-color: #ffffff;
}

.tabs a {
    text-decoration: none;
    color: #4f5660;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition-duration: 0.6s;
}

.tabs a.active {
    color: #fff;
}

.tabs a i {
    margin-right: 5px;
}

.tabs .selector {
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    border-radius: 50px;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    background: rgb(54,130,143);
    background: linear-gradient(90deg, rgba(54,130,143,1) 0%, rgba(93,203,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#8200f4',GradientType=1 );
}

@media (max-width:575px) {
    #header {
        height: 80vh;
        background-image: url('images/hero/hero_mobil.jpg');
    }
}

@media (min-width:576px) and (max-width:767px) {
    #header {
        height: 610px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #header {
        height: 650px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #header {
        height: 690px;
    }
}

@media (min-width:1200px) {
    #header {
        height: 100vh;
    }
}

#logoholder {
    background-position: center top;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
}

.logoholderhide {
    background: rgba(255, 255, 255, 0.0);
}

.logoholdershow {
    background-image: url('images/logo_back.svg');
}

.dropdown-menu-center {
    left: 50% !important;
    right: auto !important;
    text-align: center !important;
    transform: translate(-50%, 0) !important;
}

#mobilmenugomb {
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 20px;
    background: rgb(54,130,143);
    background: linear-gradient(90deg, rgba(54,130,143,1) 0%, rgba(93,203,209,1) 100%);
}

#legordulomenulista a {
    color: #36828f;
    text-decoration: none;
    font-size: 20pt;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: 300;
}

@media (max-width:575px) {
    #logohead {
        max-width: 200px;
    }
}

@media (min-width:576px) and (max-width:767px) {
    #logohead {
        max-width: 230px;
    }
}

@media (min-width:768px) {
    #logohead {
        max-width: 280px;
    }
}

@media (min-width:1200px) {
    .tabs {
        font-size: 18pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .tabs {
        font-size: 12pt;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabs {
        font-size: 10pt;
    }
}

@media (max-width:767px) {
    .tabs {
        font-size: 6pt;
    }
}

.szolgaltatasleiras {
    font-weight: 300;
}

@media (min-width:1200px) {
    .szolgaltatasleiras {
        font-size: 13pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .szolgaltatasleiras {
        font-size: 9pt;
    }
}

.szolgaltatascim {
    color: #5dcbd1;
    font-weight: 300;
    text-align: center;
}

@media (min-width:1200px) {
    .szolgaltatascim {
        font-size: 30pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .szolgaltatascim {
        font-size: 25pt;
    }
}

#munkavedelemcontainer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width:992px) {
    #munkavedelemcontainer {
        background-image: url('images/munkavedelem/munkaved_side_back.jpg');
    }
}

.keptarto {
    display: flex;
    align-items: center;
}

@media (max-width:991px) {
    #munkavedelemcontainer {
        background-image: url('images/munkavedelem/munkaved_back_mobil.jpg');
    }
}

@media (min-width:768px) and (max-width:991px) {
    .szolgaltatasleiras {
        font-size: 10pt;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .szolgaltatasleiras {
        font-size: 9pt;
    }
}

.szolgaltatasszovegdoboz {
    background-color: #eeeeee;
}

@media (min-width:1200px) {
    .szolgaltatasszovegdoboz {
        width: 70%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .szolgaltatasszovegdoboz {
        width: 80%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .szolgaltatasszovegdoboz {
        width: 80%;
    }
}

@media (max-width:575px) {
    .szolgaltatasleiras {
        font-size: 8pt;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .szolgaltatascim {
        font-size: 23pt;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .szolgaltatascim {
        font-size: 20pt;
    }
}

@media (max-width:575px) {
    .szolgaltatascim {
        font-size: 15pt;
    }
}

#tuzvedelemcontainer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width:992px) {
    #tuzvedelemcontainer {
        background-image: url('images/tuzvedelem/fire_back.jpg');
    }
}

@media (max-width:991px) {
    #tuzvedelemcontainer {
        background-image: url('images/tuzvedelem/fire_back_mobil.jpg');
    }
}

.szolgaltatasokgomb {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 0px;
    background-color: #36828f;
    height: 16.5%;
    transition-duration: 0.3s;
}

.szolggomb1 {
    background-image: url('images/szolgaltatasok_menu/01_munka.svg');
}

.szolggomb2 {
    background-image: url('images/szolgaltatasok_menu/02_tuz.svg');
}

.szolggomb3 {
    background-image: url('images/szolgaltatasok_menu/03_kornyezet.svg');
}

.szolggomb4 {
    background-image: url('images/szolgaltatasok_menu/04_gepvizsgalat.svg');
}

.szolggomb5 {
    background-image: url('images/szolgaltatasok_menu/05_iranyitasi.svg');
}

.szolggomb6 {
    background-image: url('images/szolgaltatasok_menu/06_emelo.svg');
}

.szolgaltatasokgomb:hover {
    background-color: #5dcbd1;
}

#kornyezetvedelemcontainer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width:992px) {
    #kornyezetvedelemcontainer {
        background-image: url('images/kornyezetvedelem/kornyezetvedelem_back.jpg');
    }
}

@media (max-width:991px) {
    #kornyezetvedelemcontainer {
        background-image: url('images/kornyezetvedelem/kornyezetvedelem_back_mobil.jpg');
    }
}

#gepcontainer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width:992px) {
    #gepcontainer {
        background-image: url('images/gep/gep_back.jpg');
    }
}

@media (max-width:991px) {
    #gepcontainer {
        background-image: url('images/gep/gep_back_mobil.jpg');
    }
}

#iranyitasicontainer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width:992px) {
    #iranyitasicontainer {
        background-image: url('images/iranyitasiendszerek/iranyitasi_back.jpg');
    }
}

@media (max-width:991px) {
    #iranyitasicontainer {
        background-image: url('images/iranyitasiendszerek/iranyitasi_back_mobil.jpg');
    }
}

#emelogepcontainer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width:992px) {
    #emelogepcontainer {
        background-image: url('images/emelo/emelo_back.jpg');
    }
}

@media (max-width:991px) {
    #emelogepcontainer {
        background-image: url('images/emelo/emelo_back_mobil.jpg');
    }
}

.ezerotszaz {
    max-width: 1500px;
}

.cardname {
    font-family: Roboto;
    color: #65cbd0;
}

.cardforditasgomb {
    font-family: Roboto;
    background: linear-gradient(90deg, rgba(54,130,143,1) 0%, rgba(93,203,209,1) 100%);
    border-radius: 20px;
    padding: 10px;
    color: #ffffff !important;
    text-transform: uppercase;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 0px;
}

@media (min-width:1200px) {
    .cardname {
        font-size: 19pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cardname {
        font-size: 24pt;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cardname {
        font-size: 19pt;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .cardname {
        font-size: 21pt;
    }
}

@media (max-width:575px) {
    .cardname {
        font-size: 15pt;
    }
}

@media (min-width:1200px) {
    .cardtitulus {
        font-size: 14pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cardtitulus {
        font-size: 15pt;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cardtitulus {
        font-size: 14pt;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .cardtitulus {
        font-size: 15pt;
    }
}

@media (max-width:575px) {
    .cardtitulus {
        font-size: 12pt;
    }
}

@media (min-width:1200px) {
    .cardforditasgomb {
        font-size: 9pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cardforditasgomb {
        font-size: 14pt;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cardforditasgomb {
        font-size: 12pt;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .cardforditasgomb {
        font-size: 15pt;
    }
}

@media (max-width:575px) {
    .cardforditasgomb {
        font-size: 7pt;
    }
}

.szovegkek {
    color: #65cbd0;
}

.korprofilkep {
    border-radius: 500px;
    border: 15px solid #3c828e;
}

.elerhetosegbox {
    background-color: #dbd9d9;
}

elerhetosegheadline {
    font-size: 20pt;
}

.elerhetosegheadline {
    font-size: 20pt;
}

@media (max-width:575px) {
    #logoholder {
        margin-top: -30px;
    }
}

@media (min-width:576px) {
    #logoholder {
        margin-top: -1px;
    }
}

@media (min-width:576px) and (max-width:991px) {
    #header {
        background-image: url('images/hero/hero_tablet.jpg');
        background-size: cover;
        background-position: center bottom;
    }
}