/*Fonts*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin,latin-ext);

/* jomhuria-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jomhuria';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jomhuria-v22-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

*{
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
html,body{
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	min-height:100%;
	font-family:"Open Sans";
	font-size:17px;
}
body{
    background: url('../img/bg_op20.png');
    background-attachment: fixed;
	color:#3d4448;
	font-size:18px;
}
h1, h2, h3, h4, h5, h6{
	font-family: Jomhuria, Inconsolata,'Open Sans','Arial';
	color:#041690;
}
img{
	max-width:100%;
}
.thumbnail{
	background:transparent;
	border-color:transparent;
	margin-top:15px;
}
textarea{
    max-width:100%;
    min-width:200px;
    min-height:60px;
    max-height:600px;
}
.top-header{
	text-align:center;
	background:#0e518d;
}
.top-header h1{
	font-size:80px;
	font-weight:bold;
	color:#ffffff;
	margin:20px 0 0 0;
}
h2{
	font-size:60px;
}
h3{
	font-size:50px;
}
h4{
	font-size:40px;
}
a{
	color:#0e518d;
}
a:hover{
	color:#041690;
}
.szlogen-headline{
    font-size:80px;
	line-height:1;
}
.top-contact{
    padding-bottom:10px;
	background:#0e518d;
}
.top-contact,.top-contact a{
	text-align:center;
	color:#ffffff;
    padding-bottom:5px;
}
.top-contact a{
	color:#fcdfc3;
	transition: all 2000ms;
}
.top-contact a:hover{
	color:#eb841f;
}
.top-phone a{
    font-size:150%;
    vertical-align:middle;
	color:#fcdfc3;
}
.top-mail{
    padding-top:5px;
	color:#ffffff;
}
.logo{
	position:absolute;
	left:8%;
	top:8%;
}
.logo img{
	max-width:50px;
}
.navbar-fixed-top .logo img{
	max-width:30px;
}
.navbar-default{
	border-left:none;
	border-right:none;
	background:rgba(255,255,255,1);
	margin-bottom:0;
}
.navbar-default.navbar-fixed-top{
    background:rgba(255,255,255,0.9);
    min-height:35px;
    background-attachment:fixed;
}
.navbar-default .navbar-nav > li{
	position:relative;
}
.navbar-default .navbar-nav > li::after{
	/*display:block;
	content:"";
	width:1px;
	height:90%;
	position:absolute;
	right:0px;
	top:5%;
	background:#15537C;
	z-index:99;*/
}
.navbar-default .navbar-nav > li > a{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	padding-top:20px;
	padding-bottom:20px;
    padding-left:30px;
    padding-right:30px;
	font-weight:bold;
	color:#3d4448;
}
.navbar-default.navbar-fixed-top .navbar-nav > li > a{
    padding-top:8px;
    padding-bottom:7px;
}
.navbar-default .navbar-nav > li > a:hover{
	background:#eb841f;
	color:#ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	background-color:#0e518d;
	color:#ffffff;
	/*-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);*/
	z-index:1;
}
.navbar-default .navbar-nav > .active > a span, .navbar-default .navbar-nav > .active > a:focus span, .navbar-default .navbar-nav > .active > a:hover span{
	
}
.inpage-section .container > div{
	/*border-left:2px solid #15537C;
	border-right:2px solid #15537C;*/
	padding:10px;
}
.btn-primary{
	background:#0e518d;
	width:400px;
	height:60px;
	font-size:30px;
	font-weight:bold;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	margin-top:20px;
	border:2px solid #eb841f;
	border-radius: 5px;
}
.btn-primary:hover{
	background:#041690;
	color:#eb841f;
}
footer{
	padding:15px;
    background:rgba(255,255,255,0.8);
}
.hll-tagcloud ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.hll-tagcloud ul li{
	float:left;
}
.hll-tagcloud span {
	color:#efefef;
	display:block;
	background:#eb841f;
	padding:3px 5px 3px 10px;
	margin:2px 3px 2px 10px;
	-webkit-border-radius:0 2px 2px 0;
	-moz-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
	position:relative;
	z-index:2;
	line-height:10px;
	height:19px;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	border-top:1px solid #555
}
.hll-tagcloud span:before {
	content:'';
	width:14px;
	height:14px;
	background:#eb841f;
	position:absolute;
	left:-7px;
	top:10.0%;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	z-index:1;
	border-bottom:1px solid #555;
	border-left:1px solid #555
}
.hll-tagcloud span:after {
	content:'';
	width:6px;
	height:6px;
	background:#fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:1px solid #15537C;
	-webkit-box-shadow:0 1px 0 #15537C;
	-moz-box-shadow:0 1px 0 #15537C;
	box-shadow:0 1px 0 #15537C;
	position:absolute;
	top:50%;
	margin-top:-3px;
	left:-0.083em;
	z-index:3
}
.hll-footer-links ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.hll-footer-links ul li {
	border-bottom:1px solid #eb841f;
}
.hll-footer-links ul li a{
	padding-left:50px;
	position:relative;
}
.hll-footer-links ul li a .fa{
	position:absolute;
	top:5px;
	left:5px;
	color:#eb841f;
}
.hll-footer-links ul li a .fa:nth-of-type(2){
	left:25px;
}
.hll-footer-links a{
	text-decoration:none;
	color:inherit;
	display:block;
}
.hll-footer-links a:hover{
	background:#eb841f;
	color:#ffffff;
}
.hll-footer-links a:hover .fa{
	color:#ffffff;
}
.hll-contacts{
	padding-top:25px;
	padding-bottom:25px;
}
.hll-contacts a{
	text-decoration:none;
	color:inherit;
}
.hll-contacts a:hover{
	text-decoration:none;
	color:#eb841f;
}
.hll-contacts > div{
	margin-bottom:15px;
	padding-left:25px;
	position:relative;
}
.hll-contacts > div .fa{
	position:absolute;
	top:5px;
	left:5px;
	color:#eb841f;
}
.img-on-text{
	display:table;
	position:relative;
}
.img-on-text .over-text{
	position:absolute;
	max-width:50%;
	line-height:130%;
	border:1px solid #eb841f;
	background:rgba(255,255,255,0.9);
	color:#343434;
	font-size:14px;
	padding:10px;
}
.img-on-text.center-center .over-text{
	max-width:70%;
	top:50%;
	left:50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.img-on-text.center-top .over-text{
	max-width:80%;
	top:0;
	left:50%;
	right:auto;
	-moz-transform: translateX(-50%) translateY(0%);
	-webkit-transform: translateX(-50%) translateY(0%);
	-o-transform: translateX(-50%) translateY(0%);
	-ms-transform: translateX(-50%) translateY(0%);
	transform: translateX(-50%) translateY(0%);
}
.img-on-text.center-top{
	padding-top:80px;
}
.img-on-text.center-bottom .over-text{
	max-width:80%;
	bottom:0;
	left:50%;
	-moz-transform: translateX(-50%) translateY(0%);
	-webkit-transform: translateX(-50%) translateY(0%);
	-o-transform: translateX(-50%) translateY(0%);
	-ms-transform: translateX(-50%) translateY(0%);
	transform: translateX(-50%) translateY(0%);
}
.img-on-text.center-bottom{
	padding-bottom:80px;
}
.img-on-text.left-center .over-text{
	max-width:40%;
	top:50%;
	left:0;
	right:auto;
	-moz-transform:translateX(0%) translateY(-50%);
	-webkit-transform:translateX(0%) translateY(-50%);
	-o-transform:translateX(0%) translateY(-50%);
	-ms-transform:translateX(0px) translateY(-50%);
	transform:translateX(0%) translateY(-50%);
}
.img-on-text.left-center{
	padding-left:80px;
}
.img-on-text.left-bottom .over-text{
	bottom:0;
	left:0;
	right:auto;
}
.img-on-text.left-bottom{
	padding-left:80px;
	padding-bottom:80px;
}
.img-on-text.left-top .over-text{
	top:0;
	left:0;
	right:auto;
}
.img-on-text.left-top{
	padding-left:80px;
	padding-top:80px;
}
.img-on-text.right-center .over-text{
	max-width:40%;
	top:50%;
	right:0;
	-moz-transform:translateX(0%) translateY(-50%);
	-webkit-transform:translateX(0%) translateY(-50%);
	-o-transform:translateX(0%) translateY(-50%);
	-ms-transform:translateX(0px) translateY(-50%);
	transform:translateX(0%) translateY(-50%);
}
.img-on-text.right-center{
	padding-right:80px;
}
.img-on-text.right-bottom .over-text{
	bottom:0;
	right:0;
}
.img-on-text.right-bottom{
	padding-right:80px;
	padding-bottom:80px;
}
.img-on-text.right-top .over-text{
	top:0;
	right:0;
}
.img-on-text.right-top{
	padding-right:80px;
	padding-top:80px;
}
.contact-data{
    font-size:120%;
}
.contact-footer{
    background:rgba(230,230,230,0.5);
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom:-10px;
    padding:10px 0;
}
.text-info-box{
    display:block;
    max-width:80%;
    margin:70px auto;
    font-size:130%;
    border:1px solid #eb841f;
    padding:20px;
}
.copyright-row{
    margin-bottom:-15px;
    color:#FFFFFF;
    background-color:#0e518d;
    margin-top:15px;
}
.focus-c1{
    background:url('../img/orange-70.jpg') center center no-repeat;
    padding-bottom:15px;
    margin-bottom:15px;
    margin-top:15px;
    background-attachment:fixed;
    background-size:auto 100%;
}
ul.checklist { list-style: none; /* Alapértelmezett pöttyök kikapcsolása */ padding-left: 0; margin: 0; } ul.checklist li { position: relative; padding-left: 1.8rem; /* Hely a pipa számára */ margin-bottom: 0.4rem; color:#ffffff;font-size:20px; } ul.checklist li::before { content: "✔"; /* Itt állítod be a pipát */ position: absolute; left: 0; top: -8px; color: green; /* Pipa színe */ font-weight: bold;font-size:30px; }
.focus-c2{
    background:rgba(235,132,31,0.7);
    padding-bottom:15px;
    margin-bottom:15px;
    padding-top:15px;
    background-attachment:fixed;
    background-size:auto 100%;
}
/*.card-box{
    display:block;
    background:rgba(255,255,255,0.6);
    padding:15px;
    margin-bottom:10px;
}*/
.list-pipe{
    list-style:none;
    padding-left:20px;
}
.list-pipe li:before{
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 5px 0 -15px;
    color:#009900;
}
.text-300{
    font-size:300%;
}
.nowrap{
    white-space: nowrap;
}
.cookieWrapper{
	position:fixed;
	bottom:0;
	background:rgba(0,0,0,0.85);
	width:100%;
	padding:10px;
}
.cookieWrapper p{
	font-size:14px;
	color:#FFFFFF;
	max-width:80%;
	float:left;
	margin-left:40px;
	padding:10px 0;
}
.cookieWrapper .buttons{
	float:left;
}
  .slider-container {
    width: 100%;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
  }

  .slides {
    display: flex;
    transition: transform 0.6s ease;
  }

  .slides img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;        /* kitölti a teret */
    object-position: center;  /* a kép közepe látszik */
    flex-shrink: 0;
  }

  /* Nyilak */
  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    color: white;
    background: rgba(0,0,0,0.4);
    padding: 10px 15px;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
  }

  .arrow:hover {
    background: rgba(0,0,0,0.6);
  }

  .left-arrow { left: 15px; }
  .right-arrow { right: 15px; }


