#content{}
section, .section {background-color: transparent; padding: 0;}

.img-fluid{max-width: 100%; width:100%}

u{font-weight: 700;}



.bg-light1{background:#F5F5F5;}
.bg-turkiz{background:#17A2B8}
  .text-turkiz{color:#17A2B8!important}
.bg-darkgrey{background:#343A40}
.bg-beige{background:#EBC1A5}  /*váll pacemaker + Aliz*/
    .text-beige{color:#EBC1A5!important}  /*váll pacemaker + Aliz*/
.bg-blue{background:#4E7AC6}  /*showmotion*/
     .text-blue{color:#4E7AC6!important}
.bg-brown{background:#C97C7D}  /*állapotfelmérés*/
.bg-lightblue{background:#1d282d;}
    .text-lightblue{color:#1d282d;!important}
    
    
    
.bg-puder{background-color:#f96b7c  !important;}    /*#ef808b*/
     .text-puder{color: #f96b7c  !important;}
.bg-red{background-color:#7f1713 !important;}   /*#7f1713*/
     .text-red{color:#cc0800 !important;}
.bg-darkblue{background:#000;} 
.bg-yellow{background: #d8bd1b !important;}    
.bg-grey{background:#e1e1e1;}  
.bg-extraimage {
  background-image: url(/static/images/grey_image.png);
  background-position: top right;
  background-size: 531px,583px;
  background-repeat: no-repeat;z-index: -2;
}  
  
.small, small {font-size: .775em;}     
.handwrite {
  font-family: "Just Me Again Down Here", cursive;
  font-weight: 400;
  font-style: normal;
}
h1{line-height:1; position:relative}
h1::before {
  content: 'III';
  color: #f96b7c;
  padding-right: 5px;
  font-weight: 900;
}


 @media (max-width: 992px) { h4, .h4{font-size: calc(1.2rem + .29vw);} } 
.h5, h5{position:relative; text-transform:uppercase}


        .text-design::before {
          content: 'I';
          color: #ef808b;
          margin:10px; margin-top:15px;margin-left:0; background:#ef808b; position-absolute;height: 25px;display: inline-flex;width: 3px;
        }
        .text-design::after{content: '';
          display: block;
          width: 0;
          height: 4px;
          background: #fff;
          transition: width .3s;
        }
        .text-design:hover::after{width: 100%;}


/*----BUTTONS------------------*/
.btn{ padding:5px 20px;transition: 0.2s; xxxborder:3px solid #7f1713;xxx border-radius:10px; font-weight:500}
   .btn:hover{xxxbox-shadow: inset 0 0 10px #f8a100;}


.btn-primary{background: transparent;border: 0;border-radius: 0; padding:10px 0; position:relative}
         .btn-primary:hover, .btn-primary:focus, .btn-primary:active{background: transparent}
         .btn-primary::after{content: '';
                position: absolute;
                left: 50%;
                bottom: -5px;
                transform: translateX(-50%) scaleX(0);
                transform-origin: 50% 50%;
                width: 100%;
                height: 5px;
                background: red;
                transition: transform 250ms;}
                
           .btn-primary:hover::after {transform: translateX(-50%) scaleX(1); color:red;}  
  
.btn-default{background:white; }
        .btn-default:hover, .btn-default:focus{color: white!important; background-color:black;}
        .btn-default:after{}

.btn-danger{background:red;color:white!important}
        .btn-danger:hover, .btn-danger:focus{color: white!important; background-color:black;}
        .btn-danger:after{}


.left_egyedi{xxmargin-left:-120px; z-index:100}      
       @media (max-width: 992px) { .left_egyedi{margin-left:0px; z-index:100} }   
       
.right_egyedi{xxxmargin-right:-120px; z-index:100}      
       @media (max-width: 992px) { .right_egyedi{margin-right:0px; z-index:100} }       
       


    /*************SUBPAGES*************/
    
.subpages_top_in{xxoverflow: xxhidden; height:450px}
.subpages_overlay{width:100%; height:350px; background: linear-gradient(180deg, rgb(47, 42, 39) 10%, rgba(0,0,0,0) 71%); position:absolute; top:0}

.szolgaltatas_box1 {xxxdisplay: table;}
.szolgaltatas_box{display: flex;
  flex-wrap: wrap;}
.szolgaltatas_boxok{border:1px solid white; color:white;padding:20px; width:100%}  
      .szolgaltatas_boxok h2{min-heigth:30px} 
       @media (max-width:980px) { .szolgaltatas_box1,.szolgaltatas_box {display: block}} 





.card-img-overlay-red-subteam{top:auto;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.43468725380777307) 22%, rgb(120, 15, 57) 60%);}


.subbanner-item1{ 	overflow: hidden;	
    border: 8px solid transparent;
    border-radius:15px; 
}

.newsbox1_img img{width:100%;height:auto;padding: 5px;border: 1px solid black;background:white}
.newsbox1_text h1{font-weight:600;xxx-size: 1.3rem; color:#4e5e97; text-transform:none}
.newsbox1_text p{line-height: 1.4;font-size: 0.9rem;color: gray;}

.card-img-overlay{top:auto}

  .edzes h3::after{content:''; width:100%; height:1px; background:lightgrey; position:absolute; top:45%}


 /*************SUBPAGES CSAPAT HOVER AKÉPEK FÖLÖTT:hover*************/

.card .backgroundEffect {
    position:absolute;
    text-align:center;
    z-index:400;
    height: 0px;
    bottom:0px; color:white;
    background: rgba(127, 23, 19, 0.7); width: 100%;}

.card:hover .backgroundEffect {
    left:0;
    padding:7%; 
    height: 100%;
    z-index: 20;
    transition: all 1s ease 0.6s; transition-delay: 0.3s;
}

.card-front{border-top-left-radius: 20px; border-top-right-radius: 20px; }
.card-front-gradient{background: linear-gradient(0deg, rgb(248, 249, 250) 40%, rgba(0,0,0,0) 60%);}

.card .backgroundEffect p{line-height:1.25; font-size: 0.8em; padding:0 10px}
.team{height:460px}
   @media (max-width:980px) { 
   .team{height:320px}
   } 
   @media (max-width:480px) {  
    .card-img-overlay h5{height:50px;}
    .card .backgroundEffect p{line-height:1!important}
   }

   .card-front-gradient:hover {transform: scale(1.1);transition: .6s ease-in; transition: 1s ease-out; transition-duration: 0.2s;}


   .card-img-overlay::before{
   content: '';
  background:url('/static/images/logo.webp');
  background-size: contain;
  width:60px;
  height: 60px;
  display: block;
  position:absolute;
  top: -35px;
  left: -10px;
  z-index: 500;
}
  @media (max-width:979px) {.card-img-overlay::before{width:45px;height:45px;}}


/*****************SUBPAGES TABELLA****************/
.table > thead{font-weight:900;color: #ef808b !important;}
 
 .table-tabella tr:first-child{font-weight:900;color: #ef808b !important;border-bottom: 2px solid #ef808b;table-striped-bg:red  }
        .table-tabella tr td:nth-child(2){ font-weight:bold; text-transform:uppercase}
 .table td{vertical-align: middle;}
 .table-program td:nth-child(4), .table-program td:nth-child(5){font-weight:700;}

 .table-light tr:first-child{--bs-table-striped-bg: #7f1713!important; --bs-table-striped-color: #fff;}
 
 @media (max-width:980px) {
  .table > :not(caption) > * > * {
  padding: 0 5px;
  font-size: 12px;
} }

@media (min-width:980px) {
.embed-container1 iframe, .embed-container1 object, .embed-container1 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }          
.embed-container1 { position: relative !important;  max-width: 100%; z-index: -1; height: 400px;}
.embed-container2 { position: relative!important;;  max-width: 100%; z-index: -1; height: 900px;}


 .responsive-iframe1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 930px!important; 
  object-position: 50% -560px;} 
  
.responsive-iframe2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 2050px!important; 
  object-position: 50% -1200px;}   
  
   } 
  

@media (max-width:979px) {
.embed-container1 iframe, .embed-container1 object, .embed-container1 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }          
.embed-container1 { position: relative !important;  max-width: 100%; xxz-index: -1; height: 400px;}
.embed-container2 { position: relative!important;;  max-width: 100%; xxz-index: -1; height:2100px;}
 .responsive-iframe1 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 800px!important; 
  object-position: 50% -400px; }  
  
 .responsive-iframe2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 3050px!important; 
  object-position: 50% -970px; }  
  
  
  }

/*****************SUBPAGES KÉPMAGASSÁGOK****************/     
.image-height0{height:450px}
        @media (max-width:380px) {.image-height0{height:200px}}
        @media (max-width:980px) {.image-height0{height:350px}}
        .image-height0:hover {transform: scale(1.15);transition: .5s ease-in-out;} 
        
        .image-height0_inverse, .image-height0_inverse:hover {transform: scale(1);transition: .5s ease-in-out;} 
        
.image-height1{height:360px}
 @media (max-width:380px) {.image-height1{height:360px}}
 @media (max-width:980px) {.image-height1{height:360px}}
        .image-height1:hover {transform: scale(1.15);transition: .5s ease-in-out;}


.image-height2{height:200px}
 @media (max-width:110px) {.image-height2{height:150px}}
 @media (max-width:980px) {.image-height2{height:120px}}
        .image-height2:hover {transform: scale(1.3);transition: .3s ease-in-out;}

.image-height3{height:310px}
       @media (max-width:980px) {.image-height3{height:150px}}
      .image-height3:hover {transform: scale(1.3);transition: .3s ease-in-out;}

 
.image-height4{height:110px}
       @media (max-width:980px) {.image-height4{height:160px}}
      .image-height4:hover {transform: scale(1.1);transition: .3s ease-in-out;} 


.image-height5{height:175px}
       @media (max-width:980px) {.image-height5{height:140px}}
      .image-height4:hover {transform: scale(1.1);transition: .3s ease-in-out;}  
 
 /****GALÉRIA MASONRY BRICK Galéria******************/
#masonry {
  column-count: 2;
  column-gap: 0.8em; 
}
        #masonry_gallery {
            column-count: 2;
            xxxcolumn-gap:0.3em;
          }
@media(min-width: 30em) {
  #masonry {
    column-count: 3;
    column-gap: 0.8em;
  }
      #masonry_gallery {
          column-count: 3;
          xxxcolumn-gap: 0.3em;
        }
}

@media(min-width: 40em) {
  #masonry {
    column-count: 4;
    column-gap: 0.8em;
  }
        #masonry_gallery {
          column-count: 3;
          xxxcolumn-gap: 0.3em;
        }
}

@media(min-width: 60em) {
  #masonry {
    column-count: 5;
    column-gap: 0.8em;
  }
        #masonry_gallery {
          column-count: 3;
          xxxcolumn-gap: 0.3em;
          padding:0 150px
        }
}

@media(min-width: 75em) {
  #masonry {
    column-count: 4;
    column-gap: 0.8em;
  }
        #masonry_gallery {
          column-count: 3;
          xxxcolumn-gap: 0.3em;
          padding:0 150px
        }
  
}

.item {
  background-color: none;
  display: inline-block;
  margin: 0;
  width: 100%;
  cursor: pointer;
  display: block; margin: 0; width: 100%; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
    margin:0px 0;
    margin-bottom:0.8em;
}

.item img {
  max-width: 100%;
  height: auto;
  width: 100%;
  margin-bottom: 0px;
  overflow: hidden;
  
  
  /*idk why but this fix stuff*/
}


.item:hover { -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
     transform: scale(1.5); 
     -ms-transform: scale(1.5); 
     -webkit-transform: scale(1.5); 
     -o-transform: scale(1.5); 
     -moz-transform: scale(1.5);
     width:100%; overflow:hidden; xxbackground:white; border:0px solid white; position:relative } 
 
 
 
 
/*LOGOS CSAPATOK NAGY LOGOK!!!!!*/

.vs_text{font-weight:bold; font-size:32px; padding:0 20px;color:#ce1711;}
b.redvelvet{background-image:url("/static/images/logo.webp");height:120px;width:120px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}
b.wolves{background-image:url("https://cdn.mksz.hu/mksz-public/922483-FB_IMG_1649757765833.jpg");height:100px;width:100px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}
b.tataiac{background-image:url("https://cdn.mksz.hu/mksz-public/2024/11/28/30199-TAC_logo.png");height:90px;width:90px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}
b.malevsc{background-image:url("https://cdn.mksz.hu/mksz-public/2024/09/27/2293383-MAL%C3%89V%20SC.jpg");height:95px;width:95px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}
b.gardonypazmand{background-image:url("https://cdn.mksz.hu/mksz-public/2024/10/31/575508-P%C3%A1zm%C3%A1nd%20NK%20log%C3%B3.jpg");height:120px;width:120px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}
b.ferencvarositc{background-image:url("https://cdn.mksz.hu/mksz-public/2024/11/15/31873-FTC_300x300.png");height:110px;width:110px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}
b.tfse{background-image:url("https://cdn.mksz.hu/mksz-public/2024/09/27/2381482-TFSE%20100%20logo%20png%20%281%29.png");height:125px;width:125px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}
b.vasassc{background-image:url("https://cdn.mksz.hu/mksz-public/2024/11/28/423652-vasas_logo_vegleges_alap_nagy1911.jpg");height:90px;width:90px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}

b.karoliresc{background-image:url("https://www.mksz.hu/img/mksz_dummy.png");height:80px;width:80px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}
b.szentendreinke{background-image:url("https://cdn.mksz.hu/mksz-public/897742-szentendre.jpg");height:80px;width:80px; background-size:contain;background-position-x:center;display:inline-flex;background-repeat:no-repeat;}
                                    




/*KSZ oldaláról copyzott dolgokhoz*/    
.team-home{width: calc(48% - 30px);text-wrap: wrap; text-align:right}
.team-flags{} 
.team-guest{width: calc(48% - 30px);text-wrap: wrap;}          
 .team-flags img {
  max-width: 24px;
  height: 24px;
  margin: 0 5px;
  mix-blend-mode: multiply;
  -o-object-fit: contain;
  object-fit: contain;
}
.btn-third {
  background-color: var(--light-gray);
  border-color: var(--light-gray);
  box-shadow: 1px 1px 3px #abbed4;
  font-weight: 500;
}
.tv-icon {
  width: 16px;
  height: 19px;
  background: url(https://www.mksz.hu/img/icons/tv.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: 80% 80%;
  background-position: 50%;
  display: block;
}
.btn-arrow.download-arrow::after, .btn-arrow.right-arrow::after {
  content: "";
  right: 5px;
  position: absolute;
  border-radius: 50%;
  margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.btn-arrow.right-arrow::after {
  width: 20px;
  height: 20px;
  background: url(/img/icons/arrow_right_w.svg) no-repeat 50%;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
  background-size: 50% 50%;
  background-color: #e3e5e8;
}
.table-tabella tr:first-child, .table-program tr:first-child, .table-goal tr:first-child{font-weight:900; text-transform:uppercase}
.table-program tr td:last-child{display:none}
.table-program .d-none{display:inlineimportant;font-weight:900; text-transform:uppercase}
.table-goal tr td:first-child{font-weight:700; text-align: center;color: #f96b7c; font-size:120%}
.table-goal tr td:nth-child(2){font-weight:700; }


.table-border-top {
  border-top: 1px solid var(--gray);
}
@media (min-width: 768px) {
  .d-md-table-row {
    display: table-row !important;
  }
}
 .program-extra-info {
  color: red;
  display: block;
}     
footer{

}