@font-face {
    font-family: 'dxl-light';
    src: url(fonts/DaxlinePro-Light_13129.eot);
    src: url(fonts/DaxlinePro-Light_13129.ttf);
    src: url(fonts/DaxlinePro-Light_13129.woff);
}
@font-face {
    font-family: 'dxl-medium';
    src: url(fonts/DaxlinePro-Medium_13130.otf);
    src: url(fonts/DaxlinePro-Medium_13130.ttf);
    src: url(fonts/DaxlinePro-Medium_13130.woff);
}
@font-face {
    font-family: 'dxl-reg';
    src: url(fonts/DaxlinePro-Regular_13131.otf);
    src: url(fonts/DaxlinePro-Regular_13131.ttf);
    src: url(fonts/DaxlinePro-Regular_13131.woff);
}

@font-face {
    font-family: 'src-light';
    src: url(fonts/source-sans-pro.light.eot);
    src: url(fonts/source-sans-pro.light.ttf);
    src: url(fonts/source-sans-pro.light.woff);
}

@font-face {
    font-family: 'kelson-bold';
    src: url(fonts/KelsonSansBold.eot);
    src: url(fonts/KelsonSansBold.ttf);
    src: url(fonts/KelsonSansBold.woff);
}

.kelson-bold {
    font-family: "kelson-bold", sans-serif;
}

.dxl-light {
    font-family: "dxl-light", sans-serif;
}

.dxl-medium {
    font-family: "dxl-medium", sans-serif;
}

.dxl-reg {
    font-family: "dxl-reg", sans-serif;
}

.src-light {
    font-family: "src-light", sans-serif;
}

body {
    padding-top: 0;
}

body a {
    text-decoration: none;
}

h2.section-title {
    font-family: "dxl-medium", sans-serif;
    font-size: 34px;
    line-height: 46px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: #4c4035;
}


h3.section-title {
    font-family: "dxl-reg", sans-serif;
    font-size: 24px;
    line-height: 26px;
    color: #8b8575;
    margin: 0 0 20px 0;
}
p.section-text {
    
    font-family: "src-light", sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin: 10px 0;
    color: #171717;
}


nav.navbar {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    transition: all .3s ease-in-out;
    height: 110px;
    top: 0px;
    padding: 3px 0;
}

header.scrolled .navbar, header.scrolled-sub .navbar {
    background: rgba(0, 0, 0, 1) !important;
}


li.nav-item {
    margin: 5px 0;
}
a.nav-link {
    color: #fff;
    font-size: 20px;
    padding: 5px 18px 0px 18px !important;
}
li.foglalas-btn {
    text-transform: uppercase !important;
}
li.foglalas-btn a {
    background-color: #2e524a;
    
}
a.site-main {
    position: absolute;
    top: 12px;
}
.header-top {
    width: 100%; 
    margin-left: 110px; 
    display:flex; 
    border-bottom: 1px solid #636361;
    justify-content: flex-end;
}
.header-top p {
    font-size: 16px;
    color: #fff;
    margin: 5px 15px;
    padding: 5px 0 0px 25px;
}
.header-top p.tel {
    background: url('../img/top-telo.png') no-repeat left center;
    
}
.header-top a {
    display: inline-block;
    margin: 8px 5px;
}
.header-top p.mail {
    background: url('../img/top-mail.png') no-repeat left center;
    padding: 5px 0 0px 35px;
}

img.site-logo {
    height: auto;
}

footer {
    background: #5e5751;
}

footer img.footer-logo {
    max-width: 300px;
}

footer .nav-link-footer {
    display: inline-block;
    margin: 0;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    padding: 8px 10px;
}


footer p.copyright {
    margin: 0;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    font-size: 11px;
    background-color: #3f3b37;
}
nav.bg-dark {
    background-color: inherit !important;
}

ul li.nav-item {
    transition: all .3s ease-in-out;
}

ul li.nav-item:hover {
    background-color: #000;
    border-radius: 5px;
}

ul li.nav-item:hover a {
    color: #fff;
}

