@charset "utf-8";
  body {
      font-family: 'Raleway', sans-serif;
	  font-size:15px;
      line-height: 1.8;
      color: #3F2323;
	  text-align:justify;
  }
  h2 {	  
      font-size: 22px;
      text-transform: uppercase;
      color: #1F465C;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h4 {
      font-size: 16px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }
  
  h3 {
	  font-size: 18px;
	  font-weight:800;
  }
 
 hr.solid {
    border-top: 2px solid #999;
}
 
  a:link{
  	color:#1F465C;
  }
  a:visited{
  	color:#1F465C;
  }
  a:hover {
	  text-decoration:none;
  }
  .jumbotron {
      background-color: #1F465C;
      color: #fff;
      padding: 115px 0px 5px 0px;
      font-family: 'Raleway', sans-serif;
  }
  .jumbotron-img {
	  width:100%;
	  height:auto;	 
	  }
  
  .pdf {
        width: 100%;
        aspect-ratio: 4 / 3;
    }

video,
.video-js {
  width: 100%;
  height: auto;       /* magasság automatikus, arány megtartva */
  object-fit: contain; /* a videó teljesen látszik, fekete sávok lehetnek */
}



        .cookie-overlay {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,.5);
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
        .cookie-box {
            background: #fff;
            padding: 2rem;
            max-width: 500px;
            text-align: center;
            border-radius: 10px;
        }
        .cookie-box button {
            margin: .5rem;
            padding: .5rem 1.5rem;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .accept { background: #4CAF50; color: white; }
        .decline { background: #f44336; color: white; }

  

  .container-fluid {
      padding: 10px 10px 10px 10px;
  }
  .container-fluid-in {
      padding: 0 50px 60px 50px;
  }
  .jumbotron-top {
	  width:100%;
	  float:left;
      background-color: #1F465C;
      color: #fff;
      padding: 15px 0px 10px 0px;
      font-family: Montserrat, sans-serif;
  }
  .bg-grey {
      background-color: #f6f6f6;
  }
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #f4511e;
      font-size: 200px;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }
  
  .img-thumbnail {
	  padding: 4px;
	  background-color: #1e4599;
	  background-color: #1e4599;
	  border: 1px solid #ddd;
	  border-radius: 4px;
  }
  
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #f4511e;
  }
  .carousel-indicators li {
      border-color: #1F465C;
  }
  .carousel-indicators li.active {
      background-color: #1F465C;
  }
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }
  .panel {
      border: 1px solid #1F465C; 
      border-radius:12px !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f4511e;
      background-color: #fff !important;
      color: #f4511e;
  }
  .panel-heading {
      color: #3F2323 !important;
	  
	  font-style:italic;
      background-color: #45C0D3 !important;
      padding: 6px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
	  padding: 6px;
	  border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
  }
  
  .panel-footer .btn {
      margin: 6px 0;
	  padding: 6px;
      background-color: #45C0D3;
      color: #fff;
  }
  

  
  .navbar {
      margin-bottom: 0;
      background-color: #1F465C;
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 1px;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
      
	  min-height:120px;
	  height:auto;
	  
	  padding: 0;
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
	  padding: 0px 15px 0px 25px;
  }
  .navbar-brand img{
	 
	  margin-top:-14px;
  }	  
  .navbar ul li li a, .navbar {
      color: #fff !important;
      background-color:#1F465C;
	  padding: 0px 15px 0px 25px;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #3F2323 !important;
      background-color: #47ABD5 !important;
	  padding: 0px 15px 0px 25px;
  }
  
  .navbar-nav li{
  	background-color:#1F465C !important;
	padding-top:2px;
	padding-bottom:2px;
	line-height:15px;

  }
  
  .navbar-header{
  	min-height:60px;
	height:auto;
  }
  
  .navbar-default .navbar-toggle {
      border-color: #47ABD5 !important;
      color: #fff !important;
	  background-color: #938dE0!important;
  }
  
  .navbar-toggle .icon-bar{
	  background-color: #fcf91f!important;
  }
  
  
  .dropdown-toggle {
	  color: #3F2323 !important;
      background-color: #1F465C!important;
	  
  }
  
