@import url(https://fonts.googleapis.com/css?family=Oswald:500,400,300&subset=latin,latin-ext);

/* Basic */

	body {
		background: #ffffff;
		margin:0;
		padding:0;
	}

	body, input, select, textarea {
		color: #403f45;
		font-family: 'Oswald', sans-serif;
		font-size: 19px;
		font-weight: 300;
	}
	
	.clear {
		clear:both;
		display:block;}

	a {
		color: #bb5848;
		text-decoration: none;
	}

	a:hover {
		color: #403f45;	
	}
	 
	.nolink {
		cursor:pointer;}

	strong, b {
		font-weight: 400;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #403f45;
		font-weight: 300;
		line-height: 1em;
		margin: 0 0 0.5em 0;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h2 {
		font-size: 2.25em;
		line-height: 1.5em;
		letter-spacing: -0.035em;
	}

	h3 {
		font-size: 1.75em;
		line-height: 1.5em;
		letter-spacing: -0.025em;
	}

	h4 {
		font-size: 1.1em;
		line-height: 1.5em;
		letter-spacing: 0;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
		letter-spacing: 0;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
		letter-spacing: 0;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 2px #e5e5e5;
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	blockquote {
		border-left: solid 4px #e5e5e5;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}
	
    .content .text ul {
    margin-left: 40px;
}

.arrowlink span {
    font-size: 36px;
    vertical-align: sub;
    margin-left: 5px;
	display:inline-block;
	transition: all 0.3s ease-in-out;
}

.arrowlink:hover span {
    margin-left: 12px;}

.allas .content .text ul {
	margin-left:20px;
	font-size:19px;
	font-weight:500;
}

.allas .content .text ul li {
	color:#403f45;
	padding-left: 3px;
}

.allas-list ul.sub {
	display:inline-block;
}
.allas-list ul.sub:nth-of-type(1) {
	margin-right:45px;
}

.allas-contact {padding:30px 0px 35px 0px;}

.allas-contact a {
	color:#403f45;
}
.allas-contact a:hover {
	color:#bb5848;}
	
	.allas-contact span {
		display:inline-block;
		padding:0px 10px;
	}

.allas-contact strong {
	color:#bb5848;
	font-weight:500;
	padding-right:10px;
}

	/**/
    header {
    	background-color: #323136;
		background-image:url(../images/header.jpg);
		height: 98px;
		background-repeat:no-repeat;
		background-position:top center;}
	
	#header-inner {
		max-width:1200px;
		margin:0 auto;
		display: flex;
		align-items: center;
	}
	
	#logo {
		font-weight:400;
		font-size:15px;
		color: #403f45;
		text-transform:uppercase;
		display: inline-block;
		margin-left: 12px;
    margin-right: 100px;
	}
	#logo a {
		display: inline-block;
		vertical-align: middle;}
	#slogan {
		display: inline-block;
		vertical-align: middle;
		margin-left: 13px;}
	
	#language {
		display: inline-block;
		color:#dddddd;
		background-image:url(../images/language.png);
		background-repeat:no-repeat;
		background-position: left 36px center;
		padding-left: 70px;
		font-size: 15px;
		border-left: 1px solid #dddddd;
		height:24px;
    margin-bottom: 2px;
		}
		
	#language a {
		color:#dddddd;}
		
	#language a:hover {
		color:#bb5848;}

/* menu*/	

@media (min-width:769px) and (max-width:1000px) {	


 #language {
    position: absolute;
    /* float: right; */
    top: 37px;
    right: 90px;
}
}