#video-slider {
    height: 872px;
    background: url('../img/top-bg.jpg') no-repeat center center;
}

#video-slider h2 {
    font-size: 74px;
    line-height: 76px;
    margin: 10px 0;
    text-transform: uppercase;
    color: #fff;
    padding-top: 258px;
}
#video-slider a {
    display: block;
    transition: all .3s ease-in-out;
    margin: 20px auto 0 auto;
    font-size: 38px;
    line-height: 61px;
    padding: 5px 35px 0 35px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    width: fit-content;
}

#video-slider a:hover {
    background-color: #fff;
    color: #000;
}

#video-slider p {
    font-size: 38px;
    line-height: 40px;
    margin: 10px 0;
    color: #fff;
    text-transform: uppercase;
}

#video-slider video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#introduction {
    padding: 70px 0;
    background-color: #fff;
}

#introduction .pipak {
    margin: 30px 0;
}
#introduction .pipak p {
    background: url('../img/pipa.png') no-repeat left center;
    font-size: 21px;
    line-height: 23px;
    padding: 8px 0 8px 56px;
    text-transform: uppercase;
    color: #171717;
}

.b-img {
    margin-top: 30px;
    margin-bottom: 30px;
}
.b-img img.gg {
    height: 268px;
}
.g-1 a {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    top: 33%;
    margin: 0 auto;
    width: fit-content;
}

#introduction-also {
    background: url('../img/intro-bottom.jpg') no-repeat center center;
    height: 316px;
    padding: 70px 0;
}

#introduction-also span {
    color: #fff;
    display: block;
}
#introduction-also span.ia-1 {
    font-size: 30px;
    text-transform: uppercase;
}
#introduction-also span.ia-2 {
    font-size: 57px;
}
#introduction-also span.ia-3 {
    font-size: 22px;
    line-height: 24px;
}

p.ba-p:nth-child(2) {
    margin: 90px 0;
}
p.ba-p img {
    height: 80px;
    padding-right: 20px;
}

p.ba-p.ba-p-right img {
    height: 80px;
    padding-left: 20px;
}
p.ba-p span.dxl-reg {
    font-size: 22px;
    margin: 5px 0 0 0;
    line-height: 22px;
    color: #000000;
    text-transform: uppercase;
    width: 70%;
}

p.ba-p.ba-p-right span.dxl-reg {
    color: #fff;
}

p.ba-p span.src-light {
    text-transform: none;
    margin: 8px 0 0 0;
    display: block;
    font-size: 20px;
}

.barrel-container {
    max-width: 1920px;
    width: 100%;
}

.barrel-container .row {
    margin: 0;
}

.barrel-container div.col-3 {
    padding: 0;
    width: 25%;
}

.barrel-1 {
    height: 811px;
    background: url('../img/barrel-1.jpg') no-repeat center center;
    background-size: cover;
}
.barrel-2 {
    height: 811px;
    background: url('../img/barrel-2.jpg') no-repeat center center;
    background-size: cover;
}
.barrel-3 {
    height: 811px;
    background: url('../img/barrel-3.jpg') no-repeat center center;
    background-size: cover;
}
.barrel-4 {
    height: 811px;
    background: url('../img/barrel-4.jpg') no-repeat center center;
    background-size: cover;
}
.barrel-p {
    font-size: 36px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    transition: all .3s ease-in-out;
    padding: 0 0 36px 0;
}
.barrel-p span {
    font-size: 23px;
}
.barrel-p:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .6);
    padding-bottom: 55px;
}


.barrel-container .col-3:hover {
	cursor: pointer;
    
}
.barrel-container .col-3:hover div a.barrel-p {
	
    cursor: pointer;
    background-color: rgba(0, 0, 0, .6);
    padding-bottom: 70%;
	padding-top: 10%;
}

#about-us {
    background: url('../img/about-us-bg.jpg') no-repeat bottom center;
    height: 843px;
    padding: 70px 0;
}
.ab-2 {
    background: url('../img/about2.jpg') no-repeat center center;
    background-size: cover;
    height: 679px;
}
#galeria {
    padding: 70px 0;
    background-color: #fff;
}