.bg-light{
	background-color:#e9e9e9;
	padding-top:20px;
	padding-bottom:20px;
}
@media (max-width: 1199px) {
    .navbar-default .container{
        width:100%;
    }
    .navbar-default .navbar-nav > li > a{
        padding:20px 10px;
    }
}
@media (max-width: 991px) {
	.logo img{
		display:none;
	}
    .img-on-text{
        padding:0 !important;
    }
    .img-on-text .thumbnail{
        max-width:60%;
        display:block;
        float:left;
        margin:10px;
    }
    .img-on-text .over-text{
        width:100%;
        max-width:100%;
        display:inline;
        position:relative;
        border:none;
        padding:0;
    }
}
@media (max-width: 820px) {
    .navbar-default .navbar-nav > li > a{
        font-size:90%;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .navbar-default .navbar-nav > li > a{
        -webkit-transition: all 0ms linear;
        -moz-transition: all 0ms linear;
        -ms-transition: all 0ms linear;
        -o-transition: all 0ms linear;
        transition: all 0ms linear;
    }
	.hll-contacts,
	.hll-tagcloud span{
		font-size:12px;
	}
	.cookieWrapper p{
		max-width:100%;
		margin-left:20px;
	}
	.cookieWrapper .buttons{
		margin-left:20px;
	}
}
@media (max-width: 767px) {
	.logo{
		position:absolute;
		left:48%;
		top:8%;
	}
	.logo img{
		max-width:40px;
		display:block;
	}
	.navbar-fixed-top .logo img{
		max-width:40px !important;
	}
    .navbar-default .navbar-nav > li > a{
        font-size:100%;
        text-align:center;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .navbar-default .navbar-nav > li > a{
        -webkit-transition: all 0ms linear;
        -moz-transition: all 0ms linear;
        -ms-transition: all 0ms linear;
        -o-transition: all 0ms linear;
        transition: all 0ms linear;
    }
	.btn-primary{
		width:320px;
		max-width:100%;
	}
    footer [class*="col-"]{
        margin-bottom:15px;
        padding-bottom:15px;
        border-bottom:1px solid #eb841f;
    }
    .main-info-box{
        width:50%;
    }
    .text-info-box{
        max-width:90%;
        margin:20px auto;
    }
}
@media (max-width: 670px) {
    .top-header h1{
        font-size:40px;
    }
}
@media (max-width: 479px) {
    .top-contact{
        padding-left:0;
        padding-right:0;
    }
    .top-contact .container{
        width:100%;
        padding-left:0;
        padding-right:0;
    }
    .top-contact .container [class*="col-"]{
        padding-left:0;
        padding-right:0;
    }
    footer{
        padding-left:0;
        padding-right:0;
    }
    .main-info-box{
        width:100%;
    }
    .img-on-text .thumbnail{
        max-width:100%;
        float:none;
    }
    .container{
        padding-left:0;
        padding-right:0;
        width:100%;
    }
    .contact-data{
        font-size:100%;
    }
    .szlogen-headline {
        font-size: 60px;
    }
	.col-xs-6{
		width:100%;
	} .col-xs-3{
		width:100%;
	}
}