@media (min-width:1001px) {
	#menu-container {
		display: inline-block;
		margin-left: 15px;
		margin-right:10px;
    vertical-align: middle;}
}
		
	#menu-container ul {
		padding:inherit;
		margin:inherit;}

	#menu-container li {
		list-style-type:none;
		display:inline-block;
		width:auto;
    padding-bottom: 0px;
    border-bottom: 8px solid;
    border-color: transparent;}

	#menu-container li a{
		font-size:18px;
		color:#ffffff;
		font-weight:200;
		padding:33px 24px;
		display:block;}

	#menu-container li:hover {
		border-bottom:7px solid #bb5848;}

	#menu-container li ul {
		display:none;
		position:absolute;
		background-color:#ffffff;
		z-index: 2;
		padding:20px 30px;
		min-width: 299px;}
		
	
	#menu-container li:hover ul {
		display:block;}
	
	#menu-container li ul li {
		display:block;
		padding:0;
		border:none;}
		
	#menu-container li ul li:hover {
		padding:0;
		border:none;}
		
	
	#menu-container li ul li a {
		padding:0;
		color:#2a2a2a;
		font-size:17px;
		border:none;}
		
	#menu-container li ul li a:hover {
		border:none;
		color:#bb5848;}
		

	#menu-container a:hover span {
		display:inline-block;
		font-size: 23px;
		line-height: 20px;}

	#slide {
		background-image:url(../images/slide.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		height:467px;
		position:relative;}
		
	.eng #slide {
		background-image:url(../images/slide-eng.jpg);}
		
	.deu #slide {
		background-image:url(../images/slide-deu.jpg);}

	#down-button{
		position: absolute;
		bottom: 15px;
		width: 100%;
		text-align: center;}
		
	/*boxes*/
	
	#main-boxes {
		max-width:1180px;
		margin:0 auto;
		text-align:center;
		padding-top: 30px;}
	
	.mainbox {
		border:2px solid #d9d9da;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		max-width:328px;
		margin:28px 24px;
		display:inline-block;
		text-align:center;
		vertical-align:top;}
		
	.mainbox .icon {
		text-align:center;
		margin-top:-28px;}
		
	.mainbox h2	{
		font-size:27px;
		color:#403f45;
		font-weight:300;
		padding:0;
		margin:0;}
			
	.mainbox .box-content {
		font-size:17px;
		line-height:21px;
		color:#403f45;
		font-weight:300;
		padding:25px 25px;}
	
	.mainbox .more-button a{
		background-color:#d9d9da;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color:#403f45;
		padding:0 50px;
		line-height:47px;
		display:inline-block;
		margin-bottom:18px;}
	.mainbox .more-button a:hover{
		background-color:#bb5848;
		color:#ffffff;}
	
	.mainbox ul,
	.mainbox li {
		text-align:left;}
		
	.mainbox ul	{
		margin-bottom: -6px;
		margin-top: 6px;}
		
	/*footer*/
	footer {
		background-image:url(../images/footer.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		height:263px;}	
	
	#footer-inner {
		max-width:1180px;
		margin:0 auto;}
	
	#support-program {
		float:left;}
	
	#footer-logo {
		float:right;
		padding-top:85px;
		text-align: right;}
		
	#support-program h2 {
		color:#ffffff;
		font-size:20px;
		font-weight:300;
		line-height: 70px;}
		
	a.support {
		border:1px solid #949395;
		display:inline-block;
		margin-right:30px;}	
		
	a.support:hover {
		border:1px solid #ffffff;}	
		
	a.support img {
		float:left;
		width:113px;}
		
	.footer-logo {
		margin-right: 50px;
		width:138px;
	}
	
	.iso {
		width:81px;}
	
	.copyright {
		color:#bb5848;
		font-size:16px;
		margin-right: 134px;
		margin-top: 8px;}
	
	/* content */
	
	.main-inner {
		background-position: right 7% bottom;
		background-repeat:no-repeat;
		background-color:#eff1f2;}
	.front .main-inner {
		background-color:#ffffff;}
		
	.content {
		max-width:1180px;
		margin:0 auto;
		overflow: hidden;
		padding-bottom: 40px;
		background-repeat:no-repeat;
		padding-left:20px;
		padding-right:20px;}
		
	.twocols .main-inner.first .content,
	.onecol  .content {
		background-image:url(../images/bg.png);
		background-position:top center;
		background-repeat:no-repeat;}
	
	
	.onecol  .main-inner.last .content {
		background-image:none;}
		
	.cegunkrol .main-inner {
		background-image:url(../images/cegunkrol.jpg);}
		
	.szemelyvedelem .main-inner.row1 {
		background-image:url(../images/objektumvedelem.jpg);
		background-position: right 7% bottom;}
		
	
	.szemelyvedelem .main-inner.row1 .content {
		padding-bottom:70px;}
		
	.szemelyvedelem .main-inner.row2 {
		background-image:url(../images/szemelyvedelem.jpg);
		background-position: left 13% bottom;
		background-color:#ffffff;}
		
	.szemelyvedelem .main-inner.row3 {
		background-image:url(../images/rendezvenybiztositas.jpg);
		background-position: right 23% bottom;
    background-color: #ffffff;}
		
	.nyomozasi .main-inner.row1 {
		background-image:url(../images/magannyomozas.jpg);
		background-position: right 7% bottom;}
		
	.nyomozasi .main-inner.row2 {
		background-image:url(../images/penzugyi.jpg);
		background-position: left 21% bottom;
		background-color:#ffffff;}
		
	.nyomozasi .main-inner.row3 {
		background-image:url(../images/megfigyeles.jpg);
		background-position: right 16% bottom;
		background-color:#ffffff;}
		
	.nyomozasi .main-inner.row2 .right {
		margin-left: 55%;}
	
	.koveteleskezeles .main-inner.row1 {
		background-color:#ffffff;}
	
	.koveteleskezeles .main-inner.row2 .right {
		padding-bottom:80px;}	
		
	.koveteleskezeles .main-inner.row2 {
		background-image:url(../images/behajtas-szemelyes.jpg);
		background-position: left 21% bottom;
		background-color:#eff1f2;}
		
	.koveteleskezeles .main-inner.row3 {
		background-image:url(../images/behajtas-vagyon.jpg);
		background-position: right 10% bottom;
		background-color:#ffffff;}
		
	.koveteleskezeles .main-inner.row4 {
		background-image:url(../images/behajtas-jogi.jpg);
		background-position: right 18% bottom;
		background-color:#eff1f2;}
	
	
	.koveteleskezeles .main-inner.row4 .left {
		padding-bottom:40px;}	
		
		
		
	.biztonsagi-rendszerek .main-inner {
		background-image:url(../images/biztonsagi_rendszerek.jpg);
		background-position: right 18% bottom;
		background-color:#eff1f2;}
		
	.biztonsagi-atvilagitas .main-inner {
		background-image:url(../images/biztonsagi_atvilagitas.jpg);
		background-position: right 18% bottom;
		background-color:#eff1f2;}
	
	.biztonsagi-atvilagitas .main-inner .text {
		padding-bottom:50px;}
		
	
	.referenciaink .main-inner.row1 {
		background-image:url(../images/ref1.jpg);
		background-position: center bottom;}
		
	.referenciaink .main-inner.row2 {
		background-image:url(../images/ref2.jpg);
		background-position: center bottom;
		background-color:#ffffff;}
	.allas .main-inner.row1 {
		background-image:url(../images/allas.jpg);
		background-position: right 100px bottom;}
		
	div.ref-box {
		font-weight:400;
		display:inline-block;
		vertical-align:top;
		width:230px;}
		
	.referenciaink .main-inner.row2 div.ref-box{
		
		width:290px;}
		
		.referenciaink .main-inner.last .content {
			padding-bottom:10px;}
		
	div.ref-box.box12 ul{
		width:280px;
		}
	div.ref-box.box12 ul li {
		float:left;
		width:50%;
		}
	div.ref-box.box12 {
		float:right;
		padding-bottom:80px;}
		
	div.ref-box ul {
		margin:0;
		padding:0;
		padding-left: 26px;
		padding-top: 13px;
		margin-bottom:50px;}
		
	div.ref-box.box6 ul,
	div.ref-box.box7 ul {
		margin-bottom:0px;}
			 
	div.ref-box li {
		font-weight:300;}
		 
	.referenciaink .text {
		max-width:none;}
		
	.contact_label {
	display:inline-block;
	width:70px;
	line-height:35px;}
	
	.text {
		max-width:565px;
		line-height:25px;
		text-align:justify;}

	.visszaeles .text {
		max-width:100%;
		padding-left:30px;}
		
	.visszaeles .text ul {
			margin-bottom:2em;
		}
	.visszaeles .melleklet ol li {
		list-style:latin;
	}
		
	.visszaeles ol li {
		list-style:upper-roman;
	}
		
	.allas .text {
	max-width:610px;}	
		
	.text .highlighted {
		font-size:23px;
		font-weight:500;
		line-height:28px;
		color:#bb5848;
	}
		
	.text.left,
	.text.right {
		max-width:44.5%;
		display:inline-block;
		vertical-align:top;}
	
	.text.right {
		margin-left:10%;}
		
	.text ul li,
	.reflist ul li{
		list-style-image:url(../images/li.png);
		margin-bottom:10px;}
	 
	 
	.reflist li li{
		list-style-image: none;
		margin-bottom:0px;}
		
	h1.title {
		color:#bb5848;
		border-bottom:1px solid #403f45;
		font-size:27px;
		padding: 42px 0px;
		line-height:39px;
		width:240px;
		margin-top:17px;
		margin-bottom:34px;
		white-space: nowrap;}
		
	.nembordo h1.title {
		color:#403f45;}
	
	.twocols .content h2,
	.referenciaink .content h2 {
		color:#bb5848;
		font-size:27px;
		text-transform:uppercase;
		padding-bottom: 15px;
		margin-top: 30px;
		text-align:left;}
		
	.nembordo .first h2{
		margin-top:0px;}
		
	.eng .mainbox .box-content,
	.deu .mainbox .box-content {
		padding: 25px 22px;}
		
		/* Basic styles for the cookie banner */
        #cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.9);
            color: white;
            padding: 20px;
            font-size: 22px;
            display: flex;
			justify-content: center;
            align-items: center;
            z-index: 10000;
        }
		
        #cookie-banner button {
            background-color: #b96456;
            color: white;
            border: none;
            padding: 10px 20px;
			margin:5px;
            cursor: pointer;
			font-size:18px;
        }
		
        #cookie-banner button:hover {
            background-color: #ffffff;
			color:#000000;
        }
		#cookie-banner div {
			margin-left:20px;
		}
		
		button#reject-all {
            background-color: #9d9d9d;}
		
@media only screen and (max-width: 1700px) {		
			.allas .main-inner.row1 {
		background-position: right bottom;}
		}
		
@media only screen and (max-width: 1500px) {
	
	.main-inner,
.allas .main-inner.row1	{
		background-position: right -100px bottom;}
}
		
@media only screen and (max-width: 1250px) {
	.allas-list ul.sub {
    display: block;
}
	
	.main-inner {
		background-position: left 415px bottom;}
}
		
@media only screen and (max-width: 1000px) {
	
	.text .highlighted {
		text-align:left;
	}
	header {
		background-position: left -368px top;}
		
.allas .main-inner.row1 {
		background-position: center bottom;
		padding-bottom:400px;}
		}
		
#menu-container li a {
    padding: 32px 14px 33px;
}
}

/*topnav*/		

.topnav {
  overflow: hidden;
}

#header-inner .fa {
    font-size: 30px;}

#header-inner .icon {
  display: none;
}

@media screen and (max-width: 1000px) {
	
	#logo {
    margin: 17px 0px 0px 60px;
	width:68%;
}	
	#header-inner {display: block;}
	


#language {
    border-left: 0;
}
}


/*media queries*/

@media screen and (min-width: 1201px) {
	#menu-container {
    margin-left: 55px;
	}
	
}

@media screen and (max-width: 1200px) {
#menu-container li a {
    padding: 33px 15px;
}

header {
    background-position: left -420px center;
}

#logo {
    margin-left: 25px;
}

}


@media screen and (max-width: 1180px) {
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}	
	
	.js .slicknav_menu {
		display:block;
		background-color: transparent;
		position: absolute;
		right: 30px;
		top: 21px;}
	.slicknav_btn {
		background-color: transparent !important;
		margin: 5px 5px 0px !important;
		}
	.js .slicknav_menu ul.slicknav_nav {
		background-color: #ffffff;
		margin-top: 38px;
		padding: 20px 15px;
		min-width: 260px;
		z-index: 2;
		position: relative;
		border: 1px solid #555555;}
		
	.slicknav_menu  li a {
		padding:0;
		color:#2a2a2a;
		font-size:20px;
		border:none;
		padding-left:10px;}
		
		
	.slicknav_menu  li a:hover {
		border:none;
		color:#bb5848;}
	.slicknav_menu  li ul	{
		padding: 0 !important;
		margin: 0px 24px !important;}
}

@media screen and (max-width: 768px) {
	
	h1.title {
		white-space: normal;}

	
	div.ref-box.box12 {
		float:none;
		padding-bottom:80px;}
	
	.kapcsolat .text {
		margin-top: -710px;
		padding-bottom: 400px;}
	
	.text.left, .text.right {
		max-width: 100%;
		display: block;
		}
	.text.right {
		margin-left: 0px;
		}
	
	.map {
		float:none !important;
		width:auto !important;
		margin-top: 300px !important;}
		
	.map iframe {width: 100% !important;}
	
	.cegunkrol .main-inner {
		padding-bottom: 400px;
		background-position: 33% bottom;
		background-size: 763px;
		}
	
	.szemelyvedelem .main-inner.row1 {
		padding-bottom:121px;
		background-position: 29% bottom;
		}
		
	.szemelyvedelem .main-inner.row2 {
		padding-bottom:250px;		
		
		}
		
	.szemelyvedelem .main-inner.row3 {
		padding-bottom:150px;	
		background-position: 84% bottom;	
		background-size: 160%;
		}
		
	.biztonsagi-atvilagitas .main-inner {
		background-position: 51% bottom;
		padding-bottom: 120px;
		background-size: 500px;	}
		
	.biztonsagi-rendszerek .main-inner {
		background-position: 48% bottom;
		padding-bottom: 360px;
		background-size: 150%;
		}
		
	.koveteleskezeles .main-inner.row3 {
		background-position: 72% bottom;
		padding-bottom: 165px;
		background-size: 162%;
		}
		
	.koveteleskezeles .main-inner.row4 {
		background-position: 62% bottom;
		padding-bottom: 258px;
		background-size: 143%;
		}
	.nyomozasi .main-inner.row1 {

		background-position: 45% bottom;
		padding-bottom: 300px;}
		
	.nyomozasi .main-inner.row3 {
		background-position: center bottom;
		padding-bottom: 360px;}
		
	.nyomozasi .main-inner.row2 .right {
		margin-left: 0px !important;}
		
	.nyomozasi .main-inner.row2 {
		background-position: center bottom;
		padding-bottom: 315px;}
	
	#slide {
		display:none;}
		
	footer {
		text-align:center;
		background-image:none;
		background-color:#2b2a2e;
		height:auto;
		overflow:hidden;}
		
	#support-program,
	#footer-logo {
		float:none;
		text-align:center;}
	
	#footer-logo {
		padding-top:15px;}
	.footer-logo {
		width: 100px;
	}
	.iso {
		width: 50px;
	}
	
	.copyright {
		margin-right:0px;
		margin-bottom:20px;
		margin-top:20px;}
	
	a.support {
		margin-right:0;
		display: inline-block;
		clear:both;
		width:77px;
		height:77px;
		margin:0 auto;
		margin-bottom:20px;}
	a.support img {
		width:77px;}


	#header {
	background-position: left  top;
	text-align: center;
	height:auto;}
	
	#logo {display: block;
	margin-top:0px;
	padding-top:20px;
	margin:0 auto;}
	
	#language {
		padding-left: 59px;
display: block;
text-align: left;
margin-left: 0px;
background-position: left 20px top;
padding-bottom: 15px;
text-align: center;
    background-position: top center;
    padding-top: 30px;
    padding-left: 0;
    width: 100px;
    margin: 0px auto 0px auto;
	font-size:20px;
     position: absolute;
    top: 114px;}

	.js .slicknav_menu{right: 0px;
	top: 97px;}
	
}	

@media screen and (max-width: 768px) and (orientation: landscape) {
	
.szemelyvedelem .main-inner.row3 {
padding-bottom: 250px;
}

.koveteleskezeles .main-inner.row3 {

padding-bottom: 290px;

}
.koveteleskezeles .main-inner.row4 {

padding-bottom: 400px;

}

.biztonsagi-rendszerek .main-inner {
background-size: 100%;
}


	h1.title {
		white-space: nowrap;}

}