a.green-btn {
    transition: all .3s ease-in-out;
    font-size: 24px;
    color: #fff;
    background-color: #4c4035;
    border: 1px solid #4c4035;
    line-height: 51px;
    display: inline-block;
    padding: 2px 25px 0 25px;
    text-transform: uppercase;
}

a.green-btn:hover {
    background-color: #fff;
    color: #4c4035;
}


#current-blog {
    background: #fff;
    padding: 70px 0;
}

#current-blog h2.section-title {
    margin-bottom: 60px;
}

.hir-elem {
    margin-bottom: 20px;
}

.hir-elem .hirkep {
    height: 265px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 16px;
}
.hir-elem .hir-cim {
    font-size: 22px;
    line-height: 24px;
    height: 48px;
    color: #000;
    text-transform: uppercase;
}
.hir-elem .hir-lead {
    font-size: 20px;
    line-height: 22px;
    height: 132px;
    margin: 12px 0 26px 0;
    overflow: hidden;
}
a.hir-btn {
    background-color: #4c4035;
    font-size: 18px;
    display: inline-block;
    line-height: 39px;
    padding: 0 24px;
    border: 1px solid #4c4035;
    text-transform: uppercase;
    color: #fff;
    transition: all .3s ease-in-out;
}

a.hir-btn:hover {
    background-color: #fff;
    color: #4c4035;
}


.hir-elem.galeria-elem .hirkep .hir-cim {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 46px;
    height: auto;
    padding: 0 15px;
    color: #fff;
    background-color: #2e524a;
    transition: all .3s ease-in-out;
}

.hir-elem.galeria-elem .hirkep .hir-cim:hover {
    color: #2e524a;
    background-color: #fff;
}
.link-preview {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#contact {
    padding: 70px 0 0 0;
    background-color: #cec7b7;
}

.map iframe {
    height: 526px;
    width: 100%;
}
.adatok {
    margin: 40px 0;
}
.adatok p {
    margin: 15px 0;
    font-size: 20px;
    line-height: 22px;
    padding: 5px 0 5px 50px;
}
.adatok p.kapcs-cim {
    background: url('../img/kapcs-cim.png') no-repeat left center;
}
.adatok p.kapcs-tel {
    background: url('../img/kapcs-tel.png') no-repeat left center;
}
.adatok p.kapcs-mail {
    background: url('../img/kapcs-email.png') no-repeat left center;
}



#contact .errors {
    color: red;;
}

#contact .kapcs-form-input {
    background-color: #fff;
    border: none;
    font-size: 20px;
    padding: 3px 15px;
    display: block;
    margin: 15px 0;
    width: 100%;
    font-family: "src-light", sans-serif;
}
#contact .kapcs-form-input.kfi {
    width: 90%;
}
.kapcs-form {
    margin: 30px 0 0 0;
}
.kapcs-form-input::placeholder {
    color: #000;

    font-family: "src-light", sans-serif;
    opacity: 1;
    /* Firefox */
}

.kapcs-form-input::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #000;

    font-family: "src-light", sans-serif;
}
.kapcs-form button {
    font-size: 20px;
    color: #fff;
    background-color: #5e5751;
    line-height: 41px;
    border: none;
    display: block;
    width: fit-content;
    padding: 0 18px;
    margin-top: 15px;
    text-transform: uppercase;
}
.kapcs-form #user_message {
    margin-bottom: 50px;
}
label.adatvedelem, 
label.adatvedelem a {
    font-size: 18px;
    color: #171717;
}

label.adatvedelem a {
    text-decoration: underline;
}

label.adatvedelem input {
    float: left;
    margin: 8px 8px 0 0;
}

#sub-page {
    min-height: 75vh;
    padding-top: 180px;
}
.bottom {
    background: url('../img/bottom-bg.jpg') no-repeat center center;
    height: 640px;
}

@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

