html {
  scroll-behavior: smooth;
}

.megye-div {
  display: none;
}

.plista{
    line-height:170%;
    font-size: 120%;
}

.buttonbx {
  background-color: #f44336; /* RED */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  cursor: pointer;
}

.button3 {
  background-color: white; 
  color: #f44336; 
  border: 5px solid #f44336;
}

.infodiv{
color: #f2090c;

}

redlink a{
color: #dc3535;
}

redlink a:active{
color: #333;
}


.magyasbggreen{
    background-color: #dc3535;
}

.magyasbggreen2{
    background-color: #333;
}

@media screen and (max-width: 3993px) and (min-width: 700px) {
.magyasbggreen li{
    font-size: 28px;}}

@media screen and (max-width: 699px) and (min-width: 100px) {
.magyasbggreen li{
    font-size: 20px;}}

.magyasbggreen li::marker{
       color: white;
}



@media screen and (max-width: 3993px) and (min-width: 700px) {
.cimes{
    font-size: 40px;
font-weight: 600;
    }}

@media screen and (max-width: 699px) and (min-width: 100px) {
.cimes{
    font-size: 27px;
font-weight: 500;
    }}

.magyasbgbrown{
    background-color: #dc3535;
}

.magyasgreen{
   color: white;
}

.magyasdarkgreen{
   color: #2E7847;
}

.magyasbrown{
   color: white;
}



@media screen and (max-width: 3993px) and (min-width: 700px) {
.magyasblack{
 color: #333;
    font-size: 36px;}}

@media screen and (max-width: 699px) and (min-width: 100px) {
.magyasblack{
 color: #333;
    font-size: 26px;}}



.divnorm{
width: 100%;
position: relative;
min-height: 1px;
box-sizing:border-box;
padding: 20px 10px;
}

.divnorm2{
width: 100%;
position: relative;
min-height: 1px;
box-sizing:border-box;
padding: 20px 0px;
}

.divnorm3{
width: 100%;
position: relative;
min-height: 1px;
box-sizing:border-box;
padding: 0px 10px;
}

.buttonbx2 {
  background-color: #f44336; /* RED */
  border: none;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 22px;
  margin: 8px 10px;
  cursor: pointer;
    font-weight: bolder;
}

.button4 {
  background-color: white; 
  color: #e82222; 
  border: 5px solid white;
}

.infodiv2{
color: white;
 background-color: #dc3535;
      margin-top: 20px;
margin-bottom: 50px;
/*e82222*/
}
.whitetext{
    color:  white
        
        
}

