@font-face {
    font-family: Kanit SB;
    src: url("../fonts/Kanit-SemiBold.woff2");
    font-display: swap;
}
@font-face {
    font-family: Kanit Regular;
    src: url("../fonts/Kanit-Regular.woff2");
    font-display: swap;
}
@font-face {
    font-family: Monsterrat Reg;
    src: url("../fonts/Montserrat-Regular.woff2");
    font-display: swap;
}
@font-face {
    font-family: Monsterrat B;
    src: url("../fonts/Montserrat-Bold.woff2");
    font-display: swap;
}
h1, h2, h3, h4, h5, h6{
    font-family: Kanit SB;
    margin: 0;
}
strong, b{
    font-family: Monsterrat B;
    margin: 0;
}
.varos-tartalomjegyzek a,.footer-city a{
    color: #0938C2;
}
.img-contain{
    object-fit: contain !important;
}
.min-h-120{
    min-height: 120px;
}
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: Kanit SB;
}
.simple-gallery-col{
    overflow: hidden;
}
.swiper {
  width: 100%;
  height: auto;
}
.swiper-p-text{
    margin: 10px;
    text-align: center;
}
.swiper-button-prev, .swiper-button-next{
    padding: 15px;
    color: #fff !important;
    background: #B8062B;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    z-index: 999 !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 1rem !important;
}
.swiper-left-gloom{
    height: 100%;
    width: 100px;
    position: absolute;
    z-index: 99;
    background-image: linear-gradient(to left, rgba(255,0,0,0), rgb(255, 255, 255));
}
.swiper-right-gloom{
    height: 100%;
    width: 100px;
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(255, 255, 255));
}
.search-link{
    font-family: Monsterrat Reg;
    font-weight: 600 !important;
}
img,svg{
    max-width: 100% !important;
}
.separator{
    display: flex;
    align-items: center;
    padding-top: 15px;
    margin: 0;
    font-weight: 700;
    letter-spacing: 0.2rem;
}
.separator svg{
    margin-right: 15px;
    max-width: 20px !important;
    fill: #B8062B !important;
}
.separator:not(:empty)::after {
    margin-left: 0.25em;
}
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #8b0525;
}
.h1-regular, .h2-regular, .h3-regular, .h4-regular, .h5-regular, .h6-regular{
    font-family: Kanit Regular;
}
.h1-monserrat, .h2-monserrat, .h3-monserrat, .h4-monserrat, .h5-monserrat, .h6-monserrat{
    font-family: Monsterrat Reg;
}
h1 {
    font-size: 3.7rem;
}
.fw-bolder{
    font-family: Kanit SB !important;
}
.fw-bolder-monsterrat{
    font-family: Monsterrat B;
}
.border-sedondary{
    border: 1px solid #314A8D !important;
}
span{
    word-break: break-all;
}
/*h2, h3, h4, h5, h6 {
    color: #b8062b !important;
}*/
.content h2,.content h3{
    font-family: Monsterrat Reg;
}
.form-control, .form-select{
    border-radius: 0px !important;
}
.input-group-text{
    border-radius: 0px !important;
}
p, li, th{
    color: #000 !important;
}
.p-text{
    margin: 0px;
    font-size: 1.3rem;
}
hr {
    margin: 2rem 0 !important;
}
a:hover {
    text-decoration: none;
    /*color: #B8062B;*/
}
h1.cms-header-1, div.cms-header-1,.custom-slider-subtitle{
    font-size: 3.2vw;
    color: white !important;
    padding-left: 5% !important;
    width: 100%;
    padding-right: 20px !important;
}

