/*
F8F9FA - Háttér + minden fehér
17A2B8 - türkiz mindenhol
343A40 - sötétszürke mindenhol
FD3D57 - redcord
EBC1A5 - váll pacemaker + Aliz
4E7AC6 - showmotion
77C1E9 - egyéni gyógytorna
C97C7D - állapotfelmérés
*/

body{  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;}

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

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

u{font-weight: 700;}



.bg-light1{background:#F0F0F0}
.bg-turkiz{background:#17A2B8}
  .text-turkiz{color:#17A2B8!important}
.bg-darkgrey{background:#343A40}
.bg-beige{background:#8E887B;} 
    .text-beige{color:#8E887B;!important} 
.bg-red{background:#FD3D57}   /*redcord*/
     .text-red{color:#FD3D57!important}
.bg-blue{background:#4E7AC6}  /*showmotion*/
     .text-blue{color:#4E7AC6!important}
         @media (max-width:1280px) {  .text-blue{color:#3D95F3 !important;xxxtext-shadow: 1px 0px 1px #120940;}}
    
     
.bg-brown{background:#C97C7D}  /*állapotfelmérés*/
.bg-lightblue{background:#d4c0f9;}      /*lila lett */
    .text-lightblue{color:#d4c0f9;!important}
.bg-grey{background:#061f26;}
.bg-purple{background:#7347e5;}
   .text-purple{color:#7347e5;}
.bg-yellow{background: #eda907;}   
     .text-yellow{color:#eda907;}
.bg-darkblue{background:#212122}     
    .text-darkblue{color:#1F158A !important;} 
.bg-blue{background: #548aae;}   
 
 
  .text-orange{color: #42f6ff !important; font-weight: 500;}      /*türkiz  lett */
     
b, strong {font-weight: bold;}
p{text-align: justify;hyphens: auto;}


.handwrite {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-style: normal;
}


h1, .h1{xxxfont-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;}
  
.h5, h5{position:relative; xxtext-transform:uppercase}
.xxh5, xxxh5::before{content:''; position:absolute; width:100%; height:2px; background:#17a2b8; bottom:-2px}

.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {font-weight: bold;}

/*----BUTTONS------------------*/
.extramove:hover {transform: scale(1.07) rotate(-3deg); transition: all .5s ;}
.btn{ padding:10px 20px;transition: 0.2s; border:0;  font-weight:600!important; font-size:94%}
   .btn:hover{xxxbox-shadow: inset 0 0 10px #f8a100;}


.btn-primary{background:transparent; color:white!important; border: 2px solid white;  }
         .btn-primary:hover, .btn-primary:focus{background:transparent; border: 2px solid rgba(0,0,0,0.5); margin-top:2px}

.btn-secondary{background:black; color:white!important}
         .btn-secondary:hover, .btn-secondary:focus{color: white!important; background-color:grey;}


.btn-default{background:black; color:white!important; border: 2px solid black;}
        .btn-default:hover, .btn-default:focus{color: white!important; background-color:rgba(0,0,0,0.5); border: 2px solid black;}
        .btn-default:after{}

 /****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: 2;
    column-gap: 0.8em;
  }
      #masonry_gallery {
          column-count: 3;
          xxxcolumn-gap: 0.3em;
        }
}

@media(min-width: 40em) {
  #masonry {
    column-count: 2;
    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 } 
 
  
footer{

}