body{padding-top:50px}
/*:root{--stackoverflow:#444}*/
:root{--stackoverflow:#383e42}


.business-header{height:400px;background:url(http://placehold.it/1920x400) center center no-repeat scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.tagline{text-shadow:0 0 36px #fff;color:#fff}
.img-center{margin:0 auto}
footer{margin-top:50px}
.wp_enter{white-space:pre-wrap}
.topdown_dist2{padding-bottom:10px;padding-top:10px}
.topdown_dist20{padding-bottom:20px;padding-top:20px}
.topdown_dist25{padding-bottom:10px;padding-top:25px}
.topdown_dist50{padding-bottom:50px;padding-top:50px}
.topdown_dist3{padding-bottom:10px}
.topdown_dist4{padding-top:15px;padding-bottom:15px}
.topdown_dist5{padding-bottom:15px}
.topdown_marg3{margin-bottom:30px;margin-top:30px}
.topdown_marg80{margin-bottom:30px;margin-top:80px}
.topdown_marg4020{margin-bottom:20px;margin-top:30px;color: white;
background-color: gray; margin-left: -5px; padding-left: 5px} 
.margleft20{margin-left: 20px}
margin-right: 20px;}
.keret{border-style:solid;border-color:#87ceeb}
.ped20{padding:20px}
.red-bg-img{background-image:url(/images/red-bg.jpg);padding-bottom:21.617px}
.red-bg-img3{background-image:url(/images/red-bg3.jpg);padding-bottom:21.617px}
.bred{background:red}
.margin_cent2{margin-top:10%}
.margin_cent3{margin-top:15%}
.margin_cent5{margin-top:5%}
.down_dist{padding-top:30px}
.margin_td10{margin: 10px 0px}
.margin_td20{margin: 20px 0px}
.margin_td30{margin: 30px 0px}
.margin_td40{margin: 40px 0px}
.margin_t10{margin: 10px 0px 0px 0px}
.margin_t20{margin: 20px 0px0px 0px}
.margin_t30{margin: 30px 0px 0px 0px}
.margin_t40{margin: 40px 0px 0px 0px}
.gomb{color:#fff;border-radius:15px 15px 15px 15px;background:red;padding:20px;width:200px;height:150px;margin:30px;padding:5px;font-size:400%}
.gomb2{color:#fff;border-radius:15px 15px 15px 15px;background:red;padding:20px;width:200px;height:150px;margin:3px;padding:5px;font-size:160%}
.gombhed{color:#fff;border-radius:15px 15px 15px 15px;background:#dc3535;padding:20px;width:200px;height:150px;margin:3px;padding:5px;font-size:160%}
a.gombhed:hover{color:#dc3535;border-radius:15px 15px 15px 15px;background:#fff;padding:20px;width:200px;height:150px;margin:3px;padding:5px;font-size:160%}
.gomb3{color:#fff;background:red;padding:20px;width:200px;height:150px;margin:3px;padding:5px;font-size:200%}
.gomb4{color:#fff;border-radius:15px 15px 15px 15px;background:red;padding:20px;width:200px;height:150px;margin:3px;padding:5px;font-size:200%}
.gomb6{color:#fff;border-radius:15px 15px 15px 15px;background:red;padding:20px;width:200px;height:150px;margin:30px;padding:5px;font-size:140%}
.gomb4div{color:#fff;border-radius:15px 15px 15px 15px;background:red;padding:20px;margin:30px;padding:5px;font-size:150%}
.gomb4bel{color:#fff}
.akci2{color:#fff;background:red;font-size:200%}
.akci3{color:#fff;background:red;font-size:165%}
.ff{color:#fff;background:red}
.down_dist{padding-top:30px}
.fsize120{font-size:120%}
.fsize140{font-size:140%}
.fsize160{font-size:160%}
.fszize14{font-size:14px}
.fsize200{font-size:200%}
.fsize250{font-size:250%}
.fsize300{font-size:300%}
.fsize400{font-size:400%}
.bg-red{background:#f3090a;padding:2px}
.margin_aside{margin:5px;padding:10px}
.margin_asidekapcs{margin:5px;margin-top:0;padding:80px 10px 10px 20px}
.margin_aside_side{margin-left:5px;margin-right:5px;padding-left:10px;padding-right:10px}
.footer_bg{color:inherit;background-color:#383e42;padding-bottom: 50px; padding-left: 5px; padding-top: 25px; padding-right: 5px; margin-bottom: -50px;}
h4.footer_bg{color:#fff}
li::marker {
  color: #383e42;

}
.footertexth{color:#fff;font-size:24px;font-weight:600}
.footertext{color:#fff;font-size:18px;font-weight:400}
a.footerbiglink{color:#383e42;padding:5px;background:#fff;font-size:24px;font-weight:600;  margin-top: 10px}
a:hover.footerbiglink{padding:5px;background:#fff;color:#dc3535}
a.footerlillink{color:#383e42;padding:5px;background:#fff;font-size:18px;font-weight:600;  margin-top: 10px}
a:hover.footerlillink{padding:5px;background:#fff;color:#dc3535}
ul li a:hover,ul li a:focus{color:#333}
.BHeader{color:#337ab7}
.white{color:#fff;border-radius:15px 15px 15px 15px;background:red;padding:20px;width:200px;height:150px;margin:3px;padding:5px;font-size:90%;background-color:#4080FF}
.white_shadow{color:#fff;letter-spacing:.3px;font-weight:300;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:0 0 3px #000; }
.col-centered{float:none;margin:0 auto}
.pedd-5{margin-left:-10px;margin-right:-10px}
.margin-left10px{margin-left:-35px; font-size: 18px; margin-top: 10px;}

.bg-kiem-green{color:#fff;background-color:#383e42}
.bg-kiem-white{background-color:#fff}
.term-image-size{max-width:400px;min-width:260px;max-height:auto;min-height:auto}
.kapcs{background-color:#dfdfdf6e}
.boxs{-webkit-box-shadow:4px 4px 9px -4px rgba(50,50,50,0.7);-moz-box-shadow:4px 4px 9px -4px rgba(50,50,50,0.7);box-shadow:4px 4px 9px -4px rgba(50,50,50,0.7)}

.centered{display:block;margin-left:25%;margin-right:25%}
.pici_ped{margin-left:3px;margin-right:3px;padding: 3px;}
.boxs_tav{padding-bottom:20px }
.fb_marg{margin-top:60px}
.right_ped{padding-right:60px}
.text-justify{text-align:justify}
.fsize300{font-size:300%}
.c-white{color:white}
.c-red{color:#ea2727}
.c-green{color:#3fb224}
.c-newred{color:#e82222}
.fsize301{font-size:400px}
.margin_cent{margin-top:25%;margin-bottom:25%}
.marg32{padding-bottom:75px}
.marg28{padding-bottom:48.6px}
.margt20{padding-top:20px}
.fbback{background-color:#4080FF}
.redbg{background-color:#dc3535;padding:20px;margin-right: -15px;margin-left: -15px}
.redbg810{background-color:#dc3535;max-width:1210px;padding:20px 10px}
.vertical{margin-top:50%}
.szeles{padding-left:-15px;padding-right:-15px}
.szeleskep{padding-left:15px;padding-right:15px}
.kimbg{padding:20px;color:#fff;font-size:170%;font-weight:650;text-shadow:1px 1px 1px #555}
.kimbg2{background-color:#666;min-height:120px}
.borderrad1{border-radius:20px}
.row-bordered:after{content:"";display:block;border-bottom:3px solid #fff;margin:0}
.fokiem{color:#fff;font-weight:700}
.redimgbg{background-image:url(../images/redbguj.webp);opacity:.8;padding:20px;margin-bottom:30px;margin-left:0;margin-right:0}
.ujc{max-width:1920px px;max-height:1080px;position:absolute;left:0;right:0;margin-bottom:1920px px}
.bgigm{background-image:url(../images/hero.webp);width:100%;height:920px;background-position:center;background-repeat:no-repeat;background-size:cover}
.fejlec{background-color:#fff;padding:30px}
.pozlentem{padding-top:35px}
.navbaruser{padding:15px;color:#9d9d9d}
.ped30{margin-bottom:30px}
.wbg{background-color:#fff}
.bottom-align-text{position:absolute;right:0;bottom:0}
ul.menubetu{font-size:120%}
.pull-right{float:right!important}
.glyphicon glyphicon-pushpin{font-size:25px}
.kicsi{font-size:25px;padding-right:10px}
.nagyobb{font-size:31px;padding-right:3px}
.bimgbg{background-color:#000;opacity:.7;padding:20px;margin-bottom:30px; margin-left: -15px; display:inline-block;max-width:640px}
@media (min-width: 768px) {
.nagy{margin-right:15px;margin-left:15px}
}
.piroscim2{color:#dc3535;margin-bottom:30px;font-weight:700;font-size:180%;text-shadow:1px 1px 1px #555}

.piroscim{color:#dc3535;margin-bottom:30px;font-weight:700;font-size:240%;text-shadow:1px 1px 1px #555}
.koztesinfo{margin:5px;padding:10px;background:#dc3535;color:#fff;min-height:65px}
.invkoztesinfo{margin:5px;padding:10px;background:#fff;color:#dc3535;min-height:65px}
.redhed{margin-left:20px;margin-bottom:-13px;color:#dc3535;font-weight:700;font-size:360%;text-shadow:3px 3px 3px #000}
a.koztesinfo{color:#fff}
a:link.koztesinfo{padding:1px;background:#fff;color:#3557dc}
a:hover.koztesinfo{background:#fff;color:#dc3535}
.headinfolink{margin:5px;padding:10px;background:#dc3535;color:#fff;min-height:65px;font-size:24px;display:inline-block}
a.headinfolink{color:#fff;font-size:24px}
a:hover.headinfolink{font-size:24px;background:#fff;color:#dc3535;display:inline-block}
.cimkiemhed{padding:10px;display:block;color:#fff;font-weight:600;background:var(--stackoverflow);border-bottom:solid;border-bottom-color:#b22222}
.cimkiemhed:after{content:'';position:absolute;top:100%;left:0;right:0;margin:0 auto;width:0;height:0;border-top:solid 25px var(--stackoverflow);border-left:solid 30px transparent;border-right:solid 30px transparent}
.cimkiemhed:before{content:'';position:absolute;top:100%;left:0;right:0;margin:0 auto;width:0;height:0;border-top:solid 29px #b22222;border-left:solid 35px transparent;border-right:solid 35px transparent}
.cimkiem{padding:10px;font-size:200%;display:block;color:#fff;font-weight:600;background:var(--stackoverflow);border-bottom:solid;border-bottom-color:#b22222}
.cimkiem:after{content:'';position:absolute;top:100%;left:0;right:0;margin:0 auto;width:0;height:0;border-top:solid 25px var(--stackoverflow);border-left:solid 30px transparent;border-right:solid 30px transparent}
.cimkiem:before{content:'';position:absolute;top:100%;left:0;right:0;margin:0 auto;width:0;height:0;border-top:solid 29px #b22222;border-left:solid 35px transparent;border-right:solid 35px transparent}

@media screen and (max-width: 3993px) and (min-width: 1200px) {
h4.kiemelestext{font-size:300%;font-weight:800;margin-top:50px;margin-bottom:50px}
}
@media screen and (max-width: 1199px) {
h4.kiemelestext{font-size:280%;font-weight:800;margin-top:50px;margin-bottom:50px}
}
@media screen and (max-width: 992px) {
h4.kiemelestext{font-size:250%;font-weight:800;margin-top:50px;margin-bottom:50px}
}
@media screen and (max-width: 3993px) and (min-width: 1200px) {
h2.kiemelestext{font-size:300%;font-weight:800;margin-top:50px;margin-bottom:50px}
}
@media screen and (max-width: 1199px) {
h2.kiemelestext{font-size:280%;font-weight:800;margin-top:50px;margin-bottom:50px}
}
@media screen and (max-width: 992px) {
h2.kiemelestext{font-size:250%;font-weight:800;margin-top:40px;margin-bottom:40px}
}

@media screen and (max-width: 600px) {
h2.kiemelestext{font-size:240%;font-weight:800;margin-top:30px;margin-bottom:30px}
}



@media screen and (max-width: 3993px) and (min-width: 1200px) {
h3.kiemelestext{font-size:250%;font-weight:800;margin-top:50px;margin-bottom:50px}
}
@media screen and (max-width: 1199px) {
h3.kiemelestext{font-size:230%;font-weight:800;margin-top:50px;margin-bottom:50px}
}
@media screen and (max-width: 992px) {
h3.kiemelestext{font-size:220%;font-weight:800;margin-top:40px;margin-bottom:40px}
}

@media screen and (max-width: 600px) {
h3.kiemelestext{font-size:200%;font-weight:800;margin-top:30px;margin-bottom:30px}
}






.nyilas{padding:10px 10px 30px;font-size:200%;display:inline-block;color:#fff;font-weight:600;background:#22773b}
.bottom-arrow{position:relative;background-color:#22773b;font-size:200%;display:block;color:#fff;font-weight:600}
.bottom-arrow:after{content:'';position:absolute;top:100%;left:0;right:0;margin:0 auto;width:0;height:0;border-top:solid 30px #e15915;border-left:solid 30px transparent;border-right:solid 30px transparent}
.logobg{background-color:#dc3535;padding:15px 20px 20px 20px ;margin-bottom:-20px}
.margintopnull{margin-top:0;margin-bottom:0}
.greenbox{margin-bottom: 30px; margin-top: 30px; padding-left: 45px;padding-right: 45px; border: 5px; border-style: solid; border-color: darkgreen ; background-color: #fff ; color: darkgreen}

h4.indexdiv{
   padding-bottom:10px;padding-top:10px;font-size: 160%; 
    
}
div.indexdiv p{
   font-size: 120%; 
  text-align: justify;



    
}

.imgicon2 {
display: inline-block;

 min-height: 130px;
transition: transform .2s
    }
/* transition: transform .2s; */

@media screen and (max-width: 600px) {
.imgicon2 {
display: inline-block;


 min-height: 90px;
transition: transform .2s
    }

     }


@media screen and (max-width: 1000px) {

    #myCarousel{
display: none;
}
}

@media screen and (max-width: 1000px) {

    #myCarousel2{
display: block;
}

}

@media screen and (min-width: 1001px) {

    #myCarousel2{
display: none;
}

}




.imgicon2:hover {
transform: scale(1.1);
}



.imgicon {
float: left;
margin-right: 10px;
width: 60px;
height: 60px;  
transition: transform .2s
    }
/* transition: transform .2s; */



.imgicon:hover {
transform: scale(1.1);
}

.iconhead{
display: inline-block;

}



div.indexdiv {

padding-bottom:10px;padding-top:25px;
        padding-left:15px;padding-right:15px;
 
   

    
}
.margrinside{
margin-left: 25px; margin-right: 25px
}


.logodiv{margin-bottom: 10px; padding: 20px 35px 20px 35px; background:#dc3535; position: relative; top:0px; z-index: 1;}

 @media only screen and (max-width: 1224px) {
.logodiv{margin-bottom: 10px; padding: 20px 20px 20px 20px; background:#dc3535; position: relative; top:0px; z-index: 1;}

}

 @media only screen and (max-width: 800px) {
.logodiv{margin-bottom: 10px; padding: 10px 35px 0px 35px; background:#dc3535; position: relative; top:0px; z-index: 1;}

}


.indexcarusel{
        width: 100%;
position: relative; top:-202px; margin-bottom: -202px;

    }

 @media only screen and (max-width: 1300px) {

  .indexcarusel{
        width: 100%;
position: relative; top:-170px  ; margin-bottom: -170px;
     }}
 @media only screen and (max-width: 1100px) {

  .indexcarusel{
        width: 100%;
position: relative; top:-152px ; margin-bottom: -152px;
}
     }

@media only screen and (max-width: 824px) {

  .indexcarusel{
        width: 100%;
position: relative; top:-132px ; margin-bottom: -132px;
     }}

 @media only screen and (max-width: 800px) {

  .indexcarusel{
        width: 100%;
position: relative; top:-122px ; margin-bottom: -122px;
}
     }

 @media only screen and (max-width: 756px) {

  .indexcarusel{
        width: 100%;
position: relative; top:-20px ; margin-bottom: -22px;
}

     }


.headtel{ padding-top: 8px; }

.marginBottom10{margin-bottom: 10px }
.marginBottom30{margin-bottom: 30px }
.marginTopBottom10{margin-bottom: 10px; margin-top: 10px; }
.marginTopBottom30{margin-bottom: 30px; margin-top: 30px; }


/*legujabb teszt*/
@media screen and (max-width: 1199px) {
  .wrapper {
    display: flex;
    flex-direction: column;
  }
  .wrapper div:first-child {
    order: 2;
  }
}

.term{
    background-color: #383e42;
    color: aliceblue;
    margin-bottom: 0px;
    margin-top: 0px;
   
padding-bottom: 50px;
padding-top: 25px;
    max-height: 40px;
    min-height: 30px;
    
}

.term:hover{
    background-color: ghostwhite;
    color: #383e42;
font-size: 150%;
    margin-bottom: 0px;
    margin-top: 0px;
   
padding-bottom: 50px;
padding-top: 25px;
    max-height: 40px;
    min-height: 30px;
    
}


@media screen and (max-width: 3993px) and (min-width: 768px) {
.kor{
        margin-top: -20px;
}}

@media screen and (max-width: 769px) and (min-width: 300px) {
.kor{
        margin-top: 20px;
}
    
}

.raligm1{max-width: 800px}

.raligm2{max-width: 300px}

.korplusz{
        margin-top: 20px;
}

.termmarg{
    
    margin-top: 20px;
 scroll-margin-top: 50px;

}

@media screen and (max-width: 3993px) and (min-width: 1400px) {
.navhed{
        width: 1350px;
    margin: auto;
    }}

@media screen and (max-width: 1399px) and (min-width: 1000px) {
.navhed{
        width: 1000px;
    margin: auto;
    
}
}
.display-flex-center {

  position: relative;
  
top: 50%;
  transform: translateY(-50%);


}
    h4.text-center{padding-top: 15px;}

.marg10top{margin-top: 10px; margin-bottom: 10px}


#myImg {
 /* border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;*/
}

.myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 75%;
  max-width: 1100px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}


.whitediv{
background: #f9f5ed;
border: 1px;
border-color: #383e42;
color: #383e42;
min-height: 100px;
max-width: 250px;
margin: auto;

}

.antracitdiv{
background: #4d4d47;
color:white;
min-height: 100px;
max-width: 250px;
margin: auto;

}


.gesztenyediv{
/*background: #8c6653;*/
background: #ab7055;

color:white;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}


.sotetbarnadiv{
background: #4f3021;
color:white;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}


.whitediv h4{
padding-top: 45px;
}

.antracitdiv h4{
padding-top: 45px;
}

.gesztenyediv h4{
padding-top: 45px;
}


.sotetbarnadiv h4{
padding-top: 45px;
}








.feherdiv{
background: #f7f4ef;
border: 1px;
border-color: #383e42;
color: #383e42;
min-height: 100px;
max-width: 250px;
margin: auto;

}

.titan4div{
background: #706F73;
color:white;
min-height: 100px;
max-width: 250px;
margin: auto;

}


.phanter4div{
/*background: #8c6653;*/
background: #AB7D61;

color:white;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}


.grizzly4div{
background: #A4826D;
color:white;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}


.choco4div{
background: #836C69;
color:white;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}


.ochre2div{
background: #E4B990;
color:#383e42;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}



.ral7016div{
background: #393e42;
color:white;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
    
}

.antracit3div{
background: #656f78;
color:white;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}



.sahara2div{
background: #EFD9AC;
color:#383e42;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}



.soul3div{
background: #ECE4D7;
color: #383e42;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}



.mouse4div{
background: #9B9C9E;
color:white;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}



.kalahary1div{
background: #F1E0C4;
color:#383e42;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}


.teddy3div{
background: #BFA187
;
color:#383e42;
min-height: 100px;
max-width: 250px;
margin: auto;
padding: -30px;
}





.feherdiv h4{
padding-top: 45px;
}

.titan4div h4{
padding-top: 45px;
}

.phanter4div h4{
padding-top: 45px;
}


.grizzly4div h4{
padding-top: 45px;
}


.choco4div h4{
padding-top: 45px;
}




.ochre2div h4{
padding-top: 45px;
}

.antracit3div h4{
padding-top: 45px;
}


.ral7016div h4{
padding-top: 45px;
}




.sahara2div h4{
padding-top: 45px;
}



.soul3div h4{
padding-top: 45px;
}



.mouse4div h4{
padding-top: 45px;
}



.kalahary1div h4{
padding-top: 45px;
}


.teddy3div h4{
padding-top: 45px;
}

.behuz{
padding-left: 5px;
padding-right: 5px;
}

.magascim{
margin: 30px 0px 0px 0px;
}


.logodiv2{margin-bottom: 10px; padding: 10px 35px 10px 10px;  position: relative; top:0px; z-index: 1;}

.logodiv2 img {
    height: 120px !important;
    width: auto;
    object-fit: contain;
    display: block;
    margin-left: 0;
    margin-right: auto;
}


.hover-card {
  position: relative;
  display: block;
  overflow: hidden;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  color: #333;             /* alap szövegszín */
  text-decoration: none;   /* ne legyen aláhúzás */
}

.hover-card:hover {
  transform: scale(0.97);
  box-shadow: 0 12px 30px rgba(0,0,0,0.3);
  color: red;              /* hoverkor minden szöveg piros */
}

/* overlay réteg */
.hover-card::after {
  content: "Részletek »"; /* vagy "" ha nem kell felirat */
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
background: rgba(181, 219, 253, 0.28);
  color: #fff;
  font-size: 1.5em;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 2;
  pointer-events: none;
}

.hover-card:hover::after {
  opacity: 1;
}

.bigimg{
    margin-bottom: 15px;margin-left: -15px;margin-right: -15px}


.white_shadow2 {
  color: #fff;
  letter-spacing: .3px;
  font-weight: 200;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 0 3px #000;
  font-size: 14px; /* alap: mobil */
}

@media (min-width: 1200px) { /* Bootstrap 3 "lg" breakpoint */
  .white_shadow2 {
    font-size: 34px;
  }
}

.responsive-padding25 {
  padding-top: 0; /* alap: mobil */
}

@media (min-width: 1200px) { /* Bootstrap 3 lg breakpoint - asztali */
  .responsive-padding25 {
    padding-top: 25px;
  }
}

.responsive-text {
  text-align: left; /* alap: mobilon balra zárt */
  font-size: 22px;
}

@media (min-width: 992px) { /* Bootstrap 3 md breakpointtól (számítógép) */
  .responsive-text {
    text-align: center;
  }
}

.redbg2 {
  background-color: #dc3535;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-right: -15px;
  margin-left: -15px;
}

/* Mobil nézetre (pl. 768px alatt) */
@media (max-width: 768px) {
  .redbg2 {
    padding-top: 0px;
    padding-bottom: 5px;
  }
}


@media (max-width: 767px) {
  .font-20-xs {
    font-size: 26px;
  }
}


p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}


.logoped {
  padding-bottom: 10px;
}

/* Mobil nézetre (pl. 768px alatt) */
@media (max-width: 768px) {
  .logoped {
    padding-bottom: 0px;
  }
}

.logoped2 {
  padding-right: 0;
  padding-left: 0;
}

/* Mobil nézetre (pl. 768px alatt) */
@media (max-width: 768px) {
  .logoped2 {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.animation {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.animation.visible {
  opacity: 1;
  transform: translateY(0);
}