.font-red {
    color: #B8062B !important;
}
.cKeritesKartya {
    background-image: url("/images/keriteslec/c-tipusu-acel-keriteselem-aloldal.jpg");
    background-size: cover;
    height: 25em;
    border-bottom: 10px solid #B8062B;
}
.cKeritesKartya:hover {
    /*background-image: url("/images/background/acel-kerites_c-tipus_rollover.png");
    background-size: cover;*/
    border-bottom: 10px solid #B8062B;
}
.list-hover-animation:hover{
    background-color: #B8062B;
    color: white !important;
    padding:5px 10px 5px 10px;
    transition: .2s ease-in;
    text-decoration:none;
}
.list-hover-animation:hover a{
    color: white !important;
}
.list-hover-animation:hover:before{
    content:  url('/images/homepage/angle-right-solid.svg');
    margin-right: 5px;
}
.navbar-custom-ul li{
    padding: 1px 0px 1px 0px;
}
.navbar-hover-animation:hover{
    color: #B8062B;
    background-color: #fff;
    padding:5px 10px 5px 10px;
    transition: .2s ease-in;
    text-decoration:none;
    width: 100%;
}
.navbar-hover-animation:hover a{
    color: #B8062B;
}
.navbar-hover-animation:hover:before{
    content:  url('/images/homepage/angle-right-solid-red.svg');
    margin-right: 5px;
}
.accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E") !important;
}
.accordion-button::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E") !important;
}
.acelKeriteslecKartya {
    background-image: url("/images/keriteslec/acel-keriteslec-aloldal.jpg");
    background-size: cover;
    height: 25em;
    border-bottom: 10px solid #B8062B;
}
.acelKeriteslecKartya:hover {
    /*background-image: url("/images/background/acel-kerites_keriteslec_rollover.png");
    background-size: cover;*/
    border-bottom: 10px solid #B8062B;
}
.acelTrapezlemezKartya {
    background-image: url("/images/keriteslec/acel-trapezlemez-keriteselem-landing.jpg");
    background-size: cover;
    height: 25em;
    border-bottom: 10px solid #B8062B;
}
.acelTrapezlemezKartya:hover {
    /*background-image: url("/images/background/acel-kerites_trapezlemez_rollover.png");
    background-size: cover;*/
    border-bottom: 10px solid #B8062B;
}
.zartKeritesKartya {
    background-image: url("/images/keriteslec/zart-tipusu-acel-keriteselem-aloldal.jpg");
    background-size: cover;
    height: 25em;
    border-bottom: 10px solid #B8062B;
}
.zartKeritesKartya:hover {
    /*background-image: url("/images/background/acel-kerites_trapezlemez_rollover.png");
    background-size: cover;*/
    border-bottom: 10px solid #B8062B;
}
.kapcsolatSection {
    background-image: url("/images/background/kallo-fem-csoport_cta-bg-RIOT.webp");
    background-size: cover;
    /*padding-top: 10%;
    padding-bottom: 10%;*/
}
.szechenyi-right-bottom-brand{
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 9;
}
.szechenyi-right-top-brand{
    right: 0;
    top: 95px;
    position: fixed;
    z-index: 9;
}
.custom-jumbotron{
    --bs-gutter-x: 0rem;
}
.custom-slider-header{
    position: absolute;
    bottom: 100px;
    padding-left: 20px;
    width: 100%;
}
.custom-slider-navigator{
    position: absolute;
    width: 100%;
    background: #fff;
    bottom: 0;
    margin: 0;
    padding: 25px 15px 15px 0px;
    min-height: auto !important;
}
.custom-slider-navigator-prev{
    position: relative;
    left: 88%;
    cursor: pointer;
    margin-top: 4px;
}
.custom-slider-navigator-next{
    position: relative;
    left: 90%;
    cursor: pointer;
}
.custom-slider-elem{
    display: none;
}
.custom-slider-active{
    display: flex !important;
}
.custom-slider-image{
    margin-left: 600px;
    height: 100%;
    width: 100%;
    -webkit-transition: all .2s cubic-bezier(.79,.03,0,.99);
    -moz-transition: all .2s cubic-bezier(.79,.03,0,.99);
    -o-transition: all .2s cubic-bezier(.79,.03,0,.99);
    -ms-transition: all .2s cubic-bezier(.79,.03,0,.99);
    transition: all .2s cubic-bezier(.79,.03,0,.99);
}
.custom-slider-image img{
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100%;
    height: auto;
}
.custom-slider-image.custom-slider-image-active{
    margin-left: 0px !important;
}
.custom-jumbotron .jumbotron{
    margin-left: -1.7rem;
}
.text-kallo-fifth{
    color: #1c2034 !important;
}
.text-kallo-fourth{
    color: #565a6d !important;
}
.text-kallo-third{
    color: #bec4c8 !important;
}
.text-kallo-primary {
    color: #B8062B !important;
}
.text-kallo-secondary {
    color: #314A8D !important;
}
.text-kallo-brown{
    color: #D9CB9E !important;
}
.text-kallo-khaki{
    color: #6D807E !important;
}
.text-kallo-green{
    color: #6D817F !important;
}
.bg-kallo-fifth{
    background-color: #1c2034 !important;
}
.bg-kallo-fourth{
    background-color: #565a6d !important;
}
.bg-kallo-third{
    background-color: #bec4c8 !important;
}
.bg-kallo-primary {
    background-color: #B8062B !important;
}
.bg-kallo-secondary {
    background-color: #314A8D !important;
}
.bg-kallo-brown{
    background-color: #D9CB9E !important;
}
.bg-kallo-khaki-dark{
    background-color: #374140 !important;
}
.bg-kallo-khaki{
    background-color: #6D807E !important;
}
.bg-kallo-khaki-light{
    background-color: rgb(109,128,126,0.2)!important;
}
.bg-viszontelado{
    background-color: rgb(217,203,158,0.1)!important;
}
.bg-kivitelezo h2,.bg-kivitelezo h3{
    font-family: 'KANIT REGULAR';
    font-size: 1.5rem;
}
.bg-szinminta{
    background-color: rgb(109,128,126,0.2)!important;
}
.bg-garazsvasar{
    background-color: rgb(190,197,200,0.1)!important;
}
.bg-kallo-secondary h1, .bg-kallo-secondary h2, .bg-kallo-secondary h3, .bg-kallo-secondary h4, .bg-kallo-secondary h5, .bg-kallo-secondary h6, .bg-kallo-secondary p, .bg-kallo-secondary span, .bg-kallo-secondary hr, .bg-kallo-secondary strong, .bg-kallo-khaki p {
    color: white !important;
}
.bg-kallo-green {
    background-color: #647876;
}
.bg-kallo-green h1, .bg-kallo-green h2, .bg-kallo-green h3, .bg-kallo-green h4, .bg-kallo-green h5, .bg-kallo-green h6, .bg-kallo-green p, .bg-kallo-green span, .bg-kallo-green hr {
    color: white !important;
}
.bg-kallo-grey{
    background-color: #dee2e6 !important;
}
.bg-kallo-material-green{
    background-color: #81c784;
}
.viszontelado-form{
    border: 1px solid #D9CB9E;
    border-radius: 5px;
}
.viszontelado-form input, .viszontelado-form textarea{
    border: 1px solid #D9CB9E !important;
    border-radius: 5px !important;
}
.kivitelezo-form{
    border: 1px solid #757575;
    border-radius: 5px;
    background-color: #f4f4f4;
}
.kivitelezo-form label{
    font-family: 'Kanit Regular';
}
.kivitelezo-form input, .kivitelezo-form textarea{
    border: 1px solid #757575 !important;
    border-radius: 5px !important;
}
.kivitelezo-form .form-check.form-check-inline{
    margin: 1rem 1rem 1rem 0rem;
    width: 45%;
}
.kivitelezo-form .form-check.form-check-inline label{
    font-family: 'Monsterrat Reg';
}
.szinminta-form{
    border: 1px solid #6D807E;
    border-radius: 5px;
}
.szinminta-form input, .szinminta-form textarea{
    border: 1px solid #6D807E !important;
    border-radius: 5px !important;
}
.szinminta-kep{
    height: 300px;
    border: 1px solid #eee;
}
.szinminta-kep p{
    padding: 5px;
    color: #000 !important;
    text-align: center;
    font-family: 'Kanit Regular';
    background: #fff;
}
.szinminta-kep-active{
    border: 3px solid #314A8D;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border-radius: 5px;
    transform: scale(1.1);
    background: #000;
}
.szinminta-kep-active img{
    height: 100%;
    border-radius: 0.25rem!important;
}
.gradient-wall{
    background: rgb(100,120,118);
    background: linear-gradient(0deg, rgba(100,120,118,1) 50%, rgba(34,37,55,1) 50%);
}
.list-homepage a{
    font-size: 0.8rem;
}
.homepage-news-title{
    font-family: Kanit SB;
}
.news-date{
    padding: 15px 20px 15px 20px;
    color: #bec4c8;
}
p.custom-list-header{
    color: #bec4c8 !important;
    margin: 0;
    text-align: center;
}
p.custom-list-text{
    font-weight: 700;
    text-align: center;
}
.custom-list-text a{
    text-decoration: none;
    color: #314A8D !important;
}
.custom-h3{
    color: #000 !important;
    padding: 4rem 0 4rem 0;
    text-align: center;
    font-weight: 400;
    font-family: Monsterrat Reg;
    font-size: 1.2rem;
}
.custom-ul{
    /*list-style: none;*/
}
.custom-ul li{
    /*list-style-type: none;*/
    position: relative;
    padding-bottom: 10px;
}
/*.custom-ul li::before{
    color: #B8062B ;
    content: '■';
    position: absolute;
    left: -0.8em;
    font-size: 1.3rem !important;
    margin-top: -5px;
}*/
.fs-65{
    font-size: 1.1rem;
}
.fs-7{
    font-size: 0.9rem;
}
.bg-kallo-grey {
    background-color: #B7BEC2;
}
.bg-kallo-third-overlay {
    background-color: #374140 !important;
    color: white !important;
}
ol, ul {
    padding-left: 1rem;
}
.card-kallo-body {
    background-color: #12182F !important;
}
.card-kallo-body .card-title {
    color: white !important;
}
.card-homepage-text {
    color: white !important;
    font-family: Kanit SB !important;
}
.card-homepage-body {
    background-color: #12182F !important;
}
.card-title {
    margin: 0;
}
.card {
    border: 0;
}
.list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.card-img, .card-img-top {
    border-radius: 0;
    width: 100%;
    height: 15vw;
    object-fit: cover;
}
.list-group-item:first-child {
    border-radius: 0;
}
.btn{
    border-radius: 0;
}
.btn-primary {
    background-color: #B8062B;
    border: none;
    width: auto;
    border-radius: 10px !important;
    transition: all .5s;
}
.btn-secondary {
    background-color: #314A8D;
    border: none;
    width: auto;
    border-radius: 10px !important;
    transition: all .5s;
    padding: .5rem 1rem;
}
.btn-primary:hover {
    background-color: #B8062B;
    box-shadow: 0 .5rem 1rem rgba(184,6,43,.15)!important;
}
.btn-secondary:hover {
    background-color: #28293E;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
#goodbyeCouponModal .btn-secondary:hover,#szinmintaModal .btn-secondary:hover{
    box-shadow: none !important;
}
#goodbyeCouponModal .text-muted,#szinmintaModal .text-muted{
    color: #000 !important;
}
.btn-primary:active {
    background-color: #2A1114;
    border: 0;
}
.btn-optional{
    border: 1px solid #28293E;
    background-color: #fff;
    color: #28293E;
}
.btn-facebook {
    margin-top: 25px;
    font-size: 20px;
    color: white;
    background-color: #385898;
}
.d-inline-grid{
    display: inline-grid;
}
.btn-facebook:hover {
    background-color: #254075;
}
.section-lane {
    justify-content: center;
}
.form-check-input:checked {
    background-color: #314A8D;
    border: none;
}
.navbar>.container {
    justify-content: space-evenly;
}
.navbar {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 4;
}
.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}
.nav-link {
    font-family: Kanit Regular;
    color: #2F3938 !important;
}
.nav-link span svg{
    fill: #314A8D;
    width: 30px;
    height: 30px;
    margin-top: -0.2rem;
}
.navbar-nav{
    justify-content: end !important;
}
.nav-container{
    margin-top: 0px;
    margin-bottom: 10px;
}
.hover-underline-animation.active {
    font-weight: 700;
}
li.nav-item{
    border-top: 5px solid #fff;
    /*margin-top: -32px;*/
}
li.nav-item a{
    /*margin-top: 15px;*/
}
li.nav-item.active-menubar{
    border-top: 5px solid #B8062B;
}
body{
    letter-spacing: 0.5px;
    padding-top: 6rem;
    font-family: Monsterrat Reg;
}
.monsterrat-reg{
    font-family: Monsterrat Reg;
}
.dropdown-triangle::after {
    /*display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;*/
}
.dropdown-toggle::after {
    display: none;
}
button{
    /*text-transform: uppercase;
    border-radius: 0px !important;*/
}
.text-transform-inherit{
    text-transform: inherit !important;
}
#searchButton {
    visibility: visible;
        height: 100%;
        border: 0px;
        border-radius: 0px;
}
.nav-item {
    text-align: center;
}
.bg-light {
    background-color: #fff !important;
}
.bg-light-custom{
    background-color: #EFF0F0 !important;
}
.btn-contact-szinvalasztek {
    position: absolute;
    bottom: -115px;
}
.btn-contact-keriteselem {
    position: absolute;
    bottom: -113px;
}
.btn-contact-keriteslecek {
    position: absolute;
    bottom: -113px;
}
.overlay {
    height: 0;
    width: 100%;
    position: fixed; 
    z-index: 3;
    left: 0;
    top: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}
