@import url('https://fonts.googleapis.com/css2?family=Aguafina+Script&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html, body {
    font-family:'Open Sans';
    padding:0;
    margin:0;
}

a {
    color:#BF9553;
}

.bg-light {
    background:#fff !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
    font-size:12px;
    text-transform:uppercase;
    color:rgb(34, 34, 34) !important;
    padding-left:20px;
    padding-right:20px;
    letter-spacing:1.5px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color:#BF9553 !important;
}

.container {
    max-width:1130px !important;
}

.stext {
    color:#fff;
    position:absolute;
    bottom:40px;
    font-size:80px;
    width:100%;
    text-align:center;
    font-family:'Tinos';
    font-style: italic;
    text-shadow:0px 2px 5px rgba(0,0,0,0.5) ;
}

.lSAction a {
    margin-top:30px !important;
}

@media screen and (max-width: 990px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left:0px;
        padding-right:20px;
    }
    #navbarCollapse1 {
        margin-top:20px;
    }

    .stext {
        bottom:20px;
        font-size:60px;
    }

    
}

@media screen and (max-width: 600px) {
    .stext {
        bottom:20px;
        font-size:30px;
    }
}

.mainhead {
    padding-top:15px;
    padding-bottom:15px;
}

#header {
    box-shadow:0 1px 3px rgba(0, 0, 0, .12) ;
    position:fixed;
    width:100%;
    z-index:99999;
    background:#fff;
}
.navbar {
    margin:0 !important;
}

#lightSlider img {
    width:100%;
}

#lightSlider {
    margin-top:100px;
}

.cim {
    font-family:'Aguafina Script';
    color:rgb(191, 149, 83);
    font-size:70px;
    font-weight:400;
    text-align:center;
    display:block;
    padding:0;
    margin:0;
    padding-top:50px;
    margin-bottom:50px;
    padding-left:20px;
    padding-right:20px;
}

.cim2 {
    font-family:'Aguafina Script';
    color:rgb(191, 149, 83);
    font-size:70px;
    font-weight:400;
    display:block;
    padding:0;
    margin:0;
}

@media screen and (max-width: 600px) {
    .cim2 {
        font-size:50px;
    }
}

#szolgaltatasaink {
    padding-top:150px;
    padding-bottom:90px;
}

.kartya {
    text-align:center !important;
}
.kartya img {
    width:100%;
}
.kartya h4 {
    font-size:28px;
    color:#000;
    font-weight:bold;
    text-transform:uppercase;
    padding-top:15px;
    padding-bottom:30px;
}


.imbg {
    height:475px;
}

.ref {
    text-align:center;
    color:#BF9553;
    font-size:25px;
    padding-top:120px;
}

#referenciak {
    padding-bottom:120px;
}

.hov {
    height:150px;
    width:12.5%;

    display:block;
    float:left;
    background-size:cover;
    background-position:center center;
    position:relative;
}
.hov span {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    background:rgba(0, 0, 0, 0.8);
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    padding-top:60px;
    opacity:0;
    transition: opacity 0.5s ease-in-out;
}
.hov:hover span {
    opacity:1;
}


@media screen and (max-width: 1580px) {
    .hov {
        height:150px;
        width:25%;
        height:200px;
    }
    .hov span {
        padding-top:80px;
    }
}
@media screen and (max-width: 1010px) {
    .hov {
        height:150px;
        width:50%;
        height:250px;
        
    }
    .hov span {
        padding-top:100px;
    }

    #lightSlider {
        margin-top:150px;
    }
}

@media screen and (max-width: 530px) {
    .hov {
        height:150px;
        width:100%;
        height:250px;
    }
    .hov span {
        padding-top:100px;
    }
    #lightSlider {
        margin-top:180px;
    }
}

.lb {
    float:left;
    width:150px;
}
.rb {
    padding-left:150px;
    margin-bottom:15px;
}

#foot {
    background:#000;
    padding-top:50px;
    padding-bottom:50px;
    color:#666;
}
#foot a {
    color:#666 !important;
}

#tophead {
    background:#000;
    padding-top:5px;
    padding-bottom:5px;
}

.topright {
    float:right;
    color:#888;
    font-size:11px;
    padding-top:5px;
    letter-spacing:0.5px;
}
.topright a {
    color:#fff;
    text-decoration:none;
}

.white {
    color:#fff;
}

.gomb {
    font-size: 9px;
    font-weight: bold;
    padding: 4px 7px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #FFF;
    background: #BF9553;
    margin-left:10px;
}