.dropdown-menu li{
	  font-size: 11px !important;
	 
  }
.dropdown-menu {
	  font-size: 11px !important;
	 padding: 0px 0px 0px 0px;
  }
 
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #f4511e;
  }
  .side-img{
      width:100%;
	  margin:25px 0;
  }
  .main-img{
      width:100%;
	  margin:25px 0;
	  transition: box-shadow 0.5s;
  }
  .main-img:hover{
  	  box-shadow: 10px 0px 40px rgba(0,0,0,0.2);
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  .widget-title h4 {
	  background: silver;
      padding: 0 0 0 8px;
      font-weight: 600 !important;
      color: #3F2323;
      line-height: 1.9;
      border-left: 5px solid #F4511E;
  }
  .cat-upper {
	  padding-bottom:25px;
	  margin-bottom:25px;
	  border-bottom:5px solid #f4511e;
  }
  .img-about {
	  margin-top:115px;
  }
  .all-button {
	  width:100%;
  }
  .hir-text{
	  padding-top:10px;
	  text-align:justify;
	  font-size:65%;
  }
  
  .lent{
		background-color:#1F465C;
		color:#ffffff;
	}
	


 .col-sm-4 {
      padding-top: 5px;
	  margin-bottom:0px;
	  margin-left:0px;
	  margin-right:0px;
	  margin-top:0px;
    }

.urlap{
	background:  #5D4DD1;
	padding:20px;
	width: 95%;
	border: 2px solid black;
	color:    #EEE83B;
}



 @media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 0px; 
        padding-bottom: 0px; 
    }
	

}
  
 @media screen and (max-width: 1000px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
 .navbar ul li li a, .navbar {
      color: #fff !important;
      background-color:#1F465C;
	  padding: 0px 15px 0px 25px;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #3F2323 !important;
      background-color: #47ABD5!important;
	  padding: 0px 15px 0px 25px;
  }
.panel-footer .btn {
      font-size: 14px;
	  
  }
 
	.navbar-nav li{
  	background-color:#1F465C !important;
	padding-top:2px;
	padding-bottom:2px;
	line-height:15px;
	}
	
	.navbar-nav>li>a {
        padding-top: 2px; 
        padding-bottom: 2px; 
    }
.dropdown-menu li{
	  font-size: 11px !important;
	  padding: 0px 0px 0px 0px;
  }
.dropdown-menu {
	  font-size: 11px !important;
	  padding: 0px 0px 0px 0px;
  }	
  .pdf {
        width: 100%;
        aspect-ratio: 4 / 3;
    }
  
}  
  
  
  
@media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
	  .col-sm-9 {
      margin: 25px 0;
	  padding:0px 5px 0px 5px;
    }
	
	
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
	
	
 .navbar ul li li a, .navbar {
      color: #fff !important;
      background-color:#1F465C;
	  padding: 0px 15px 0px 25px;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #3F2323 !important;
      background-color: #47ABD5!important;
	  padding: 0px 15px 0px 25px;
  }
.panel-footer .btn {
      font-size: 14px;
	  
  }
.navbar {
     
      letter-spacing: 0px;
     
  }  
	
	.navbar-nav li{
  	background-color:#1F465C !important;
	padding-top:2px;
	padding-bottom:2px;
	line-height:15px;
	}
	
	.navbar-nav>li>a {
        padding-top: 2px; 
        padding-bottom: 2px; 
    }
.dropdown-menu li{
	  font-size: 11px !important;
	  padding: 0px 0px 0px 10px;
  }
.dropdown-menu {
	  font-size: 11px !important;
	  padding: 0px 0px 0px 10px;
  }	

  .pdf {
        width: 100%;
        aspect-ratio: 4 / 3;
    }
  
  .navbar li a,
  .navbar .navbar-brand,
  .navbar ul li li a {
	  padding-left: 5px !important;
	  padding-right: 5px !important;
  }
  


}

