#profilkep{
    border-radius: 50% !important;
}
#portfolio_cim,
#rolam_cim,
#galeria_cim,
#visszajelzesek_cim,
#kapcsolat_cim,
#footer_cim,
#belepes_cim{
    padding-bottom: 60px;
    color: #1F2A44 !important;
}
#portfolio_link{
    display: inline-block;
    border-radius: 15px;
    transition: background-color 0.5s ease;
}
#portfolio_link:hover{
    background-color: #D4A373 !important;
}
#festes_cim,
#burkolas_cim,
#szigeteles_cim,
#general_kivitelezes_cim{
    padding-bottom: 30px;
    color: #1F2A44 !important;
}
.portfolio-list,
.rolam-list,
.footer-list{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.portfolio-list li{
    position: relative;
    text-align: left;
    padding: 18px 20px 18px 60px;
    margin: 15px 0;
    background: #D4A373;
    border-radius: 15px;
    color: #1F2A44 !important;
    font-weight: 600;
}
.portfolio-list li::before{
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #1F2A44;
}
.rolam-list li{
    position: relative;
    text-align: left;
    padding: 18px 20px 18px 60px;
    margin: 15px 0;
    background: #1F2A44;
    border-radius: 15px;
    color: #FFFFFF !important;
    font-weight: 600;
}
.rolam-list li::before{
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #FFFFFF;
}
.footer-list li{
    position: relative;
    text-align: center;
    padding: 20px 15px 20px 15px;
    margin: 15px 0;
    background: #1F2A44;
    border-radius: 15px;
    color: #FFFFFF !important;
    font-weight: 600;
}
.kepek_hivatkozas{
    text-align: center;
    color: #1F2A44 !important;
    font-weight: 700;
}
#slider_nev{
    color: #1F2A44;
    font-weight: 600;
}
#slider_mikor{
    color: #1F2A44;
}
#slider_szoveg{
    /*display: table-cell;
    vertical-align: middle;*/
    color: #1F2A44;
    font-weight: 600;
    font-style: italic;
}
#meg_nincsenek_visszajelzesek{
    color: #1F2A44;
    font-weight: 600;
}
.jelezz_vissza_te_is{
    text-align: center;
    color: #1F2A44 !important;
    font-weight: 700;
}
#felhnevhiba,
#jelszohiba,
#visszajelzes_nevhiba,
#visszajelzes_szoveghiba,
#visszajelzes_captchahiba,
#kapcsolat_nevhiba,
#kapcsolat_emailhiba,
#kapcsolat_telhiba,
#kapcsolat_targyhiba,
#kapcsolat_uzenethiba,
#kapcsolat_captchahiba{
    color: #CC0000 !important;
    font-weight: 600 !important;
}
#footer_fejlec,
#footer_szoveg{
    color: #1F2A44;
}
#footer_szoveg{
    font-weight: 600;
}
#adatkezelesi_tajekoztato{
    color: #FFFFFF !important;
    font-weight: 700 !important;
}
@media (min-width: 1200px){
    .container {
        max-width: 1400px !important;
    }
    #mainNav .navbar-brand{
        font-size: 1.6rem !important;
    }
    #mainNav .navbar-nav li.nav-item a.nav-link{
        font-size: 1.1rem !important;
    }
    #profilkep{
        min-width: 256px;
        max-width: 256px;
    }
    #focim_nev{ /* HAVASI ÁKOS */
        font-size: 2rem !important;
    }
    #portfolio_cim,
    #rolam_cim,
    #galeria_cim,
    #visszajelzesek_cim,
    #kapcsolat_cim,
    #belepes_cim,
    #footer_cim{
        font-size: 2rem !important;
    }
    #portfolio_link{
        width: 11rem;
    }
    .portfolio-modal .portfolio-modal-dialog .close-button{
        top: 1.2rem !important;
        right: 1.5rem !important;
    }
    .fa-3x{
        font-size: 2.2rem !important;
    }
    #festes_cim,
    #burkolas_cim,
    #szigeteles_cim,
    #general_kivitelezes_cim{
        font-size: 2rem !important;
    }
    .portfolio-list li{
        font-size: 1.2rem;
    }
    .rolam-list li{
        font-size: 1.2rem;
    }
    .footer-list li{
        width: 70%;
        font-size: 1.2rem;
    }
    .kepek_hivatkozas{
        font-size: 1.3rem;
    }
    #slider_nev{
        padding-top: 45px !important;
        font-size: 1.35rem;
    }
    #slider_mikor{
        padding-bottom: 22px !important;
        font-size: 1.05rem;
    }
    #slider_szoveg{
        padding-top: 22px !important;
        padding-bottom: 45px !important;
        font-size: 1.2rem;
    }
    #meg_nincsenek_visszajelzesek{
        font-size: 1.3rem;
    }
    .jelezz_vissza_te_is{
        font-size: 1.4rem;
    }
    .floating-label-form-group input, .floating-label-form-group textarea{
        font-size: 1.2rem !important;
    }
    .btn-xl{
        font-size: 1.2rem !important;
    }
    #felhnevhiba,
    #jelszohiba,
    #visszajelzes_nevhiba,
    #visszajelzes_szoveghiba,
    #visszajelzes_captchahiba,
    #kapcsolat_nevhiba,
    #kapcsolat_emailhiba,
    #kapcsolat_telhiba,
    #kapcsolat_targyhiba,
    #kapcsolat_uzenethiba,
    #kapcsolat_captchahiba{
        font-size: 1.2rem !important;
    }
    #footer_fejlec{
        font-size: 1.4rem !important;
    }
    #footer_szoveg{
        font-size: 1.2rem !important;
    }
    #adatkezelesi_tajekoztato{
        font-size: 1.3rem !important;
    }
}
@media (max-width: 1200px){
    .container {
        max-width: 1200px !important;
    }
    #mainNav .navbar-brand{
        font-size: 1.55rem !important;
    }
    #mainNav .navbar-nav li.nav-item a.nav-link{
        font-size: 1.05rem !important;
    }
    #profilkep{
        min-width: 256px;
        max-width: 256px;
    }
    #focim_nev{
        font-size: 1.95rem !important;
    }
    #portfolio_cim,
    #rolam_cim,
    #galeria_cim,
    #visszajelzesek_cim,
    #kapcsolat_cim,
    #belepes_cim,
    #footer_cim{
        font-size: 1.95rem !important;
    }
    #portfolio_link{
        width: 10.5rem;
    }
    .portfolio-modal .portfolio-modal-dialog .close-button{
        top: 1.2rem !important;
        right: 1.5rem !important;
    }
    .fa-3x{
        font-size: 2.1rem !important;
    }
    #festes_cim,
    #burkolas_cim,
    #szigeteles_cim,
    #general_kivitelezes_cim{
        font-size: 1.95rem !important;
    }
    .portfolio-list li{
        font-size: 1.15rem;
    }
    .rolam-list li{
        font-size: 1.15rem;
    }
    .footer-list li{
        width: 70%;
        font-size: 1.15rem;
    }
    .kepek_hivatkozas{
        font-size: 1.25rem;
    }
    #slider_nev{
        padding-top: 40px !important;
        font-size: 1.3rem;
    }
    #slider_mikor{
        padding-bottom: 20px !important;
        font-size: 1rem;
    }
    #slider_szoveg{
        padding-top: 20px !important;
        padding-bottom: 40px !important;
        font-size: 1.15rem;
    }
    #meg_nincsenek_visszajelzesek{
        font-size: 1.25rem;
    }
    .jelezz_vissza_te_is{
        font-size: 1.35rem;
    }
    .floating-label-form-group input, .floating-label-form-group textarea{
        font-size: 1.15rem !important;
    }
    .btn-xl{
        font-size: 1.15rem !important;
    }
    #felhnevhiba,
    #jelszohiba,
    #visszajelzes_nevhiba,
    #visszajelzes_szoveghiba,
    #visszajelzes_captchahiba,
    #kapcsolat_nevhiba,
    #kapcsolat_emailhiba,
    #kapcsolat_telhiba,
    #kapcsolat_targyhiba,
    #kapcsolat_uzenethiba,
    #kapcsolat_captchahiba{
        font-size: 1.15rem !important;
    }
    #footer_fejlec{
        font-size: 1.35rem !important;
    }
    #footer_szoveg{
        font-size: 1.15rem !important;
    }
    #adatkezelesi_tajekoztato{
        font-size: 1.25rem !important;
    }
}
@media (max-width: 1100px){
    .container {
        max-width: 1100px !important;
    }
    #mainNav .navbar-brand{
        font-size: 1.5rem !important;
    }
    #mainNav .navbar-nav li.nav-item a.nav-link{
        font-size: 1rem !important;
    }
    #profilkep{
        min-width: 256px;
        max-width: 256px;
    }
    #focim_nev{
        font-size: 1.9rem !important;
    }
    #portfolio_cim,
    #rolam_cim,
    #galeria_cim,
    #visszajelzesek_cim,
    #kapcsolat_cim,
    #belepes_cim,
    #footer_cim{
        font-size: 1.9rem !important;
    }
    #portfolio_link{
        width: 10rem;
    }
    .portfolio-modal .portfolio-modal-dialog .close-button{
        top: 1.2rem !important;
        right: 1.5rem !important;
    }
    .fa-3x{
        font-size: 2rem !important;
    }
    #festes_cim,
    #burkolas_cim,
    #szigeteles_cim,
    #general_kivitelezes_cim{
        font-size: 1.9rem !important;
    }
    .portfolio-list li{
        font-size: 1.1rem;
    }
    .rolam-list li{
        font-size: 1.1rem;
    }
    .footer-list li{
        width: 70%;
        font-size: 1.1rem;
    }
    .kepek_hivatkozas{
        font-size: 1.2rem;
    }
    #slider_nev{
        padding-top: 40px !important;
        font-size: 1.25rem;
    }
    #slider_mikor{
        padding-bottom: 20px !important;
        font-size: 0.95rem;
    }
    #slider_szoveg{
        padding-top: 20px !important;
        padding-bottom: 40px !important;
        font-size: 1.1rem;
    }
    #meg_nincsenek_visszajelzesek{
        font-size: 1.2rem;
    }
    .jelezz_vissza_te_is{
        font-size: 1.3rem;
    }
    .floating-label-form-group input, .floating-label-form-group textarea{
        font-size: 1.1rem !important;
    }
    .btn-xl{
        font-size: 1.1rem !important;
    }
    #felhnevhiba,
    #jelszohiba,
    #visszajelzes_nevhiba,
    #visszajelzes_szoveghiba,
    #visszajelzes_captchahiba,
    #kapcsolat_nevhiba,
    #kapcsolat_emailhiba,
    #kapcsolat_telhiba,
    #kapcsolat_targyhiba,
    #kapcsolat_uzenethiba,
    #kapcsolat_captchahiba{
        font-size: 1.1rem !important;
    }
    #footer_fejlec{
        font-size: 1.3rem !important;
    }
    #footer_szoveg{
        font-size: 1.1rem !important;
    }
    #adatkezelesi_tajekoztato{
        font-size: 1.2rem !important;
    }
}
@media (max-width: 1050px){
    .container {
        max-width: 1050px !important;
    }
    #mainNav .navbar-brand{
        font-size: 1.45rem !important;
    }
    #mainNav .navbar-nav li.nav-item a.nav-link{
        font-size: 0.95rem !important;
    }
    #profilkep{
        min-width: 256px;
        max-width: 256px;
    }
    #focim_nev{
        font-size: 1.85rem !important;
    }
    #portfolio_cim,
    #rolam_cim,
    #galeria_cim,
    #visszajelzesek_cim,
    #kapcsolat_cim,
    #belepes_cim,
    #footer_cim{
        font-size: 1.85rem !important;
    }
    #portfolio_link{
        width: 9.5rem;
    }
    .portfolio-modal .portfolio-modal-dialog .close-button{
        top: 1.1rem !important;
        right: 1.4rem !important;
    }
    .fa-3x{
        font-size: 1.9rem !important;
    }
    #festes_cim,
    #burkolas_cim,
    #szigeteles_cim,
    #general_kivitelezes_cim{
        font-size: 1.85rem !important;
    }
    .portfolio-list li{
        font-size: 1.05rem;
    }
    .rolam-list li{
        font-size: 1.05rem;
    }
    .footer-list li{
        width: 70%;
        font-size: 1.05rem;
    }
    .kepek_hivatkozas{
        font-size: 1.15rem;
    }
    #slider_nev{
        padding-top: 40px !important;
        font-size: 1.2rem;
    }
    #slider_mikor{
        padding-bottom: 20px !important;
        font-size: 0.9rem;
    }
    #slider_szoveg{
        padding-top: 20px !important;
        padding-bottom: 40px !important;
        font-size: 1.05rem;
    }
    #meg_nincsenek_visszajelzesek{
        font-size: 1.15rem;
    }
    .jelezz_vissza_te_is{
        font-size: 1.25rem;
    }
    .floating-label-form-group input, .floating-label-form-group textarea{
        font-size: 1.05rem !important;
    }
    .btn-xl{
        font-size: 1.05rem !important;
    }
    #felhnevhiba,
    #jelszohiba,
    #visszajelzes_nevhiba,
    #visszajelzes_szoveghiba,
    #visszajelzes_captchahiba,
    #kapcsolat_nevhiba,
    #kapcsolat_emailhiba,
    #kapcsolat_telhiba,
    #kapcsolat_targyhiba,
    #kapcsolat_uzenethiba,
    #kapcsolat_captchahiba{
        font-size: 1.05rem !important;
    }
    #footer_fejlec{
        font-size: 1.25rem !important;
    }
    #footer_szoveg{
        font-size: 1.05rem !important;
    }
    #adatkezelesi_tajekoztato{
        font-size: 1.15rem !important;
    }
}
@media (max-width: 992px){
    .container {
        max-width: 992px;
    }
    #mainNav .navbar-brand{
        font-size: 1.35rem !important;
    }
    #mainNav .navbar-nav li.nav-item a.nav-link{
        font-size: 1rem !important;
    }
    #profilkep{
        min-width: 240px;
        max-width: 240px;
    }
    #focim_nev{
        font-size: 1.8rem !important;
    }
    #portfolio_cim,
    #rolam_cim,
    #galeria_cim,
    #visszajelzesek_cim,
    #kapcsolat_cim,
    #belepes_cim,
    #footer_cim{
        font-size: 1.8rem !important;
    }
    #portfolio_link{
        width: 9rem;
    }
    .portfolio-modal .portfolio-modal-dialog .close-button{
        top: 0.9rem !important;
        right: 1.3rem !important;
    }
    .fa-3x{
        font-size: 1.8rem !important;
    }
    #festes_cim,
    #burkolas_cim,
    #szigeteles_cim,
    #general_kivitelezes_cim{
        font-size: 1.8rem !important;
    }
    .portfolio-list li{
        font-size: 1rem;
    }
    .rolam-list li{
        font-size: 1rem;
    }
    .footer-list li{
        width: 80%;
        font-size: 1rem;
    }
    .kepek_hivatkozas{
        font-size: 1.1rem;
    }
    #slider_nev{
        padding-top: 40px !important;
        font-size: 1.15rem;
    }
    #slider_mikor{
        padding-bottom: 20px !important;
        font-size: 0.85rem;
    }
    #slider_szoveg{
        padding-top: 20px !important;
        padding-bottom: 40px !important;
        font-size: 1rem;
    }
    #meg_nincsenek_visszajelzesek{
        font-size: 1.1rem;
    }
    .jelezz_vissza_te_is{
        font-size: 1.2rem;
    }
    .floating-label-form-group input, .floating-label-form-group textarea{
        font-size: 1rem !important;
    }
    .btn-xl{
        font-size: 1rem !important;
    }
    #felhnevhiba,
    #jelszohiba,
    #visszajelzes_nevhiba,
    #visszajelzes_szoveghiba,
    #visszajelzes_captchahiba,
    #kapcsolat_nevhiba,
    #kapcsolat_emailhiba,
    #kapcsolat_telhiba,
    #kapcsolat_targyhiba,
    #kapcsolat_uzenethiba,
    #kapcsolat_captchahiba{
        font-size: 1rem !important;
    }
    #footer_fejlec{
        font-size: 1.2rem !important;
    }
    #footer_szoveg{
        font-size: 1rem !important;
    }
    #adatkezelesi_tajekoztato{
        font-size: 1.1rem !important;
    }
}
@media (max-width: 768px){
    .container {
        max-width: 768px;
    }
    #mainNav .navbar-brand{
        font-size: 1.3rem !important;
    }
    #mainNav .navbar-nav li.nav-item a.nav-link{
        font-size: 0.95rem !important;
    }
    #profilkep{
        min-width: 224px;
        max-width: 224px;
    }
    #focim_nev{
        font-size: 1.75rem !important;
    }
    #portfolio_cim,
    #rolam_cim,
    #galeria_cim,
    #visszajelzesek_cim,
    #kapcsolat_cim,
    #belepes_cim,
    #footer_cim{
        font-size: 1.75rem !important;
    }
    #portfolio_link{
        width: 9rem;
    }
    .portfolio-modal .portfolio-modal-dialog .close-button{
        top: 0.8rem !important;
        right: 1.2rem !important;
    }
    .fa-3x{
        font-size: 1.7rem !important;
    }
    #festes_cim,
    #burkolas_cim,
    #szigeteles_cim,
    #general_kivitelezes_cim{
        font-size: 1.75rem !important;
    }
    .portfolio-list li{
        font-size: 0.95rem;
    }
    .rolam-list li{
        font-size: 0.95rem;
    }
    .footer-list li{
        width: 100%;
        font-size: 0.95rem;
    }
    .kepek_hivatkozas{
        font-size: 1.05rem;
    }
    #visszajelzes_row{
        padding-left: 15px;
        padding-right: 15px;
    }
    #slider_nev{
        padding-top: 40px !important;
        font-size: 1.1rem;
    }
    #slider_mikor{
        padding-bottom: 20px !important;
        font-size: 0.8rem;
    }
    #slider_szoveg{
        padding-top: 20px !important;
        padding-bottom: 40px !important;
        font-size: 0.95rem;
    }
    #meg_nincsenek_visszajelzesek{
        font-size: 1.05rem;
    }
    .jelezz_vissza_te_is{
        font-size: 1.15rem;
    }
    .floating-label-form-group input, .floating-label-form-group textarea{
        font-size: 0.95rem !important;
    }
    .btn-xl{
        font-size: 0.95rem !important;
    }
    #felhnevhiba,
    #jelszohiba,
    #visszajelzes_nevhiba,
    #visszajelzes_szoveghiba,
    #visszajelzes_captchahiba,
    #kapcsolat_nevhiba,
    #kapcsolat_emailhiba,
    #kapcsolat_telhiba,
    #kapcsolat_targyhiba,
    #kapcsolat_uzenethiba,
    #kapcsolat_captchahiba{
        font-size: 0.95rem !important;
    }
    #footer_fejlec{
        font-size: 1.15rem !important;
    }
    #footer_szoveg{
        font-size: 0.95rem !important;
    }
    #adatkezelesi_tajekoztato{
        font-size: 1.05rem !important;
    }
}
@media (max-width: 576px) {
    .container {
        max-width: 576px;
    }
    #portfolio_link{
        width: 9rem;
    }
    .g-recaptcha{
        transform: scale(0.8);
    }
    .footer-list li{
        width: 80%;
    }
}
@media (min-width: 992px){
    .nav-item{
        margin-top: 5px;
    }
    .pl-lg-3, .px-lg-3{
        padding-top: 0.9rem !important;
        padding-left: 0.7rem !important;
        padding-right: 0.7rem !important;
        padding-bottom: 0.9rem !important;
    }
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
    /*background-color: #D4A373 !important;*/
    background-color: transparent !important;
}
.navbar-toggler:focus{
    outline: 0px !important;
}
header.masthead h2{
    font-family: Montserrat !important;
}
.btn-primary{
    background-color: #1F2A44 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    outline: 0px !important;
    border: 0px !important;
}
.btn-primary:hover{
    background-color: #D4A373 !important;
    color: #1F2A44 !important;
}
@media (max-width:992px){
    #portfolio_harmadik,
    #portfolio_negyedik{
        padding-top: 30px;
    }
}
@media (max-width:768px){
    #portfolio_masodik{
        padding-top: 30px;
    }
}
@media (max-width:768px){
    .d-none {
        display: block !important;
    }
}
/*#festes_gepeles{
    color: #1F2A44 !important;
    font-size: 1.5rem;
    font-weight: 600;
}
#festes_gepeles::after {
    content: "|";
    animation: blink 1s infinite;
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}*/
@media (max-width: 992px){
    .accordion-body {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
.tz-gallery .lightbox img {
    /*transition: 0.2s ease-in-out;*/
}
.tz-gallery .lightbox img:hover {
    /*transform: scale(1.02);*/
}
.baguetteBox-button {
    background-color: transparent !important;
    outline: 0px !important;
}
.gallery{
    display: grid;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    gap: 10px;
}
@media (min-width: 1200px){
    .gallery{
        grid-template-columns: repeat(12, 1fr);
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    .gallery{
        grid-template-columns: repeat(8, 1fr);
    }
}
@media (max-width: 992px){
    .gallery{
        grid-template-columns: repeat(4, 1fr);
    }
}
img.four-grid-cells,
img.wide-image,
img.long-image,
img.wide-wide-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div.four-grid-cells,
a#four-grid-cells,
img.four-grid-cells{
    grid-row: span 1 / auto;
    grid-column: span 1 / auto;
}
div.wide-image,
a#wide-image,
img.wide-image{
    grid-row: span 1 / auto;
    grid-column: span 2 / auto;
}
div.long-image,
a#long-image,
img.long-image{
    grid-column: span 1 / auto;
    grid-row: span 1 / auto;
}
div.wide-wide-image,
a#wide-wide-image,
img.wide-wide-image{
    grid-row: span 1 / auto;
    grid-column: span 4 / auto;
}
.kukas{
    margin-top: 100px;
}

.carousel-indicators{
    margin-bottom: 0;
    outline: 0px !important;
    border: 0px !important;
}
.carousel-indicators button{
    /*height: 20px !important;
    width: 20px !important;
    margin: 0 5px !important;
    border-radius: 100%;*/
    height: 16px !important;
    width: 48px !important;
    margin: 0 5px !important;
    /*border-radius: 100%;*/
    outline: 0px !important;
    border: 0px !important;
}
@media (max-width:992px){
    .carousel-indicators button{
        height: 12px !important;
        width: 36px !important;
    }
}
@media (max-width:768px){
    .carousel-indicators button{
        height: 10px !important;
        width: 30px !important;
    }
}
.carousel-dark .carousel-indicators [data-target]{
    background-color: #1F2A44;
    opacity: 0.2;
    /*background-color: #FFFFFF;*/
    outline: 0px !important;
}
.carousel-dark .carousel-indicators [data-target].active{
    opacity: 1;
    /*background-color: #1F2A44;*/
    outline: 0px !important;
}
@media (min-width: 768px){
    .carousel-indicators{
        margin-bottom: -60px;
    }
    .carousel-inner,
    .carousel-item,
    #slider_row,
    #slider_col_0{
        /*height: 400px;*/
    }
    #slider_col_szoveg{
        padding: 0;
        /*-webkit-animation: leaves 2s ease-in-out infinite alternate;
        -moz-animation: leaves 2s ease-in-out infinite alternate;
        -o-animation: leaves 2s ease-in-out infinite alternate;
        animation: leaves 2s ease-in-out infinite alternate;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        animation-iteration-count: 1;*/
    }
    /*#slider_col_szoveg{
        padding-left: 30px;
    }*/
    /*@keyframes leaves{
        from{
            transform: scale(0.9);
        }
        to{
            transform: scale(1);
        }
    }*/
    #slider_szoveg{
        /*height: 400px;*/
    }
}
@media (max-width: 992px) and (min-width: 768px){
    /*#slider_col_szoveg{
        padding-left: 20px;
    }*/
}
@media (max-width: 768px){
    .carousel-indicators{
        margin-bottom: -60px;
    }
    #slider_row{
        padding-left: 10%;
        padding-right: 10%;
    }
    #slider_col_0{
        height: 0px;
    }
    #slider_col_szoveg,
    #slider_szoveg{
        /*height: 400px;*/
    }
    #slider_szoveg{
    }
    #slider_col_szoveg{
        padding: 0;
        /*-webkit-animation: leaves 2s ease-in-out infinite alternate;
        -moz-animation: leaves 2s ease-in-out infinite alternate;
        -o-animation: leaves 2s ease-in-out infinite alternate;
        animation: leaves 2s ease-in-out infinite alternate;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        animation-iteration-count: 1;*/
    }
    /*@keyframes leaves{
        from{
            transform: scale(0.9);
        }
        to{
            transform: scale(1);
        }
    }*/
}