.homepage-icons{
    width: 30px;
    height: 30px;
}
.homepage-li-subtitle{
    color: #000 !important;
    font-size: 0.8rem !important;
}
.homepage-li-contact{
    font-size: 1rem !important;
    text-decoration: none;
    color: black;
}
#fullNav .container{
    margin-top: 10rem;
    margin-bottom: 30px;
}
.overlay-content {
    position: relative;
    top: 5%; 
    width: 100%; 
    text-align: center;
    margin-top: 30px;
    letter-spacing: 5px !important;
}
.overlay a {
    text-decoration: none;
    color: #fff;
    transition: 0.3s; 
    font-size: 1rem !important;
}
.overlay ul{
    list-style: none;
    padding: 0;
}
.hover-underline-animation{
    display: inline-block;
    position: relative;
}
.hover-underline-animation:after{
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #0d6efd !important;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.hover-underline-animation:hover:after{
    transform: scaleX(1);
    transform-origin: bottom left;
}
.overlay .closebtn {
    position: absolute;
    top: -15px;
    right: 45px;
    font-size: 60px;
}
.uzleti-menu-item:hover, .lakossagi-menu-item:hover {
    padding-left: 50px;
    background-color: white;
    color: #314A8D !important;
}
.uzleti-menu-item.active, .lakossagi-menu-item.active {
    padding-left: 50px;
    background-color: white;
    color: #314A8D !important;
}
.header-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
p  iframe {
    padding-left: 0;
}
iframe{
    max-width: 100% !important;
}
.alert-info {
    background-color: #b4bee1 !important;
    border-color: #b4bee1 !important;
    border-radius: 0%;
}
section.content img {
    max-width: 100%;
}
section.content a {
    color: #0d6efd;
}
.form-label {
    font-family: Kanit SB !important;
}
.breadcrumb-item a {
    text-decoration: none;
    text-transform: uppercase;
}
.breadcrumb-item.active a {
    /*font-weight: bold;*/
}
.breadcrumb-item+.breadcrumb-item::before{
    color: #B8062B;
    font-weight: 600;
}
.row-gutter-last{
    background-color: #B7BEC2;
    padding: 6%;
}
#scrollToTopBtn {
    position: fixed;
    bottom: -200px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #fff;
    color: white;
    cursor: pointer;
    border-radius: 50% !important;
    transition: all .2s;
    width: 40px;
    height: 40px;
    padding: 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 2px inset;
}
#scrollToTopBtn::after {
  position: absolute;
  font-weight: 900;
  content: '\2191';
  text-align: center;
  line-height: 46px;
  font-size: 30px;
  color: #B8062B;
  left: 0;
  top: -5px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
