@font-face { font-family: 'bodycopy'; font-style: normal;font-weight: 300; src:url('/static/font/Rubik-Light.ttf') format('truetype')}
@font-face { font-family: 'bodycopy2'; font-style: normal;font-weight: 500; src:url('/static/font/Rubik-Regular.ttf') format('truetype')}
@font-face { font-family: 'title'; font-style: normal;font-weight: 500; src:url('/static/font/Rubik-Light.ttf') format('truetype')}
@font-face { font-family: 'bodycopy3'; font-style: normal;font-weight: 800; src:url('/static/font/Rubik-Bold.ttf') format('truetype')}
 

body{xxfont-family: "bodycopy" ;color:#212529; background: #fbfbfc;}
.navbar-light .navbar-nav .nav-link:hover   {color: #009999;}


h1 {xxfont-family: "bodycopy" ; color: #636363; font-weight:600 }
  .subpages h1{}
h2 {line-height: 1.19;  }   

h3 {color: #FFA500}
h4 {}

p{font-family: 'bodycopy';}
b{font-family: 'bodycopy';}
a, a:hover, a:active, a:focus {color: inherit!important;text-decoration: none!important}

hr{border-top: 1px solid #d67c1c;opacity: 1;}
     hr:not([size]) {height: 0;}

.bg-white{background:white}
.xxxxbg-lightgreen{background:#E6F4F4}


/*************Kapott szinek THalKER**************/
.bg-blue{background:#254E73}
   .text-blue{color: #254E73}
.bg-camel{background:#FFA500}
   .text-camel{color:#FFA500}


.j{text-align:justify;}
div.igg  a{position: relative; display: block; overflow:hidden;}
div.igg  p {padding:0;margin:0;opacity: 0; position: absolute; left: 0; right: 0; bottom:0;  background-color: rgba(0,153,153,0.8); text-align:center; padding: 20px;color:white;transition-delay: 300ms;transition: all 300ms ease;}
  
 
div.igg img {transition: all 500ms ease;} 
div.igg a:hover img{ transition: all 5s ease;transform: scale(1.2); } 


div.igg a:hover p { opacity: 1; transition: opacity 200ms ease;transition-delay: .1s}

div.iggm p { display:block;background-color: rgba(0,153,153,0.8); padding: 10px; color:white; margin-top:-5px ; }
div.iggm img { display:block;}
.idc{
height:600px; 
background: url('/static/images/bg.jpg') no-repeat ;
background-size:  cover; 
background-position: center center;
background-attachment: scroll;  

}
   @media screen and (min-width : 767px){
       .idc{ background-attachment: fixed  !important; ;  } 
       
  // h2 { padding: 30px 0px;  }       
       
    }
/*
@media all and (min-width:0px) and (max-width: 320px) {
  img{paddign:0;}
}

*/
.navbar-collapse, .collapse, .navbar-toggler, .navbar-nav, .me-auto{ transition: none;  }
a.nav-link{font-size: 90%; }


/*BUTTONS*/
.btn{padding:10px 15px; text-transform:uppercase;font-size: 0.9rem; font-weight: 600;}
.btn-default{background:#FFA500; color:white!important}             /*************Kapott szinek THalKER**************/
         .btn-default:hover, .btn-default:active,.btn-default:visited, .btn-default:focus{background:#DB910A; color:white!important;box-shadow: 2px 2px 1px white;}  

.btn-primary{background:transparent; color:#009999; border:0}
         .btn-primary:hover, .btn-primary:active,.btn-primary:visited, .btn-primary:focus{background:transparent; color:black; border:0}


/*TERMEKEK TABLE*/
.table_list ul{list-style: none; padding-left: 0rem;}                                                                        
.table_list ul li{padding:5px; xxxxbackground: #254e73; background:#254E73; margin:3px 0; color:white; padding:5px 10%}        /*************Kapott szinek THalKER**************/
 
footer {font-size: 80%}
footer a:link {text-decoration: none; color: #fff;}
footer a:visited {color: #e6f4f4;}


div.cr  {
padding: 5px 0px 5px 0px;
font-size: 10pt;  
background-color: #636363;
color: #8f8f8f;
  a:link {text-decoration: none; color: #e6f4f4;}
a:visited {color: #e6f4f4;}
  
}


**********************


div.igg img {transition: all 500ms ease;} 
div.igg a:hover img{ transition: all 5s ease;transform: scale(1.2); } 


div.igg a:hover p { opacity: 1; transition: opacity 200ms ease;transition-delay: .1s}


/*felsorolas
ul li{list-style: none; font-weight:bold; line-height:1.8}
ul.list li:before{
content: url('/static/images/check-circle.svg');

  margin-left: -30px;
  padding-right: 25px;
  display: flex;
  height: 24px;
  width: 24px;
  background: #ff7474;
  border-radius: 50%;
  filter: brightness(0.9) invert(1);
  margin-bottom: -27px;
  margin-top: 15px;
  padding:5px}
  
*/
/*CARDS INDEX OLDA, ROLUNk OLDAL*/
  .card {position: relative; transition: all .5s ease-in;}


.card__image {
  display: block;
  width: 100%;
  height: auto;
}

.card__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  right: 12px;
  height: 100%;
  
  opacity: 0;
  visibility: none;
  transition: .5s ease;
  background-color: #099;
}

.card:hover .card__overlay {
  opacity: 1;
}

.overlay__text {
color:white;
position: relative;
  top: 30%;
  right: 10%;
text-align: center;
  width: 80%;
  left: 10%;
}
.zod:hover{color:#e6f4f4 !important}
.szur{color: #8cd2c8 !important}
div.bovebben{border: 1px white solid; display:inline-block; padding:0 5px; font-size: 90%;margin-top:10px;cursor: pointer; text-transform:uppercase}


.xzod{color:#e6f4f4 !important}

ul.list li{padding: 5px;}