@media (min-width: 1200px){
    #slider_row{
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    #slider_row{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    #slider_row{
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
}
@media (max-width: 768px){
    #slider_row{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}
.stars{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
.stars input{
  display: none;
}
.stars label{
  font-size: 40px;
  color: #ccc;
  cursor: pointer;
  transition: color 0.3s;
}
@media (min-width: 992px) and (max-width: 1200px){
    .stars label {
        font-size: 36px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .stars label{
        font-size: 32px;
    }
}
@media (max-width: 768px){
    .stars label{
        font-size: 28px;
    }
}
.stars label:hover,
.stars label:hover ~ label{
  color: #ccc;
}
.stars input:checked ~ label{
  color: gold;
}
.star-from-db{
  font-size: 40px;
  color: #ccc;
}
.star-from-db.filled{
  color: gold;
}
@media (min-width: 992px) and (max-width: 1200px){
    .star-from-db{
        font-size: 36px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .star-from-db{
        font-size: 32px;
    }
}
@media (max-width: 768px){
    .star-from-db{
        font-size: 28px;
    }
}
.floating-label-form-group{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.form-control{
    color: #1F2A44 !important;
    font-weight: 600 !important;
}
.form-control::-webkit-input-placeholder{
    color: #BBBBBB !important;
}
.form-control::-moz-placeholder{
    color: #BBBBBB !important;
}
.form-control:-ms-input-placeholder{
    color: #BBBBBB !important;
}
.form-control:-moz-placeholder{
    color: #BBBBBB !important;
}
@media (min-width: 1200px){
    #kuka{
        height: 36px;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    #kuka{
        height: 34px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    #kuka{
        height: 32px;
    }
}
@media (max-width: 768px){
    #kuka{
        height: 30px;
    }
}
@media (min-width: 1200px){
    #kuka_form{
        padding-top: 22px !important;
        padding-bottom: 33px !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    #kuka_form{
        padding-top: 20px !important;
        padding-bottom: 30px !important;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    #kuka_form{
        padding-top: 18px !important;
        padding-bottom: 27px !important;
    }
}
@media (max-width: 768px){
    #kuka_form{
        padding-top: 15px !important;
        padding-bottom: 22px !important;
    }
}
#visszajelzes_torles{
    background-color: transparent !important;
}
.btn.focus, .btn:focus{
    box-shadow: none !important;
}
@media (min-width: 1200px){
    #kuka_kep{
        height: 32px;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    #kuka_kep{
        height: 30px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    #kuka_kep{
        height: 28px;
    }
}
@media (max-width: 768px){
    #kuka_kep{
        height: 26px;
    }
}
#kep_torles{
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    background-color: #D4A373 !important;
    border-radius: 0 !important;
}
.recaptcha-wrapper {
  display: flex;
  justify-content: center;
}