@media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
	.container{
  		
  	}

.navbar {
     
      letter-spacing: 0px;
    
  }


  .navbar ul li li a, .navbar {
      color: #fff !important;
      background-color:#1F465C;
	  padding: 0px 15px 0px 25px;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #3F2323 !important;
      background-color: #47ABD5!important;
	  padding: 0px 15px 0px 25px;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
	   background-color: #938dE0!important;
  }

.navbar-nav li{
  	background-color:#1F465C !important;
	padding-top:2px;
	padding-bottom:2px;
	line-height:15px;
}

.navbar-nav>li>a {
        padding-top: 2px; 
        padding-bottom: 2px; 
    }
.dropdown-menu li{
	  font-size: 11px !important;
	  padding: 0px 0px 0px 10px;
  }
.dropdown-menu {
	  font-size: 11px !important;
	  padding: 0px 0px 0px 10px;
  }
.panel-footer .btn {
      font-size: 14px;
	  
  }
  

  .pdf {
        width: 100%;
        aspect-ratio: 4 / 3;
    }
  	
	
	.jumbotron {  
      padding: 115px 15px 5px 15px;    
    }
	.input-group {
	  padding-bottom:2px !important;		
	}
	.container-fluid {
      padding: 60px 15px 60px 15px;
    }
	.container-fluid-in {
      padding: 0 15px 60px 15px;
    }
	.img-about {
	  margin-top:-40px;
  }
    
	
}


/* =========================
   SÖTÉT MÓD
========================= */

body.dark-mode {
    background-color: #1b1b1b;
    color: #e0e0e0;
}

/* Tartalom háttér */
body.dark-mode .bg-grey {
    background-color: #2a2a2a;
}

/* Szövegek */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode p,
body.dark-mode div,
body.dark-mode span,
body.dark-mode li {
    color: #e0e0e0;
}

/* Linkek */
body.dark-mode a {
    color: #8ab4ff;
}

body.dark-mode a:hover {
    color: #ffffff;
}

/* Navbar */
body.dark-mode .navbar,
body.dark-mode .navbar ul li,
body.dark-mode .navbar ul li li a,
body.dark-mode .jumbotron-top,
body.dark-mode .lent {
    background-color: #121212 !important;
}

/* Menü hover */
body.dark-mode .navbar-nav li a:hover,
body.dark-mode .navbar-nav li.active a {
    background-color: #333 !important;
    color: #ffffff !important;
}

/* Panelek */
body.dark-mode .panel {
    background-color: #2a2a2a;
    border-color: #555;
}

body.dark-mode .panel-heading {
    background-color: #3a3a3a !important;
    color: #ffffff !important;
}

body.dark-mode .panel-footer {
    background-color: #2a2a2a !important;
}

/* Cookie ablak */
body.dark-mode .cookie-box {
    background-color: #2a2a2a;
    color: #ffffff;
}

/* Gomb */
#themeToggle {
    font-size: 20px;
}

.details-btn {
    background-color: #1F465C;
    color: #ffffff !important;
    border: none;
}

.details-btn:hover {
    background-color: #ffffff;
    color: #222222 !important;
}

.naptarframe{
	border:none;
	background-color: #ffffff;
	color: #222222 !important;
}

/* Sötét mód */
body.dark-mode .details-btn {
    background-color: #444;
    color: #ffffff !important;
}

body.dark-mode .details-btn:hover {
    background-color: #ffffff;
    color: #111111 !important;
}

body.dark-mode .widget-title h4 {
	  background: #444;
      padding: 0 0 0 8px;
      font-weight: 600 !important;
      color: #ffffff !important;
      line-height: 1.9;
      border-left: 5px solid #F4511E;
  }

body.dark-mode .naptarframe{
	border:none;
	background-color: #2a2a2a;
	color: #f1f1f1 !important ;
}

html, body{
	overflow-x:hidden;
	max-width:100%;
}