span.n-65, 
span.n-20000, 
span.n-15, 
span.n-50000 {
  transition: --num 5s;
  counter-set: num var(--num);
  font: 800 40px system-ui;
}
.n-65::after, 
.n-20000::after, 
.n-15::after, 
.n-50000::after {
  content: counter(num);
}
.scrolled-to .n-65 {
  --num: 65;
}
.scrolled-to .n-20000 {
  --num: 20000;
}
.scrolled-to .n-15 {
  --num: 15;
}
.scrolled-to .n-50000 {
  --num: 50000;
}

@media (max-width: 768px) {
    body {
        padding-top: 66px;
    }
    .header-top {
        display: none;
    }
	#sub-page {
		padding-top: 50px;
	}

    nav.navbar {
        top: 0;
        height: 66px;
        background-color: #000 !important;
    }
    
    
    #video-slider {
        background-position: right center;
    }
    .navbar-collapse {
        background: rgba(0, 0, 0);
        position: absolute;
        width: 100%;
        left: 0px;
        right: 0px;
        top: 66px;
    }
    #video-slider {
        height: 534px;
    }

    .la-img {
        width: 100%;
    }
    #video-slider h2 {
        font-size: 48px;
        line-height: 50px;
        padding-top: 80px;
    }
    #introduction img.w-100 {
        margin-bottom: 20px;
    }
    .barrel-container div.col-3 {
        width: 100%;
    }
    .barrel-1, .barrel-2, .barrel-3, .barrel-4 {
        height: 450px;
    }
    .barrel-p {
        line-height: 35px;
        margin-bottom: 20px;
    }

    #video-slider p {
        font-size: 30px;
        line-height: 36px;
        padding: 0 15px;
    }
    #video-slider a {
        font-size: 30px;
        padding: 5px 0 0 0;
        width: 90%;
    }
    a.site-main {
        position: relative;
        top: 0;
    }

    #introduction, #galeria, #latnivalok, #programok, #current-blog, #contact, #about-us {
        padding: 30px 0;
    }
    
    #about-us {
        height: auto;
        background-repeat: repeat-y;
    }
    #about-us img {
        margin: 20px 0;
    }

    h2.section-title {
        font-size: 32px;
        line-height: 35px;
    }
    h3.section-title {
        font-size: 22px;
        line-height: 24px;
    }
    .b-img img.gg {
        height: auto;
        width: 100%;
    }
    .g-1 a {
        top: 37%;
    }
    #programok {
        background: #fff;
        height: auto;
    }
    #velemenyek {
        background: #2e524a;
        padding: 30px 0;
        height: auto;
    }
    .velemeny-carousel {
        margin-top: 10px;
    }
    #galeria .col-sm-3 {
        margin-bottom: 20px;
    }

    #introduction-also {
        height: auto;
        padding: 30px 0 30px 0;
        background-repeat: repeat-y;
    }
    #introduction-also .col-sm-3 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #ba-jobb {
        background-color: #2e524a;
    }
    p.ba-p:nth-child(2) {
        margin: 30px 0;
    }
    #ba-jobb {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    #latnivalok {
        height: auto;
    }
    .screenshot_slider {
        margin-top: 0;
        margin-bottom: 20px;
        min-height: 460px;
    }
    .screenshot_slider .owl-dots {
        display: none;
    }
    .screenshot_slider .owl-item .item {
        margin-bottom: 10px;
    }
    .screenshot_slider .owl-nav {
        position: absolute;
        top: auto;
        bottom: 0;
    }
    .screenshot_slider .owl-nav button {
        margin: 10px 10px 0 10px;
    }
    #latnivalok {
        overflow: hidden;
    }
    img.site-logo {
        height: 58px;
    }

    .hir-elem .hir-lead {
        height: auto;
    }

    

    footer .nav-link-footer {
        display: block;
        margin: 10px 0;
    }

    footer img.footer-logo {
        max-width: 60%;
    }

    footer p.copyright {
        font-size: 12px;
    }

    footer .py-sm {
        padding: 0 !important;
    }

    footer .py-sm {
        padding: 10px 0 !important;
    }
}