#scrollToTopBtn:hover{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 2px inset !important;
}
#scrollToTopBtn svg path {
  fill: none;
}
#scrollToTopBtn svg.progress-circle path {
  stroke: #B8062B;
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.advantages-row{
    border-radius: 10px;
    background-color: #f1f9fd;
    transition: all .5s;
}
.advantages-row:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;;
}
.pointer{
    cursor: pointer;
}
.searchBar {
    display: none;
}
.not-found {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5),
                       rgba(0, 0, 0, 0.5)), url("/images/background/bevilagito-ablak.jpg");
    background-size: cover;
    height: 90vh;
}
.progress-bar {
    background-color: #B8062B;
}
.keritesCard {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.text-grey {
    color: #333 !important;
}
.footer-icon{
    background-color: #B8062B;
    padding: 10px;
    margin: 2px;
    transition: all .5s;
}
.footer-icon:hover{
    box-shadow: 0 .5rem 1rem rgba(184,6,43,.15)!important;
}
.footer-icon svg{
    fill: #e8e8e8;
    fill-rule: evenodd;
    width: 30px;
    height: 30px;
}
.accordion-button:not(.collapsed){
    color: black;
    background-color: transparent;
    box-shadow: inset 0 0 0 rgba(0,0,0,0)
}
.carousel-control-next{
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(255, 255, 255));
}
.carousel-control-prev{
    background-image: linear-gradient(to left, rgba(255,0,0,0), rgb(255, 255, 255));
}
.carousel-next, .carousel-prev {
    display: flex;
    background-color: #B8062B;
    border-radius: 50%;
    padding: 10px;
}
.blue-hover:hover{
    color: #0a58ca !important;
    text-decoration: underline !important
}
/* MODAL */
#goodbyeCouponModal .modal-content{
    padding: 2rem 1rem;
    background-color: #d9cb9e;
}
#szinmintaModal .modal-content{
    padding: 2rem 1rem;
    background-color: #fff;
}
#goodbyeCouponModal .modal-body h2,#szinmintaModal .modal-body h2{
    text-align: center;
    line-height: 2rem;
    text-transform: uppercase;
}
#goodbyeCouponModal .modal-body label,#szinmintaModal .modal-body label{
    font-family: 'Monsterrat Reg' !important;
}
#goodbyeCouponModal .modal-header,#szinmintaModal .modal-header{
    border-bottom: 0px;
}
#goodbyeCouponModal .modal-content p.text-red,#szinmintaModal .modal-content p.text-red{
    text-align: center;
    font-size: 3rem;
    line-height: 3rem;
    font-family: 'Kanit SB';
}
#goodbyeCouponModal .modal-content p.coupon-lead,#szinmintaModal .modal-content p.coupon-lead{
    font-size: 1.25rem;
    font-family: 'Kanit SB';
    text-align: center;
}
#goodbyeCouponModal .modal-footer,#szinmintaModal .modal-footer{
    display: block;
    border-top: 0px;
    text-align: center;
}
#goodbyeCouponModal .modal-footer .btn-secondary,#szinmintaModal .modal-footer .btn-secondary{
    background-color: transparent;
    color: #000;
    text-transform: inherit;
    font-size: .9rem;
    text-decoration: underline;
}
#goodbyeCouponModal .modal-footer .btn-primary,#szinmintaModal .modal-footer .btn-primary{
    padding: 0.5rem 2rem;
    background-color: #314a8d;
}
#goodbyeCouponModal .text-muted,#szinmintaModal .text-muted{
    font-size: .6rem;
    padding-top: 1rem;
}
.modalImg {
  cursor: pointer;
  transition: 0.3s;
}
.modalImg:hover {opacity: 0.7;}
.modal {
  display: none;
  position: fixed;
  /*z-index: 5;*/
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.6);
}
.modal-content {
  margin: auto;
  display: block;
  width: auto;
  height: 80%;
  max-width: 100%;
  border-radius: 0px;
}
#imageModalCaption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  height: 150px;
}
.modal-content, #imageModalCaption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}
@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
.imageModelClose {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.imageModelClose:hover,
.imageModelClose:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
#navbar{
    transition: top 0.3s;
}
.half-height {
    height: 50vh;
}
.half-height > img {
    object-fit: cover;
    height: 100%;
    object-position: center;
}
.cms-subheader{
    padding-left: 5% !important;
    color: #fff !important;
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 0.3rem;
}
.slider-href{
    color: #fff !important;
    text-decoration: none;
}
.monserrat-header{
    font-size: 3rem;
}
.custom-border-right{
    border-right: 1px solid #e1e1e1;
}
.custom-table{
    /*width: 100%;*/
}
.custom-table td, th{
    padding: 10px;
}
.custom-table tr:nth-child(even) {
  /*background-color: #bec4c8 !important;*/
}
.custom-table th{
    color: #fff !important;
    font-weight: 700;
    background-color: #B8062B !important;
    text-transform: uppercase;
    font-family: Kanit SB;
    border: 0;
}
/* Masonary CSS */
.masonary-grid{
    padding-bottom: 100px;
}
.grid-wrapper > a,.grid-wrapper > div{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 20px;
    transition: all .5s;
}
.grid-wrapper > a:hover,.grid-wrapper > div:hover{
    border-bottom: 10px solid #b90127;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.grid-wrapper > a > img,.grid-wrapper > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.grid-wrapper {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 300px;
    grid-auto-flow: dense;
}
.grid-wrapper .wide {
    grid-column: span 2;
    background-color: rgb(34, 37, 55);
}
.grid-wrapper .tall {
    grid-row: span 2;
    background-color: rgb(86, 84, 83);
}
.grid-wrapper .big {
    grid-column: span 2;
    grid-row: span 2;
    background-color: rgb(52, 114, 165);
}
.custom-grey-table-border{
    border-color: #bec4c8;
}
.masonary-header{
    bottom: 30px;
    margin: 0;
    position: absolute;
    left: 35px;
    right: 35px;
}
.masonary-header-subtitle{
    color: white !important;
    font-size: 1.8rem;
    font-family: Kanit SB;
}
.masonary-header-subtext{
    color: white !important;
    font-size: 0.9rem;
}
.masonary-header-button{
    border:  2px solid #a1a09f;
    color: white !important;
    cursor: pointer;
    margin-right: 1rem;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    font-size: 0.9rem;
}
/* Masonary CSS */
.information-panel{
    font-size: 2.5rem;
}
.navbar-close-button{
    margin-top: -23px;
    font-size: 4rem;
}
#fullNav form{
    float: right;
}
.text-red{
    color: #B8062B !important;
}
.text-blue{
    color: #314A8D !important;
}
/** SPLASH **/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.loader-image{
    z-index: 10001;
    position: relative;
    height: 100%;
    width: 100%;
}
.loader-image img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg); 
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg); 
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg); 
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg); 
    }
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #b8062b;
    z-index: 1000;
}
#loader-wrapper .loader-section.section-left {
    left: 0;
}
#loader-wrapper .loader-section.section-right {
    right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%); 
    transform: translateX(-100%); 
    /*-webkit-transition: all 0.2s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    transition: all 0.2s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);*/
    
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%); 
    -ms-transform: translateX(100%);  
    transform: translateX(100%);  
    /*-webkit-transition: all 0.2s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    transition: all 0.2s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);*/
 
}
.loaded #loader {
    opacity: 0;
    /*-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;*/
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%); 
    -ms-transform: translateY(-100%); 
    transform: translateY(-100%); 
   /* -webkit-transition: all 0.3s 1s ease-out; 
    transition: all 0.3s 1s ease-out; */
}
/** SPLASH **/
.bg-kallo-primary.header div:nth-child(2){
    /*min-height: 300px;*/
}
/** ACCORDION **/
.accordion-item{
    border: 0 !important;
}
.accordion-button{
    font-family: Monsterrat B;
}
.gyorsmenu-header{
    display: none;
}
.accordion-header{
    /*display: none;*/
}
.border-top-style-dash{
    border-top-style: dashed !important;
}
.border-bottom-style-dash{
    border-bottom-style: dashed !important;
}
.lg-prev{
    background-size: contain;
    max-width: 100%;
    background-image: url('/images/arrow_circle_left.png');
    background-repeat: no-repeat;
    padding: 15px !important;
}
.lg-next{
    background-size: contain;
    max-width: 100%;
    background-image: url('/images/arrow_circle_right.png');
    background-repeat: no-repeat;
    padding: 15px !important;
}
.palyazatok-images{
    height: 18vw;
}
.custom-slider-row{
    overflow: hidden;
}
.card-product-img{
    max-height: 300px !important;
    width: inherit !important;
    margin: auto;
}
.card-quantity-input{
    border: 1px solid #000;
    width: 50px;
    height: 36px;
    text-align: right;
}
.card-color-label{
    position: absolute;
    font-family: Kanit SB;
    bottom: 0;
    color: #fff;
    font-size: .55em;
    left: 5%;
    text-transform: uppercase;
    word-break: break-word;
}
.add-to-card-button{
    text-transform: initial;
}
.color-label-container-active{
    border-radius: 5px;
    scale: 1.3;
    z-index: 9;
    border: 2px solid #fff;
}
.csatorna-product-card-form img{
    max-height: 300px !important;
}
/*.csatorna-product-card-form{
    height: 735px;
}
.csatorna-product-card-form .card-img-container{
    height: 300px;
}*/
.szallitas-image img,.termek-kep img{
    max-width: 100%;
    width: 400px;
}
.footer-city a{
    /*text-decoration: none;
    color: grey;
    padding-left: 0.8rem;*/
    font-size: .8rem;
}
.footer-city span{
    font-size: .8rem;
}
.cookie-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 100;
  font-size: .8rem;
}
.cookie-container button{
    font-size: .8rem;
}
#nyomkovetesForm{
    background-color: #eee;
}
.nyomkovetes{
    background-color: #eee;
}
.ertekelesek-container{
    background-color: #eee;
}
.ertekelesek-container p .bi-star-fill,.ertekelesek-container p .bi-star-half{
    margin-top: -.3rem;
    color: #F6BB05;
}
.ertekelesek-container p .bi-check-circle-fill{
    margin-top: -.2rem;
    color: #1A976A;
}
.ertekelesek-container .bi-chevron-right{
    margin-top: -.2rem;
}
.ertekelesek-container a{
    color: #000;
    text-decoration: none;
}
.ertekelesek-container a:hover{
    text-decoration: underline;
}
#contact,.copyright{
    background-color: #eee;
}
.telephelyeink a{
    text-decoration: none;
    color: #000;
}
.telephelyeink svg{
    margin-top: -.3rem;
}
.telephelyeink a:hover{
    text-decoration: underline;
}
.kerdes-a-termekrol{
    position: fixed;
    left: 0;
    bottom: -200px;
    width: 100%;
    background-color: #eee;
    padding: 1rem .5rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    z-index: 9;
    transition: all .5s;
    font-size: .8rem;
}
.kerdes-a-termekrol img{
    max-height: 40px !important;
    width: auto;
    margin-right: 1rem;
}
.kerdes-a-termekrol a{
    text-decoration: none;
}
.kerdes-a-termekrol svg{
    width: 15px;
    height: 15px;
    margin-top: -.3rem;
}
.search-elem-container{
    background-color: #f1f9fd;
    border-radius: 10px;
    cursor: pointer;
    padding: 1rem;
    transition: all .5s;
    width: fit-content;
}
.search-elem-container:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;;
}
.advantages-push{
    font-size: 1rem;
    margin: .5rem 0rem 0rem 0rem;
    cursor: pointer;
    font-family: 'Kanit SB';
    position: relative;
    color: #314a8d;
}
.hirek-container .card{
    border: 1px solid #eee;
    border-radius: 10px;
}
.hirek-container .card:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.hirek-container img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#suggestion-list{
    background: #fff;
    padding: 1rem 1rem .5rem 1rem;
    position: absolute;
    width: 350px;
    transition: all .5s;
    display: none;
    z-index: 4;
}
#suggestion-list div{
    cursor: pointer;
    z-index: 4;
}
#suggestion-list div:not(:last-child){
    margin-bottom: 0.3rem;
}
#suggestion-list div:hover{
    color: #314A8D;
}
.suggestion-list-close{
    display: block;
    cursor: pointer;
    text-align: right;
    width: 100% !important;
}
.suggestion-list-close svg{
    width: 30px !important;
    height: 30px !important;
}
#searchInput{
    width: 350px;
}
.prod-shortcut{
    text-align: center;
    overflow-x: auto;
    white-space: nowrap;
    padding: 1rem 0rem;
}
.prod-shortcut a{
    display: inline-block;
    margin-right: 10px;
}
#boundingElement{
    transition: all .5s;
}
body.fixed-bounding #boundingElement {
  position: fixed;
  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
  top: 0px;
  transition: all .5s;
}
.advantages-push-container{
    background: #fff;
    position: absolute;
    left: 0;
    padding: 1rem;
    width: 300px;
    margin-top: .8rem;
    border-radius: 20px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    border: 1px solid #eee;
    display: none;
    z-index: 4;
}
.advantages-push .bi-question-circle{
    margin-right: .5rem;
    margin-bottom: 0.2rem;
}
.advantages-push .bi-chevron-up{
    display: none;
}
.advantages-push-container li{
    font-family: 'Monsterrat Reg';
}
.advantages-push-container svg{
    margin-right: .5rem;
    color: #388E3C;
}
.advantages-push-container::before{
    content: "";
    border: solid 15px transparent;
    border-bottom-color: #eee;
    left: 7%;
    position: absolute;
    top: -30px;
    z-index: 1;
}
.advantages-push-container ul{
    list-style: none;
    padding-left: 0rem;
    margin: 0;
}
.advantages-push-container ul li{
    position: relative;
    padding-left: 25px;
    margin-bottom: 0px;
}
.advantages-push-container ul li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2322ad01" class="bi bi-check-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"/></svg>')  no-repeat;
    background-size: contain;
    margin-right: 5px;
}
#cookieModal{
    background: transparent;
}
#cookieModal .modal-content{
    border-radius: 10px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    font-size: 12px;
}
#cookieModal .modal-body{
    padding: .5rem;
}
#cookieModal .form-check.form-check-inline{
    height: 20px;
}
#cookieModal .modal-header{
    padding: .5rem;
}
#cookieModal .modal-footer{
    padding: .5rem;
}
#cookieModal .modal-footer button{
    margin: 0;
    font-size: 12px;
}
.navbar-toggler{
    color: #000;
}
.navbar-toggler-text{
    margin-left: 0.5rem;
    font-size: 1rem;
    color: #000;
}
.webshop-section{
    background-color: #eee;
    border-radius: 20px;
    padding: 2rem;
}
.varos-tartalomjegyzek{
    padding: 2rem 3rem;
    background: #f4f4f4;
    border-radius: 10px 10px 10px 10px;
}
.varos-tartalomjegyzek ul{
    list-style: auto;
    margin-left: 0rem;
    margin-bottom: 0rem;
}
.varos-tartalomjegyzek ul li{
    margin-bottom: 1rem;
}
.varos-tartalomjegyzek ul li:last-child{
    margin-bottom: 0rem;
}
.products-search-website,.pages-search-website,.news-search-website{
    display: none;
}
.products-search-website:nth-child(1),.products-search-website:nth-child(2),.products-search-website:nth-child(3),.products-search-website:nth-child(4),.products-search-website:nth-child(5),.pages-search-website:nth-child(1),.pages-search-website:nth-child(2),.pages-search-website:nth-child(3),.pages-search-website:nth-child(4),.pages-search-website:nth-child(5),.news-search-website:nth-child(1),.news-search-website:nth-child(2),.news-search-website:nth-child(3),.news-search-website:nth-child(4),.news-search-website:nth-child(5){
    display: block;
}
.products-search-website h2,.news-search-website h2,.pages-search-website h2{
    font-size: 1.5rem;
}
.products-search-website a,.news-search-website a,.pages-search-website a{
    font-size: .8rem;
}
.media-custom-name{
    color: #000;
    text-decoration: none;
    margin-left: .5rem;
    font-family: 'Kanit Regular';
    font-size: 1rem;
}
.stronger{
    font-family: 'Kanit Regular';
    font-weight: 500;
}
#videos{
    background-color: #eee;
}
#videos img{
    border-radius: 10px;
}
#videos h3, #videos .d-flex p{
    margin-top: .4rem;
    margin-left: 1rem;
    font-size: 1.2rem;
    font-family: Kanit SB;
}
#videos .video-logo{
    border-radius: 50%;
}
#videos .video-title{
    padding-top: 1rem;
    font-family: 'Kanit Regular';
    font-size: 1.4rem;
    line-height: 1.4rem;
}
#videos .video-sidebar .video-title{
    padding-top: 0rem;
    font-family: 'Kanit Regular';
    font-size: 1rem;
    line-height: 1rem;
}
#videos .video-views{
    font-family: 'Kanit Regular';
}
#videos .video-sidebar .video-views{
    font-family: 'Monsterrat Reg';
    font-size: 12px;
    margin: 0;
}
#videos .video-sidebar .video-link{
    text-decoration: none;
}
#videos .video-sidebar .video-link:hover{
    text-decoration: none;
}
#kivitelezo-partnereink,#viszontelado-partnereink{
    padding-bottom: 1rem;
}
#kivitelezo-partnereink .partner-adat, #viszontelado-partnereink .partner-adat{
    background-color: #f1f9fd;
    border-radius: 10px;
    padding: 2rem;
}
#kivitelezo-partnereink .partner-adat .mutasd,#kivitelezo-elerhetoseg .mutasd{
    margin-left: 1rem;
    background: #22ad01;
    border-radius: 10px;
    padding: .5rem 1rem;
    color: #fff;
    cursor: pointer;
    width: fit-content;
    max-height: 42px;
    transition: all .2s;
    border: 1px solid #22ad01;
}
#kivitelezo-partnereink .partner-adat .elerhetoseg-info{
    font-size: .8rem;
}
a[href="#kivitelezo-partnereink"], a[href="#viszontelado-partnereink"]{
    color: #B8062B;
    font-family: 'Monsterrat B';
}
.kerites-tervezo-container .discount-badge{
    position: absolute;
    z-index: 2;
    background-color: #B8062B !important;
    padding: 0.5rem 2rem;
    font-family: 'Kanit SB';
    color: #fff;
    border-bottom-right-radius: 10px;
    font-size: 1.2rem;
}
.kivitelezo-adat{
    padding: 2rem;
    background: #eee;
    border-radius: 10px;
}
.kivitelezo-adat:hover{
    background-color: #f1f9fd;
    border-radius: 10px;
}
.kivitelezo-adat ul li{
    font-size: 16px;
    background-color: transparent;
}
.county-select{
    display: block;
    padding: .5rem;
    border-radius: 10px;
    margin-bottom: .25rem;
}
.county-row label{
    font-family: 'Kanit SB';
    font-size: 20px;
}
.varos-aloldal .jumbotron{
    padding: 2rem 3rem;
    background-color: #eee;
    border-radius: 10px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.varos-aloldal img{
    border-radius: 10px;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
.varos-aloldal .company-opinions img{
    border-radius: 0px;
}
.varos-aloldal figure{
    width: 100%;
    margin: 0;
}
.questionnaire-row{
    padding: 1rem;
    background-color: #eee;
    border-radius: 20px;
    margin: 0;
}
.font-italic{
    font-style: italic;
}
.accordion-body{
    padding: 0;
}
.list-style-none{
    list-style: none;
}
.modal-pulse {
  animation: pulse 0.3s ease-in-out;
}
.cookie-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: .5rem;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    font-size: 12px;
}
.cookie-notice-header {
    text-align: left;
}
.cookie-notice-body {
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
}
.cookie-notice-footer {
    text-align: right;
    width: 100%;
}
.cookie-notice button {
    margin: 0px;
    font-size: 12px;
}
.custom-slider-image-container img.position-absolute{
    width: auto;
    height: auto;
}
.text-square{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 5px 3px 5px;
    vertical-align: middle;
    border-radius: 0px;
    background: #d9cb9e;
}
.pdf-modul-title{
    font-size: 3rem;
    font-family: 'Monsterrat B';
}
.pdf-modul-subtext{
    font-family: 'Monsterrat Reg';
}
.pdf-modul img{
    height: 500px;
    border: 2px solid #ddd;
}
.pdf-modul{
    background-color: #eee;
}
#loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 9999;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
  }

  .loader-wrapper {
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
  }

  .loader-logo {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 50%;
  }

  .loader-ring {
    width: 60px;
    height: 60px;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #b8062b;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .loader-text {
    font-size: 16px;
    color: #333;
    text-align: center;
  }
  #cookieModal{
    background: rgb(1, 1, 1, .7);
  }
  .visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
  @keyframes spin {
    0%   { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
  }
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}
@media(max-width: 1800px){
    .cms-subheader{
        padding-left: 13% !important;
    }
    h1.cms-header-1, div.cms-header-1, .custom-slider-subtitle{
        padding-left: 13% !important;
    }
}
@media(max-width: 1540px) {
    .uzleti-menu-item {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        font-size: 12px;
    }
    .lakossagi-menu-item {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        font-size: 12px;
    }
}
@media(max-width: 1370px){
    .masonary-header-subtitle{
        font-size: 1.5rem;
    }
    .masonary-header-button{
        font-size: 0.7rem;
    }
    .cms-subheader{
        padding-left: 13% !important;
        width: 100%;
    }
    h1.cms-header-1, div.cms-header-1,.custom-slider-subtitle{
        padding-left: 13% !important;
        width: 100%;
    }
}
@media(max-width: 1200px){
    .col-md-3 h2{
        font-size: 1.6rem !important;
    }
    .homepage-li-contact{
        font-size: 0.8rem !important;
    }
    .information-panel{
        font-size: 2rem;
    }
    .miert-mi{
        order: 3;
    }
    .homepage-side-content{
        order: 2;
    }
    .homepage-main-content{
        order: 1;
    }
    .content-image {
        max-width: 100%;
    }
    .brand-logo {
        width: 70%;
    }
    h1 {
        /*color: #B8062B;*/
        font-size: 2rem;
    }
    h4, .h4 {
        /*color: #314A8D;*/
        font-size: 1.2rem;
    }
    .custom-slider-navigator-prev{
        left: 85%;
    }
    .custom-slider-navigator-next{
        left: 85%;
    }
}
@media(max-width: 992px){
    .pdf-modul-title{
        font-size: 2.5rem;
    }
    .prod-shortcut{
        text-align: left;
        padding: 1rem 1rem .5rem 1rem;
        white-space: normal;
    }
    .prod-shortcut a{
        margin-bottom: 10px;
    }
    .search-elem-container{
        width: auto;
        padding: 1rem;
    }
    .szechenyi-right-top-brand{
        top: 135px;
    }
    .masonary-header-subtitle{
        font-size: 1.8rem;
    }
    .masonary-header-button{
        font-size: 0.9rem;
    }
    .fluid-accordion-container{
        /*background-color: #bec4c8 !important;*/
        padding: 0 !important;
    }
    .fluid-accordion-container .accordion-item .accordion-button{
        background-color: #eee !important;
    }
    .accordion-header{
        display: block;
    }
    h1.cms-header-1, div.cms-header-1,.custom-slider-subtitle{
        /*font-size: 3rem;*/
    }
    .hirek-container,.termekek-container{
        padding: 1.5rem!important;
    }
    .hirek-container h2{
        padding-left: 0.5rem !important;
    }
    .searchBar{
        display: flex !important;
    }
    #searchButton {
        display: none;
    }
    .navbar-logo{
        height: 30px;
        width: 150px;
    }
    body{
        padding-top: 5rem !important;
    }
    .overlay-content a {
        font-size: 16px !important;
    }
    .row-gutter-last{
        /*background-color: #fff;*/
    }
    .row-gutter-last div{
        /*position: relative;
        top: -10%;
        padding: 15px;
        right: -19px;
        background-color: #B7BEC2;*/
    }
    .monserrat-header{
        font-size: 1.7rem;
    }
    .p-text{
        font-size: 1rem;
    }
    .custom-jumbotron .jumbotron{
        margin-left: 0rem;
    }
    .webshop-section{
        padding: 1rem;
    }
}
@media(max-width:768px){
    .cookie-notice, .cookie-notice-footer, .cookie-notice button{
        font-size:10px;
    }
    .kivitelezo-adat{
        padding: 1rem;
    }
    .kivitelezo-adat ul li{
        padding: 0;
    }
    .kivitelezo-adat svg{
        width: 14px;
        height: 14px;
    }
    .kivitelezo-adat p{
        font-size: 14px;
    }
    #kivitelezo-partnereink .partner-adat{
        padding: 1rem;
    }
    #videos h3, #videos .d-flex p{
        margin-top: .5rem;
        font-size: 1rem;
    }
    .kivitelezo-form .form-check.form-check-inline{
        width: 100%;
    }
    #goodbyeCouponModal .modal-content p.text-red,#szinmintaModal .modal-content p.text-red{
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    #cookieModal{
        padding-top: 0px;
    }
    .szinminta-table img{
        max-height: 100px;
    }
    .kerdes-a-termekrol-mail{
        display: block;
        padding-top: 0.3rem;
    }
    .kerdes-a-termekrol-vagy{
        visibility: hidden;
        display: block;
        height: 5px;
    }
    .simple-gallery-col{
        max-height: 100%
    }
    .modal-content {
        width: 100%;
        height: auto;
    }
    .gyorsmenu-collapse{
        padding: 2rem 1rem 1rem 1rem;
    }
    .custom-slider-elem{
        position: relative;
    }
    .custom-slider-elem .position-relative{
        position: initial !important;
    }
    .bg-kallo-primary.header div:nth-child(1){
        margin-top: 20% !important;
    }
    .bg-kallo-primary.header.custom-slider-elem div:nth-child(1){
        margin-top: 0% !important;
    }
    .custom-slider-image-container img.position-absolute{
        position: relative !important;
    }
    .custom-slider-header{
        position: inherit;
        bottom: 0;
        padding-top: 20%;
    }
    .custom-slider-navigator{
        right: 0;
        display: grid;
        width: 100%;
        bottom: -1px;
    }
    .custom-slider-image-container{
        z-index: 2;
    }
    .custom-slider-navigator-prev{
        left: 93%;
    }
    .custom-slider-navigator-next{
        left: 93%;
    }
    .grid-wrapper > a,.grid-wrapper > div {
        grid-column: span 2;
    }
    .custom-border-right{
        border-right: 0px;
    } 
    .card-img, .card-img-top {
        height: 100%;
    }
    .header{
        height: auto;
    }
    .acelTrapezlemezKartya, .acelKeriteslecKartya, .cKeritesKartya {
        height: 280px;
    }
    .kfCsoportGrey{
        width: 98vw;
        margin-left: auto;
    }
    .cms-subheader{
        margin: 0;
        text-align: left;
        padding-left: 15px !important;
        font-size: 0.8rem;
    }
    .custom-slider-subheader{
        display: block !important;
        text-align: left;
        margin: 0;
        font-size: 0.6rem;
        padding-left: 5px !important;
    }
    h1.cms-header-1, div.cms-header-1, .custom-slider-subtitle{
        font-size: 8vw !important;
        margin: 0;
        text-align: left;
        padding-bottom: 20px;
        padding-left: 5px !important;
    }
    .custom-slider-header h1{
        text-align: left;
    }
    #fullNav .container{
        margin-top: 13.5rem;
    }
    .information-panel{
        font-size: 1.2rem !important;
    }
    .navbar-close-button{
        font-size: 3rem !important;
        margin-top: -20px;
    }
    #fullNav form{
        float: left !important;
    }
    .varos-aloldal .jumbotron{
        padding: 2rem;
    }
    
.footer-city{
    display: grid;
}
}
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 40px
    }
    .overlay .closebtn {
        font-size: 40px !important;
        top: 15px;
        right: 35px;
    }
}
@media(min-width:768px){
    .header{
        height: auto;
    }
    .header-title{
        padding-left: 5vw;
    }
}
@media screen and (min-width: 992px) {
    .kallo-logo {
        width: 25% !important;
    }
    .w-md-50{
        width: 50%;
    }
    .w-md-65{
        width: 65%;
    }
    .szinminta-table img{
        transform: rotate(90deg);
        margin-top: -20%;
        margin-bottom: -20%;
        height: 80px;
        width: auto;
    }
}
@media(min-width: 1200px){
    .fence-container {
        position: relative;
    }
    .fence-tl {
        position: absolute;
        top:5px;
        left:33px;
        width:45%;
    }
    .fence-br {
        position: absolute;
        bottom:0;
        right:33px;
        width:45%;
    }
    .faq-question {
        font-size: 30px;
    }
    .faq-answer {
        font-size: 20px;
    }
    .brand-logo {
        width: 35%;
    }
}